.clearfix {
	clear: both;
}

.kanban .columnContainer{
	margin: 10px 5px 10px 5px;
	display: inline-block;
	min-height: 350px;
	width: 280px;
	background-color: #fdfdfd;
}

.kanban .column {
	border-radius: 6px;
	background-color: #f1f1f1;
	padding-top: 5px;
}

.kanban .columnContainer.recordsColumnHideLabels {
	width: 170px;
}

.kanban {
	white-space: nowrap
}

.kanban .title{
	text-align: center;
	border: 2px solid rgba(0,0,0,.13);
	border-radius: 6px;
	background-color: #eeeeee;
	margin-bottom: 4px;
	padding: 3px;
}

.kanban .title h4{
	text-overflow: ellipsis;
	overflow: hidden;
}

.kanban .detailViewBlock {
	margin-top: 0;
	margin-bottom: 10px;
	background-color: #ffffff;
	border-radius: 6px;
}

.kanban .detailViewBlock .fieldLabel{
	background: none;
}

@media (max-width: 767px) {
	.kanban .columnContainer {
		width: 95%;
	}
	.contentsDiv > .kanban{
		padding: 0 5px 0 10px;
	}
}

.kanban .recordsColumnContainer{
	min-height: 300px;
	overflow-y: auto;
	padding: 4px;
	height: 640px;
}

.kanbanModules .table td .actions{
	white-space: nowrap;
}

.kanbanRecordHeader{
	padding: 2px 5px 0 5px !important;
	min-height: 20px;
	line-height: 18px;

	font-weight: bold;
	font-size: 12px;
	margin-bottom: -1px;
	display: flex;
	justify-content: space-between;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.kanbanRecordTitle{
	vertical-align: middle;
	line-height: 21px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;

	text-overflow: ellipsis;
	overflow: hidden;
}

.kanban .editDetailButtons{
	margin-top:3px;
}

.kanban .editDetailButtons .icon-pencil{
	margin-left: 1px;
}

.kanban .fieldLabel label, .kanban .fieldValue{
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
}

.kanban .columnContainer:not(.columnUnsigned) .kabanSum{
	background-color: rgba(0,0,0,.1);
	border-radius: 6px;
}

.kanban .kabanSum{
	padding-bottom: 1px;
	text-align: right;
	height: 20px;
}

.kanban .kanbanRecordHeader img{
	max-width: none;
}


.kanban .kabanSum h4{
	padding-top: 1px;
	padding-right: 15px;
	margin-top: 0;
}

.overflowXAuto {
	overflow-x: auto;
}

.kanban .fieldLabel{
	width: auto;
}

.kanban .fieldsGroup{
	margin-top: 1px
}

.kanbanContainer{
	padding: 0 0!important;
}

.kanbanContainer .kanbanTitle{
	margin-left: 20px
}

.kanbanContainer .kanbanSearch{
	margin-left: 20px;
}

.kanbanContainer .kanbanSearchField{
	margin-bottom: 0;
}

.kanbanContainer .kanbanSearchValue{
	margin: 5px;
}

.kanbanContainer .kanbanFilter{
	width: 400px;
	padding: 5px 20px;
}

.kanban .detailViewBlockContent, .kanban .detailViewBlockContent label{
	font-size: 12px !important;
}

.kanban .detailViewBlockContent .fieldLabel label{
	margin-bottom: 0;
}

.kanban .detailViewBlockContent .fieldLabel:last-child{
	border-bottom-left-radius: 6px;
}




.kanbanEdit .colorValue{
	background-color: #f3f3f3;
	width: 100%;
	height: 25px;
	border: 2px solid rgba(0,0,0,.15);
	border-radius: 6px;
	text-align: center;

}

.kanbanEdit .colorValue h4{
	padding: 3px;
}

.kanbanEdit .colorValueRow{
	margin-bottom: 10px;
}

.kanbanEditColorContainer .kanbanColumnExample .columnExample{
	background-color: #f3f3f3;
	width: 100%;
	border-radius: 6px;
}


.kanbanEditColorContainer .kanbanColumnExample .columnRecordsExample{
	height: 250px;
}

.kanbanEditColorContainer .kanbanColumnExample .titleExample{
	border: 2px solid rgba(0,0,0,.13);
	border-radius: 6px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
	background-color: #f3f3f3;
}

.kanbanEditColorContainer .kanbanColumnExample .sumExample{
	border-radius: 6px;
	text-align: right;
	font-weight: bold;
	background-color: rgba(0,0,0,.1);
	padding: 1px 6px;
}

.openKanbanBtn, .kanbanModulesSelect{
	margin-top:12px;
	margin-right:20px !important;
}

.kanbanModulesSelect{
	width: 200px;
}

.dashboardContainer .dashboardKanban {
	padding: 0;
}