.report .error{
	margin-bottom: 20px;
	color: #c16464;
	width: 280px;
	margin: auto;
}
.report .hasData .data{
	display: none;
}
.report .panel.center{
	width: 430px;
	text-align: center;
	margin-right: 0px !important;
}
.report .panel.center .tiny{
	margin: auto;
	display: inline-block;
	text-align: left;
}
.report .controls{
	margin-bottom: 50px;
}
.report .sectionTitle{
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 14px;
}

.report .sectionTitle:not(:first-child){
	padding-top: 50px;
}

.report .key{
	padding-top: 10px;
}
.report .key .color{
	width: 16px;
	height: 16px;
	border-radius: 2px;
	margin-right: 5px;
}
.report .key .item{
	margin-bottom: 2px;
}
.report .key .item *{
	vertical-align: middle;
	display: inline-block;
}

.recentReports{
	padding-top: 50px;
	padding-bottom: 10px;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	width: 100%;
}
.recentReports .wrapper{
	overflow: hidden;
	white-space: nowrap;
}
.recentReports a{
	color: #000;
	display: inline-block;
	padding-left: 20px;
	opacity: 0.7;
}
.recentReports a:hover{
	opacity: 1;
}

.report .reportConfig.bar-metric .panel.reportLeft{
	width: 700px;
}
.report .reportConfig .metrics .metric .handle img{
	width: 12px;
}
.report .reportConfig .metrics .metric .handle{
	min-width: 12px;
}
.report .reportConfig .metrics .metric{
	margin-bottom: 5px;
	white-space: nowrap;
}
.report .reportConfig .metrics .box[value="0"]:first-child, .report .reportConfig .metrics .box:last-child{
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}
.report .reportConfig .metrics .box{
	display: inline-block;
	height: 12px;
	min-width: 30px;
	padding: 9px 10px;
}
.report .reportConfig .metrics .box:hover{
	cursor: pointer;
	background-color: #ddd;
}
.report .reportConfig .metrics .box.delete{
	height: 12px;
	min-width: 0px;
}
.report .reportConfig .metrics .box:first-child{
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.report .reportConfig .metrics .box:last-child{
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.report{
	position: relative;
}
.report .view{
	position: absolute;
	left: -30px;
	opacity: 0.2;
}
.report .view:hover{
	opacity: 1;
}
.report .view:hover .co{
	display: block;
}
.report .view img{
	width: 20px;
}

.popup .sectionViewLink{
	margin-bottom: 20px;
}
.popup .items .entry{
	background-color: #f5f5f5;
	padding: 6px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 3px;
}
.popup .items .entry:hover{
	cursor: pointer;
	background-color: #ddd;
}

.reportInline{
	white-space: nowrap;
	padding-right: 50px;
}
.reportInline .report{
	display: inline-block;
	vertical-align: top;
	margin-left: 50px;
	margin-top: 6px;
}
.reportInline .report:first-child{
	margin-left: 0px;
}

.report .filter-picker, .report .teamSelector{
	margin-bottom: 50px;
}

/* bar chart */
.report .barChart{
	margin-top: 100px;
	font-size: 10px;
	width: 900px;
}
.report .barChart.tiny{
	margin-top: 30px;
	margin-bottom: 30px;
	width: auto;
	overflow-x: auto;
}
.report .barChart.tiny .view{
	top: 0px;
}
.report .barChart .xWrapper{

	padding-right: 50px;
}
.report .barChart.tiny .xWrapper{
	max-width: 100%;
	position: relative;
	padding-right: 0px;
}
.report .barChart .y-axis, .report .barChart .bars{
	height: 300px;
	position: relative;
	white-space: nowrap;
}
.report .barChart.tiny .y-axis, .report .barChart.tiny .bars{
	height: 100px;
}
.report .barChart .y-axis{
	width: 60px;
	position: relative;
	visibility: hidden;
}
.report .barChart.tiny .y-axis{
	display: none;
}
.report .barChart .y-axis .label{
	position: absolute;
	text-align: right;
	width: calc(100% - 15px);
}
.report .barChart .x-axis, .report .barChart .bars{
	min-width: 100px;
	white-space: nowrap;
}
.report .barChart.tiny .x-axis, .report .barChart.tiny .bars{
	min-width: 80px;
}
.report .barChart.tiny .x-axis{
	margin-top: 30px;
}
.report .barChart .bars .bar, .report .barChart .x-axis .label{
	float: left;
	margin: 0px 5px;
}
.report .barChart .x-axis{
	white-space: nowrap;
}
.report .barChart .x-axis .label{
	float: none;
	display: inline-block;
	white-space: normal;
}
.report .barChart .bars{
	border-bottom: 1px solid #666;
}
.report .barChart .bars .bar{
	height: 100%;
	position: relative;
	float: none !important;
	display: inline-block;
}
.report .barChart .bars .bar .bg{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}
.report .barChart .bars .bar.stacked .bg{
	letter-spacing: normal;
	text-align: left;
}
.report .barChart .bars .bar.stacked .bg .text{
	left: 3px;
}
.report .barChart .bars .bar .bg .progress-bar{
	background-color: #c6d99d;
	position: absolute;
	width: 100%;
	bottom: 0px;
	left: 0px;
	border-top-right-radius: 2px;
	border-top-left-radius: 2px;
}
.report .barChart .bars .bar .bg .text{
	position: relative;
	top: 5px;
	display: block;
}
.report .barChart .bars .bar.short .bg .text{
	top: auto;
	bottom: 17px;
	color: #666;
}
.report .barChart .bars .bar .bg.zero .text{
	display: none;
}
.report .barChart .bars .bar .bg.short .text{
	position: absolute;
	top: calc(-100% - 5px);
	padding-bottom: 5px;
	width: 27px;
	color: #666;
}
.report .barChart .bars .bar .bg:first-child .title{
	left: 0px;
}
.report .barChart .bars .bar .bg .title{
	top: calc(100% + 5px);
	position: absolute;
	color: #666;
	width: 27px;
	font-weight: normal;
	left: 0px;
	display: block;
	text-align: center;
}
.report .barChart .bars .bar .bg.centered .title, .report .barChart .bars .bar .bg.centered .text{
	text-align: center;
	left: 0px;
	width: 27px;
}
.report .barChart .bars .bar .bg:hover{
	cursor: pointer;
	opacity: 0.8;
}
.report .barChart .x-axis{
	margin-top: 25px;
}
.report .barChart .x-axis .label{
	padding: 0px 5px;
	width: 80px;
	white-space: normal;
	vertical-align: top;
}

/* heatmap */
.report .heatmap{
	font-size: 10px;
}
.report .heatmap .map{
	border-spacing: 5px;
	padding-right: 100px;
}
.report .heatmap.tiny .map{
	border-spacing: 4px;
	padding-right: 0px;
	padding-top: 10px;
}
.report .heatmap .map .tcell{
	padding: 10px;
	text-align: center;
}
.report .heatmap.tiny .map .tcell{
	padding: 3px;
}
.report .heatmap.tiny .map .tcell:first-child{
	padding-right: 10px;
}
.report .heatmap .map .headers{

}
.report .heatmap .map .headers .trow .tcell{
	padding: 10px 0px;
	vertical-align: bottom;
}
.report .heatmap.tiny .map .headers .trow .tcell{
	padding: 5px 0px;
}
.report .heatmap .map .headers .trow .tcell .dateWidth{
	width: 32px;
}
.report .heatmap.tiny .map .headers .trow .tcell .dateWidth{
	width: 18px;
}
.report .heatmap .map .rows{

}
.report .heatmap .map .rows .row{

}
.report .heatmap .map .rows .row .tcell{
	background-color: #f0f0f0;
	opacity: 0.4;
	border-radius: 20px;
}
.report .heatmap .map .rows .row .tcell.title{
	text-align: right;
	white-space: nowrap;
}
.report .heatmap .map .rows .row .tcell.hot:hover{
	cursor: pointer;
	opacity: 0.5 !important;
	color: #000 !important;
}
.report .heatmap .map .rows .row:nth-child(2n) .tcell{
	background-color: #f5f5f5;
}
.report .heatmap .map .rows .row .tcell:first-child{
	background-color: #fff;
	opacity: 1;
}

/* multilist */
.report .multilist{

}
.report .multilist .lists{
    border-spacing: 0px 10px;
}
.report .multilist .tcell{
	padding-right: 20px;
}
.report .multilist .titles .title{
	vertical-align: bottom;
	padding-left: 10px;
}
.report .multilist .items{
	white-space: pre-line;
}
.report .multilist .items .item{
	background-color: #f5f5f5;
	padding: 4px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 3px;
	border-radius: 2px;
	color: #000;
	white-space: normal;
}
.report .multilist .items .item:hover{
	cursor: pointer;
	background-color: #ddd !important;
}
.report .multilist .items .minWidth{
	width: 150px;
}


/* worklist timeline */
.report .worklist-timeline .table{
	border-spacing: 0px;
	padding-right: 50px;
}
.report .worklist-timeline .dot{
	width: 2px;
	height: 12px;
	position: relative;
	top: 1px;
}
.report .worklist-timeline .dot.future{
	border-width: 2px !important;
	height: 14px;
	width: 14px;
	padding: 0px;
	background-color: transparent !important;
}
.report .worklist-timeline .line{
	width: calc(100% + 4px);
	height: 2px;
	background-color: #999;
	position: relative;
	left: -2px;
}
.report .worklist-timeline .dot:hover .co{
	display: block;
	z-index: 10;
	top: -25px;
}
.report .worklist-timeline .dot.future:hover .co{
	top: -35px;
}
.report .worklist-timeline .colHeader{
	width: 22px;
	padding-bottom: 10px;
}
.report .worklist-timeline .tcell:not(:first-child){
	text-align: center;
}
.report .worklist-timeline .tcell{
	vertical-align: middle;
}
.report .worklist-timeline .tcell.today{
	background-color: #f5f5f5;
}
.report .worklist-timeline .tableHeader .tcell{
	padding-top: 10px;
	vertical-align: bottom;
}
.report .worklist-timeline .tcell a{
	color: #000;
	display: block;
	padding-right: 50px;
	white-space: nowrap;
}
.report .worklist-timeline .tbody .trow:hover .tcell{
	background-color: #f5f5f5;
}
.report .worklist-timeline .tcell:first-child{
	padding-left: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.report .worklist-timeline .tcell:last-child{
	padding-right: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.report .worklist-timeline .tcell.teammate{
	padding-top: 20px;
	padding-bottom: 6px;
	padding-left: 11px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
	opacity: 0.8;
}

/* Rolling Goal Graph */

.report .rolling-goal-graph.graph{
	width: 100%;
	height: 400px;
}
.report .rolling-goal-graph.graph.tiny{
	width: 300px;
	height: 150px;
	margin-top: 20px;
}

/* Monthly Metrics */

.monthly-numbers:not(.reportConfig){
	padding-top: 50px;
}
.monthly-numbers .table{
	margin: 0 auto;
	border-spacing: 0px;
	padding-right: 50px;
}
.report .monthly-numbers .tcell{
	padding: 10px;
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}
.monthly-numbers .tableHeader .tcell{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	opacity: 0.8;
}
.report .monthly-numbers .tcell.hasData{
	cursor: pointer;
}
.report .monthly-numbers .tcell.hasData:hover{
	font-weight: bold;
}
.report .monthly-numbers .tcell .bar{
	padding: 0px 10px;
	position: relative;
	left: 10px;
	min-width: 40px;
	font-size: 11px;
	vertical-align: middle;
	cursor: pointer;
}
.report .monthly-numbers .tcell .bar:hover{
	opacity: 0.8;
}
.report .monthly-numbers .tcell .bar:hover .co{
	display: block;
}
.report .monthly-numbers .tcell .bar:first-child{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-top: none;
}
.report .monthly-numbers .tcell .bar:last-child{
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom: none;
}
.report .monthly-numbers .tcell .bar.past{
	background-color: #c6d99d;
	border-bottom: 1px solid #bdcf94;
}
.report .monthly-numbers .tcell .bar.future{
	background-color: #9acfd1;
	border-bottom: 1px solid #93c7c9;
}
.report .monthly-numbers .tcell .bar.extra{
	background-color: #dfb6e4;
	border-bottom: 1px solid #d8a8de;
}
.report .monthly-numbers .tcell .minWidth{
	min-width: 60px;
}
.report .monthly-numbers .tcell .metricTitle{
	white-space: normal;
	width: 130px;
}
.report .monthly-numbers .trow:not(:last-child) .tcell{
	border-bottom: 1px solid #f0f0f0;
}
.report .monthly-numbers .trow:nth-child(2n) .tcell{
	background-color: #f5f5f5;
}
.monthly-past-future-report .monthly-numbers .trow.past .tcell{
	background-color: #c6d99d;
	border-bottom: none;
}
.monthly-past-future-report .monthly-numbers .trow.future .tcell{
	background-color: #9acfd1;
	border-bottom: none;
}

/* Worklist Bar Stack */

.report .worklist-bar-stack.graph{
	width: 100%;
	height: 400px;
}
.report .worklist-bar-stack.graph.tiny{
	width: 300px;
	height: 150px;
	margin-top: 20px;
}
.report .worklist-bar-stack.graph .view{
	top: 0px;
}

/* Last Note */
.last-note{
	margin: auto;
	border-spacing: 0px;
	padding-top: 30px;
	width: 100%;
}
.last-note .trow:not(:last-child) .tcell{
	border-bottom: 1px solid #f0f0f0;
}
.last-note .tcell{
	padding: 10px 10px;
	vertical-align: top;
	display: table-cell !important;
}
.last-note .tcell.content span, .last-note .tcell.content img, .last-note .tcell.content span *{
	vertical-align: top;
}
.last-note .tcell.content img{
	padding-top: 2px;
	margin-left: 10px;
	display: none !important;
}
.last-note .tcell.content:hover img{
	display: inline-block !important;
}
.last-note .tcell.content img:hover{
	opacity: 0.7;
	cursor: pointer;
}
.last-note .thead .tcell{
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 11px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.last-note .minNameWidth{
	width: 150px;
}
.last-note .minAuthorWidth{
	width: 100px;
}
.popup .respond{
	width: 600px;
	height: 100%;
}
.popup .respond textarea{
	width: 580px;
	height: 200px;
	margin-top: 0;
}
.popup .respond .blueButton{
	margin-top: 10px;
}

/* Dot Calendar */
.dot-calendar .table{
	border-spacing: 0;
	white-space: nowrap;
	padding-right: 50px;
}
.dot-calendar .tcell{
	padding: 2px 5px;
	vertical-align: middle;
}
.dot-calendar .tableHeader .tcell{
	padding: 15px 5px;
	background-color: #fff !important;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #333;
}
.dot-calendar .trow:not(.tableHeader) .tcell:not(.dots):not(.ns){
	padding: 2px;
}
.dot-calendar .tcell:nth-child(1), .dot-calendar .tcell:nth-child(2), .dot-calendar .tcell:nth-child(3){
	padding-left: 15px;
	padding-right: 15px;
}
.dot-calendar .tcell .minHeight{
	padding-top: 3px;
	padding-bottom: 2px;
}
.dot-calendar .tcell:first-child{
	color: #000;
}
.dot-calendar a.tcell:first-child:hover{
	opacity: 0.6;
}
.dot-calendar .tableHeader .minWidth{
	width: 18px;
}
.dot-calendar .tableHeader .weekof{
	position: absolute;
	left: 5px;
	top: 15px;
	overflow: visible;
	z-index: 3;
	width: 196px;
	text-align: center;
}
.dot-calendar .tableHeader .weekof span{
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
}
.dot-calendar .entry .tcell{
	z-index: 4;
}
.dot-calendar .tcell .dot{
	cursor: pointer;
	position: relative;
}
.dot-calendar .tcell .dot:hover{
	opacity: 0.8;
}
.dot-calendar .tcell .dot:hover .co{
	display: block;
	z-index: 3;
	top: -28px;
}
.dot-calendar .tcell.dots .dot{
	width: 10px;
	height: 10px;
	padding: 2px;
	margin: 1px 1px;
	cursor: pointer;
	vertical-align: top;
}
.dot-calendar .tcell:not(.dots) .dot{
	width: 16px;
	padding: 1px 2px;
	margin: 1px 0px;
	display: block;
	position: relative;
	text-align: center;
	vertical-align: top;
}
.dot-calendar .tcell .dot.goaled{
	background-color: transparent !important;
}
.dot-calendar .pages{
	padding: 30px 15px;
}
.dot-calendar .pages .page{
	margin-right: 5px;
}
.dot-calendar .pages .page.active{
	font-weight: bold;
}

/* Kanban */
.kanban .table{
	border-spacing: 0;
	white-space: nowrap;
	padding-right: 50px;
}
.kanban .tcell{
	padding: 2px 5px;
	vertical-align: middle;
}
.kanban .tableHeader .tcell{
	padding: 15px 5px;
	background-color: #fff !important;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #333;
}
.kanban .tableHeader .dateHeader{
	text-align: center;
	font-weight: normal;
	text-transform: none;
}
.kanban .stickyColumn{
	z-index: 11;
}
.kanban .trow:not(.tableHeader) .tcell:not(.flowing):not(.ns){
	padding: 2px;
}
.kanban .tcell:nth-child(1), .kanban .tcell:nth-child(2), .kanban .tcell:nth-child(3){
	padding-left: 15px;
	padding-right: 15px;
}
.kanban .tcell .minHeight{
	padding-top: 3px;
	padding-bottom: 2px;
}
.kanban .tcell:first-child{
	color: #000;
}
.kanban a.tcell:first-child:hover{
	opacity: 0.6;
}
.kanban .tableHeader .minWidth{
	width: 24px;
}
.kanban .tableHeader .weekof{
	position: absolute;
	left: 5px;
	top: 15px;
	overflow: visible;
	z-index: 3;
	width: 196px;
	text-align: center;
}
.kanban .tableHeader .weekof span{
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
}
.kanban .trow:not(.tableHeader) .tcell.flowing:hover{
	cursor: pointer;
	opacity: 0.8;
}
.kanban .entry .tcell{
	z-index: 4;
	position: relative;
}
.kanban .entry .tcell.cell{
	text-align: center;
	cursor: pointer;
}
.kanban .entry .tcell.cell:hover{
	opacity: 0.7 !important;
}
.kanban .entry .tcell.cell.editing{
	z-index: 5;
	opacity: 1 !important;
}
.kanban .entry .tcell.cell .html{
	padding: 1px 4px;
}
.kanban .entry .tcell.cell .searcher{
	text-align: left;
}
.kanban .tcell .dot{
	cursor: pointer;
	position: relative;
}
.kanban .tcell .dot:hover{
	opacity: 0.8;
}
.kanban .tcell .dot:hover .co{
	display: block;
	z-index: 3;
	top: -28px;
}
.kanban .tcell .dot{
	width: 16px;
	padding: 1px 2px;
	margin: 1px 0px;
	display: block;
	position: relative;
	text-align: center;
	vertical-align: top;
}
.kanban .tcell .dot.goaled{
	background-color: transparent !important;
}
.kanban .pages{
	padding: 30px 15px;
}
.kanban .pages .page{
	margin-right: 5px;
}
.kanban .pages .page.active{
	font-weight: bold;
}
.kanban-key{
	padding-left: 20px;
	padding-bottom: 20px;
}
.kanban-key span{
	display: inline-block;
	vertical-align: middle;
}
.kanban-key .cell{
	width: 20px;
	height: 20px;
	border-radius: 10px;
	margin-right: 5px;
	margin-bottom: 2px;
}
.kanban-key .ml20{
	padding-left: 20px;
}
.kanban-metrics{
	padding-left: 20px;
}
.kanban-metrics .value{
	padding-left: 10px;
	font-weight: bold;
}

/* Kanban 3 */
.kanban3 .table{
	border-spacing: 0;
	white-space: nowrap;
	padding-right: 50px;
}
.kanban3 .tcell{
	padding: 2px 5px;
	vertical-align: middle;
}
.kanban3 .tableHeader .tcell{
	padding: 15px 5px;
	background-color: #fff !important;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #333;
}
.kanban3 .tableHeader .dateHeader{
	text-align: center;
	font-weight: normal;
	text-transform: none;
}
.kanban3 .stickyColumn{
	z-index: 11;
}
.kanban3 .trow:not(.tableHeader) .tcell:not(.flowing):not(.ns){
	padding: 2px;
}
.kanban3 .tcell:nth-child(1), .kanban .tcell:nth-child(2), .kanban .tcell:nth-child(3){
	padding-left: 15px;
	padding-right: 15px;
}
.kanban3 .tcell .minHeight{
	padding-top: 3px;
	padding-bottom: 2px;
}
.kanban3 .tcell:first-child{
	color: #000;
}
.kanban3 a.tcell:first-child:hover{
	opacity: 0.6;
}
.kanban3 .tableHeader .minWidth{
	width: 24px;
}
.kanban3 .tableHeader .weekof{
	position: absolute;
	left: 5px;
	top: 15px;
	overflow: visible;
	z-index: 3;
	width: 196px;
	text-align: center;
}
.kanban3 .tableHeader .weekof span{
	font-weight: normal;
	text-transform: none;
	font-size: 12px;
}
.kanban3 .entry .tcell{
	z-index: 4;
	position: relative;
}
.kanban3 .entry .cell:hover{
	background-color: rgba(0, 0, 0, 0.07) !important;
}
.kanban3 .entry .tcell.cell{
	text-align: center;
	cursor: pointer;
}
.kanban3 .entry .tcell.today{
	background-color: rgba(0, 0, 0, 0.05);
}
.kanban3 .entry .tcell.cell.editing{
	z-index: 5;
	opacity: 1 !important;
}
.kanban3 .entry .tcell.cell .html{
	padding: 1px 4px;
}
.kanban3 .entry .tcell.cell .searcher{
	text-align: left;
}
.kanban3 .tcell .dot{
	cursor: pointer;
	position: relative;
}
.kanban3 .tcell .dot:hover{
	opacity: 0.8;
}
.kanban3 .tcell .dot:hover .co{
	display: block;
	z-index: 3;
	top: -28px;
}
.kanban3 .tcell .dot{
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0 auto;
	display: block;
	position: relative;
	text-align: center;
	vertical-align: top;
}
.kanban3 .tcell .dot.date{
	width: 20px;
	height: 20px;
	border-radius: 10px;
}
.kanban3 .tcell .dot.work_ready{
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	border-radius: 0px;
	background: none !important;
}
.kanban3 .tcell .dot.goal{
	border-radius: 10px;
	z-index: 10;
	width: 16px;
	height: 16px;
	background-color: transparent !important;
}
.kanban3 .tcell .dot.hb_client_dot{
	border-radius: 2px !important;
}
.kanban3 .tcell .line{
	border-top: 2px solid #999;
	position: absolute;
}
.kanban3 .tcell .line.dotted{
	border-top: 2px dotted #ddd;
}
.kanban3 .tcell.active{
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.1);
}
.kanban3 .tcell .dotPicker{
	background-color: #fff;
	padding: 10px;
	position: absolute;
	top: -10px;
	left: 100%;
	text-align: left;
}
.kanban3 .tcell .dotPicker .value{
	margin: 2px 0px;
}
.kanban3 .tcell .dotPicker .dot{
	display: inline-block;
}
.kanban3 .tcell .dotPicker .dot:hover{
	z-index: 10;
}
.kanban3 .pages{
	padding: 30px 15px;
}
.kanban3 .pages .page{
	margin-right: 5px;
}
.kanban3 .pages .page.active{
	font-weight: bold;
}

.value-by-dot-calendar{
	border-spacing: 0;
}
.value-by-dot-calendar .trow:first-child .tcell{
	border-bottom: 1px solid #000;
}
.value-by-dot-calendar .trow:not(:first-child):nth-child(2n) .tcell{
	background-color: #f9f9f9;
}
.value-by-dot-calendar .tcell{
	padding: 5px 10px;
}
.value-by-dot-calendar .tcell:not(:first-child){
	text-align: right;
}
.value-by-dot-calendar .dot{
	cursor: pointer;
}