/* Class for buttons in the editor */
.MN_button {
	background-image: none;
	display: inline-block;
	text-align: center;
	text-decoration: none!important;
	color: #909daa!important;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.toolbar-fixed {
  z-index: 100;
  position: fixed;
  border-bottom: 1px solid #f00;
  opacity: 0.9;
  background: red;
  background: rgba(255, 255, 255, 0.95);
}

.te-markdown-tab-section .te-tab {
	margin:0 !important;
}

/*
  Set the space between two buttons on the toolbar to zero
  so we can place more buttons on it
 */
.tui-editor-defaultUI-toolbar button {
	margin: 0 !important;
	border: none !important;
}

/*
  Look and feel of the button : "pressed" i.e. with a darker gray
  background color
*/
.te-markdown-tab-section .te-tab button.te-tab-active {
	background-color: #e3e3e3;
}

/*
  Get more space by reducing the left and right padding on the toolbar
  so, here too, we can have more buttons displayed on the toolbar
 */
.tui-editor-defaultUI-toolbar {
	padding: 4px 4px;
}

/**
 * DropZone area. Make it fixed so when scrolling into a
 * long note content, the dropzone stay on the screen
 */
#divEditUpload {
	background-color: rgba(194, 139, 137, 0.35);
	position: fixed;
	max-width: 250px;
	right: 0;
	z-index: 999;
}

.dropzone .dz-message {
	font-size: 0.6em;
	text-align: left;
	margin: 0;
}
