$ibo-dashboard-editor--pane-padding: 16px 30px 16px 15px !default;

$ibo-dashlet--icon--height: 34px !default;
$ibo-dashlet--icon--width: $ibo-dashlet--icon--height !default;
$ibo-dashlet--icon--margin: 2px 5px !default;

$ibo-dashboard--properties--title--padding-bottom: 2rem !default;

$ibo-dashboard--properties--layout-list--padding-bottom: 12px !default;

$ibo-dashboard--properties--layout-list--button--margin: 0 15px 0 5px !default;

$ibo-dashboard-editor--padding: 0 !default;

$ibo-dashboard-editor--dashboard--border-right: solid 1px $ibo-color-grey-200 !default;
$ibo-dashboard-editor--dashboard--padding: 16px 15px 16px 30px !default;

$ibo-dashlet--delete--top: 7px !default;
$ibo-dashlet--delete--right: 9px !default;
$ibo-dashlet--delete--padding: 2px 6px !default;
$ibo-dashlet--delete--z-index: 21 !default;


.ibo-dashboard-editor--pane{
	flex-grow: 1;
	padding: $ibo-dashboard-editor--pane-padding;
	overflow: auto;
}

.ibo-dashlet--icon{
	display: inline-block; 
	height: $ibo-dashlet--icon--height; 
	width: $ibo-dashlet--icon--width; 
	margin: $ibo-dashlet--icon--margin;
	cursor: grab;
	&:active{
		cursor: move;
	}
}
.ibo-dashboard--properties,
.ibo-dashboard--available-dashlets,
.ibo-dashlet--properties{
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
	table{
		width: 100%;
		text-align: left;
		td{
			margin-bottom: 14px;
			.ibo-field{
				@extend %ibo-font-ral-med-100;				
			}
		}
	}
}
.ibo-dashboard--properties--title{
	padding-bottom: $ibo-dashboard--properties--title--padding-bottom;
	@extend %ibo-font-ral-med-250;
}
.ibo-dashboard--properties--subtitle,
.ibo-dashboard--available-dashlet--title,
.ibo-dashlet--properties--title{
	@extend .ibo-fieldset-legend;
	@extend %ibo-font-ral-med-150;
}

.ibo-dashboard--properties--layout-list {
	display: flex;
	justify-content: center;
	padding-bottom: $ibo-dashboard--properties--layout-list--padding-bottom;
	> .ui-button {
		display: inline-block;
		height: auto;
		margin: $ibo-dashboard--properties--layout-list--button--margin;
	}
}
.ibo-dashboard--available-dashlets--list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#dashboard_editor{
	display: flex;
	flex-direction: row;
	padding: $ibo-dashboard-editor--padding;
	> .itop-dashboard{
		resize: horizontal;
		overflow: scroll;
		border-right: $ibo-dashboard-editor--dashboard--border-right;
		padding: $ibo-dashboard-editor--dashboard--padding;
	}
}
.ibo-dashlet--delete{
	position: absolute;
	top: $ibo-dashlet--delete--top;
	right: $ibo-dashlet--delete--right;
	padding: $ibo-dashlet--delete--padding;
	z-index: $ibo-dashlet--delete--z-index;
	@extend .ibo-button;
	@extend .ibo-is-alternative;
	@extend .ibo-is-danger;
}