@import "../../scss/variables";

@font-face {
	font-family: "summernote";
	font-style: normal;
	font-weight: normal;
	src: url("./font/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b");
	src: url("./font/summernote.eot?4c7e83314b68cfa6a0d18a8b4690044b#iefix") format("embedded-opentype"),
		url("./font/summernote.woff?4c7e83314b68cfa6a0d18a8b4690044b") format("woff"),
		url("./font/summernote.ttf?4c7e83314b68cfa6a0d18a8b4690044b") format("truetype");
}

[class^="note-icon-"]:before,
[class*=" note-icon-"]:before {
	display: inline-block;
	font: normal normal normal 14px summernote;
	font-size: inherit;
	-webkit-font-smoothing: antialiased;
	text-decoration: inherit;
	text-rendering: auto;
	text-transform: none;
	vertical-align: middle;
	speak-as: none;
	-moz-osx-font-smoothing: grayscale;
}

.note-icon-align-center:before,
.note-icon-align-indent:before,
.note-icon-align-justify:before,
.note-icon-align-left:before,
.note-icon-align-outdent:before,
.note-icon-align-right:before,
.note-icon-align:before,
.note-icon-arrow-circle-down:before,
.note-icon-arrow-circle-left:before,
.note-icon-arrow-circle-right:before,
.note-icon-arrow-circle-up:before,
.note-icon-arrows-alt:before,
.note-icon-arrows-h:before,
.note-icon-arrows-v:before,
.note-icon-bold:before,
.note-icon-caret:before,
.note-icon-chain-broken:before,
.note-icon-circle:before,
.note-icon-close:before,
.note-icon-code:before,
.note-icon-col-after:before,
.note-icon-col-before:before,
.note-icon-col-remove:before,
.note-icon-eraser:before,
.note-icon-font:before,
.note-icon-frame:before,
.note-icon-italic:before,
.note-icon-link:before,
.note-icon-magic:before,
.note-icon-menu-check:before,
.note-icon-minus:before,
.note-icon-orderedlist:before,
.note-icon-pencil:before,
.note-icon-picture:before,
.note-icon-question:before,
.note-icon-redo:before,
.note-icon-row-above:before,
.note-icon-row-below:before,
.note-icon-row-remove:before,
.note-icon-special-character:before,
.note-icon-square:before,
.note-icon-strikethrough:before,
.note-icon-subscript:before,
.note-icon-summernote:before,
.note-icon-superscript:before,
.note-icon-table:before,
.note-icon-text-height:before,
.note-icon-trash:before,
.note-icon-underline:before,
.note-icon-undo:before,
.note-icon-unorderedlist:before,
.note-icon-video:before {
	display: inline-block;
	font-family: "summernote";
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
}

.note-icon-align-center:before {
	content: "";
}

.note-icon-align-indent:before {
	content: "";
}

.note-icon-align-justify:before {
	content: "";
}

.note-icon-align-left:before {
	content: "";
}

.note-icon-align-outdent:before {
	content: "";
}

.note-icon-align-right:before {
	content: "";
}

.note-icon-align:before {
	content: "";
}

.note-icon-arrow-circle-down:before {
	content: "";
}

.note-icon-arrow-circle-left:before {
	content: "";
}

.note-icon-arrow-circle-right:before {
	content: "";
}

.note-icon-arrow-circle-up:before {
	content: "";
}

.note-icon-arrows-alt:before {
	content: "";
}

.note-icon-arrows-h:before {
	content: "";
}

.note-icon-arrows-v:before {
	content: "";
}

.note-icon-bold:before {
	content: "";
}

.note-icon-caret:before {
	content: "";
}

.note-icon-chain-broken:before {
	content: "";
}

.note-icon-circle:before {
	content: "";
}

.note-icon-close:before {
	content: "";
}

.note-icon-code:before {
	content: "";
}

.note-icon-col-after:before {
	content: "";
}

.note-icon-col-before:before {
	content: "";
}

.note-icon-col-remove:before {
	content: "";
}

.note-icon-eraser:before {
	content: "";
}

.note-icon-font:before {
	content: "";
}

.note-icon-frame:before {
	content: "";
}

.note-icon-italic:before {
	content: "";
}

.note-icon-link:before {
	content: "";
}

.note-icon-magic:before {
	content: "";
}

.note-icon-menu-check:before {
	content: "";
}

.note-icon-minus:before {
	content: "";
}

.note-icon-orderedlist:before {
	content: "";
}

.note-icon-pencil:before {
	content: "";
}

.note-icon-picture:before {
	content: "";
}

.note-icon-question:before {
	content: "";
}

.note-icon-redo:before {
	content: "";
}

.note-icon-row-above:before {
	content: "";
}

.note-icon-row-below:before {
	content: "";
}

.note-icon-row-remove:before {
	content: "";
}

.note-icon-special-character:before {
	content: "";
}

.note-icon-square:before {
	content: "";
}

.note-icon-strikethrough:before {
	content: "";
}

.note-icon-subscript:before {
	content: "";
}

.note-icon-summernote:before {
	content: "";
}

.note-icon-superscript:before {
	content: "";
}

.note-icon-table:before {
	content: "";
}

.note-icon-text-height:before {
	content: "";
}

.note-icon-trash:before {
	content: "";
}

.note-icon-underline:before {
	content: "";
}

.note-icon-undo:before {
	content: "";
}

.note-icon-unorderedlist:before {
	content: "";
}

.note-icon-video:before {
	content: "";
}

.note-editor {
	position: relative;

	.note-dropzone {
		position: absolute;
		z-index: 100;
		display: none;
		color: #87cefa;
		background-color: $white;
		opacity: 0.95;

		.note-dropzone-message {
			display: table-cell;
			font-size: 28px;
			font-weight: 700;
			text-align: center;
			vertical-align: middle;
		}

		&.hover {
			color: #098ddf;
		}
	}

	&.dragover .note-dropzone {
		display: table;
	}

	.note-editing-area {
		position: relative;

		.note-editable {
			outline: 0;

			sup {
				vertical-align: super;
			}

			sub {
				vertical-align: sub;
			}
		}

		img {
			&.note-float-left {
				margin-right: 10px;
			}

			&.note-float-right {
				margin-left: 10px;
			}
		}
	}

	&.note-frame {
		border: 1px solid #a9a9a9;

		&.codeview .note-editing-area {
			.note-editable {
				display: none;
			}

			.note-codable {
				display: block;
			}
		}

		.note-editing-area {
			overflow: hidden;

			.note-editable {
				padding: 10px;
				overflow: auto;
				color: #334151;
				word-wrap: break-word;
				background-color: $white;

				&[contenteditable="false"] {
					background-color: #e5e5e5;
				}
			}

			.note-codable {
				display: none;
				width: 100%;
				padding: 10px;
				margin-bottom: 0;
				font-family: Menlo, Monaco, monospace, sans-serif;
				font-size: 14px;
				color: #ccc;
				background-color: #222;
				border: 0;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				box-shadow: none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
				resize: none;
			}
		}

		&.fullscreen {
			position: fixed;
			top: 0;
			left: 0;
			z-index: 1050;
			width: 100% !important;

			.note-editable {
				background-color: $white;
			}

			.note-resizebar {
				display: none;
			}
		}

		.note-status-output {
			display: block;
			width: 100%;
			height: 20px;
			margin-bottom: 0;
			font-size: 14px;
			line-height: 1.42857143;
			color: #334151;
			border: 0;
			border-top: 1px solid #e2e2e2;

			&:empty {
				height: 0;
				border-top: 0 solid transparent;
			}

			.pull-right {
				float: right !important;
			}

			.text-muted {
				color: #777;
			}

			.text-primary {
				color: #286090;
			}

			.text-success {
				color: #3c763d;
			}

			.text-info {
				color: #31708f;
			}

			.text-warning {
				color: #8a6d3b;
			}

			.text-danger {
				color: #a94442;
			}

			.alert {
				padding: 7px 10px 2px 10px;
				margin: -7px 0 0 0;
				color: #334151;
				background-color: #f5f5f5;
				border-radius: 0;

				.note-icon {
					margin-right: 5px;
				}
			}

			.alert-success {
				color: #3c763d !important;
				background-color: #dff0d8 !important;
			}

			.alert-info {
				color: #31708f !important;
				background-color: #d9edf7 !important;
			}

			.alert-warning {
				color: #8a6d3b !important;
				background-color: #fcf8e3 !important;
			}

			.alert-danger {
				color: #a94442 !important;
				background-color: #f2dede !important;
			}
		}

		.note-statusbar {
			background-color: #f5f5f5;
			border-top: 1px solid #ddd;
			border-bottom-right-radius: 4px;
			border-bottom-left-radius: 4px;

			.note-resizebar {
				width: 100%;
				height: 9px;
				padding-top: 1px;
				cursor: ns-resize;

				.note-icon-bar {
					width: 20px;
					margin: 1px auto;
					border-top: 1px solid #a9a9a9;
				}
			}

			&.locked .note-resizebar {
				cursor: default;

				.note-icon-bar {
					display: none;
				}
			}
		}

		.note-placeholder {
			padding: 10px;
		}
	}
}

.note-popover.popover {
	max-width: none;

	.popover-content a {
		display: inline-block;
		max-width: 200px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		vertical-align: middle;
	}

	.arrow {
		left: 20px !important;
	}
}

.note-toolbar {
	position: relative;
	z-index: 500;
}

.note-popover .popover-content,
.panel-heading.note-toolbar {
	padding: 0 0 5px 5px;
	margin: 0;
}

.note-popover .popover-content > .btn-group,
.panel-heading.note-toolbar > .btn-group {
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 0;
}

.note-popover .popover-content .btn-group .note-table,
.panel-heading.note-toolbar .btn-group .note-table {
	min-width: 0;
	padding: 5px;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker {
	font-size: 18px;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
	position: absolute !important;
	z-index: 3;
	width: 10em;
	height: 10em;
	cursor: pointer;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
	position: relative !important;
	z-index: 1;
	width: 5em;
	height: 5em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC")
		repeat;
}

.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
	position: absolute !important;
	z-index: 2;
	width: 1em;
	height: 1em;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC")
		repeat;
}

.note-popover .popover-content .note-style .dropdown-style blockquote,
.panel-heading.note-toolbar .note-style .dropdown-style blockquote,
.note-popover .popover-content .note-style .dropdown-style pre,
.panel-heading.note-toolbar .note-style .dropdown-style pre {
	padding: 5px 10px;
	margin: 0;
}

.note-popover .popover-content .note-style .dropdown-style h1,
.panel-heading.note-toolbar .note-style .dropdown-style h1,
.note-popover .popover-content .note-style .dropdown-style h2,
.panel-heading.note-toolbar .note-style .dropdown-style h2,
.note-popover .popover-content .note-style .dropdown-style h3,
.panel-heading.note-toolbar .note-style .dropdown-style h3,
.note-popover .popover-content .note-style .dropdown-style h4,
.panel-heading.note-toolbar .note-style .dropdown-style h4,
.note-popover .popover-content .note-style .dropdown-style h5,
.panel-heading.note-toolbar .note-style .dropdown-style h5,
.note-popover .popover-content .note-style .dropdown-style h6,
.panel-heading.note-toolbar .note-style .dropdown-style h6,
.note-popover .popover-content .note-style .dropdown-style p,
.panel-heading.note-toolbar .note-style .dropdown-style p {
	padding: 0;
	margin: 0;
}

.note-popover .popover-content .note-color-all .dropdown-menu,
.panel-heading.note-toolbar .note-color-all .dropdown-menu {
	min-width: 337px;
}

.note-popover .popover-content .note-color .dropdown-toggle,
.panel-heading.note-toolbar .note-color .dropdown-toggle {
	width: 20px;
	padding-left: 5px;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette {
	display: inline-block;
	width: 160px;
	margin: 0;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette:first-child,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette:first-child {
	margin: 0 5px;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-palette-title,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-palette-title {
	margin: 2px 7px;
	font-size: 12px;
	text-align: center;
	border-bottom: 1px solid #eee;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select {
	width: 100%;
	padding: 0 3px;
	margin: 3px;
	font-size: 11px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-row,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-row {
	height: 20px;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-reset:hover,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-reset:hover {
	background: #eee;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-color-select-btn,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-color-select-btn {
	display: none;
}

.note-popover .popover-content .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.panel-heading.note-toolbar .note-color .dropdown-menu .note-palette .note-holder-custom .note-color-btn {
	border: 1px solid #eee;
}

.note-popover .popover-content .note-para .dropdown-menu,
.panel-heading.note-toolbar .note-para .dropdown-menu {
	min-width: 216px;
	padding: 5px;
}

.note-popover .popover-content .note-para .dropdown-menu > div:first-child,
.panel-heading.note-toolbar .note-para .dropdown-menu > div:first-child {
	margin-right: 5px;
}

.note-popover .popover-content .dropdown-menu,
.panel-heading.note-toolbar .dropdown-menu {
	min-width: 90px;
}

.note-popover .popover-content .dropdown-menu.right,
.panel-heading.note-toolbar .dropdown-menu.right {
	right: 0;
	left: auto;
}

.note-popover .popover-content .dropdown-menu.right::before,
.panel-heading.note-toolbar .dropdown-menu.right::before {
	right: 9px;
	left: auto !important;
}

.note-popover .popover-content .dropdown-menu.right::after,
.panel-heading.note-toolbar .dropdown-menu.right::after {
	right: 10px;
	left: auto !important;
}

.note-popover .popover-content .dropdown-menu.note-check li a i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a i {
	color: deepskyblue;
	visibility: hidden;
}

.note-popover .popover-content .dropdown-menu.note-check li a.checked i,
.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i {
	visibility: visible;
}

.note-popover .popover-content .note-fontsize-10,
.panel-heading.note-toolbar .note-fontsize-10 {
	font-size: 10px;
}

.note-popover .popover-content .note-color-palette,
.panel-heading.note-toolbar .note-color-palette {
	line-height: 1;
}

.note-popover .popover-content .note-color-palette div .note-color-btn,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn {
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	border: 1px solid $white;
}

.note-popover .popover-content .note-color-palette div .note-color-btn:hover,
.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover {
	border: 1px solid $black;
}

.note-dialog {
	> div {
		display: none;
	}

	.form-group {
		margin-right: 0;
		margin-left: 0;
	}

	.note-modal-form {
		margin: 0;
	}

	.note-image-dialog .note-dropzone {
		min-height: 100px;
		margin-bottom: 10px;
		font-size: 30px;
		line-height: 4;
		color: lightgray;
		text-align: center;
		border: 4px dashed lightgray;
	}
}

@-moz-document url-prefix() {
	.note-image-input {
		height: auto;
	}
}

.note-placeholder {
	position: absolute;
	display: none;
	color: gray;
}

.note-handle .note-control-selection {
	position: absolute;
	display: none;
	border: 1px solid $black;

	> div {
		position: absolute;
	}

	.note-control-selection-bg {
		width: 100%;
		height: 100%;
		background-color: #334151;
		-webkit-opacity: 0.3;
		-khtml-opacity: 0.3;
		-moz-opacity: 0.3;
		opacity: 0.3;
		-ms-filter: alpha(opacity = 30);
		filter: alpha(opacity = 30);
	}

	.note-control-handle,
	.note-control-holder {
		width: 7px;
		height: 7px;
		border: 1px solid $black;
	}

	.note-control-sizing {
		width: 7px;
		height: 7px;
		background-color: $white;
		border: 1px solid $black;
	}

	.note-control-nw {
		top: -5px;
		left: -5px;
		border-right: 0;
		border-bottom: 0;
	}

	.note-control-ne {
		top: -5px;
		right: -5px;
		border-bottom: 0;
		border-left: none;
	}

	.note-control-sw {
		bottom: -5px;
		left: -5px;
		border-top: 0;
		border-right: 0;
	}

	.note-control-se {
		right: -5px;
		bottom: -5px;
		cursor: se-resize;

		&.note-control-holder {
			cursor: default;
			border-top: 0;
			border-left: none;
		}
	}

	.note-control-selection-info {
		right: 0;
		bottom: 0;
		padding: 5px;
		margin: 5px;
		font-size: 12px;
		color: $white;
		background-color: #334151;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-opacity: 0.7;
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		opacity: 0.7;
		-ms-filter: alpha(opacity = 70);
		filter: alpha(opacity = 70);
	}
}

.note-hint-popover {
	min-width: 100px;
	padding: 2px;

	.popover-content {
		max-height: 150px;
		padding: 3px;
		overflow: auto;

		.note-hint-group .note-hint-item {
			display: block !important;
			padding: 3px;

			&.active,
			&:hover {
				display: block;
				clear: both;
				font-weight: 400;
				line-height: 1.4;
				color: $white;
				text-decoration: none;
				white-space: nowrap;
				cursor: pointer;
				background-color: #428bca;
				outline: 0;
			}
		}
	}
}
