.canvas {
    display: flex;
    margin: auto;
    width: 95%;
    border: 1px solid #ccc;
    margin-top: 5px;
}

.canvas-row {
	display: inline-block;
	margin: 5px;
	border: 1px solid #fff;
	min-height: 300px;
}
.canvas-box {
	border: 1px solid #ccc;
	margin: 5px;
	min-height: 180px;
    min-width: 200px;
}

.canvas-title {
    background-color: #2a6496;
    color: #fff;
    font-size: 2em;
    margin: 5px;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}

.canvas-subtitle {
    margin: 7px;
    font-size: 0.9em;
    font-weight: bold;
    color: #333;
}

.canvas-block {
    margin: 7px;
    font-size: 0.9em;
    color: #2a6496;
    width: 95%;
    text-align: justify;
}
/*cbm*/
.cbm {
    margin: auto;
    width: 100%;
    border: 1px solid #ccc;
    margin-top: 5px;
    border-left: 1px solid #333;
	border-top: 1px solid #333;
}

.cbm-col {
	background-color: #DDD;
	display: inline-block;
	text-align: center;
	height: 100%;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	float: right;
}
.cbm-box {
	position: relative;
}
.cbm-box-tools {
	position: absolute;
	top: 5px;
	right: 5px;
	color: yellowgreen;
}
.cbm-box-title {
	text-align: left;
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 3px;
	padding-left: 6px;
	color: #333;
}
.cbm-notes {
	height: 90%;
	overflow: auto;
}
.cbm-note {
    background-color: lightyellow;
    font-size: 0.85em;
    width: 75%;
    margin: 10px auto;
    min-height: 40px;
    padding: 5px;
    text-align: left;
    position: relative;
}
.cbm-note-float {
	float: left;
	width: 120px;
	margin: 5px;
}
.cbm-note-tools {
	position: absolute;
	top: 5px;
	right: 5px;
	color: yellowgreen;
}

.cbm-note-tools i:hover{
	color: red;
}

.cbm-note-title {
	overflow: auto;
}

.cbm-button {
	display: none;
}