/* Action Button Colors */
.comment-actions-container .action-button.action-like:hover,
.project-actions-container .project-action-button.action-like:hover,
.comment-actions-container .action-button-wrapper.action-updating .action-button.action-like,
.project-actions-container .project-action-button-wrapper.action-updating .projectaction-button.action-like,
.comment-actions-container .action-button.action-like.checked,
.project-actions-container .project-action-button.action-like.checked { background:#008fef; }

.comment-actions-container .action-button.action-love:hover,
.comment-actions-container .action-button-wrapper.action-updating .action-button.action-love,
.comment-actions-container .action-button.action-love.checked { background:#f85a76; }

.project-actions-container .action-button.action-like:hover,
.project-actions-container .action-button-wrapper.action-updating .action-button.action-like,
.project-actions-container .action-button.action-like.checked { background:#008fef; }

.project-actions-container .project-action-button.action-love:hover,
.project-actions-container .project-action-button-wrapper.action-updating .action-button.action-love,
.project-actions-container .project-action-button.action-love.checked { background:#f85a76; }

.dashboard-panel.projects {
    background: #f7f7f7;
    padding-bottom: 5px;
    min-height: 1000px;
}

#dashboard-main .bxd-categories-wrapper { margin:0; display:block; padding:0; }

#dashboard-main .project-status-group > h3 { font-weight:800; letter-spacing:0.03rem; color:#005f9e; font-size: 1.25rem; margin: 2rem 0 2rem 0; padding: 0 0 0.5rem; text-transform: uppercase; border-bottom: 5px solid #ddd; }
#dashboard-main .project-status-block { position:relative; border-top:1px solid #e5e5e5; padding:0.95rem 6rem 0.9rem 1rem; }
#dashboard-main .project-status-block .project-status-icon { font-size:2.5rem; color:#aaa; float:left; margin:-0.1rem 1.2rem 0 0; display:block; }
#dashboard-main .project-status-block:hover { background:#f9f9f9; }
#dashboard-main .project-status-block > h3 { font-weight:500; letter-spacing:0.03rem; font-size:1.1rem; margin:0 0 0.05rem; line-height:1.3rem; }
#dashboard-main .project-status-block > p { margin:0; font-size:0.95rem; }
#dashboard-main .project-status-block .bxd-category-meta { opacity:0.5; width:16rem; position:absolute; top:1.05rem; right:7rem; font-size:0.9rem; font-weight:400; line-height:1.25rem; }
#dashboard-main .project-status-block .bxd-category-meta .bxd-lp-title { font-size:0.8rem; color:#888; position:relative; top:-1px; }
#dashboard-main .project-status-block .bxd-category-meta .bxd-lp-title strong { color:#333; font-size:1rem; }
#dashboard-main .project-status-block .bxd-category-meta .bxd-lp-title strong a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#dashboard-main .project-status-block .bxd-category-meta .bxd-lp-image { float:left; margin-right:0.75rem; width:2.5rem; height:2.5rem; }
#dashboard-main .project-status-block .bxd-category-meta .bxd-lp-image img { width:2.5rem; height:2.5rem; }
#dashboard-main .project-status-block .bxd-category-replies { opacity:0.5; width:auto; position:absolute; top:1.4rem; right:1.5rem; text-align:right; font-size:0.9rem; font-weight:400; line-height:1.5rem; }
#dashboard-main .project-status-block .bxd-category-replies { color:#333; font-size:1.1rem; font-weight:600; }
#dashboard-main .project-status-block .bxd-category-replies svg { font-size:1.1rem; position:relative; top:1px; color:#aaa; }
#dashboard-main .project-status-block:hover .bxd-category-meta,
#dashboard-main .project-status-block:hover .bxd-category-replies { opacity:1; }
#dashboard-main .project-status-block .project-status-icon { opacity:0.5; }
#dashboard-main .project-status-block:hover .project-status-icon { opacity:1; }
#dashboard-main .fa-lock { color:#fba02f; }

#project-dropdowns .project-dropdowns-top { display:flex; margin:0; }
#project-status { width:50%; margin-right:20px; }
#project-role { width:50%; }
#project-priority { width:50%; margin-right:20px; }
#project-due-date { width:50%; }
#project-status > select, #project-priority > select { width:100%; display:block; }
#project-status .status-holder{ background: rgba( 0,0,0,0.02 ); border: 1px solid rgba(0,0,0,0.05); border-radius: 5px; }
#project-status .status-holder label{position: relative;}
#project-status .status-holder label span{display: none;}
.project-status-outer-box{ width: 33%; text-align: center; display: inline-block; position: relative;margin: 5px 0 !important;}
.project-status-outer-box input{ position: absolute; top: 0; left: 2%; width: 95%; height: 20px; z-index: 3; opacity: 0 !important; cursor:pointer;}
.project-status-outer-box label{ position: relative; width: 30px; z-index: 2; height: 30px; text-align: center; left: calc(50% - 15px); background: rgba(0,0,0,0.1); color: rgba(0,0,0,0.3); border-radius: 100%; line-height: 30px; cursor:pointer; margin-bottom: 0 !important; }
.project-status-outer-box.bxd-project-status-active input[type=radio]:checked + label{background: #44ce94; color: #fff;}
.project-status-outer-box.bxd-project-status-onhold input[type=radio]:checked + label{background: #ffd800; color: #fff;}
.project-status-outer-box.bxd-project-status-completed input[type=radio]:checked + label{background: #f05635; color: #fff;}

#project-status .project-status-outer-box:hover label span{position: absolute; top: -35px; background: #fff; color: rgba(0,0,0,0.5); display :block; left: 0; width: 90px; font-size: 11px; border-radius: 3px; line-height: 15px; z-index: 6; margin-left: -30px;font-size: 11px; box-shadow: 0 5px 10px rgba(0,0,0,0.15); padding: 5px 0 4px 0;}

#project-role .role-holder{ background: rgba( 0,0,0,0.02 ); border: 1px solid rgba(0,0,0,0.05); border-radius: 5px; }
#project-role .role-holder label{position: relative; font-size: 1rem;}
#project-role .role-holder label span{display: none;}
.project-role-outer-box{ width: 33%; text-align: center; display: inline-block; position: relative;margin: 5px 0 !important;}
.project-role-outer-box input{ position: absolute; top: 0; left: 2%; width: 95%; height: 20px; z-index: 3; opacity: 0 !important;; cursor:pointer;}
.project-role-outer-box label{ position: relative; width: 30px; z-index: 2; height: 30px; text-align: center; left: calc(50% - 15px); background: rgba(0,0,0,0.1); color: rgba(0,0,0,0.3); border-radius: 100%; line-height: 30px; cursor:pointer; margin-bottom: 0 !important; }
.project-role-outer-box.bxd-project-role-participating input[type=radio]:checked + label{background: #005f9e; color: #fff;}
.project-role-outer-box.bxd-project-role-monitoring input[type=radio]:checked + label{background: #78909c; color: #fff;}
.project-role-outer-box.bxd-project-role-supervising input[type=radio]:checked + label{background: #311b92; color: #fff;}
#project-role .project-role-outer-box:hover label span{position: absolute; top: -35px; background: #ffffff; color: rgba(0,0,0,0.5); display :block; left: 0; width: 90px; font-size: 10px; border-radius: 3px; line-height: 15px; z-index: 6; margin-left: -30px;font-size: 11px; box-shadow: 0 5px 10px rgba(0,0,0,0.15);  padding: 5px 0 4px 0;}

.second-dropdown-row{padding-top: 20px;}

.project-single-title .col-auto{width: 100%;}
.project-single-title .col-auto span{display: block;}

#bxd-single-project-post .bxd-saving { display:none; position:absolute; top:27px; right:30px; font-size:2.5rem; height:2.5rem; color:#aaa; }
#bxd-single-project-post.is-saving input, #bxd-single-project-post.is-saving select { opacity:0.25; }
#bxd-single-project-post.is-saving .bxd-saving { display:block; }
#bxd-single-project-post input[type="text"] { padding:0.5rem 0.75rem; }
#bxd-single-project-post label { font-size:0.8rem; font-weight:600; text-transform:uppercase; letter-spacing:0.05rem; display:block; margin:0 0 5px; }

#bxd-single-project-post select.select-project-priority-1 { border-color:#333333; background:rgba(51,51,51,0.15); }
#bxd-single-project-post select.select-project-priority-2 { border-color:#015f9e; background:rgba(0,95,158,0.15); }
#bxd-single-project-post select.select-project-priority-3 { border-color:#f3af17; background:rgba(243,175,23,0.15); }

#bxd-single-project-post select.select-project-status-active { border-color:#44ce94; background:rgba(68,206,148,0.15); }
#bxd-single-project-post select.select-project-status-onhold { border-color:#80afce; background:rgba(0,95,158,0.05); }

#project-client-info { margin:0; padding:0; }
#project-client-info p { margin:0; padding:0; position:relative; }

#dashboard-main h2.heading-title.project-heading { text-transform:none; font-weight:500; margin-bottom:0; padding:1.5rem 16rem 1.5rem 2rem; }
#dashboard-main h2.heading-comments { text-align:center; text-transform:none; font-weight:500; margin-bottom:0; border:none; padding:2.25rem 2rem; }
#dashboard-main h2.heading-title.project-heading .bxd-crumbs { text-transform:uppercase; font-weight:800; }

#dashboard-main h2.heading-title.project-heading-small { text-transform:none; font-weight:600; font-size:1.1rem; padding:1.1rem 2rem; position: relative;}
#dashboard-main h2.heading-title.heading-blue { background:#005f9e; color:#fff; }
#dashboard-main h2.heading-title.heading-dark-gray { background:#ccc; color:#333; }

#dashboard-main .project-members { display:flex; overflow:hidden; white-space:nowrap; flex-direction:row; padding:1rem 0 0; }
#dashboard-main .project-members .avatar { width:1.5rem; height:1.5rem; margin:0 0.35rem 0 0; display:block; padding:0; }

#dashboard-main { margin:0 -1rem; display:flex; flex-direction:row; flex-wrap: wrap; }
#dashboard-main .single-project { margin:0; background:#fff; transform:translate3d(0,0,0); box-shadow:0 2px 1px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(0,0,0,0.075); box-sizing:border-box; position:relative; border-radius:5px; padding:0;}
#dashboard-main .single-project > .project-title { display:inline-block !important; font-weight:600; border-radius:0px 0px 5px 0; padding:0.75rem 1rem; letter-spacing:0.03rem; font-size:1.1rem !important; margin:0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background: #e4e9eb; padding: 3px 20px; display: inline-block; color: #42535b; font-weight: 600; font-size: 14px; text-transform: uppercase; width: 30%; max-width: 30%; margin-left: -4px; }
#dashboard-main .single-project > .project-title a{font-size: 14px !important; color: #fff;}
#dashboard-main .single-project .project-sub-title {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding: 0px; display: block; color: #42535b; font-weight: 600; font-size: 14px; text-transform: uppercase; vertical-align: top; line-height: 31px; margin-top: -12px; margin-left: -27px; }
#dashboard-main .single-project .project-sub-title .chat-icon{background: #f8f9f9; padding: 6px 10px; margin-left: 16px;}
#dashboard-main .project-is-unread .single-project .project-sub-title .chat-icon {color: #000; background: #FEDc56;}
#dashboard-main .single-project .project-sub-title .commenter-avatar{ display: inline-block; width: 31px; height: 29px; vertical-align :top; overflow: hidden; }
#dashboard-main .single-project .project-sub-title .commenter-avatar img{filter: grayscale(100%); height: 100%; width: auto;}
#dashboard-main .single-project .project-sub-title .commenter-name{background: #f8f9f9; padding: 0px 10px; line-height: 29px; font-size: 12px; font-weight: 400; margin-left: -3px; display: inline-block; width: 150px; border-radius: 0 0 5px 0;vertical-align: top;margin-bottom: 10px;}
#dashboard-main .project-is-unread .single-project .project-sub-title .commenter-name{color: #000; background: #FEDc56;}
#dashboard-main .single-project > .project-details { display:block; color:#666; padding:0px 0 0 55px; line-height:1.6rem; margin:0; font-size:0.95rem; width: 100%; padding-bottom: 0px; }
#dashboard-main .single-project > .project-details > span { display:block; white-space: nowrap; text-overflow: ellipsis;}
#dashboard-main .single-project > .project-details span.client{display: inline-block; width: 33%; vertical-align: top; margin-bottom: 20px; position: relative;}
#dashboard-main .single-project > .project-details div.comment-display{display: inline-block; width: 63%; vertical-align: top; border: 1px solid #e4e9eb; border-radius: 2px; padding: 10px;overflow: hidden; max-height: 100px; margin-bottom: 10px; color: #78909c; margin-top: 9px; font-size: 14px; position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#dashboard-main .single-project > .project-details div.comment-display.opened{max-height: 100%;}
#dashboard-main .project-is-unread .single-project > .project-details div.comment-display{color: #000;}
#dashboard-main .project-is-unread .single-project > .project-details div.comment-display{background: #fff7d7; border: none;}
#dashboard-main .single-project > .project-details > span.client strong { font-size:1.1rem; padding-bottom:0.6rem; color: #78909c; font-weight: 400; width: 90%;font-size: 14px; border: 1px solid #e4e9eb; margin: 0; padding: 0; display: inline-block; margin-top: 10px; }
#dashboard-main .single-project > .project-details > span.client strong .icon-holder{line-height: 30px; display: inline-block; padding: 0 10px; text-align: center; background: #e4e9eb; color: #42535b !important; margin-right: 20px;}
#dashboard-main .single-project > .project-details > span svg {
    color: #fff;
}
#dashboard-main .single-project > .project-members { display:flex; overflow:hidden; white-space:nowrap; flex-direction:row; padding:0 0 1.4rem 1rem; margin:0 1rem 0 0; }
#dashboard-main .single-project > .project-members .avatar { width:1.5rem; height:1.5rem; 
    margin:0 0.25rem 0 0; display:block; padding:0; position: relative; }
#dashboard-main .single-project > .pinned-icon { position:absolute; top:0.8rem; right:0.75rem; font-size:1rem; color:#fff; }
.client-front-mail {
    color: #4f4f4f !important;
    font-weight: 400;
    width: 90%;
    font-size: 14px;
    margin: 0;
    padding: 0;
    display: inline-block;
    line-height: 38px;
    margin-top: 8px;
    margin-bottom: 20px;
}
.client-front-mail .icon-holder{line-height: 30px; display: inline-block; padding: 0 8px; text-align: center; background: #e4e9eb; color: #42535b !important; margin-right: 20px;overflow: hidden;}
.client-front-tel{ color: #78909c; font-weight: 400;  width: 90%; font-size: 14px; border: 1px solid #e4e9eb; margin: 0; padding: 0; display: inline-block; margin-top: 2px; overflow: hidden;}
.client-front-tel .icon-holder{line-height: 30px; display: inline-block; padding: 0 8px; text-align: center; background: #e4e9eb; color: #42535b !important; margin-right: 20px;}
span.link-to-crm {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 20px;
    font-size: 24px;
}

span.link-to-crm:hover .filtertip{
    display: block;
    text-align: center !important;
}
span.link-to-crm:hover .filtertip strong{
    display: block !important;
    font-size: 11px !important;
    margin: 0 !important;
    border: none !important;
    font-weight: 600 !important;
    text-align: center !important;
    margin: 0 !important;
    width: 100% !important;
}

span.link-to-crm a svg {
    color: #015f9e !important;
}

.select-holder{
    display: inline-block;
    width: 50%;
    float: left;
}

.select-holder select{
    width: 100%;
}

span.single-link-to-crm {
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 30px;
    margin-top: -15px;
    color: #0a5fa2 !important;
}


span.single-link-to-crm:hover .filtertip{
    display: block;
    text-align: center !important;
}
span.single-link-to-crm:hover .filtertip strong{
    display: block !important;
    font-size: 11px !important;
    margin: 0 !important;
    border: none !important;
    font-weight: 600 !important;
    text-align: center !important;
}


span.single-link-to-crm a svg {
    color: #015f9e !important;
}

.update-client-link {
    text-align: right;
}

.update-client-link a{
    display: inline-block;
    background: #015f9e;
    padding: 3px 15px;
    border-radius: 5px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 700;
    cursor:pointer;
}


.project-current-category {
    position: absolute;
    height: 32px;
    right: 5px;
    width: auto;
    color: #42535b;
    padding: 0px 10px;
    border-radius: 5px;
    background: #e4e9eb;
    transform-origin: 0 0;
    text-align: center;
    line-height: 32px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    top: 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#dashboard-main .project-is-unread .single-project > .project-details div.comment-display .last-comment-readmore{
    position: absolute;
    bottom: 0%;
    right: 0px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 3px 0 3px 0;
    background: #000;
    color: #FEDc56;
    line-height: 10px;
    text-align: center;
    font-size: 20px;
    cursor:pointer;
    margin-top: -10px;
}

#dashboard-main .single-project > .project-details div.comment-display .last-comment-readmore{
    position: absolute;
    bottom: 18px;
    right: 0px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border-radius: 3px 0 3px 0;
    color: #42535b;
    background: #e4e9eb;
    line-height: 10px;
    text-align: center;
    font-size: 20px;
    cursor:pointer;
}




.last-comment-readmore svg{
    position: relative;
    top: -3px;
}

.filtertip{
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 90px;
    font-size: 11px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.15);
    padding: 5px 0 4px 0;
    color: rgba(0,0,0,0.5);
    display: none;
    line-height: 14px;
    margin-left: -45px;
    box-sizing: border-box;
    text-transform: uppercase;
    z-index: 10;
    background: #fff;
}

.filtertip strong{
    color: #42535b;
}

.project-current-role{
    position: absolute;
    height: 32px;
        right: 120px;
        padding:0px 10px;
    width: auto;
    border-radius: 5px;
    color: #42535b;
    background: #e4e9eb;
    transform-origin: 0 0;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    border-right: 1px solid rgba(0,0,0,0.1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    top: 5px;
}

.new-projects-filter .status-group{
 display: inline-block;
 vertical-align: top;
 width: 25%;
}

.new-projects-filter .status-group ul{
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    vertical-align: top;
    border-radius: 3px;
    padding: 3px;
    margin-left: 0 !important;
}

.new-projects-filter .status-group ul li{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #e4e9eb;
    text-align: center;
    line-height: 30px;
    color: #42535b;
    border-radius: 3px;
    cursor:pointer;
    position: relative;
}

.new-projects-filter .status-group ul li:hover .filtertip{
    display: block;
}

.new-projects-filter .status-group ul li.current{
    color: #fff;
   
}

.new-projects-filter .blocked-group{
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 30px;
    height: 30px;
    background: #e4e9eb;
    text-align: center;
    line-height: 30px;
    color: #42535b;
    border-radius: 3px;
    cursor: pointer;
    margin-right: 6%;
    opacity: 0;
}

.new-projects-filter .blocked-group ul{
    margin: 0 !important;
    padding: 5px 0 !important;
    list-style-type: none;
}

.new-projects-filter .blocked-group ul li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.new-projects-filter .blocked-group:hover .filtertip{
    display: block;
}



.project-comment-actions-container{
    position: absolute;
    bottom: -12px;
    left: 20px;
    background: #dbe0e0;
    border-radius: 20px;
}

.project-comment-actions-container:hover{
    background: #c4cdcd;
}




.project-comment-action-button-wrapper .project-comment-like-counter {
    display: none;
    background: #fff;
    color: #333;
    float: left;
    margin-left: 0.5rem;
    position: relative;
    top: 0.25rem;
    text-align: center;
    height: 1.5rem;
    width: auto;
    border-radius: 3px;
    min-width: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.8rem;
    font-weight: 600;
}

.project-comment-action-button-wrapper .project-comment-like-counter:after {
    border-right: 5px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    left: -5px;
    margin: -5px 0 0 0;
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
}

.project-comment-action-button-wrapper.has-clicks .project-comment-like-counter {
    display: inline-block;
    margin-right: 5px;
}

.project-comment-action-button-wrapper .avatars{
    display: inline-block;
    vertical-align: top;
}

.project-comment-action-button-wrapper .avatars img{
    width: 25px;
    border-radius: 100%;
    margin-left: 5px;
    position: relative;
    top: 3px;
    margin-right: 5px;
    opacity: 0.5;
}

.project-comment-actions-container:hover .project-comment-action-button-wrapper .avatars img{
    opacity: 1;
}

.project-comment-action-button-wrapper.has-clicks .project-comment-button{
    background: #0a5fa2;
}



.project-comment-action-button-wrapper .project-comment-button {
    transform: scale(0.8);
    display: inline-block;
    float: left;
    color: #fff;
    position: relative;
    cursor: pointer;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    text-align: center;
    line-height: 2rem;
    font-size: 1rem;
}


.dirfilter {
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: center;
    float: right;
}

.dirfilter .direction-group{
    display: inline-block;
    vertical-align: top;
}

.dirfilter .direction-group{
    display: inline-block;
    vertical-align: top;
}

.dirfilter .sort-group{
    display: inline-block;
    vertical-align: top;
}

.dirfilter .direction-group ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.dirfilter .direction-group ul li{
    position: relative;
}

.dirfilter .sort-group ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    z-index: 5;
}

.new-projects-filter {
    padding-top: 30px;
    padding-bottom: 15px;
}

.dirfilter .sort-group ul li{
    position: relative;

}

.dirfilter .direction-group ul li{
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #e4e9eb;
    text-align: center;
    line-height: 30px;
    color: #42535b;
    border-radius: 3px;
    cursor:pointer;
    position: relative;
}

.dirfilter .direction-group ul li:hover .filtertip{
    display: block;
}

.dirfilter .direction-group ul li.current{
    color: #fff;
    background: #015f9e;
}

.dirfilter .sort-group ul li{
    display: inline-block;
    background: #e4e9eb;
    text-align: center;
    line-height: 30px;
    width: 70px;
    color: #42535b;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    cursor:pointer;
    position: relative;
}

.dirfilter .sort-group ul li:hover .filtertip{
    display: block;
}

.dirfilter .sort-group ul li.current{
    color: #fff;
    background: #015f9e;
}

.new-projects-filter .users-group {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    text-align: right;
}

.new-projects-filter .users-group ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.filterClicker{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.new-projects-filter .users-group li{
    display: inline-block;
    background: #e4e9eb;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #42535b;
    border-radius: 3px;
    font-weight: 600;
    cursor:pointer;
    position: relative;
}

.new-projects-filter .users-group li:hover .filtertip{
    display: block;
}

.filters-ignore:hover .filtertip{
    display: block;
}

.new-projects-filter .users-group li.current {
    color: #fff;
    
}

.new-projects-filter .display-mode {
    display: inline-block;
    vertical-align: top;
    width: 26.5%;
    text-align: right;
}

.new-projects-filter .display-mode ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.new-projects-filter .display-mode ul li{
    display: inline-block;
    background: #e4e9eb;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    color: #42535b;
    border-radius: 3px;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

.new-projects-filter .display-mode ul li.current{
    color: #fff;
    background: #015f9e;
}

.new-projects-filter .display-mode li:hover .filtertip {
    display: block;
}

#dashboard-main .bxd-projects-dashboard-wrapper {}
#dashboard-main .bxd-projects-dashboard-wrapper .single-project { transform:translate3d(0,0,0); box-shadow:0 2px 1px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(0,0,0,0.075); border-radius:3px; width:100%; display:block; line-height:1.5rem; background:rgba(255,255,255,0.5); padding:0px; box-sizing:border-box; margin:0 0 20px; }
#dashboard-main .bxd-projects-dashboard-wrapper .single-project .project-title {
    display: inline-block;
    font-size: 1.2rem;
    font-weight: bold;
    width: 75%;
}
#dashboard-main .bxd-projects-dashboard-wrapper .single-project .client { display:block; color:#333 }
#dashboard-main .bxd-projects-dashboard-wrapper .single-project.project-priority-1 > .project-title { color:#333333; }
#dashboard-main .bxd-projects-dashboard-wrapper .single-project.project-priority-2 > .project-title { color:#015f9e; }
#dashboard-main .bxd-projects-dashboard-wrapper .single-project.project-priority-3 > .project-title { color:#f3af17; }
#dashboard-main .bxd-projects-dashboard-wrapper .single-project:hover { transform:translate3d(0,-1px,0); box-shadow:0 10px 20px rgba(0,0,0,0.075), inset 0 0 0 1px rgba(0,0,0,0.15); background:#fff; }

#dashboard-main .single-project-post-details { line-height:1.7rem; font-size:1.1rem; padding:0 0 0; }
#dashboard-main .project-single-title{margin: 0; padding: 0 !important;}
#dashboard-main .project-members-list { width:100%; display:flex; flex-wrap:wrap; }
#dashboard-main .project-show-excluded { margin:20px 0 0; }
#dashboard-main .project-excluded-members { display:none; margin:20px 0 0; }
#dashboard-main .single-project-post-members .member-block { color:#888; width:48%; margin:0 2% 0 0; line-height:1.5rem; }
#dashboard-main .single-project-post-members .member-block.included { color:#333; font-weight:600; }
#dashboard-main .single-project-post-members .member-block img { -webkit-filter:grayscale(1); opacity:0.5; width:16px; height:16px; border-radius:8px; display:inline-block; margin:0 10px; padding:0; position:relative; top:3px; }
#dashboard-main .single-project-post-members .member-block.included img { -webkit-filter:grayscale(0); opacity:1; }
#dashboard-main .single-project-post-members .member-block label { cursor:pointer; }


.projects-template-default table.ui-datepicker-calendar td a{margin-right: 0;}

form#project_tasks { margin:0; }
#dashboard-main .single-project-tasks .project-task-list { margin:0 0 0.75rem; }
#dashboard-main .single-project-tasks .project-task-list.completed { margin:0; padding:0.5rem 0 0 0; }
#dashboard-main .single-project-tasks .project-task-list.completed .project-task-content {
    text-decoration:line-through;
}
#dashboard-main .single-project-tasks .project-task-list .projtask {
    position:relative;
    margin:0;
    padding:5px 0;
}
#dashboard-main .single-project-tasks .project-task-list .project-task-checkbox {
    width:1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
#dashboard-main .single-project-tasks .project-task-list .project-task-checkbox input {
    opacity: 0;
    position: absolute;
    width: 1em;
    height: 1em;
    cursor: pointer;
}
#dashboard-main .single-project-tasks .project-task-list .project-task-content {
    cursor: pointer;
    padding: 0 0 0 3em;
}
#dashboard-main .single-project-tasks .project-task-list .project-task-checkbox {
    /* color: #1186ff; */
    font-size: 14px;
    width: 1em;
    height: 1em;
    color:#808080;
}
#dashboard-main .single-project-tasks .project-task-list .project-task-delete {
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    text-align: center;
    left: 21px;
    right: auto;
    cursor: pointer;
    color:#808080;
    /* color: #dd3847; */
}
#dashboard-main .single-project-tasks form > input {
    padding:0.65rem 1rem;
    border:1px solid #ddd;
    margin:0;
}

#dashboard-main .single-project-status { padding:0; }
#dashboard-main .single-project-section h3 { font-size:0.9rem; letter-spacing:0.05rem; text-transform:uppercase; padding-top:1rem; border-top:2px solid #e5e5e5; }
#dashboard-main .single-project-post-members h3 { border-top:0; padding-top:0; }

#dashboard-main .single-project-tasks .bxd-tasks-saving { display:none; position:absolute; top:12px; right:30px; font-size:1.5rem; color:#aaa; }
#dashboard-main .single-project-tasks.is-saving .bxd-tasks-saving { display:block; }

#dashboard-main .project-block-container .single-project.project-priority-1  {  display: block; margin: 0; width: 100%; position: relative;}
#dashboard-main .project-block-container .single-project.project-priority-2  {  display: block; margin: 0; width: 100%; position: relative;}
#dashboard-main .project-block-container .single-project.project-priority-3  { display: block; margin: 0; width: 100%; position: relative;}


#dashboard-main .single-project{
    position: relative;
}

.project-link-popup {
    position: absolute;
    border-radius: 5px;
    color: #fff;
    right: 260px;
    background: #008fef;
    border-right: 1px solid rgba(0,0,0,0.1);
    font-size: 12px;
    font-weight: 600;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    padding: 4px 15px 4px 15px;
    opacity: 1;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.project-mark-as-read-popup {
    position: absolute;
    top: 5px;
    right: 380px;
    color: #42535b !important;
    background: #e4e9eb;
    border-right: 1px solid rgba(0,0,0,0.1);
    font-size: 12px;
    font-weight: 600;
    padding: 4px 15px 4px 15px;
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    cursor:pointer;
}

.project-link-popup:hover{
    color: #fff !important;
    background: #015f9e;
}

#dashboard-main .project-is-unread .single-project:hover .project-mark-as-read-popup{
    opacity: 1;
}

.project-mark-as-read-popup:hover{
    color: #fff !important;
    background: #015f9e;
}

#dashboard-main .single-project:hover .project-link-popup{
    opacity: 1;
}


#dashboard-main .project-status-active.project-is-unread{background: #FFFFE0; }

.single-project-status{display: inline-block; vertical-align: top; line-height: 31px; padding: 0 10px !important; background: #e4e9eb;; color: #fff; border-right: 1px solid rgba(0,0,0,0.1) }
.project-status-active{color: #a9b8c0;}
.project-status-onhold{color: #a9b8c0;}
.project-status-completed{color: #a9b8c0;}

#dashboard-main .project-status-onhold .single-project.project-priority-1 > .project-title { background:rgba(51,51,51,0.5); color:#fff; }
#dashboard-main .project-status-onhold .single-project.project-priority-2 > .project-title { background:rgba(0,95,158,0.5); color:#fff; }
#dashboard-main .project-status-onhold .single-project.project-priority-3 > .project-title { background:rgba(243,175,23,0.5); color:#fff; }

#dashboard-main .project-status-onhold .single-project > .project-title { background:#b1bac1; color:#fff; font-weight:500; }
#dashboard-main .project-status-onhold .single-project > .project-details > span { color:#aaa !important; }
#dashboard-main .project-status-onhold .single-project > .project-members { opacity:0.5; }
#dashboard-main .single-project.is-pinned > .project-title { background:#015f9e; color:#fff; }

#dashboard-main .single-project:hover { transform:translate3d(0,-1px,0); box-shadow:0 10px 20px rgba(0,0,0,0.075), inset 0 0 0 1px rgba(0,0,0,0.1); }

#dashboard-main .single-project.single-new-comment img { top:1rem; }
#dashboard-main .single-project.single-new-comment { line-height:1.6rem; padding:0.75rem 1rem 0.75rem 4.25rem; }
#dashboard-main .single-project.single-new-comment > h3 { font-weight:400; color:#333; font-size:0.85rem; display:inline; }
#dashboard-main .single-project.single-new-comment > p { font-size:1rem; color:#555; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; }
#dashboard-main .single-project.single-new-comment > p > strong > a { font-size:1rem; white-space:nowrap; display:block; overflow:hidden; text-overflow:ellipsis; }

#dashboard-main .single-project.single-new-comment:first-child { border-top:none; padding-top:0; }
#dashboard-main .single-project.single-new-comment:first-child img { top:0.25rem; }

#dashboard-main .bxd-large-icon { display:block; margin:0 auto 0.5rem; font-size:5rem; color:#ccc; }
#dashboard-main .bxd-view-all-bottom { border-top:1px solid #e5e5e5; padding:1.5rem 0 0; text-transform:uppercase; letter-spacing:0.03rem; text-align:center; font-size:0.8rem; font-weight:600; }

#dashboard-main .single-project.is-unread { padding-right:40px; }

#dashboard-main .single-project .bxd-project-meta { opacity:0.5; width:15rem; position:absolute; top:1.1rem; right:7rem; font-size:0.9rem; font-weight:400; line-height:1.2rem; }
#dashboard-main .single-project .bxd-project-meta .bxd-meta-title { font-size:0.9rem; color:#888; }
#dashboard-main .single-project .bxd-project-meta .bxd-meta-title strong { color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width: 12.5rem; display: inline-block; line-height: 1rem;}
#dashboard-main .single-project .bxd-project-meta .bxd-lp-image { float:left; position:relative; top:0.4rem; margin-right:0.75rem; width:1.5rem; height:2rem; }

#dashboard-main .bxd-pin-post { transform:scale(0.9); color:#aaa;cursor:pointer; position:absolute; font-size:2rem; top:1.75rem; right:2rem; }
#dashboard-main .bxd-pin-post:hover { color:#888; }
#dashboard-main .bxd-pin-post.is-pinned { color:#f05635; transform:scale(1.1);  }

#dashboard-main .single-project .bxd-project-replies { opacity:0.5; width:6rem; position:absolute; top:1.6rem; right:1.5rem; text-align:right; font-size:0.9rem; font-weight:400; line-height:1.5rem; }
#dashboard-main .single-project .bxd-project-replies { color:#333; font-size:1.1rem; font-weight:600; }
#dashboard-main .single-project .bxd-project-replies svg { font-size:1.1rem; position:relative; top:1px; color:#aaa; }

#dashboard-main h2.heading-title.project-heading .bxd-pin-post { top:2.05rem; }

#dashboard-main .single-project.is-unread .bxd-project-replies { right:3rem; }
#dashboard-main .single-project.is-unread .bxd-project-meta { right:8.5rem; }

#dashboard-main .single-project .unread-dot { cursor:pointer; position:absolute; width:10px; height:10px; right:20px; top:50%; margin-top:-5px; background:#f05635; border-radius:5px; }
#dashboard-main .single-project.is-read h3 a { color:#888; }
#dashboard-main .single-project.is-read img { -webkit-filter:grayscale(1); -moz-filter:grayscale(1); filter:grayscale(1); opacity:0.75; }
#dashboard-main .single-project .unread-dot:hover { background:#888; }
#dashboard-main .single-project .unread-dot.is-loading,
#dashboard-main .single-project .unread-dot.is-loading:hover { cursor:default; background:#aaa; color:#ccc; }
#dashboard-main .single-project .unread-dot.is-loading svg { position: relative; top:-5px; left:-5px; font-size:20px; }

#mark-all-as-read.is-loading, #mark-all-as-read.is-loading:hover { background:#aaa !important; }

#dashboard-main .single-project:hover .bxd-project-meta,
#dashboard-main .single-project:hover .bxd-project-replies { opacity:1; }
#dashboard-main .bxd-project-single-comment .comment-admin-actions { opacity:0; transform:translate3d(0,2px,0); }
#dashboard-main .bxd-project-single-comment:hover .comment-admin-actions { opacity:1; transform:translate3d(0,0,0); }
#dashboard-main .bxd-project-single-comment.bxd-loading .comment { height:472px; }

#project-new-single_project-form { margin:0 auto 0.5rem; padding:2rem 0 0; }
#project-new-single_project-form .intro { margin:2rem 0; position:relative; padding-left:4.75rem; line-height:1.5rem; font-size:1.25rem; }
#project-new-single_project-form .intro strong { font-size:1rem; }
#project-new-single_project-form .intro a { font-size:0.8rem; color:#888; }
#project-new-single_project-form .intro a:hover { color:#333; }
#project-new-single_project-form .intro .avatar { position:absolute; top:-0.4rem; left:0; display:block; margin:0; box-shadow:0 3px 3px rgba(0,0,0,0.15); padding:0; width:4rem; height:4rem; }
#project-new-single_project-form { opacity:1; }
#project-new-single_project-form .bxd-loading { display:none; font-size:1.5rem; color:#666; position:relative; top:0.3rem; height:2.6rem; }
#project-new-single_project-form.bxd-submitting { opacity:0.5; }
#project-new-single_project-form.bxd-submitting input[type="submit"] { background:#aaa; }
#project-new-single_project-form.bxd-submitting .bxd-loading { display:inline; padding-left:1rem; }

#project-new-single_project-form select { height:2.5rem; }

#dashboard-main .bxd-project-single-comment > article > img.avatar { opacity:1; transform:scale(1); }
#dashboard-main .bxd-project-single-comment.bxd-is-first > article > img.avatar { transform:scale(1.2); top:-3.3rem; }
#dashboard-main .bxd-project-single-comment.bxd-is-first .comment-date-bar > a > span { top:1rem; }
#dashboard-main .bxd-project-single-comment > article > .comment-content,
#dashboard-main .bxd-project-single-comment > article > .comment-actions-container,
#dashboard-main .bxd-project-single-comment > article > p.name { opacity:1; transform:translate3d(0,0,0); }
#dashboard-main .bxd-project-single-comment > article > .comment-content { padding-right:2.25rem; }
#dashboard-main .bxd-project-single-comment > article > .comment-content img { display:block; margin:0 0 1.5rem; }
#dashboard-main .bxd-project-single-comment.bxd-hidden .comment-date-bar { background:transparent; border-left:0.2rem solid #005f9e; }
#dashboard-main .bxd-project-single-comment.bxd-is-first .comment-date-bar { background:#444; border-left:0.2rem solid #444; padding:1rem 3.25rem 1rem 3.05rem; }
#dashboard-main .bxd-project-single-comment.bxd-is-first > article > .comment-content { font-size:1.2rem; }
#dashboard-main .bxd-project-single-comment.bxd-is-first article.comment { border-color:#444; }
#dashboard-main .bxd-project-single-comment.bxd-hidden > article > img.avatar { opacity:0; transform:scale(0.95); }
#dashboard-main .bxd-project-single-comment.bxd-hidden > article > .comment-content,
#dashboard-main .bxd-project-single-comment.bxd-hidden > article > .comment-actions-container,
#dashboard-main .bxd-project-single-comment.bxd-hidden > article > p.name { opacity:0; transform:translate3d(0,0.75rem,0); }
#dashboard-main .bxd-project-single-comment { opacity:1; }
#dashboard-main .bxd-project-single-comment.bxd-deleting { opacity:0.75; }

#dashboard-main .atwho-inserted { font-weight:600; color:#005f9e; }
body .atwho-view .cur { background:#005f9e; }
body .atjs-hidden { display:none; }
body .atwho-view li { font-size:0.9rem; }
body .atwho-view li > img { width:1.05rem; height:1.05rem; display:inline-block; margin:0 0.5rem 0 0; padding:0; float:left; position:relative; top:1px; }

.comment-actions-container { width:auto; position:relative; display:block; }
.comment-actions-container .action-button-wrapper { display:inline-block; float:left; margin-right:-0.15rem; }
.comment-actions-container .action-button-wrapper.action-updating .action-button { transform:scale(1); cursor:default; opacity:0.75; }
.comment-actions-container .action-button { transform:scale(0.8); display:inline-block; float:left; background:#ccc; color:#fff; position:relative; cursor: pointer; width:2rem; height:2rem; border-radius:1rem; text-align:center; line-height:2rem; font-size:1rem; }
.comment-actions-container .has-clicks .action-button { transform:scale(0.8); }
.comment-actions-container .action-counter { display:none; background:#ddd; color:#333; float:left; margin-left:0.5rem; position:relative; top:0.25rem; text-align:center; height:1.5rem; width:auto; border-radius:3px; min-width:1.5rem; line-height:1.5rem; font-size:0.8rem; font-weight:600; }
.comment-actions-container .action-counter:after { border-right:5px solid #ddd; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left:-5px; margin:-5px 0 0 0; content:" "; display:block; width: 0; height:0; position:absolute; top:50%; }
.comment-actions-container .action-button-wrapper.has-clicks .action-counter { display:block; }
.comment-actions-container .avatars { float:left; margin-left:0.25rem; height:2rem; min-width:2rem; }
.comment-actions-container .has-clicks .avatars { margin-right:1rem; }
.comment-actions-container .avatars img { margin:0 0.15rem 0 -0.75rem; -webkit-filter:grayscale(0.5); border-radius:50%; width:1.5rem; height:1.5rem; position:relative; top:0.25rem; float:left; }
.comment-actions-container .avatars img:first-child { margin:0 0.15rem 0 0.25rem; }
.comment-actions-container .action-button-wrapper .avatars { opacity:0.5; }
.comment-actions-container .action-button-wrapper:hover .avatars { opacity:1; }
.comment-actions-container .action-button-wrapper:hover img { margin:0 0.15rem 0 0; -webkit-filter:grayscale(0); }
.comment-actions-container .action-button-wrapper:hover img:first-child { margin:0 0.15rem 0 0.25rem; }
.comment-actions-container .action-button:hover, .comment-actions-container .action-button-wrapper.action-updating .action-button { transform:scale(1); }
.comment-actions-container .action-button.checked { transform:scale(1); }
.comment-actions-container .has-clicks .action-button:hover { transform:scale(1); }
.comment-actions-container .action-button.checked:hover { transform:scale(1); opacity:0.75; }
.comment-actions-container .action-button-wrapper .action-button .fa-thumbs-up { position:relative; top:-0.05rem; }
.comment-actions-container .action-button-wrapper .action-button .fa-heart { position:relative; top:0.05rem; }

.project-actions-container { width:auto; position:relative; display:block; padding-top: 20px; }
.project-actions-container .project-action-button-wrapper { display:inline-block; float:left; margin-right:-0.15rem; }
.project-actions-container .project-action-button-wrapper.action-updating .project-action-button { transform:scale(1); cursor:default; opacity:0.75; }
.project-actions-container .project-action-button { transform:scale(0.8); display:inline-block; float:left; background:#ccc; color:#fff; position:relative; cursor: pointer; width:2rem; height:2rem; border-radius:1rem; text-align:center; line-height:2rem; font-size:1rem; }
.project-actions-container .has-clicks .project-action-button { transform:scale(0.8); }
.project-actions-container .project-action-counter { display:none; background:#ddd; color:#333; 
    float:left; margin-left:0.5rem; position:relative; top:0; text-align:center; height:1.5rem; width:auto; border-radius:3px; min-width:1.5rem; line-height:1.5rem; font-size:0.8rem; font-weight:600; }
.project-actions-container .project-action-counter:after { border-right:5px solid #ddd; border-top: 5px solid transparent; border-bottom: 5px solid transparent; left:-5px; margin:-5px 0 0 0; content:" "; display:block; width: 0; height:0; position:absolute; top:50%; }
.project-actions-container .project-action-button-wrapper.has-clicks .project-action-counter { display:block; }
.project-actions-container .avatars { float:left; margin-left:0.25rem; height:2rem; min-width:2rem; }
.project-actions-container .has-clicks .avatars { margin-right:1rem; }
.project-actions-container .avatars img {
    margin: 0 0.15rem 0 -0.75rem;
    -webkit-filter: grayscale(0.5);
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    position: relative;
    top: 0px;
    float: left;
    border: 2px #fff solid;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.project-actions-container .avatars img:first-child { margin:0 0.15rem 0 0.25rem; }
.project-actions-container .project-action-button-wrapper .avatars { opacity:0.5; }
.project-actions-container .project-action-button-wrapper:hover .avatars { opacity:1; }
.project-actions-container .project-action-button-wrapper:hover img { margin:0 0.15rem 0 0; -webkit-filter:grayscale(0); }
.project-actions-container .project-action-button-wrapper:hover img:first-child { margin:0 0.15rem 0 0.25rem; }
.project-actions-container .project-action-button:hover, .project-actions-container .project-action-button-wrapper.action-updating .project-action-button { transform:scale(1); }
.project-actions-container .project-action-button.checked { transform:scale(1); }
.project-actions-container .has-clicks .project-action-button:hover { transform:scale(1); }
.project-actions-container .project-action-button.checked:hover { transform:scale(1); opacity:0.75; }
.project-actions-container .project-action-button-wrapper .project-action-button .fa-thumbs-up { position:relative; top:-0.05rem; }
.project-actions-container .project-action-button-wrapper .project-action-button .fa-heart { position:relative; top:0.05rem; }

#dashboard-main #new-comment.comment { padding-bottom:0; padding-top:0.85rem; border:none; }
#dashboard-main #new-comment.comment .avatar { left:-1.8rem; top:0; }
#dashboard-main #new-comment.comment p.date { margin:0 0 1.5rem; }
.fr-popup .fr-command.fr-btn { text-align:center !important; }
#dashboard-main .fr-box { margin-top:0.4rem; margin-bottom:1.25rem; }
#dashboard-main .fr-wrapper .fr-placeholder { margin-top:0 !important; }
#dashboard-main .fr-separator { background:#d5d5d5; width:1px !important; }
#dashboard-main .fr-toolbar .fr-command.fr-btn,
#dashboard-main .fr-popup .fr-command.fr-btn,
#dashboard-main .fr-separator.fr-vs { margin:0; font-size:14px; }
#dashboard-main .fr-toolbar .fr-command.fr-btn,
#dashboard-main .fr-popup .fr-command.fr-btn { width:2.6rem; }
#dashboard-main .fr-separator.fr-vs { height:38px; width:2px; }
#dashboard-main .fr-toolbar { padding:0; }
#dashboard-main .fr-box.fr-basic .fr-element { padding:1.5rem; }
#dashboard-main .fr-toolbar { box-shadow:none; border:1px solid #d5d5d5; background:#f5f5f5; }
#dashboard-main .fr-box.fr-basic.fr-top .fr-wrapper { box-shadow:none; border:1px solid #d5d5d5; border-top:none; }
#dashboard-main .fr-toolbar .fr-command.fr-btn,
#dashboard-main .fr-popup .fr-command.fr-btn { text-align:center; }
#dashboard-main .fr-popup .fr-color-set > span .svg-inline--fa { margin:0 auto; height:2em; display:block; }

#dashboard-main .comment-editor-wrapper,
#dashboard-main .bxd-project-single-comment .comment-date-bar,
#dashboard-main .bxd-project-single-comment > article,
#dashboard-main .bxd-project-single-comment > article > .comment-content,
#dashboard-main .bxd-project-single-comment > article > .comment-actions-container,
#dashboard-main .bxd-project-single-comment > article > p.name {
    -webkit-transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
       -moz-transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
         -o-transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
            transition: all 400ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
}

.comment-actions-container .action-button {
    -webkit-transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -moz-transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -o-transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    transition: all 100ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
}

#dashboard-main .single-project > .project-members .avatar,
.comment-actions-container .avatars,
#dashboard-main a,
#dashboard-main .bxd-project-single-comment.bxd-deleting,
#dashboard-main .project-status-block,
#dashboard-main .project-status-block .bxd-category-meta,
#dashboard-main .single-project,
#dashboard-main .single-project .bxd-project-meta,
#dashboard-main .single-project .bxd-project-replies,
#dashboard-main .project-status-block .project-status-icon,
#dashboard-main .bxd-project-single-comment .comment-admin-actions,
#dashboard-main .single-project-post-members .member-block {
    -webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -moz-transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    -o-transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
    transition: all 200ms cubic-bezier(0.420, 0.000, 0.060, 1.000);
}

.comment-actions-container img,
#dashboard-main .bxd-project-single-comment > article > img.avatar,
#dashboard-main .bxd-pin-post {
    -webkit-transition: all 300ms cubic-bezier(0.090, 1, 0.230, 1);
    -webkit-transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
       -moz-transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
         -o-transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
            transition: all 300ms cubic-bezier(0.090, 1.505, 0.230, 1.650);
}


.single-projects .ui-widget.ui-widget-content{
    z-index: 4 !important;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.task_entry_field_switcher {
    font-size: .8em;
    cursor: pointer;
    margin-top: 1em;
    margin-bottom: 1.1em;
    display: block;
}
#multiple_task_content_field {
    resize: vertical;
    min-height: 241px;
    margin-bottom: 0px;
}
#add_mult_tasks_submit {
    width: 100%;
    padding: 0.3rem 1rem;
}

.project_member_status {
    font-style: italic;
    font-weight: normal;
    font-size: .8em;
    padding: 0 6px;
    color: #707070;
}

#dashboard-main ul#projects-filter {
    padding: 0;
    list-style: none;
    display: table;
    content: " ";
    margin: 40px auto 5px;
    text-align: center;
}

#dashboard-main ul#projects-filter2 {
    padding: 0;
    list-style: none;
    display: inline-block;
    content: " ";
    text-align: center;
    width: auto;
    margin-left: 0;
}
#projects-filter li, #projects-sorting li {
    border-right: 1px solid #015f9e;
    display: inline-block;
    background-color: #0974bb;
    border-radius: 0;
    color: #fff;
    padding: 0.75rem 1.5rem;
    transition: background-color 0.25s;
    border-bottom: 1px solid #015f9e;
    cursor: pointer !important;
    font-weight: 600;
    letter-spacing: 0.03rem;
    font-size: 1.1rem;
}

#projects-filter li.filtr-active {
    background-color: #015f9e;
    box-shadow: inset 0 0 5px rgba(26,29,25,0.35);
}

#projects-filter2 li {
    display: inline-block;
    background: #e4e9eb;
    border-radius: 0;
    color: #42535b;
    padding: 0.6rem 1rem;
    transition: background-color 0.25s;
    cursor: pointer !important;
    font-weight: 600;
    letter-spacing: 0.03rem;
    font-size: 0.7rem;
    margin-right: 10px;
    border-radius: 3px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

#projects-filter2 li.current {
    color: #fff;
    background: #015f9e;
}

.new-categories-filter{
    padding-bottom: 10px;
    position: relative;
}

.bell-Outer {
    position: relative;
    width: auto;
    height: 30px;
    line-height: 30px;
    display: inline-block;
}

.ring-the-bell{
    display: inline-block;
    vertical-align: top;
    width: 30px;
    line-height: 30px;
    text-align :center;
    background: #e4e9eb;
    border-radius: 3px;
    color: #42535b;
    cursor:pointer;
    cursor:pointer;
}

.mark-all-projects-read {
    color: #fff !important;
    font-size: 9px;
    background: #000;
    font-weight: 600;
    padding: 0px 15px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    width: 180px;
    text-align: center;
    display: block;
    right: -44px;
    top: -62px;
}

.show-all-unread-comments {
    color: #fff !important;
    font-size: 9px;
    background: #000;
    font-weight: 600;
    padding: 0px 5px;
    position: absolute;
    cursor: pointer;
    opacity: 0;
    width: 180px;
    text-align: center;
    right: -44px;
    top: -36px;
}
.mark-all-projects-read:before{
    position: absolute;
    top: 4px;
    left: -6px;
    display: none;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #000; 
    content: '';
}

.show-all-unread-comments:before {
    position: absolute;
    bottom: -11px;
    left: 64%;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #000;
    content: '';
    transform: rotate(-90deg);
}

.bell-Outer:hover .mark-all-projects-read{
    opacity: 1;
}

.bell-Outer:hover .show-all-unread-comments{
    opacity: 1;
}


.ring-the-bell.ring{
    background: #FEDc56;
    color: #000;
}

.search-my-projects {
    position: relative;
    width: 30px;
    text-align: center;
    background: #e4e9eb;
    border-radius: 3px;
    color: #42535b;
    cursor: pointer;
    height: 30px;
    display: inline-block;
    line-height: 30px;
}

.sorting {
    padding: 0;
    width: 815px;
    margin: 0 auto;
}

.filtr-search {
    border: 2px solid #e5e5e5;
    color: #333;
    background: #fff;
    padding: 12px;
    margin: 0 0 1rem;
    width: 300px;
    border-radius: 3px;
    box-sizing: border-box;
}

#projects-sorting {
    display: inline-block;
}

#dashboard-main .filtr-container .single-project {
    display: block;
}

.project-block-container {
    padding: 0 0 10px 0;
}

.project-block {
    border-radius: 5px;
    background: #fff;
}

.display-contract #dashboard-main .single-project > .project-details span.client{
    display: none;
}

.display-contract #dashboard-main .single-project > .project-details div.comment-display{
    width: calc(100% - 45px);
}

.display-contract #dashboard-main .single-project .project-sub-title{
    display: none;
}

.display-contract #dashboard-main .single-project > .project-details div.comment-display{
    max-height: 45px;
    margin-top: 0;
}

.display-contract #dashboard-main .single-project > .project-details div.comment-display.opened{
    max-height: 100%;
    margin-top: 0;
}

.single-block-expand{
    color: #42535b;
    background: #e4e9eb;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    top: 50%;
    left: 10px;
    text-align: center;
    line-height: 30px;
    margin-top: -3px;
    cursor:pointer;
    display: none;
}

.single-block-expand:hover{
    color: #fff;
    background: #015f9e;
}

.display-contract #dashboard-main .single-project .single-block-expand{
    display: block;
}


.display-contract #dashboard-main .expanded .single-project > .project-details span.client{
    display: inline-block
}

.display-contract #dashboard-main .expanded .single-project > .project-details div.comment-display{
    width: 63%;
}

.display-contract #dashboard-main .expanded .single-project .project-sub-title{
    display: block;
}

.display-contract #dashboard-main .expanded .single-project > .project-details div.comment-display{
    max-height: 100px;
    margin-top: 9px;
}


.display-contract #dashboard-main .expanded .single-block-expand{
    display: none;
}


.filter-word-search{
    background: #e4e9eb;
    border-radius: 5px;
    line-height: 40px;
    margin-right: 5px;
    position :relative;
    z-index: 10;
    display: none;
}

.filter-word-search input{
    border: none;
    text-indent: 20px;
    line-height: 40px;
    background: transparent;
    width: calc(100% - 90px);
}

.filters-ignore{
    line-height: 40px;
    width: 40px;
    color: #42535b;
    background: #d0d9dd;
    text-align: center;
    display: inline-block;
    float: right;
    border-radius: 3px;
    position: relative;
    z-index: 5;
    cursor:pointer;
}

.filters-ignore.active{
    background: #015f9e;
    color: #fff;
}

.cleartext{
    line-height: 40px;
    width: 40px;
    color: #015f9e;
    text-align: center;
    display: inline-block;
    float: right;
    border-radius: 3px;
    position: relative;
    z-index: 5;
    cursor:pointer;
}



.single-projects #dashboard-main .comment-date-bar {
    margin: 0;
}




#bxd-single-single_project-post.dashboard-panel{
    padding: 40px 0;
}


#bxd-single-single_project-post h2.heading-comments {
    padding: 0;
    margin: 0 0 0px 0;
    background: transparent;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -20px;
    background: #0a5fa2;
    line-height: 40px;
    color: #fff;
    border-radius: 100%;
}

#bxd-single-single_project-post .comment {
    margin: 0;
}

#bxd-single-single_project-post .bxd-project-single-comment{
   margin-left: 50px;
   margin-bottom: 40px;
   margin-right: 10px;
}

#bxd-single-single_project-post .bxd-project-single-comment.logged_in_user_comment{
    margin-left: 0px;
    margin-right: 70px;
}

#bxd-single-single_project-post .bxd-project-single-comment .comment{
    background: #f8f9f9;
    border: none;
    border-radius: 5px;
    padding: 20px;
}

#bxd-single-single_project-post .bxd-project-single-comment.logged_in_user_comment .comment{
    background: #f3faff;
    border: none;
    border-radius: 0 5px 5px 0;
}


#bxd-single-single_project-post .bxd-project-single-comment .comment img.avatar{
    transform: scale(0.6) !important;
    top: 50% !important;
    margin-top: -30px;
    left: -52px;
}

#bxd-single-single_project-post .bxd-project-single-comment.logged_in_user_comment .comment img{
    /* display: none; */
}

#bxd-single-single_project-post .bxd-project-single-comment .comment-date-bar{
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

#bxd-single-single_project-post .bxd-project-single-comment .comment-date-bar a{
    display: block;

}

#bxd-single-single_project-post .bxd-project-single-comment .comment-date-bar a span{
    color: #42535b;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 12px;
}

#bxd-single-single_project-post .bxd-project-single-comment.logged_in_user_comment .comment-date-bar a span{
    color: #42535b;
    top: 0;
    right: 0;
    text-transform: uppercase;
    font-size: 12px;
}

#bxd-single-single_project-post .bxd-project-single-comment .comment-date-bar a strong{
    color: #42535b;
    text-transform: uppercase;
    font-size: 12px;
}

#bxd-single-single_project-post .bxd-project-single-comment.logged_in_user_comment .comment-date-bar a strong{
    display: none;
}

#bxd-single-single_project-post .bxd-project-single-comment .comment .comment-content{
    padding: 10px;
    color: #42535b;
    font-size: 15px;
}


#dashboard-main .comment .comment-admin-actions{
    right: 50%;
    top: -25px;
}

.commentScrolled{
    overflow: scroll;
}

#last-comment{
    display: none;
}

.button-make-new-comment{
    color: #fff !important;
    padding: 15px 30px;
    border-radius: 40px;
    text-transform: uppercase;
    left: 50%;
    position: absolute;
    bottom: -20px;
    margin-left: -70px;
    background: #0a5fa2 !important;
    font-weight: 600;
    cursor:pointer;
}


.new-comment-popup-outer{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(10,95,162,0.6);
    display: none;
}

.new-comment-popup-inner{
    position: absolute;
    top: 50px;
    left: 50%;
    width: 600px;
    background: #fff;
    margin-left: -300px;
    padding: 20px;
    box-sizing: border-box;
}

.new-comment-popup-inner article{
    padding: 0 !important;
}

.new-comment-popup-inner article img{
    top: -44px !important;
    left: -44px !important;
}

.new-comment-popup-inner article p{
   padding-top: 15px !important;
}

.new-comment-popup-closer{
    position: absolute;
    top: -10px;
    right: -1px;
    color: #0a5fa2;
    font-size: 30px;
    cursor:pointer;
}


.dashboard-half-right{
    -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.project-block-container .project-actions-container {
    position: relative !important;
    background: #015f9d;
    padding-top: 3px;
    min-height: 37px;
    width: auto;
    float: left;
    top: 0px !important;
    left: 30px !important;
}
.not-authorized-to-view{
    display: inline-block;
    vertical-align: top;
    width: 65%;
    border: 1px solid #e4e9eb;
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
}

.not-authorized-to-view h2{
    font-weight: 400 !important;
    color: #78909c;
}

.not-authorized-to-view h3{
    font-weight: 400 !important;
    color: #78909c;
    font-size: 14px !important;
}

a.request-project-access{
    background: #44ce94;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 3px;
    display: inline-block;
    margin-top: 10px;
    cursor:pointer;
}

a.request-project-deletion{
    background: #f05635;
    color: #fff !important;
    padding: 10px 20px;
    border-radius: 3px;
    margin-top: 10px;
    display: inline-block;
    cursor:pointer;
}


@media only screen and (max-width: 480px) {
    .new-projects-filter .status-group {
        text-align: center;
    }
    .dirfilter {
        width: 65%;
        margin-bottom: 20px;
    }
    .new-projects-filter .display-mode {
        width: 50%;
        text-align: left;
        margin-bottom: 20px;
    }
    #dashboard-main ul#display-mode-filter {
        margin-left: 6px;
    }
    .new-projects-filter .users-group {
        width: 48%;
    }
    #dashboard-main ul#projects-filter2 {
        width: 100%;
    }
    #dashboard-main ul#sort-filter {
        margin-left: 0;
    }
    #projects-filter2 li {
        margin-right: 5px;
        margin-bottom: 5px;
    }
    .bell-Outer {
        position: absolute;
        top: -65px;
        left: 50%;
        margin-left: -30px;
    }
    .search-my-projects {
        top: 116px;
        right: 50%;
        width: 30px;
        margin-right: -15px;
    }
    .project-current-category {
        top: 39px;
    }
    #dashboard-main .single-project > .project-title {
        width: calc( 100% - 35px);
        max-width: calc( 100% - 35px);
    }
    #dashboard-main .single-project > .project-details {
        padding-top: 35px;
        padding-left: 5px;
    }
    #dashboard-main .single-project > .project-details span.client {
       width: 100%;
    }
    #dashboard-main .single-project > .project-details div.comment-display {
        width: 98%;
    }
    .project-current-role{
        top: 39px;
    }
    .project-link-popup {
        top: 39px;
        opacity: 1;
    }
  }


.single-project-left-top.custom-project-status- {
    background: #c5c5c5ab;
}
.single-project-left-top.custom-project-status-active {
    background: #00ae4f !important;
}

.single-project-left-top.custom-project-status-onhold {
    background: #ff7604 !important;
}
.single-project-left-top.custom-project-status-completed {
    background: #fe0000 !important;
}


.custom-class-participating .project-current-role {
    color: #fff;
    background: #00ae4f;
}

.custom-class-monitoring .project-current-role {
    color: #fff;
    background: #fff001;
}

.custom-class-supervising .project-current-role {
    color: #fff;
    background: #ff7604;
}

 .custom-class-supervising.single-project p {
  
    background: #f6f6f6;
    border-bottom: 1px #ccc solid;
}
 .custom-class-participating.single-project p {
  
    background: #f6f6f6;
    border-bottom: 1px #ccc solid;
}
.custom-class-monitoring.single-project p {
  
    background: #f9f9af;
    border-bottom: 1px #dfdf81 solid;
}

.single-project.project-priority-2.custom-class-supervising span.commenter-name {
    background: #ff7604 !important;
   
    color: #fff;
}

.custom-class-participating.single-project .project-sub-title .commenter-name {
    background: #fff;
    text-align: left;
   
    border-radius: 0px !important;
    margin-left: -5px !important;
}
.custom-class-monitoring.single-project .project-sub-title .commenter-name {
    background: #fff001;
    text-align: left;
   
    border-radius: 0px !important;
    margin-left: -5px !important;
}
 .custom-class-supervising.single-project .project-sub-title .commenter-name {
    background: #fff;
    text-align: left;
       line-height: 29.5px !important;
    margin-top: 1px;
    border-radius: 0px !important;
    margin-left: -5px !important;
}


span.role-monitoring {
    font-size: 12px;
    color: #000;
}

span.role-participating {
    font-size: 12px;
}


span.role-supervising {
    font-size: 12px;
}




.single-project.project-priority-2.custom-class-monitoring span.commenter-name {
    background: #fff001 !important;
        line-height: 29.5px !important;
    margin-top: 1px;
}

.single-project.project-priority-2.custom-class-monitoring span.commenter-name {
    background: #fff001 !important;
    line-height: 29.5px !important;
    margin-top: 1px;
}

.single-project.project-priority-2.custom-class-participating span.commenter-name {
    background: #00ae4f !important;
        line-height: 29px !important;
    margin-top: 1px;
    color: #fff;
}


.project-current-role-monitoring svg.svg-inline--fa.fa-user.fa-w-14 {
    color: #000;
}




.single-project-left-top {
    width: 40%;
    float: left;
   
      
}
.single-project-right-top {
    width: 60%;
    float: left;
    background: #015f9d;
    padding: 5px 10px 2px 10px;
}



.new-projects-filter .users-group ul#users-filter {
    display: inline-block;
    margin-left: 0px !important;
}

ul#sort-filter {
    margin-left: 0px !important;

}

li.current.custom-show-button {
    background: #00ae4f !important;
}

li.custom-on-hold-button.current {
    background: #ff7604 !important;
}


li.custom-completed-button.current {
    background: #fe0000 !important;
}

li.current.custom-participating-button {
    background: #00ae4f !important;
}

li.custom-monitoring-button.current {
    background: #ffee00 !important;
    color: #000 !important;
}

li.custom-supervising-button.current {
    background: #ff7604 !important;
}


a.update-project-fav.single-project-fav {
    position: absolute;
    top: 9px;
}


#dashboard-main .bxd-discussion-single-comment article.comment {
    display: inline-block;
    padding-bottom: 90px;
}

#dashboard-main .bxd-discussion-single-comment {
    opacity: 1;
    width: 100%;
    display: inline-block;
}


.single-project-left-top.custom-project-status-active a.button {
    color: #fff !important;
}

.single-project-left-top.custom-project-status-onhold a.button {
    color: #fff !important;
}

.single-project-left-top.custom-project-status-completed a.button {
    color: #fff !important;
}