/*
Theme Name: Boxy Dashboared
Author: Boxy Studio LLC
Author URI: https://boxystudio.com
Description: This theme is simply a canvas to display the Boxy Dashbaord application on. Keep it active!
Version: 1.2
Text Domain: bxdtheme
*/

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:0.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;margin:0;padding:0}button{background:transparent}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;resize:none}table{border-collapse:collapse;border-spacing:0}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}em,i{font-style:italic}strong,b{font-weight:600}:focus{outline:0}body{color:black;background:white}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}a,a:hover,a:visited{text-decoration:none}button,input,fieldset,textarea{font-size:inherit;color:inherit;border:none}select{font-size:inherit;color:inherit}img{max-width:100%;height:auto}

html { font-size:16px; font-weight:400; font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; }
body { box-sizing:border-box; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing:grayscale !important; }

.bxd-clearfix:before,.bxd-clearfix:after{content:"";display:table;padding:0;margin:0;height:0px;}.bxd-clearfix:after{clear:both}.bxd-clearfix{*zoom:1}

html { color:#444; }
a { color:#0974bb; }
a:hover { color:#333; }

.new-projects-filter .status-group {
    width: 24% !important;
}


.dean-custom-notification-class #bxd-notifications:hover {
    background: none !important;
}


#dashboard-main .single-project > .project-details{padding: 0px !important;}

#dashboard-main .single-project > .project-details {
    display: inline-block;
    color: #666;
    padding: 0px;
    line-height: 1.6rem;
    margin: 0px;
    font-size: 0.95rem;
    width: 100%;
    background: none;
    padding-bottom: 0px;
    border-top: 0px #015f9e solid;

}

#dashboard-main .single-project > .project-details span.client {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    position: relative;
    padding: 20px 20px 0px 20px;
}

#dashboard-main .single-project > .project-details div.comment-display{    float: right; margin-right: 10px;}

#dashboard-main .single-project > .project-details div.comment-display {
    display: inline-block;
    width: 58%;
    vertical-align: top;
    border-radius: 2px;
    padding: 0px;
    overflow: hidden;
    border: 0px;
    margin-top: 10px;
    color: #78909c;
    border-bottom: 0px #ccc solid;
    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-sub-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0px;
    display: inline-block;
    color: #42535b;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    vertical-align: top;
    line-height: 31px;
    margin: 0px;
}

#dashboard-main .single-project .project-sub-title .chat-icon {
    background: #f8f9f9;
    padding: 6px 10px;
    margin-left: 0;
}

#dashboard-main .single-project p {
    width: 100%;
    display: block;
    padding: 10px;
}
#dashboard-main .single-project .project-sub-title .commenter-name {
    background: none;
}

#dashboard-main .single-project .project-sub-title .chat-icon {
    background: #015f9d;
    padding: 6px 8px;
    margin-left: 0;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 2px 0 rgba(0, 0, 0, 0.19);
    color: #fff;
    margin-right: 5px;
}




#dashboard-main .single-project .project-sub-title .commenter-name {
    background: none;
    text-align: left;
}
#dashboard-main .single-project .project-sub-title .commenter-avatar{margin-top: 1px;}
.header-title {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.03rem;
    text-align: center;
    clear: both;
    padding-top: 0px !important;
}

#dashboard-main .single-project-status {
    min-height: 42px;
    background: none;
    color: #fff;
    padding-right: 10px !important;
    line-height: 36px;
    width: 10%;
    margin: 0px 0px 0px 0px !important;
    float: left;
    border-right: 2px #fff solid;
    text-align: center;
    line-height: 42px;
}

.project-current-role {
  
    color: #fff;
   
}

#dashboard-main .bxd-projects-dashboard-wrapper .single-project.project-priority-2 > .project-title {
    color: #015f9e;
    border-radius: 0px;
    margin: 0px;
    min-height: 37px;
    background: #00ae4f !important;
}

.project-block-container .project-actions-container {
    position: absolute;
    top: 0px;
    left: calc( 30% + 75px );
    background: #015f9d;
    padding-top: 3px;
    min-height: 36px;
    padding-left: 0px;
}


#dashboard-main .single-project .project-sub-title .commenter-avatar img {
    filter: grayscale(100%);
    height: 100%;
    width: auto;
}

.client-front-mail .icon-holder {
    line-height: 38px;
    display: block;
    height: 38px;
    padding: 0 8px;
    text-align: center;
    background: #e4e9eb;
    color: #fff !important;
    margin-right: 20px;
    overflow: hidden;
    float: left;
    width: 40px;
}
span.link-to-crm {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 10px;
    font-size: 24px;
}

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


.project-block-container{margin-bottom: 30px;padding: 0px; background: #fff;}



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

#dashboard-main .single-project > .project-details > span.client strong .icon-holder {
    background: #015f9d;
}
.client-front-mail .icon-holder{ background: #015f9d;}

.project-actions-container .project-action-button {
    transform: scale(0.8);
    display: inline-block;
    float: left;
    background: #ccc;
    color: #fff;
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 1rem;
    text-align: center;
    line-height: 29px;
    font-size: 1rem;
}

#dashboard-main .single-project > .project-details {
    margin-top: -8px;
    border: 2px solid #015f9e;
    background: #fff;
    border-top: 0px;
}
#dashboard-main .single-project > .project-details > span.client strong {
    border: 2px solid #015f9d;
    margin-bottom: 10px;
    background: #f5f5f5;
    color: #4f4f4f;
}
.client-front-mail{    border: 2px solid #015f9d; color: #4f4f4f;}

.project-actions-container .project-action-button {
    border-radius: 0px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 5px;
    margin-top: -2px;
}

#dashboard-main .single-project > .project-details span.client:after {
    position: absolute;
    content: '';
    width: 1.5px;
    height: 160px;
    right: 0px;
    background: #015f9d;
    top: 10px;
    display: block;
}

.new-projects-filter .status-group p.status-filter-text {
    display: inline-block;
    font-size: 14px;
}

.new-projects-filter .users-group ul#users-filter {
    display: inline-block;
}

.new-projects-filter .users-group p.users-filter-text {
    display: inline-block;
    width: auto;
}

.dirfilter p.dirfilter-text {
    display: inline-block;
}

#dashboard-main .bxd-projects-dashboard-wrapper .single-project .project-title a {
    display: block;
    line-height: 42px;
    padding: 0px 0px 0px 20px;
    color: #fff;
        font-weight: normal;
}


.project-details-left {
    width: 40%;
    display: inline-block;
}


}
strong.client_email {
    border: 2px solid #015f9d;
    display: block;
    width: 90%;
    color: #4f4f4f;
    font-size: 14px;
     font-weight: normal;
}

#dashboard-main .single-project > .project-details span.client strong span.icon-holder {
    padding: 6px 10px;
    background: #015f9d;
    color: #fff;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    font-weight: normal;
}





a.show-all-unread-comments {
    z-index: 99;
}
a.mark-all-projects-read {
    z-index: 99;
}


.dean-custom-notification-class #bxd-notifications {
    position: absolute;
    right: 16%;
    top: 0px;
}