.workload{
	
	width:100%;
	height:20px;
	border:2px solid #999999;
	background: #999999;
	border-radius: 6px;
	overflow: hidden;
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
}
.workload label {
	text-align: center;overflow: hidden;line-height:16px
}
.workload label input {display: none;}
.workload label div {background: #999999; height:16px;}

.workload label:nth-child(1) div{ background: #999999;}
.workload label:nth-child(2) div{ background: #bbbbbb;}
.workload label:nth-child(3) div{ background: #dddddd;}
.workload label:nth-child(4) div{ background: white;color:#999999}

.workload label input:checked +  div{ background: #000000 ;color:white}
.workload label:nth-child(1) div:before{content: "3";font-size: 12px;}
.workload label:nth-child(2) div:before{content: "2";font-size: 12px;}
.workload label:nth-child(3) div:before{content: "1";font-size: 12px;}
.workload label:nth-child(4) div:before{content: "✕";font-size: 12px;}
.workload label:nth-child(4) input:checked +  div{ background: white;color:#999999}


label.starcheck input{display: none;}
label.starcheck div{color:#cccccc;font-size: 20px;line-height: 18px;}
label.starcheck div:before{content:"★"}
label.starcheck input:checked+div{color:#000000}




.phases__icons {
	
}
.phases__icons div {
	display: inline-block;
	height:24px;
	width:24px;
	line-height: 22px;
	font-size:11px;
	border-radius: 20px;
	border-style: solid;
	border-width: 1px;
	margin: 6px 4px 0 0;
	text-align: center;
}

.phases__icons div.inprogress { background: #555555; color:#ffffff;border-color:#555555}
.phases__icons div.completed { background:#cccccc;color:#999999;border-color:#cccccc}
.phases__icons div.notstarted { background:#ffffff;color:#333333; border-color:#333333}

div[class*="today_o"] {
	border-width: 1px;
	border-style: solid;
	border-radius: 20px;
	width:30px;
	height:30px;
	line-height: 30px;
	text-align: center;
}
.today_on {border-color:#58b200;background:#58b200;color:white}
.today_off {border-color:#999999;color:#999999}

.today_hr {height:7px;background: #58b200;overflow: hidden}

.followup {background:#000000;padding:.3rem;color:#ffffff;font-size: 12px;text-align: center}

.pushup {margin-top:-8px}

.substatus__top {
	position: absolute;
	top:0;
	right:0;
	height:10px;
	font-size: 10px;
	line-height: 10px;

	display: table
}
.substatus__top__1{
	color: #e9371c;
	display: table-cell
}
.substatus__top__2{
	color:#58b200;
	display: table-cell;
	padding-left:2px;
}

.substatus__bottom{
	position: absolute;
	width:100%;
	left:0;
	width:100%;
	height: 4px;
	bottom:0;
	display: table;
	
}
.substatus__bottom__underline{
	height: 4px;
	display: table-cell
}

.substatus__bottom__underline__1 {
	background: #e9371c;

}
.substatus__bottom__underline__2 {
	background: #58b200;
}


.substatus__task__bg {}
.substatus__task__bg__1 {background:#ffdae1}
.substatus__task__bg__2 {background: #e5f0e1}

.substatus__task__label {color:white;border-radius:3px;display:inline-block;padding:2px 8px}
.substatus__task__label__1 {background:#e9371c}
.substatus__task__label__2 {background: #58b200}


@media only screen {
	.topbar {position:relative;}
}
@media only screen and (min-width: 64.063em) {
	.topbar {position:fixed;}
}


.topbar {background: #212121;width:100%;z-index: 99999}
.topbar-logo {float:left; width:217px;padding:8px 0 0 27px}
.topbar-links {min-height: 60px}
.topbar-links .space {display: inline-block;width:1px;margin:0 10px -7px 10px;height:25px;background:#cccccc;}

.topbar-links a {display:inline-block;padding:20px 10px;border-radius: 8px}
.topbar-links a:link,.topbar-links a:visited {color:#cccccc;}



.timeline-owner-bar  {border-radius: 25px;position:relative;margin-bottom:50px;height:25px;}
.timeline-owner-icon {display:inline-block;width:25px;height:25px;border-radius: 25px;}
.to0_0 {background:url(/images/to0_0.png) top repeat-x;}
.to1_0 {background:url(/images/to1_0.png) top repeat-x;}
.to2_0 {background:url(/images/to2_0.png) top repeat-x;}

.to0_1 {background:url(/images/to0_1.png) top repeat-x;}
.to1_1 {background:url(/images/to1_1.png) top repeat-x;}
.to2_1 {background:url(/images/to2_1.png) top repeat-x;}

#powerTip{cursor:default;background-color:#333;background-color:rgba(0,0,0,.9);border-radius:6px;color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}
#powerTip:before{content:"";position:absolute}
#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}
#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}
#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.9);bottom:-10px}
#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(0,0,0,.9);left:-10px}
#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.9);top:-10px}
#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(0,0,0,.9);right:-10px}
#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}
#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}
#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.9);bottom:-10px}
#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.9);top:-10px}
#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #333;border-top:10px solid rgba(0,0,0,.9);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}
#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:0;border-bottom:10px solid #333;border-bottom:10px solid rgba(0,0,0,.9);bottom:auto;top:-10px}
#powerTip.se-alt:before{left:auto;right:10px}


#tab_bar{padding:0px;height:53px;border-bottom:3px #313131 solid;margin:0 0 2rem 0}

#tab_bar .tab_on,#tab_bar .tab_off {border-top-left-radius: 8px;border-top-right-radius: 8px;margin-right: 3px}

#tab_bar .tab_on {line-height:50px;height:50px;list-style:none;background:#313131;float:left;color:#ffffff}
#tab_bar .tab_on a { display:block;padding:0px 20px 0px 20px;}
#tab_bar .tab_on a:link{color:#ffffff;text-decoration:none;}
#tab_bar .tab_on a:active{color:#ffffff;text-decoration:none;}
#tab_bar .tab_on a:visited{color:#ffffff;text-decoration:none;}
#tab_bar .tab_on a:hover{color:#ffffff;text-decoration:none;}

#tab_bar .tab_off {line-height:50px;height:50px;list-style:none;background:#fcfcfc;float:left;}
#tab_bar .tab_off:hover {background:#f7f7f7}
#tab_bar .tab_off a { display:block;padding:0px 20px 0px 20px;}
#tab_bar .tab_off a:link{color:#444444;text-decoration:none;}
#tab_bar .tab_off a:active{color:#444444;text-decoration:none;}
#tab_bar .tab_off a:visited{color:#444444;text-decoration:none;}
#tab_bar .tab_off a:hover{color:#000000;text-decoration:none;}


#subtab_bar{margin-top:-12px;padding:0px;background:#333333;height:22px;}
#subtab_bar .tab_on {line-height:16px;height:22px;list-style:none;padding:0px 10px 0px 15px;float:left;color:#ffffff}
#subtab_bar .tab_on a:link{color:#fadbaf;text-decoration:none;}
#subtab_bar .tab_on a:active{color:#fadbaf;text-decoration:none;}
#subtab_bar .tab_on a:visited{color:#fadbaf;text-decoration:none;}
#subtab_bar .tab_on a:hover{color:#ffffff;text-decoration:none;}

#subtab_bar .tab_off {line-height:16px;height:22px;list-style:none;padding:0px 10px 0px 15px;float:left;}
#subtab_bar .tab_off a:link{color:#eeeeee;text-decoration:none;}
#subtab_bar .tab_off a:active{color:#eeeeee;text-decoration:none;}
#subtab_bar .tab_off a:visited{color:#eeeeee;text-decoration:none;}
#subtab_bar .tab_off a:hover{color:#fadbaf;text-decoration:none;}




body {font-family: "Helvetica Neue";line-height:1.4rem;color:#212121;background: #ffffff}
h1,h2{font-weight: 900}


	@media only screen  {
		#file_upload { display:block !important;margin:0;padding:100px 0 0 0; }
	}

	@media only screen and (min-width: 40.063em) {
		#file_upload { display:none; margin:0 0 0 -1000px}
	}

.rowdrag{background: #f6f6f6;transform: rotate(1deg);}

td a:link, td a:visited,a:link, a:visited{ color:#01a7dd;text-decoration: none}

.count-circle {line-height:20px;width:20px;height:20px;font-size:11px;display: inline-block;margin-right:3px;border-radius: 10px;color:#ffffff;text-align: center}
.count-circle.black {background: #212121}
.count-circle.green {background: #58b200}
.count-circle.red {background: #e9371c}
.count-circle.grey {background: #555555}
.count-circle.lightgrey {background: #dddddd;color:#000000}


   h1 {
    font-size: 2rem; 
    line-height: 2.5rem;
    padding-bottom: .5rem;}

  h2 {
    font-size: 1.5rem; 
	line-height: 2rem;
	color:#e9371c;
	font-weight: 400}

  h3 {
    font-size: 1rem; 
	line-height: 1.4rem;
	color:#e9371c;
	font-weight:700}

.taskrow {border-bottom:solid 1px #eeeeee;padding:1rem 0;vertical-align: top}


.outer {display:table;width:100%;padding-top:50px}
.nav{vertical-align: top;width:220px;;line-height: 1.8rem;min-width:150px;}
.nav a:link,.nav a:visited{color:#212121;}
.navinside {padding:2.25rem 2rem;}


.hours-box {cursor:pointer;text-align:center;position: fixed;top:0;right:0;width:100px;height:63px;background: #333333;color:white}
.hours-box img {position:absolute; left:-50px;top:13px;}
.hours-box b {display: block;padding:10px 0 0 0 ;}
.hours-box i {display: block;opacity: .7;font-style: normal;font-weight:300;font-size:12px}

.smallnav {padding:1rem}
@media only screen {
	.nav{display:none}
	.smallnav{display:block}
	.page {padding:0 ;}
}

@media only screen and (min-width: 40.063em) {
	.nav{display:table-cell;}
	.smallnav{display:none}
	.page {padding:0 1rem;}
}


.pmnav {padding:0 0 0 0px;width: 140px;position: fixed;left:0;top:130px;bottom:0;overflow-y: scroll}
.pmnav ul {margin: 0;padding: 0 0 0 10px}
.pmnav li {list-style: none;display: block;padding:0 ;overflow: hidden;margin: 0 5px 10px 0;line-height: 1rem;font-size: 14px}
.pmnav li a {color:#333333;display: inline-block;padding:0}
.pmnav .indicator {margin-right:4px;background: #000000;color:#ffffff;display: inline-block;border-radius: 20px;width: 20px;height: 20px; text-align: center;line-height: 21px;font-size: 11px;}
.pmnav .project .indicator {background: #cccccc ;color: #ffffff}
.pmnav .indicator.red {background: #e9371c;color: white }



.page {display:table-cell;vertical-align: top;padding: 70px 0 0 130px}
.page > .row {margin:0;max-width: 100%}
.formlabel {padding-bottom:.5rem;color: black;font-weight: bold;font-size:14px}


a.body-drop-button {font-weight:500;color:#333333;text-decoration:none;display:inline-block;padding:.5rem .7rem;background:#dddddd;margin-right:5px;border-radius:5px}
a.header-drop-button {font-size:20px;font-weight:400;color:#ffffff;text-decoration:none;display:inline-block;padding:.5rem .7rem;background:#444444;margin-right:5px;border-radius:5px}
.f-dropdown ul {padding:0;margin:0}
.f-dropdown li {list-style: none}
.f-dropdown input[type="checkbox"] {margin:0}
.f-dropdown a {color:#333333;text-decoration: none}



hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25rem 0 1.1875rem;
  height: 0; }



.error {margin:2rem 0 0 0;background:#ffa300;padding:1rem;color:#ffffff}
.success {margin:2rem 0 0 0;background:#58b200;padding:1rem;color:#ffffff}


#action_success.success {
		position:fixed;
		top:60px;
		left:20%;
		right:20%;
	}


.comment_body {padding:1rem;background: #f6f6f6;margin-bottom:2rem}
















/*
UploadiFive
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
*/

.uploadifive-button {
  border-style: solid;
  border-width: 0px;
  cursor: pointer;
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  display: inline-block;
  padding-top: 1rem;
  padding-right: 2rem;
  padding-bottom: 1.0625rem;
  padding-left: 2rem;
  font-size: 1rem;
  background-color: #333333;
  border-color: #333333;
  color: white;
  transition: background-color 300ms ease-out;
  height:55px;overflow: hidden;
  border-radius: 30px
}
.uploadifive-button:hover {
	background-color: #666666;
	cursor: pointer
}
.uploadifive-queue-item {
	padding: 1rem 0;
}
.uploadifive-queue-item .close {
	background: url('/js/vendor/uploadifive/uploadifive-cancel.png') 0 0 no-repeat;
	display: block;
	float: right;
	height: 16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadifive-queue-item .progress {
	border: 1px solid #212121;
	height:7px;	
	margin-top: 5px;
	padding:0;
	width: 100%;
}
.uploadifive-queue-item .progress-bar {
	background-color: #e9371c;
	height: 5px;
	width: 0;
}


.ca_handle_wrapper {display: none}
.ca_drop {display: none; position: absolute;padding-top:24px;margin-left:-360px;width:400px;height:400px;overflow-y: scroll;color: black}
.ca_handle:hover .ca_drop{display: block}
.ca_list{background: #fefefe;border: 1px solid #f2f2f2}
.ca_row {border-bottom:1px solid #f2f2f2;font-size: 14px;line-height: 18px;;padding:10px;}
.ca_row:hover {background: #eeeeee}
.ca_name {font-weight: bold;font-size: 16px;float:left}
.ca_title {clear:both;font-weight:500;padding:6px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ca_project {font-size:12px;float: right}
.ca_project span {display: inline-block;margin-right:10px;border-radius: 5px;}
.ca_project span:first-child {font-weight: bold;}
.ca_project span:last-child {font-weight: 300;}
.ca_body {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px;}



.pulse-red {
  cursor: pointer;
  animation: pulse-red 1.7s infinite;
}
.pulse-red {border-radius: 20px; }
@keyframes pulse-red {
  0%   { box-shadow: 0 0 0 0 		rgba(228, 55, 40, 1);}
  70%  { box-shadow: 0 0 0 20px 	rgba(228, 55, 40, .1);}
  100% { box-shadow: 0 0 0 0 		rgba(228, 55, 40, 0);}
}