/*
 * Widgets styles
 */

@import "colors.less";

.widget-header {
	>:first-child {
		margin: 13px 0;
	}
}

.widget-toolbar {
	display: inline-block;
	position: relative;
	float: right;
	width: auto;
	height: 29px;
	line-height: 29px;
	border-left: 1px solid rgba(0, 0, 0, .09);
	cursor: pointer;
	padding: 0 8px;
	text-align: center;

	&.no-border {
		border-left: 0;
	}
	>:first-child {
		text-align: left;
	}
	.ams-form {
		label.checkbox,
		label.radio {
			line-height: 29px;
		}
		.icon-append,
		.icon-prepend {
			top: 3px!important;
		}
	}
	&.ams-form {
		.icon-append,
		.icon-prepend {
			top: 3px!important;
		}
	}
	>.ams-form {
		margin-top: 2px;

		.toggle:last-child {
			font-size: 12px;
			line-height: 29px;
		}
		.checkbox input+i,
		.radio input+i,
		.toggle input+i {
			border-width: 1px;
			border-color: #C7C7C7!important;
			margin-top: -1px;
			-webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
					box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
		}
	}
	.btn-group {
		margin-top: -3px;
	}
	>.btn {
		margin-top: -3px;
		font-size: 12px!important;
		padding: 1px 8px!important;
	}
	>.label {
		display: inline-block;
		vertical-align: middle;
		margin-top: -3px;
		text-align: center;
		font-size: 12px;
		padding: 4px 7px;
	}
	>.badge {
		padding: 5px;
		font-size: 14px;
		border-radius: 50%;
		font-weight: 400;
		min-width: 24px;
		text-align: center!important;
	}
	.progress {
		width: 130px;
		margin: 7px 0 0;
		height: 18px!important;
		font-size: 12px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
		-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
	}
	.progress-bar {
		font-size: 12px;
	}
	.pagination {
		margin: 4px 0;

		>li >a {
			padding: 2px 7px;
		}
	}
	.widget-text-input {
		max-width: 220px;
	}
	input[type=text] {
		height: 28px!important;
		margin-top: 2px;
	}
}

.widget-body {
	&.no-padding {
		padding: 0;
		margin: 0;

		.alert {
			margin: 5px 5px 0;
			padding: 10px;
			box-shadow: none!important;
			-webkit-box-shadow: none!important;
			border-radius: 0!important;
		}
	}
	>table {
		margin-bottom: 0;
	}
}

.widget-body-ajax-loading {
	&::before {
		display: block;
		position: absolute;
		content: url(../img/ajax-loader.gif);
		padding-top: 18%;
		text-align: center;
		font-weight: 700;
		font-size: 16px;
		color: #fff;
		background: rgba(255, 255, 255, .4);
		height: 100%;
		z-index: 1;
		width: 100%;
	}
	&:hover {
		cursor: wait!important;
	}
}

.widget-body-toolbar {
	&,
	.ams-form& {
		display: block;
		padding: 8px 10px;
		margin: -13px -13px 13px;
		min-height: 42px;
		border-bottom: 1px solid #ccc;
		background: #fafafa;

		.no-padding &,
		.no-padding& {
			display: block;
			margin: 0;
		}
	}
	.ams-form & .inline-group,
	&.ams-form .inline-group {
		float: left;
		margin-top: 4px;
	}
	.btn {
		vertical-align: middle;
	}
	.btn-xs {
		margin-top: 5px;
	}
	.no-widget-toolbar & {
		display: none;
	}
}

.widget-content-padding {
	padding: 20px;

	.well {
		margin-bottom: 0;
	}
}

.widget-footer {
	display: block;
	position: relative;
	min-height: 32px;
	vertical-align: middle;
	margin: 0 -13px -13px;
	padding: 5px;
	border-top: 1px solid #E4E4E4;
	text-align: right;
	background-color: #F8F7F7;

	.no-padding & {
		margin: 0;
	}
	&.ams-form {
		>label {
			margin-top: 4px;
			display: block;
		}
	}
}

.ams-widget {
	position: relative;
	margin: 0 0 15px;
	padding: 0;
	-khtml-border-radius: 0;
		   border-radius: 0;

	header {
		.nav-tabs {
			border-bottom-color: transparent;

			>li {
				>a {
					border-radius: 0;
					border: 0;
					padding: 5px 15px 4px;
				}
				&.active {
					>a,
					>a:focus,
					>a:hover {
						color: #555;
						background-color: #FFF;
						border: 1px solid #C2C2C2;
						border-bottom-color: transparent;
						border-top: 0;
						cursor: default;
					}
				}
			}
		}
		&:first-child .nav-tabs {
			float: left;

			li {
				padding-left: 0;

				a {
					color: @textColor;
				}
			}
			&.pull-right li:last-child a {
				margin-right: 0 !important;
				border-right: 0 !important;
			}
		}
		.nav-pills {
			margin: 3px;

			& >li >a {
				padding: 3px 5px 4px;
			}
		}
		>.btn-group {
			margin-top: -13px;
			margin-left: 5px;
		}
	}
	>header {
		height: 30px;
		padding: 0;
		line-height: 40px;
		color: @textColor;
		border: 1px solid #C2C2C2;
		background: #fafafa;

		h2 {
			display: inline-block;
			position: relative;
			width: auto;
			height: 100%;
			margin: 0;
			font-size: 14px;
			line-height: 31px;
			font-weight: 400;
			letter-spacing: 0;

			@media only screen and (min-width:320px) and (max-width:479px) {
				width: 135px;
				text-overflow: ellipsis;
				white-space: nowrap;
				overflow: hidden;
			}
			.rtl & {
				float: right;
				text-align: right;
			}
		}
		>h2 {
			margin-left: 10px;
			float: left;

			& + .btn,
			& + .btn-group {
				margin-left: 20px;
			}
		}
		.rtl & {
			padding: 0 7px 0 0;
		}
		.widget-icon {
			display: block;
			float: left;
			width: 16px;
			height: 16px;
			margin: 10px 10px 0 0;
			zoom: 1;
			z-index: 400;

			.rtl & {
				float: right;
				margin: 10px 0 0 7px;
			}
		}
		>.widget-icon {
			display: block;
			position: relative;
			float: left;
			margin: 0 -10px 0 2px;
			width: 28px;
			height: 28px;
			font-size: 111%;
			line-height: 29px;
			text-align: center;
		}
		>:first-child {
			&.widget-icon {
				margin-left: 0;
			}
		}
	}
	>div {
		position: relative;
		float: left;
		width: 100%;
		font-size: 13px;
		-khtml-border-radius: 0;
			   border-radius: 0;
		margin: 0;
		padding: 13px 13px 0;
		background-color: #fff !important;
		border-width: 1px;
		border-style: solid;
		border-color: #ccc!important;
	}
	>header+div {
		border-top: 0;
	}
	.widget-body {
		position: relative;
		min-height: 100px;
		padding-bottom: 13px;

		&.widget-hide-overflow {
			overflow: hidden;
		}
	}
	&.well {
		margin: 0 0 30px;

		header {
			display: none;
		}
		>div {
			border: 0!important;
			box-shadow: none!important;
			-webkit-box-shadow: none!important;
		}
		&.transparent {
			.widget-body {
				&.no-padding {
					margin: 0 !important;
				}
			}
		}
	}
}

.ams-widget-ctrls {
	width: auto;
	float: right;
	padding: 0;
	margin: 0;

	a {
		display: inline-block;
		padding: 0;
		margin: 0;
		text-decoration: none;
		font-size: 14px;
		text-align: center;
		line-height: 29px;
		color: #333;
	}
	.button-icon {
		position: relative;
		float: left;
		min-width: 28px;
		height: 28px;
		font-family: Ubuntu, Arial, Helvetica, sans-serif;
		border-left: 1px solid rgba(0, 0, 0, .09);

		:hover {
			background-color: rgba(0, 0, 0, .05);
		}
		.rtl & {
			margin: 0 0 5px 5px;
		}
	}
	.rtl & {
		float: left;
		padding: 10px 0 0 3px;
		margin: 0;
	}
}

.ams-widget-loader {
	display: none;
	float: right;
	width: 28px;
	height: 28px;
	margin: 0;
	text-align: center;
	line-height: 28px;
	background-repeat: no-repeat;
	background-position: center center;

	.rtl & {
		float: left;
	}
}

.ams-widget-editbox {
	display: none;
	padding: 10px;
	border-bottom: 1px solid #B1B1B1;
	background-color: #fff;
	margin: -13px -13px 13px;

	.no-padding & {
		margin: 0 0 10px;
	}
}

.ams-widget,
.ams-widget-editbox,
.ams-widget >div {
	zoom: 1;

	&:after {
		clear: both;
	}
	&:before,
	&:after {
		display: block;
		visibility: hidden;
		overflow: hidden;
		content: "\0020";
		height: 0;
		font-size: 0;
		line-height: 0;
	}
}

.ams-widget-sortable {
	.ui-sortable & {
		>header {
			cursor: move;
			line-height: normal;
			-khtml-border-radius: 0;
				   border-radius: 0;
			-webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
					box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
		}
		&.ams-widget-collapsed {
			>header {
				-khtml-border-radius: 0;
				border-radius: 0;
			}
		}
	}
}

.ams-widget-timestamp {
	margin: 10px 0 0;
	color: #868686;
	font-size: 12px;
	font-style: italic;
}

.ams-widget-placeholder {
	margin-bottom: 28px;
	padding: 0;
	background-color: #FFC;
	border: 1px dashed #A7A7A7;
	-khtml-border-radius: 0;
		   border-radius: 0;
	-webkit-box-sizing: border-box;
	 -khtml-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
			box-sizing: border-box;
}

.ams-widget-remove-colors {
	color: #333 !important;
	padding: 0 !important;
	background: none !important;
}

.ams-widget-color(@bgcolor; @border: @bgcolor; @color: #fff; @hover: #333) {
	>header {
		color: @color;
		background: @bgcolor;
		border-color: @border !important;
	}
	.nav-tabs li:not(.active) a,
	>header >.ams-widget-ctrls a {
		color: @color !important;
	}
	.nav-tabs li a:hover {
		color: @hover !important;
	}
}

.ams-widget-color-magenta {
	.ams-widget-color(@magenta);
}

.ams-widget-color-pink {
	.ams-widget-color(@pink);
}

.ams-widget-color-pinkDark {
	.ams-widget-color(@pinkDark);
}

.ams-widget-color-yellow {
	.ams-widget-color(@yellow);
}

.ams-widget-color-orange {
	.ams-widget-color(@orange);
}

.ams-widget-color-orangeDark {
	.ams-widget-color(@orangeDark);
}

.ams-widget-color-darken {
	.ams-widget-color(@darken);
}

.ams-widget-color-purple {
	.ams-widget-color(@purple);
}

.ams-widget-color-teal {
	.ams-widget-color(@teal);
}

.ams-widget-color-blueDark {
	.ams-widget-color(@blueDark);
}

.ams-widget-color-blue {
	.ams-widget-color(@blue);
}

.ams-widget-color-blueLight {
	.ams-widget-color(@blueLight);
}

.ams-widget-color-red {
	.ams-widget-color(@red);
}

.ams-widget-color-redLight {
	.ams-widget-color(@redLight);
}

.ams-widget-color-white {
	.ams-widget-color(@white, #C8C8C8, #C8C8C8, #838383);
}

.ams-widget-color-greenDark {
	.ams-widget-color(@greenDark);
}

.ams-widget-color-green {
	.ams-widget-color(@green);
}

.ams-widget-color-greenLight {
	.ams-widget-color(@greenLight);
}

#ams-widget-fullscreen-mode {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;

	.ams-widget {
		margin: 0;
		-khtml-border-radius: 0;
		border-radius: 0;
	}
	>div {
		overflow-y: scroll;
		-khtml-border-radius: 0;
			   border-radius: 0;

		>header {
			cursor: default;
		}
	}
}


/*
 * On/off switch
 */

.onoffswitch {
	position: relative;
	width: 50px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	margin-top: 3px;
	margin-bottom: 3px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;

	&-container {
		margin-top: 4px;
		margin-left: 7px;
		display: inline-block;
	}
	&-checkbox {
		display: none;
	}
	&-label {
		display: block;
		overflow: hidden;
		cursor: pointer;
		border: 1px solid #626262;
		border-radius: 50px;
		border-color: #adadad #b3b3b3 #9e9e9e;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
	&-inner {
		width: 200%;
		margin-left: -100%;
		display: block;
	}
	&-inner:after,
	&-inner:before {
		float: left;
		width: 50%;
		height: 15px;
		padding: 0;
		line-height: 17px;
		font-size: 10px;
		font-family: Ubuntu, Trebuchet, Arial, sans-serif;
		font-weight: 700;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	&-inner:before {
		content: attr(data-swchon-text);
		text-shadow: 0 -1px 0 #333;
		padding-left: 7px;
		background-color: #3276b1;
		color: #fff;
		-webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05);
		box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05);
		text-align: left;
	}
	&-inner:after {
		content: attr(data-swchoff-text);
		padding-right: 7px;
		text-shadow: 0 -1px 0 #fff;
		background-color: #fff;
		color: #555;
		text-align: right;
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	}
	&-switch {
		width: 19px;
		height: 19px;
		margin: -2px;
		background: #fff;
		border: 1px solid #9a9a9a;
		border-radius: 50px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 32px;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		background-color: #f4f4f4;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(top, #fff, #eee);
		background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
		background-image: -webkit-linear-gradient(top, #fff, #eee);
		background-image: linear-gradient(to bottom, #fff, #eee);
		background-repeat: repeat-x;
		-webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
		box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
	}
	&-checkbox + &-label &-switch:before,
	&-checkbox:checked + &-label &-switch:before {
		content: "\f00d";
		color: #a90329;
		display: block;
		text-align: center;
		line-height: 19px;
		font-size: 10px;
		text-shadow: 0 -1px 0 #fff;
		font-weight: 700;
		font-family: FontAwesome;
	}
	&-checkbox:checked + &-label &-switch:before {
		content: "\f00c";
		color: #57889c;
	}
	&-checkbox:checked + &-label &-inner {
		margin-left: 0;
		display: block;
	}
	&-checkbox:checked + &-label &-switch {
		right: 0;
	}
	&-switch:hover {
		background-color: #eee;
	}
	&-switch:active {
		background-color: #eee;
		-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
		box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
	}
	&-checkbox:checked:disabled + &-label &-inner:before,
	&-checkbox:disabled + &-label &-inner:after {
		text-shadow: 0 1px 0 #fff;
		background: #bfbfbf;
		color: #333;
	}
	&-checkbox:checked:disabled + &-label &-switch,
	&-checkbox:disabled + &-label &-switch {
		background-color: #f4f4f4;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4));
		background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
		background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4));
		background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
		background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
		-webkit-box-shadow: none!important;
		box-shadow: none!important;
	}
	&-checkbox:checked:disabled + &-label &-label,
	&-checkbox:disabled + &-label {
		border-color: #ababab #999 #878787!important;
	}
	&-checkbox:checked + &-label {
		border-color: #3276b1 #2a6395 #255681;
	}
	+span,
	&-title {
		display: inline-block;
		vertical-align: middle;
		margin-top: -5px;
	}
}


/*
 * Select2 widget
 */

.select2 {
	label.with-icon &-parent {
		margin-right: 27px;
	}
	label.with-icons &-parent {
		margin-right: 54px;
	}
	&-container {
		margin: 0;
		position: relative;
		display: inline-block;
		zoom: 1;
		*display: inline;
		vertical-align: middle;

		.select2-choice {
			display: block;
			height: 26px;
			padding: 0 0 0 8px;
			overflow: hidden;
			position: relative;
			border: 1px solid #ccc;
			white-space: nowrap;
			line-height: 26px;
			color: #444;
			text-decoration: none;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			background-color: #fff;

			label.bordered & {
				border-color: transparent;
			}
			&:hover {
				border: 1px solid rgba(82, 168, 236, 0.7);
			}
			>.select2-chosen {
				margin-right: 26px;
				display: block;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;

				abbr {
					display: none;
					width: 12px;
					height: 12px;
					position: absolute;
					right: 24px;
					top: 8px;
					font-size: 1px;
					text-decoration: none;
					border: 0;
					cursor: pointer;
					outline: 0;

					&:hover {
						cursor: pointer;
					}
				}
			}
		}
		&.select2-drop-above .select2-choice {
			border-bottom-color: #ccc;
		}
		&.select2-allowclear .select2-choice {
			.select2-chosen {
				margin-right: 42px;
			}
			abbr {
				display: inline-block;
			}
		}
		.select2-arrow {
			display: inline-block;
			width: 20px;
			height: 20px;
			position: absolute;
			right: 3px;
			top: 3px;
			padding: 0 0 0 2px;
			border-left: 1px solid #ccc;
			line-height: 22px;
			-webkit-background-clip: padding-box;

			b {
				width: 100%;
				height: 100%;
				display: inline-block;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: 400;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				position: relative;
				font-size: 14px;

				&:before {
					content: "\f107";
					width: 100%;
					height: 100%;
					text-align: center;
					display: block;
				}
			}
		}
	}
	&-container,
	&-drop,
	&-search,
	&-search input {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	&-container-active {
		.select2-choice,
		.select2-choices {
			border: 1px solid rgba(82, 168, 236, 0.7) !important;
			outline: 0;
		}
	}
	&-drop-mask {
		border: 0;
		margin: 0;
		padding: 0;
		position: fixed;
		left: 0;
		top: 0;
		min-height: 100%;
		min-width: 100%;
		height: auto;
		width: auto;
		opacity: 0;
		z-index: 9998;
		background: #fff;
		filter: alpha(opacity=0);
	}
	&-drop {
		margin-top: -1px;
		width: 100%;
		position: absolute;
		z-index: 9999;
		top: 100%;
		background: #fff;
		color: #000;
		border: 1px solid #ccc;
		border-top: 0;
		-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
		box-shadow: 0 4px 5px rgba(0, 0, 0, .15);

		&.select2-drop-above {
			margin-bottom: 0;
			border-top: 1px solid rgba(82, 168, 236, 0.7);
			border-top-width: 3px;
			border-bottom: 0;
			-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
			box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);

			&.select2-drop-active {
				border-top-width: 3px;
			}
			.select2-search {
				input {
					margin-top: 4px;
				}
				&:before {
					top: 34%;
				}
			}
		}
	}
	&-drop-auto-width {
		border-top: 1px solid #ccc;
		width: auto;

		.select2-search {
			padding-top: 4px;
		}
	}
	&-drop-active {
		border: 1px solid rgba(82, 168, 236, 0.7);
		border-top: 0;
		border-bottom-width: 3px;
	}
	&-search {
		display: inline-block;
		width: 100%;
		min-height: 26px;
		margin: 0;
		padding-left: 4px;
		padding-right: 4px;
		position: relative;
		z-index: 10000;
		white-space: nowrap;

		&:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: 400;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			position: absolute;
			content: "\f002";
			top: 25%;
			right: 10px;
			color: #686868!important;
		}
		input {
			width: 100%;
			height: auto!important;
			min-height: 26px;
			padding: 4px 20px 3px 5px;
			margin: 0;
			outline: 0;
			font-size: 1em;
			border: 1px solid #aaa;
			-webkit-box-shadow: none;
			box-shadow: none;
			background: #fff;
			background: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
			background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
			background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
			background: -webkit-linear-gradient(top, #fff 85%, #eee 99%);
			background: linear-gradient(top, #fff 85%, #eee 99%);

			&.select2-active {
				background-origin: padding-box;
				background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%;
				background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
				background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
				background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
				background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%);
				background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%);
			}
		}
	}
	&-dropdown-open {
		.select2-choice {
			border-bottom-color: transparent;
			-webkit-box-shadow: 0 1px 0 #fff inset;
			box-shadow: 0 1px 0 #fff inset;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 0;
			background-color: #fff;
		}
		&.select2-drop-above .select2-choice,
		&.select2-drop-above .select2-choices {
			border: 1px solid #5D98CC;
			border-top-color: transparent;
		}
		.select2-choice .select2-arrow {
			background: 0 0;
			border-left: 0;
			-webkit-filter: none;
			filter: none;

			b {
				background-position: -18px 1px;
			}
		}
	}
	&-results {
		max-height: 200px;
		padding: 0 0 0 4px;
		margin: 4px 4px 4px 0;
		position: relative;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

		.select2-selected {
			opacity: 0.5;
		}
		ul.select2-result-sub {
			margin: 0;
			padding-left: 0;

			>li .select2-result-label {
				padding-left: 20px;
			}
			ul.select2-result-sub {
				>li .select2-result-label {
					padding-left: 40px;
				}
				ul.select2-result-sub {
					>li .select2-result-label {
						padding-left: 60px;
					}
					ul.select2-result-sub {
						>li .select2-result-label {
							padding-left: 80px;
						}
						ul.select2-result-sub {
							>li .select2-result-label {
								padding-left: 100px;
							}
							ul.select2-result-sub {
								>li .select2-result-label {
									padding-left: 110px;
								}
								ul.select2-result-sub {
									>li .select2-result-label {
										padding-left: 120px;
									}
								}
							}
						}
					}
				}
			}
		}
		li {
			list-style: none;
			display: list-item;
			background-image: none;

			&.select2-result-with-children>.select2-result-label {
				font-weight: 700;
			}
		}
		.select2-result-label {
			padding: 3px 7px 4px;
			margin: 0;
			cursor: pointer;
			min-height: 1em;
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		.select2-highlighted {
			background: #3276b1;
			color: #fff;
		}
		li em {
			background: #feffde;
			font-style: normal;
		}
		.select2-highlighted em {
			background: 0 0;
		}
		.select2-highlighted ul {
			background: #fff;
			color: #000;
		}
		.select2-no-results,
		.select2-searching,
		.select2-selection-limit {
			background: #f4f4f4;
			display: list-item;
			padding: 3px 5px;
			opacity: 0.5;
		}
		&-results .select2-disabled {
			background: #f4f4f4;
			display: list-item;
			cursor: default;

			&.select2-highlighted {
				color: #666;
				background: #f4f4f4;
				display: list-item;
				cursor: default;
			}
		}
		&-results .select2-selected {
			display: none;
		}
	}
	&-no-results {
		padding-left: 20px;

		&:before {
			display: inline-block;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: 400;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f05a";
			margin-right: 5px;
		}
	}
	&-more-results {
		background: #f4f4f4;
		display: list-item;

		&.select2-active {
			background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%;
		}
	}
	&-default {
		color: #999!important;
	}
	&-container {
		&.select2-container-disabled {
			.select2-choice {
				background-color: #f4f4f4;
				background-image: none;
				border: 1px solid #ddd;
				cursor: default;

				.select2-arrow {
					background-color: #f4f4f4;
					background-image: none;
					border-left: 0;
				}
				abbr {
					display: none;
				}
			}
		}
		&-multi {
			&.select2-container-active .select2-choices {
				border: 1px solid rgba(82, 168, 236, 0.7);
				outline: 0;
			}
			.select2-choices {
				height: auto!important;
				height: 1%;
				min-height: 26px;
				margin: 0;
				padding: 0;
				position: relative;
				border: 1px solid #ccc;
				cursor: text;
				overflow: hidden;
				background-color: #fff;

				label.bordered & {
					border-color: transparent;
				}
				&:hover {
					border: 1px solid rgba(82, 168, 236, 0.7) !important;

					label.bordered & {
						border-color: transparent !important;
					}
				}
				li {
					float: left;
					list-style: none;
				}
				.select2-search-field {
					margin: 0;
					padding: 0;
					white-space: nowrap;

					input {
						max-height: 24px;
						padding: 3px 5px;
						margin: 1px 0;
						font-family: Ubuntu, sans-serif;
						font-size: 100%;
						color: #666;
						outline: 0;
						border: 0;
						-webkit-box-shadow: none;
						box-shadow: none;
						background: transparent!important;

						&.select2-active {
							background: #fff url(../img/select2-spinner.gif) no-repeat 99%!important;
						}
					}
				}
				.select2-search-choice {
					padding: 1px 28px 1px 8px;
					margin: 2px 0 2px 2px;
					position: relative;
					line-height: 18px;
					color: #fff;
					cursor: default;
					border: 1px solid #2a6395;
					-webkit-background-clip: padding-box;
					background-clip: padding-box;
					-webkit-touch-callout: none;
					-webkit-user-select: none;
					-khtml-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
					background-color: #3276b1;

					.select2-chosen {
						cursor: default;
					}
					&-focus {
						opacity: .8;
					}
					&.ui-sortable-handle {
						cursor: move;

						.with-icons & {
							margin-right: 1px;
						}
					}
				}
			}
			&.ordered {
				.select2-choices {
					li {
						float: none;
						cursor: move;

						&.ui-state-highlight {
							margin: 2px 0 2px 2px;
							height: 20px;
							background-color: #ddd;
							border: 1px solid #ddd;
						}
					}
				}
			}
			.select2-search-choice-close {
				display: block;
				top: 0;
				right: -2px;
				padding: 3px 0px 3px 6px;

				&:hover {
					background: rgba(0, 0, 0, .3);
				}
			}
			&.select2-container-disabled .select2-choices {
				background-color: #f4f4f4;
				background-image: none;
				border: 1px solid transparent;
				border-bottom: 1px solid #ccc;
				cursor: default;

				.select2-search-choice {
					padding: 1px 5px;
					border: 1px solid #4a90cc;
					background-image: none;
					background-color: #86b4dd;
					cursor: not-allowed;

					.select2-search-choice-close {
						display: none;
						background: 0 0;
					}
				}
			}
		}
	}
	&-locked {
		padding: 3px 5px!important;
	}
	&-search-choice-close {
		display: block;
		min-width: 20px;
		min-height: 14px;
		position: absolute;
		right: 3px;
		top: 3px;
		margin: 0;
		padding: 0;
		font-size: 15px;
		text-decoration: none!important;
		font-family: FontAwesome;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		&:before {
			color: #fff;
			content: "\f057";
		}
	}
	&-result-selectable .select2-match,
	&-result-unselectable .select2-match {
		text-decoration: underline;
	}
	&-offscreen,
	&-offscreen:focus {
		clip: rect(0 0 0 0)!important;
		width: 1px!important;
		height: 1px!important;
		border: 0!important;
		margin: 0!important;
		padding: 0!important;
		overflow: hidden!important;
		position: absolute!important;
		outline: 0!important;
		left: 0!important;
		top: 0!important;
	}
	&-display-none {
		display: none;
	}
	&-measure-scrollbar {
		position: absolute;
		top: -10000px;
		left: -10000px;
		width: 100px;
		height: 100px;
		overflow: scroll;
	}
	&-hidden-accessible {
		position: absolute;
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
	}
}
label.with-icon {
	>i.icon-append + .select2-parent {
		.select2-choices {
			padding-right: 29px;
		}
	}
}

.multiselect {
	&-container {
		position: absolute;
		list-style-type: none;
		margin: 0;
		padding: 0;

		.input-group {
			margin: 5px;
		}
		>li {
			padding: 0;

			>a {
				&.multiselect-all label {
					font-weight: 700;
				}
				>label {
					margin: 0;
					height: 100%;
					cursor: pointer;
					font-weight: 400;

					&.checkbox,
					&.radio {
						margin: 0;
					}
					>input[type=checkbox] {
						margin-bottom: 5px;
					}
				}
			}
			>label.multiselect-group {
				margin: 0;
				padding: 3px 20px;
				height: 100%;
				font-weight: 700;
			}
		}
	}
	.btn-group >.btn-group:nth-child(2) >&.btn {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
}


/*
 * Standard Bootstrap widgets
 */

.color-select {
	list-style: none;
	margin: 0;
	padding: 4px;
	min-width: 166px;
	max-width: 156px;
	right: -3px;

	li {
		display: block;
		margin: 2px;
		float: left;

		span {
			display: block;
			width: 22px;
			height: 22px;
			padding: 0;
			background: #333;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			border: 1px solid rgba(0, 0, 0, .1);
			cursor: pointer;

			&:hover {
				border: 3px solid rgba(0, 0, 0, .2);
			}
		}
	}
	.widget-toolbar .dropdown-menu& {
		right: -1px;
	}
}

.color-box {
	display: block;
	position: relative;
	width: 22px;
	height: 22px;
	padding: 0;
	background: #333;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	border: 1px solid rgba(255, 255, 255, .3) !important;
	cursor: pointer;
	vertical-align: middle;
	outline: 1px solid rgba(0, 0, 0, .1);
	background: rgba(255, 255, 255, .3) !important;

	&:hover,
	.open & {
		outline: 1px solid rgba(0, 0, 0, .1) !important;
	}
	&:hover {
		-webkit-transform: scale(1.07);
		   -moz-transform: scale(1.07);
	}
	&:active {
		top: 1px;
		left: 1px;
	}
	.widget-toolbar >& {
		margin-top: 7px;
		width: 18px;
		height: 18px;
		outline: 1px solid rgba(0, 0, 0, .2);

		&:active,
		&:focus,
		&:hover {
			outline: 1px solid rgba(0, 0, 0, .25)!important;
		}
	}
}

/*
 * Full calendar
 */

#calendar {
	.ams-widget & {
		margin-top: -18px;
	}
}

#calendar-buttons {
	position: absolute;
	right: 14px;
	top: 5px;
}

#calendar-container {
	position: relative;
}

#external-events {
	>li {
		margin: 6px 4px 6px 0;
		display: inline-block;

		>:first-child {
			padding: 5px 10px 10px;
			cursor: move;
			display: block;
		}
		>:first-child:after {
			color: #fff;
			color: rgba(255, 255, 255, .7);
			content: attr(data-description);
			font-size: 11px;
			font-weight: 400;
			display: block;
			line-height: 0;
			margin: 7px 0;
			text-transform: lowercase;
		}
	}
}

.fc {
	direction: ltr;
	text-align: left;

	.fc-header-space {
		padding-left: 10px;
	}
	table,
	html & {
		font-size: 12px;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	th,
	td {
		padding: 0;
		vertical-align: top;
	}
	.ui-resizable-handle {
		display: block;
		position: absolute;
		z-index: 99999;
		overflow: hidden;
		font-size: 300%;
		line-height: 50%;
	}
	.ui-draggable-dragging .fc-event-bg {
		display: none;
	}
}

.fc-border-separate {
	thead tr,
	.table thead tr {
		background-color: #eee;
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
		background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
		background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
		font-size: 12px;
	}
	thead tr th {
		padding: 4px;
		line-height: 1.428571429;
	}
}

.fc-first {
	tr td&,
	tr& th& {
		border-left: 0;
	}
}

.fc-last {
	tr& td {
		border-bottom: 0;
	}
}

.fc-header {
	.fc-button {
		margin-bottom: 1em;
		vertical-align: top;
		margin-right: -1px;
	}
	.fc-corner-right {
		margin-right: 1px;
	}
	.ui-corner-right {
		margin-right: 0;
	}
	.fc-state-hover,
	.ui-state-hover {
		z-index: 2;
	}
	.fc-state-down {
		z-index: 3;
	}
	.fc-state-active,
	.ui-state-active {
		z-index: 4;
	}
	td {
		white-space: nowrap;
	}
}

.fc-header-left {
	width: 25%;
	text-align: left;
}

.fc-header-center {
	text-align: center;
}

.fc-header-right {
	width: 25%;
	text-align: right;
}

.fc-header-title {
	display: inline-block;
	vertical-align: top;

	h2 {
		margin-top: 0;
		white-space: nowrap;
	}
	.ams-widget & h2 {
		text-shadow: 0 1px 0 #fff;
		margin-top: -12px;
		margin-left: 10px;
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 0;
	}
}

.fc-content {
	clear: both;
}

.fc-view {
	width: 100%;
	overflow: hidden;
}

.fc-widget-content,
.fc-widget-header {
	border: 1px solid #ccc;
	border-right: 0;
}

.fc-state-highlight {
	background: #ffc;
}

.fc-cell-overlay {
	background: #9cf;
	opacity: .2;
	filter: alpha(opacity=20);
}

.fc-button {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.fc-button-inner {
	position: relative;
	float: left;
	overflow: hidden;
}

.fc-state-default {
	border-width: 1px 0;

	.fc-button-inner {
		border-width: 0 1px;
	}
	&,
	.fc-button-inner {
		border-style: solid;
		border-color: #ccc #bbb #aaa;
		background: #F3F3F3;
		color: #000;
	}
	.fc-button-effect {
		position: absolute;
		top: 50%;
		left: 0;

		span {
			position: absolute;
			top: -100px;
			left: 0;
			width: 500px;
			height: 100px;
			border-width: 100px 0 0 1px;
			border-style: solid;
			border-color: #fff;
			background: #444;
			opacity: .09;
			filter: alpha(opacity=9);
		}
	}
}

.fc-state-hover {
	.fc-button-inner {
		border-color: #999;
	}
}

.fc-state-down {
	.fc-button-inner {
		border-color: #555;
		background: #777;
	}
}

.fc-state-active {
	.fc-button-inner {
		border-color: #555;
		background: #777;
		color: #fff;
	}
}

.fc-state-disabled {
	cursor: default;

	.fc-button-inner {
		color: #999;
		border-color: #ddd;
	}
	.fc-button-effect {
		display: none;
	}
}

.fc-button-content {
	position: relative;
	float: left;
	height: 1.9em;
	line-height: 1.9em;
	padding: 0 .6em;
	white-space: nowrap;

	.fc-icon-wrap {
		position: relative;
		float: left;
		top: 50%;
	}
	.ui-icon {
		position: relative;
		float: left;
		margin-top: -50%;
		*margin-top: 0;
		*top: -50%;
	}
}

.fc-event {
	border-style: solid;
	border-width: 0;
	font-size: .85em;
	cursor: default;

	.fc-rtl & {
		text-align: right;
	}
}

.fc-event-draggable,
a.fc-event {
	cursor: pointer;
}

a.fc-event {
	text-decoration: none;
}

.fc-event-skin {
	color: #FFF;
	border-right: 0!important;
	cursor: move;

	.fa:before {
		display: block;
		font-size: 14px;
		position: absolute;
		right: 4px;
		top: 3px;
	}
}

.fc-event-inner {
	position: relative;
	width: 100%;
	height: 100%;
	border-style: solid;
	border-width: 0;
	overflow: hidden;
}

.fc-event-hori {
	border-width: 1px 0;
	margin-bottom: 1px;

	.ui-resizable-e {
		top: 0!important;
		right: -3px!important;
		width: 7px!important;
		height: 100%!important;
		cursor: e-resize;
	}
	.ui-resizable-w {
		top: 0!important;
		left: -3px!important;
		width: 7px!important;
		height: 100%!important;
		cursor: w-resize;
	}
	.ui-resizable-handle {
		_padding-bottom: 14px;
	}
}

.fc-corner-left {
	margin-left: 1px;

	.fc-button-inner,
	.fc-event-inner {
		margin-left: -1px;
	}
}

.fc-corner-right {
	margin-right: 1px;

	.fc-button-inner,
	.fc-event-inner {
		margin-right: -1px;
	}
	.fc-event-inner {
		border-left: 6px solid rgba(0, 0, 0, .15);
		padding-left: 2px;
		padding-right: 15px;
	}
}

.fc-corner-top {
	margin-top: 1px;

	.fc-event-inner {
		margin-top: -1px;
		border-top-width: 1px;
	}
}

.fc-corner-bottom {
	margin-bottom: 1px;

	.fc-event-inner {
		margin-bottom: -1px;
		border-bottom-width: 1px;
	}
}

.fc-table-separate {
	table& {
		border-collapse: separate;
	}
	td,
	th {
		border-width: 1px 0 0 1px;

		&.fc-last {
			border-right-width: 1px;
		}
	}
	tr.fc-last {
		td,
		th {
			border-bottom-width: 1px;
		}
	}
	tbody {
		tr.fc-first td,
		tr.fc-first th {
			border-top-width: 0;
		}
	}
}

.fc-grid {
	th {
		text-align: center;
	}
	.fc-day-number {
		float: right;
		padding: 0 2px;
	}
	.fc-other-month .fc-day-number {
		opacity: .3;
		filter: alpha(opacity=30);
	}
	.fc-day-content {
		clear: both;
		padding: 2px 2px 1px;
	}
	.fc-event-time {
		font-weight: 700;
	}
	.fc-rtl & {
		.fc-day-number {
			float: left;
		}
		.fc-event-time {
			float: right;
		}
	}
}

.fc-agenda {
	table {
		border-collapse: separate;
	}
	.fc-agenda-axis {
		width: 50px;
		padding: 0 4px;
		vertical-align: middle;
		text-align: right;
		white-space: nowrap;
		font-weight: 400;
	}
	.fc-day-content {
		padding: 2px 2px 1px;
	}
}

.fc-agenda-days {
	th {
		text-align: center;

	}
	.fc-agenda-axis {
		border-right-width: 1px;
	}
	.fc-col0 {
		border-left-width: 0;
	}
}
.fc-agenda-allday {
	th {
		border-width: 0 1px;
	}
	.fc-day-content {
		min-height: 34px;
		_height: 34px;
	}
}

.fc-agenda-divider-inner {
	height: 2px;
	overflow: hidden;

	.fc-widget-header & {
		background: #eee;
	}
}

.fc-agenda-slots {
	th {
		border-width: 1px 1px 0;
	}
	td {
		border-width: 1px 0 0;
		background: 0 0;

		div {
			height: 20px;
		}
	}
	tr {
		&.fc-slot0 td,
		&.fc-slot0 th {
			border-top-width: 0;
		}
		&.fc-minor td,
		&.fc-minor th {
			border-top-style: dotted;
		}
		&.fc-minor th.ui-widget-header {
			*border-top-style: solid;
		}
	}
}

.fc-event-time,
.fc-event-title {
	padding: 3px 0 2px 3px;
	display: inline-block;
	line-height: 16px;
	font-weight: 700;
	font-size: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.fc-event-vert {
	border-width: 0 1px;

	.fc-event-content,
	.fc-event-head {
		position: relative;
		z-index: 2;
		width: 100%;
		overflow: hidden;
	}
	.fc-event-time {
		white-space: nowrap;
		font-size: 10px;
	}
	.fc-event-bg {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: .3;
		filter: alpha(opacity=30);
	}
	.ui-resizable-s {
		bottom: 0!important;
		width: 100%!important;
		height: 8px!important;
		overflow: hidden!important;
		line-height: 8px!important;
		font-size: 11px!important;
		font-family: monospace;
		text-align: center;
		cursor: s-resize;
	}
}

.fc-select-helper .fc-event-bg {
	display: none;
}

.fc-agenda .ui-resizable-resizing {
	_overflow: hidden;
}


/*
 * Colorpicker
 */

.colorpicker {
	padding-left: 30px!important;
}


/*
 * Timepicker
 */

.bootstrap-timepicker {
	position: relative;

	&.pull-right .bootstrap-timepicker-widget {
		&.dropdown-menu {
			left: auto;
			right: 0;

			&:before {
				left: auto;
				right: 12px;
			}
			&:after {
				left: auto;
				right: 13px;
			}
		}
	}
	.add-on {
		cursor: pointer;

		i {
			display: inline-block;
			width: 16px;
			height: 16px;
		}
	}
	@media (max-width:767px) {
		&,
		& .dropdown-menu {
			width: 100%;
		}
	}
}

.bootstrap-timepicker-widget {
	&.dropdown-menu {
		padding: 4px;

		&.open {
			display: inline-block;
		}
		&:before {
			border-bottom: 7px solid rgba(0, 0, 0, .2);
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			content: "";
			display: inline-block;
			position: absolute;
		}
		&:after {
			border-bottom: 6px solid #FFF;
			border-left: 6px solid transparent;
			border-right: 6px solid transparent;
			content: "";
			display: inline-block;
			position: absolute;
		}
	}
	&.timepicker-orient-left:before {
		left: 6px;
	}
	&.timepicker-orient-left:after {
		left: 7px;
	}
	&.timepicker-orient-right:before {
		right: 6px;
	}
	&.timepicker-orient-right:after {
		right: 7px;
	}
	&.timepicker-orient-top:before {
		top: -7px;
	}
	&.timepicker-orient-top:after {
		top: -6px;
	}
	&.timepicker-orient-bottom:before {
		bottom: -7px;
		border-bottom: 0;
		border-top: 7px solid #999;
	}
	&.timepicker-orient-bottom:after {
		bottom: -6px;
		border-bottom: 0;
		border-top: 6px solid #fff;
	}
	a.btn,
	input {
		border-radius: 4px;
	}
	table {
		width: 100%;
		margin: 0;

		table td {
			text-align: center;
			height: 30px;
			margin: 0;
			padding: 2px;

			&:not(.separator) {
				min-width: 30px;
			}
			span {
				width: 100%;
			}
			a {
				border: 1px transparent solid;
				width: 100%;
				display: inline-block;
				margin: 0;
				padding: 8px 0;
				outline: 0;
				color: #333;

				&:hover {
					text-decoration: none;
					background-color: #eee;
					border-radius: 4px;
					border-color: #ddd;
				}
				i {
					margin-top: 2px;
					font-size: 18px;
				}
			}
			input {
				width: 25px;
				margin: 0;
				text-align: center;
			}
		}
	}
	&.modal {
		@media (min-width:767px) {
			width: 200px;
			margin-left: -100px;
		}
	}
	.modal-content {
		padding: 4px;
	}
}


/*
 * Note editor
 */

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

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

		&.fullscreen .note-editable {
			background-color: #fff;
		}
	}
	&.codeview .note-editable,
	&.fullscreen .note-resizebar {
		display: none;
	}
	&.codeview .note-codeable {
		display: block;
	}
	.note-toolbar {
		padding-bottom: 5px;
		padding-left: 5px;
		margin: 0;
		background-color: #f5f5f5;
		border-bottom: 1px solid #a9a9a9;
	}
	.note-toolbar>.btn-group {
		margin-top: 5px;
		margin-right: 5px;
		margin-left: 0;
	}
	.note-toolbar {
		.note-table {
			.dropdown-menu {
				min-width: 0;
				padding: 5px;
			}
			.dropdown-menu .note-dimension-picker {
				font-size: 18px;
			}
			.dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
				position: absolute!important;
				z-index: 3;
				width: 10em;
				height: 10em;
				cursor: pointer;
			}
			.note-table .dropdown-menu .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-dimension-picker-highlighted {
					position: absolute!important;
					z-index: 2;
					width: 1em;
					height: 1em;
					background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;
				}
			}
		}
		.note-style blockquote, .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6 {
			margin: 0;
		}
		.note-color {
			.dropdown-toggle {
				width: 20px;
				padding-left: 5px;
			}
			.dropdown-menu {
				min-width: 290px;

				.btn-group {
					margin: 0;

					&:first-child {
						margin: 0 5px;
					}
					.note-palette-title {
						margin: 2px 7px;
						font-size: 12px;
						text-align: center;
						border-bottom: 1px solid #eee;
					}
					.note-color-reset {
						padding: 0 3px;
						margin: 5px;
						font-size: 12px;
						cursor: pointer;
						border-radius: 5px;

						&:hover {
							background: #eee;
						}
					}
				}
			}
		}
		.note-para {
			.dropdown-menu {
				min-width: 153px;
				padding: 5px;
			}
			.note-para li:first-child {
				margin-bottom: 5px;
			}
		}
	}
	.note-statusbar {
		background-color: #f5f5f5;

		.note-resizebar {
			width: 100%;
			height: 8px;
			cursor: s-resize;

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

		.popover-content {
			padding: 5px;

			a {
				display: inline-block;
				max-width: 200px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				vertical-align: middle;
			}
			.btn-group+.btn-group {
				margin-left: 5px;
			}
		}
		.arrow {
			left: 20px;
		}
	}
	.note-handle {
		.note-control-selection {
			position: absolute;
			display: none;
			border: 1px solid #000;

			>div {
				position: absolute;
			}
			.note-control-selection-bg {
				width: 100%;
				height: 100%;
				background-color: #000;
				-webkit-opacity: .3;
				-khtml-opacity: .3;
				-moz-opacity: .3;
				opacity: .3;
				-ms-filter: alpha(opacity=30);
				filter: alpha(opacity=30);
			}
			.note-control-handle,
			.note-control-holder {
				width: 7px;
				height: 7px;
				border: 1px solid #000;
			}
			.note-control-sizing {
				width: 7px;
				height: 7px;
				background-color: #fff;
				border: 1px solid #000;
			}
			.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: 0;
			}
			.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-selection-info {
				right: 0;
				bottom: 0;
				padding: 5px;
				margin: 5px;
				font-size: 12px;
				color: #fff;
				background-color: #000;
				border-radius: 5px;
				-webkit-opacity: .7;
				-khtml-opacity: .7;
				-moz-opacity: .7;
				opacity: .7;
				-ms-filter: alpha(opacity=70);
				filter: alpha(opacity=70);
			}
		}
	}
	.note-dialog {
		>div {
			display: none;
		}
		.note-image-dialog .note-dropzone {
			min-height: 200px;
			font-size: 30px;
			line-height: 6;
			color: #d3d3d3;
			text-align: center;
			border: 4px dashed #d3d3d3;
		}
		.note-help-dialog {
			font-size: 12px;
			color: #ccc;
			background: 0 0;
			background-color: #222!important;
			border: 0;
			-webkit-opacity: .9;
			-khtml-opacity: .9;
			-moz-opacity: .9;
			opacity: .9;
			-ms-filter: alpha(opacity=90);
			filter: alpha(opacity=90);

			.modal-content {
				background: 0 0;
				border: 1px solid #fff;
				border-radius: 5px;
				-webkit-box-shadow: none;
				box-shadow: none;
			}
			a {
				font-size: 12px;
				color: #fff;
			}
			.title {
				padding-bottom: 5px;
				font-size: 14px;
				font-weight: 700;
				color: #fff;
				border-bottom: #fff 1px solid;
			}
			.modal-close {
				font-size: 14px;
				color: #dd0;
				cursor: pointer;
			}
			.note-shortcut-layout {
				width: 100%;

				td {
					vertical-align: top;
				}
			}
			.note-shortcut {
				margin-top: 8px;

				th {
					font-size: 13px;
					color: #dd0;
					text-align: left;

					&:first-child {
						min-width: 110px;
						padding-right: 10px;
						font-family: "Courier New";
						color: #dd0;
						text-align: right;
					}
				}
			}
		}
	}
	.note-editable {
		padding: 10px;
		overflow: scroll;
		outline: 0;
	}
	.note-codeable {
		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;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		resize: none;
	}
	.dropdown-menu {
		min-width: 90px;

		&.right {
			right: 0;
			left: auto;

			&::before {
				right: 9px;
				left: auto!important;
			}
			&::after {
				right: 10px;
				left: auto!important;
			}
		}
		.dropdown-menu li {
			a i {
				color: #00bfff;
				visibility: hidden;
			}
			a.checked i {
				visibility: visible;
			}
		}
	}
	.note-color-palette {
		line-height: 1;

		div .note-color-btn {
			width: 17px;
			height: 17px;
			padding: 0;
			margin: 0;
			border: 1px solid #fff;

			&:hover {
				border: 1px solid #000;
			}
		}
	}
	.no-padding & {
		border: 0;
	}
	.note-editable {
		background-color: rgba(48, 126, 204, .05);

		&:focus {
			background-color: #fff;
		}
	}
	.note-statusbar {
		.note-resizebar {
			border-top: 1px solid #DBDBDB;
		}
		&:hover {
			background: #EEE;
		}
		&:active {
			background: #eaeaea;
		}
	}
}

/*
 * MD editor
 */

.md-editor {
	display: block;
	border: 1px solid #ddd;

	&.active {
		border-color: #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	}
	.md-footer,
	>.md-header {
		display: block;
		padding: 6px 4px;
		background: #f5f5f5;
	}
	>.md-preview {
		background: #fff;
		border-top: 1px dashed #ddd;
		border-bottom: 1px dashed #ddd;
		min-height: 10px;
		padding: 10px;
	}
	>textarea {
		font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
		font-size: 13px;
		outline: 0;
		outline: thin dotted \9;
		margin: 0;
		display: block;
		width: 100%;
		border: 0;
		padding: 10px;
		border-top: 1px dashed #ddd;
		border-bottom: 1px dashed #ddd;
		border-radius: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #eee;
	}
	>textarea:focus {
		-webkit-box-shadow: none;
		box-shadow: none;
		background: #fff;
	}
}


/*
 * Twitter Typeahead
 */

.twitter-typeahead {
	.tt-hint,
	.tt-query {
		margin-bottom: 0;
	}
}
.tt-dropdown-menu {
	min-width: 160px;
	margin-top: 2px;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #bfbfbf;
	border: 1px solid rgba(0, 0, 0, .2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.tt-suggestion {
	display: block;
	padding: 3px 20px;

	&.tt-is-under-cursor {
		color: #fff;
		background-color: #0081c2;
	}
	&.tt-is-under-cursor a {
		color: #fff;
	}
	p {
		margin: 0;
	}
}


/*
 * DropZone
 */

.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.dropzone,
.dropzone-previews {
	.dz-preview {
		background: rgba(255, 255, 255, .8);
		position: relative;
		display: inline-block;
		margin: 10px;
		vertical-align: top;
		border: 1px solid #acacac;
		padding: 6px;
		-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
		box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
		font-size: 14px;

		&.dz-file-preview {
			display: none;
		}
		.dz-details {
			width: 100px;
			height: 100px;
			position: relative;
			background: #ebebeb;
			padding: 5px;
			margin-bottom: 22px;

			.dz-filename {
				overflow: hidden;
				height: 100%;
			}
			img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100px;
				height: 100px;
			}
			.dz-size {
				position: absolute;
				bottom: -28px;
				left: 3px;
				height: 28px;
				line-height: 28px;
			}
		}
		&.dz-error .dz-error-mark,
		&.dz-success .dz-success-mark {
			display: block;
			opacity: 1;
			-ms-filter: none;
			-webkit-filter: none;
			filter: none;
		}
		&:hover .dz-details img {
			display: none;
		}
		.dz-error-mark,
		.dz-success-mark {
			display: block;
			position: absolute;
			width: 40px;
			height: 40px;
			font-size: 30px;
			text-align: center;
			right: -10px;
			top: -10px;
			opacity: 0;
			-ms-filter: "alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-webkit-transition: opacity .4s ease-in-out;
			transition: opacity .4s ease-in-out;
			background-image: url(../img/dropzone/spritemap.png);
			background-repeat: no-repeat;

			span {
				display: none;
			}
		}
		.dz-success-mark {
			color: #8cc657;
			background-position: -268px -163px;
		}
		.dz-error-mark {
			color: #ee162d;
			background-position: -268px -123px;
		}
		&.dz-error .dz-progress .dz-upload {
			background: #ee1e2d;
		}
		.dz-progress {
			position: absolute;
			top: 100px;
			left: 6px;
			right: 6px;
			height: 6px;
			background: #d7d7d7;
			display: none;

			.dz-upload {
				position: absolute;
				bottom: 0;
				background-color: #8cc657;
				-webkit-animation: loading .4s linear infinite;
				-ms-animation: loading .4s linear infinite;
				animation: loading .4s linear infinite;
				-webkit-transition: width .3s ease-in-out;
				transition: width .3s ease-in-out;
				border-radius: 2px;
				top: 0;
				left: 0;
				width: 0;
				height: 100%;
				background-image: url(../img/dropzone/spritemap.png);
				background-repeat: repeat-x;
				background-position: 0 -400px;
			}
		}
		&.dz-processing .dz-progress {
			display: block;
		}
		.dz-error-message {
			position: absolute;
			top: -5px;
			left: -20px;
			background: rgba(245, 245, 245, .8);
			padding: 8px 10px;
			color: #800;
			min-width: 140px;
			max-width: 500px;
			z-index: 500;
			display: block;
			opacity: 0;
			-ms-filter: "alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-webkit-transition: opacity .3s ease-in-out;
			transition: opacity .3s ease-in-out;
		}
		&:hover.dz-error .dz-error-message {
			display: block;
			opacity: 1;
			-ms-filter: none;
			-webkit-filter: none;
			filter: none;
		}
		&.dz-image-preview:hover .dz-details img {
			display: block;
			opacity: .1;
			-ms-filter: "alpha(Opacity=10)";
			filter: alpha(opacity=10);
		}
		&.dz-success .dz-progress {
			display: block;
			opacity: 0;
			-ms-filter: "alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-webkit-transition: opacity .4s ease-in-out;
			transition: opacity .4s ease-in-out;
		}
	}
	a.dz-remove {
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
		background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
		background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee));
		background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
		background-image: linear-gradient(top, #fafafa 0, #eee 100%);
		border-radius: 2px;
		border: 1px solid #eee;
		text-decoration: none;
		display: block;
		padding: 4px 5px;
		text-align: center;
		color: #aaa;
		margin-top: 26px;

		&:hover {
			color: #666;
		}
	}
}

.dropzone {
	position: relative;
	padding: 1em;
	border: 1px solid rgba(0, 0, 0, .03);
	min-height: 360px;
	border-radius: 3px;
	background: rgba(0, 0, 0, .03);
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
	background-color: #FAFCFD;
	-webkit-background-size: 16px 16px;
	background-size: 16px 16px;

	.dz-drag-hover {
		background: rgba(0, 0, 0, .04);
	}
	&.dz-clickable,
	&.dz-clickable .dz-message,
	&.dz-clickable .dz-message span {
		cursor: pointer;
	}
	&.dz-clickable * {
		cursor: default;
	}
	.dz-message {
		opacity: 1;
		-ms-filter: none;
		-webkit-filter: none;
		filter: none;
	}
	.dz-drag-hover {
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
		background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
		background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
		background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
		background-color: #fafafa;
		-webkit-background-size: 22px 22px;
		background-size: 22px 22px;
		border: 5px dashed #ccc;
	}
	.dz-default.dz-message {
		opacity: 1;
		-ms-filter: none;
		-webkit-filter: none;
		filter: none;
		-webkit-transition: opacity .3s ease-in-out;
		transition: opacity .3s ease-in-out;
		background-image: url(../img/dropzone/spritemap.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		position: absolute;
		width: 428px;
		height: 123px;
		margin-left: -214px;
		margin-top: -61.5px;
		top: 50%;
		left: 50%;

		span {
			display: none;
		}
	}
	&.dz-square .dz-default.dz-message {
		background-position: 0 -123px;
		width: 268px;
		margin-left: -134px;
		height: 174px;
		margin-top: -87px;
	}
	&.dz-drag-hover .dz-message {
		opacity: .15;
		-ms-filter: "alpha(Opacity=15)";
		filter: alpha(opacity=15);
	}
	&.dz-started .dz-message {
		display: block;
		opacity: 0;
		-ms-filter: "alpha(Opacity=0)";
		filter: alpha(opacity=0);
	}
}


.irs {
	position: relative;
	display: block;
	height: 40px;

	&-line {
		position: relative;
		display: block;
		overflow: hidden;
		height: 8px;
		top: 25px;
		background: #eee;

		&-left,
		&-mid,
		&-right {
			position: absolute;
			display: block;
			top: 0;
			height: 8px;
		}
		&-left {
			left: 0;
			width: 10%;
		}
		&-mid {
			left: 10%;
			width: 80%;
		}
		&-right {
			right: 0;
			width: 10%;
		}
	}
	&-diapason {
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
	}
	&-slider {
		position: absolute;
		display: block;
		cursor: default;
		z-index: 1;
		width: 10px;
		height: 22px;
		top: 17px;
		border: 1px solid #fff;
		background: #858585;

		&:hover {
			background: #6c6c6c;
		}
		&.single {
			left: 10px;

			&:before {
				position: absolute;
				display: block;
				content: "";
				top: -50%;
				left: -150%;
				width: 400%;
				height: 200%;
				background: rgba(0, 0, 0, 0);
			}
		}
		&.from {
			left: 100px;

			&:before {
				position: absolute;
				display: block;
				content: "";
				top: -50%;
				left: -300%;
				width: 400%;
				height: 200%;
				background: rgba(0, 0, 0, 0);
			}
		}
		&.to {
			left: 300px;

			&:before {
				position: absolute;
				display: block;
				content: "";
				top: -50%;
				left: 0;
				width: 400%;
				height: 200%;
				background: rgba(0, 0, 0, 0);
			}
		}
		&.last {
			z-index: 2;
		}
	}
	&-max,
	&-min {
		color: #999;
		font-size: 12px;
		line-height: 1.333;
		text-shadow: none;
		top: 0;
		padding: 1px 3px;
		background: rgba(0, 0, 0, .1);
		border-radius: 0;

		.lt-ie9 & {
			background: #bfbfbf;
		}
	}
	&-min {
		position: absolute;
		display: block;
		left: 0;
		cursor: default;
	}
	&-max {
		position: absolute;
		display: block;
		right: 0;
		cursor: default;
	}
	&-from,
	&-single,
	&-to {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		cursor: default;
		white-space: nowrap;

		.lt-ie9 & {
			background: #999;
		}
	}
	&-grid {
		position: absolute;
		display: none;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 20px;
	}
	&-with-grid {
		height: 60px;
	}
	&-with-grid
	&-grid {
		display: block;
	}
	&-grid-pol {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 8px;
		background: #99a4ac;

		&.small {
			height: 4px;
		}
	}
	&-grid-text {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100px;
		white-space: nowrap;
		text-align: center;
		font-size: 9px;
		line-height: 9px;
		color: #99a4ac;
	}
	&-diapason {
		background: #3276b1;
		height: 8px;
		top: 25px;
	}
	.irs-from, .irs-single, .irs-to {
		color: #fff;
		font-size: 10px;
		line-height: 1.333;
		text-shadow: none;
		padding: 1px 5px;
		background: rgba(0, 0, 0, .4);
		border-radius: 0;
	}
}

#irs-active-slider {
	background: #686868;
	-webkit-box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0;
	box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0;
	width: 12px;
	height: 24px;
	top: 16px;
}


/*
 * Google maps
 */

.google_maps {
	width: 100%;
	height: 350px;
	position: relative;

	* {
		box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
	}
	img {
		max-width: none;
	}
}
