/*Custom*/
table.table tr.disabled { opacity:.4;}
#header .navbar-inverse { background: #363b3f; }
.gray  { background-color: #f9f9f9; }
h1 .fa { vertical-align:top; margin-top:3px; }
.notprobono { font-weight: bold; }
.activity-green { color: #62c46f;  }
.activity-orange { color: #FFCC00;  }
.activity-red { color: #ff0033; }
.activity-dot { white-space: nowrap; }
.top-btns .btn { margin-bottom: 5px; }
.disable-click { pointer-events: none; }
.text-block { display:block; }
.char-count { position:absolute; right:18px; top:-17px; font-size:12px; font-weight:bold; color:#999; }
.fa-clipboard { cursor: pointer; color: #2ca7d6; }


/*quick filter custom legend*/
#quick-filter-custom { position: relative; }
#quick-filter-custom div.project-legend { position: absolute; right: 10px;top: 7px; }
#quick-filter-custom .tooltip-inner {
    text-align: left;
}

.icon-target {
    font-size: 22px;
    height: 34px;
    line-height: 34px;
}

/* Tasks count */
.task-count {
    display: inline-block;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    line-height: 11px;
    padding: 3px;
    background: #666;
    color: #fff;
    text-align: center;
    font-size: 11px;
    box-sizing: initial;
    font-weight: bold;
}

/*project notes count bubble*/
.project-notes-count { font-size: 8px; color: #4f81bd; }

/*Header*/
#header .brand { position:absolute; left:15px; top:12px; }
#header .brand img { height:45px; }

/*Expander*/
.expander .fa-minus-circle { display:none; }
.expander.active .fa-minus-circle { display:inline-block; }
.expander.active .fa-plus-circle { display:none; }

/*Forms*/
#main .form-horizontal textarea { min-height:200px; }

/*Hosting*/
#main .form-horizontal .hosting-option { text-align:center; }
#main .form-horizontal .table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #f1f1f1;
}
#main .btn.blue,
#main .btn[type="submit"] { background: #1076F6; border-color: #1076F6; color: #fff; }

/* Project details */
.project-ignored { opacity: .5; }

/*Agreements*/
#agreements .table-responsive {
    padding:0;
    margin:0 0 25px 0;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
#agreements .table { 
    margin:0;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
}
#agreements .table tr td { padding:10px 20px; }
#agreements .table tr.first,
#agreements .table tr.first td { border:none !important; }
#agreements .table tr.last { border-bottom:5px solid #eee; }
#agreements .table tr.last td { border:none !important; }
#agreements .table tr,
#agreements .table tr tr { background-color:#fff !important; }
#agreements .table tr.alt,
#agreements .table tr.alt tr { background-color:#f9f9f9 !important; }
#agreements .status-bar { margin-bottom:20px; background:#fff; border-radius:10px; overflow:hidden; }
#agreements .status-bar .grid { display:table; width:100%; }
#agreements .status-bar .type:first-child { border-radius:10px 0 0 10px; }
#agreements .status-bar .type { float:left; position:relative; display:block; padding:5px; min-height:40px; font-size:11px; text-shadow:1px 1px 1px #888; color:#fff; overflow:hidden; cursor:default; background:#999; 
    background: repeating-linear-gradient(
      45deg,
      #aaa,
      #aaa 30px,
      #a5a5a5 30px,
      #a5a5a5 60px
    );
}
#agreements .status-bar .type:hover { opacity:.8; }
#agreements .status-bar .type b { font-size:10px; }
#agreements .status-bar .type .overlay,
#agreements .status-bar .type .used { display:block; position:absolute; z-index:2; left:0; top:0; bottom:0; opacity:.9; }
#agreements .status-bar .type .overlay { z-index:1; opacity:.1; width:100%; }
#agreements .status-bar .type .stats { position:relative; z-index:2; }
#agreements .status-bar .c1 { background:#0094ff; }
#agreements .status-bar .c2 { background:#62c46f; }
#agreements .status-bar .c3 { background:#28d4a6; }
#agreements .status-bar .c4 { background:#ffbb00; }
#agreements .status-bar .c5 { background:#a21cdd; }
#agreements .status-bar .c6 { background:#FFCC00; }
#agreements .status-bar .c7 { background:#ff7200; }
#agreements .status-bar .c8 { background:#628ac4; }
#agreements .status-bar .c9 { background:#f83c3c; }
#agreements .status-bar .c10 { background:#345974; }
#agreements .status-bar .c11 { background:#7f133f; }
#agreements .status-bar .c12 { background:#ee3ad5; }

#agreements .status-hours { width:100%; margin-bottom:25px; }
#agreements .status-hours tr td { line-height:16px; padding:0 0 5px 0; }

#agreements .overall-status-bar { margin:55px 0 35px 0; }
#agreements .overall-status-bar { position:relative; }
#agreements .overall-status-bar .bar { height: 10px; background-color: #bbb; 
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
	        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}
#agreements .overall-status-bar .bar .overall-progress { position:relative; height: 10px; background-color: #62c46f; background-color:rgba(98,196,111, .9); 
    -webkit-transition: width 700ms;
    -moz-transition: width 700ms;
      -o-transition: width 700ms;
         transition: width 700ms }

#agreements .status-bar .type .used {
    -webkit-transition: width 700ms;
    -moz-transition: width 700ms;
    -o-transition: width 700ms;
    transition: width 700ms
}


#agreements .overall-status-bar .used { position:relative; position:absolute; left:100%; bottom:10px; margin-left:-3px; padding:0 0 10px 7px; color:#62c46f; line-height:12px; white-space:nowrap; }
#agreements .overall-status-bar .used:before { content:""; position:absolute; left:0; top:0; bottom:0; border-left:3px solid #62c46f; border-radius:2px 2px 0 0; }
#agreements .overall-status-bar .total { position:relative; position:absolute; right:0; bottom:10px; padding:0 7px 10px 0; color:#999; line-height:12px; white-space:nowrap; }
#agreements .overall-status-bar .total:before { content:""; position:absolute; right:0; top:0; bottom:0; border-right:3px solid #999; border-radius:2px 2px 0 0; }

#agreements .overall-status-bar .start { position:relative; position:absolute; left:0; top:10px; padding:10px 0 0 7px; color:#62c46f; line-height:12px; white-space:nowrap; }
#agreements .overall-status-bar .start:before { content:""; position:absolute; left:0; top:0; bottom:0; border-left:3px solid #62c46f; border-radius:0 0 2px 2px; }
#agreements .overall-status-bar .end { position:relative; position:absolute; right:0; top:10px; padding:10px 7px 0 0; color:#999; line-height:12px; white-space:nowrap; }
#agreements .overall-status-bar .end:before { content:""; position:absolute; right:0; top:0; bottom:0; border-right:3px solid #999; border-radius:0 0 2px 2px; }

#agreements .overall-status-bar.almost .used { left:auto; right:0; padding-left:0; padding-right:7px; }
#agreements .overall-status-bar.almost .used:before { left:auto; right:0; }
#agreements .overall-status-bar.almost .total { padding-bottom:30px; }

/*#agreements .overall-status-bar.zero .used,
#agreements .overall-status-bar.zero .total,
#agreements .overall-status-bar.zero .start,
#agreements .overall-status-bar.zero .end { color:#49a0e8; }
#agreements .overall-status-bar.zero .used:before,
#agreements .overall-status-bar.zero .total:before,
#agreements .overall-status-bar.zero .start:before,
#agreements .overall-status-bar.zero .end:before { border-color:#49a0e8; }*/

/*Clipboard copy partial*/
#copy-to-clipboard .copy-success { margin-top: 5px; }
#copy-to-clipboard .copy-success i { color: #4BB543; }
a:not([href]) { cursor: pointer; }

/*Client Analytics*/
#client-analytics .framed,
#project-management .framed { margin:0 0 25px 0; padding:20px 30px 30px 30px; border-bottom:5px solid #eee; background:#fff;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

/*Project Management*/
#project-management .framed .table tr,
#project-management .framed .table td { background:none; border:none; }
#project-management .status-bar { position:relative; height: 40px; margin:20px 0 60px 0; background-color: #bbb;
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
	        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}
#project-management .status-bar .total { position:absolute; right:5px; top:0; display:inline-block; padding-left:5px; color:#fff; line-height:26px; text-align:right; }
#project-management .status-bar .bar-link { display: inline-block; position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; }
#project-management .status-bar .charges { position:absolute; left:0; top:0; bottom:0; border-radius:0; }
#project-management .status-bar .charges b { position:absolute; left:0; top:0; right:0; bottom:0; display:block; text-indent:5px; color:#fff; line-height:26px; 
	-webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
	   -moz-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
	        box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.3);
}
#project-management .status-bar .now { position:absolute; top:-15px; bottom:100%; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #222; }
#project-management .status-bar .task { position:absolute; top:0; bottom:0; width:5px; background:#000000; opacity:.6; }
#project-management .status-bar .task.complete { background:#fff; }
#project-management .status-bar .task:hover { opacity:1; }
#project-management .status-bar .activity { position:absolute; top:-10px; width:6px; height:6px; background:#ee3ad5; border-radius:3px; }
#project-management .status-bar .activity.hasnote { background:#0094ff; }
#project-management .status-bar .month,
#project-management .status-bar .week { display:inline-block; position:absolute; top:100%; width:3px; padding-left:3px; height:25%; border-left:1px solid #ccc; font-size:10px; line-height:14px; text-transform:uppercase; color:#ccc; }
#project-management .status-bar .week { top:75%; }
#project-management .status-bar .start { position:relative; position:absolute; left:0; top:100%; padding:10px 0 0 7px; color:#aaa; line-height:12px; white-space:nowrap; }
#project-management .status-bar .start:before { content:""; position:absolute; left:0; top:0; bottom:0; border-left:2px solid #ccc; border-radius:0 0 2px 2px; }
#project-management .status-bar .end { position:relative; position:absolute; right:0; top:100%; padding:10px 7px 0 0; color:#aaa; line-height:12px; white-space:nowrap; }
#project-management .status-bar .end:before { content:""; position:absolute; right:0; top:0; bottom:0; border-right:2px solid #ccc; border-radius:0 0 2px 2px; }

/*Media*/
@media all and (max-width: 1100px) and (min-width: 767px) {

   
}

@media all and (max-width: 960px) {

    
}

@media all and (max-width: 867px) {

    /*Agreements*/
    #agreements .status-bar { background:none; border-radius:0; border:none; }
    #agreements .status-bar .type:first-child { border-radius:10px; }
    #agreements .status-bar .type { width:100% !important; border-radius:10px; min-height:0; margin-bottom:10px; }
    #agreements .status-bar .type br { display:none; }

    #agreements .table tr th,
    #agreements .table tr td { padding:10px; }
    #agreements .table tr th.sort { padding:10px 10px 10px 20px; }   
    #agreements .status-hours tr td { float:left; display:block; width:25%; padding:0; }
}

@media all and (max-width: 767px) {

    /*Agreements*/
    #agreements .table tr th,
    #agreements .table tr td { padding:5px 15px !important; }    
    #agreements .status-hours * { display:block; float:none; width:100%; text-align:left; }
    #agreements .status-hours tr td { width:100%; }
    #agreements .status-hours tr td small b { display:inline-block; width:auto; margin-right:10px; } 
    #agreements .status-hours tr td small br { display:none; }    
}

/*Project Tasks*/
#project-tasks .client-group { background-color: #fff; position: relative; display: block; margin-bottom: 15px; border-radius: 5px; padding: 10px; color: #666; }
#project-tasks .client-group .client-name { font-size: 15px; font-weight: bold; }

#project-tasks .client-group .project-group { padding: 12px; }
#project-tasks .client-group .project-group .project { margin-bottom: 8px; padding: 10px; background: #f3f3f3; border-radius: 5px; }
#project-tasks .client-group .project-group .project .expandable { margin-top: 15px; }

#project-tasks .task { position:relative; display:block; margin:0 0 15px 0; background:#fff; border-radius:5px;padding:10px 15px; font-size:13px; line-height:16px; color:#666; text-decoration:none; }
#project-tasks .task.ticket { border-color:#ffb648; }
#project-tasks .task.unassigned { border: none; }
#project-tasks .task.assigned { border-color: #fff; }
#project-tasks .task.opac { opacity:.3; }
#project-tasks .task i { height:18px; line-height:18px; }
#project-tasks .task .priority { display: none; margin: 0 8px 0 0; }
#project-tasks .task.moderate .priority { display: inline-block; color: #FFCC00; }
#project-tasks .task.high .priority { display: inline-block; color: #ff0033; }
#project-tasks .task.low .priority { display: inline-block; color: #09a7d8; }
#project-tasks .task * { vertical-align: middle; }
#project-tasks .task span { display: inline-block; width: 23%; text-align: right; }
#project-tasks .task span:first-child { width:68%; text-align:left; }
#project-tasks .task .icon { position: absolute; right: 10px; top: 50%; margin-top: -9px; height: 18px; width: 18px; }
#project-tasks .task .icon.info { right: 40px; }
#project-tasks .task.ticket:hover i { color: #62c46f; }

@media all and (max-width: 600px) {
    #project-tasks .task span { width: 38%; }
    #project-tasks .task span:first-child { width: 40%; }
}

@media all and (max-width: 480px) {
  
}