/*
 * CSS classes for the additional components of the framework functionality.
 * Add here only the common components` CSS classes across projects.
 *
 */


/*
 * Colorpicker for Bootstrap
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */
.colorpicker-saturation {
	width: 100px;
	height: 100px;
	background-image: url('../img/saturation.png');
	cursor: crosshair;
	float: left;
}

.colorpicker-saturation i {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	margin: -4px 0 0 -4px;
}

.colorpicker-saturation i b {
	display: block;
	height: 5px;
	width: 5px;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.colorpicker-hue, .colorpicker-alpha {
	width: 15px;
	height: 100px;
	float: left;
	cursor: row-resize;
	margin-left: 4px;
	margin-bottom: 4px;
}

.colorpicker-hue i, .colorpicker-alpha i {
	display: block;
	height: 1px;
	background: #000;
	border-top: 1px solid #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: -1px;
}

.colorpicker-hue {
	background-image: url('../img/hue.png');
}

.colorpicker-alpha {
	background-image: url('../img/alpha.png');
	display: none;
}

.colorpicker {
	*zoom: 1;
	top: 0;
	left: 0;
	padding: 4px;
	min-width: 120px;
	margin-top: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.colorpicker:before, .colorpicker:after {
	display: table;
	content: "";
}

.colorpicker:after {
	clear: both;
}

.colorpicker:before {
	content: '';
	display: inline-block;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	position: absolute;
	top: -7px;
	left: 6px;
}

.colorpicker:after {
	content: '';
	display: inline-block;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	position: absolute;
	top: -6px;
	left: 7px;
}

.colorpicker div {
	position: relative;
}

.colorpicker.alpha {
	min-width: 140px;
}

.colorpicker.alpha .colorpicker-alpha {
	display: block;
}

.colorpicker-color {
	height: 10px;
	margin-top: 5px;
	clear: both;
	background-image: url('../img/alpha.png');
	background-position: 0 100%;
}

.colorpicker-color div {
	height: 10px;
}

.input-group.color .input-group-addon i {
	display: block;
	cursor: pointer;
	width: 16px;
	height: 16px;
}




/*
 * Copyright 2012 Igor Kalnitsky <igor@kalnitsky.org>
 *
 * This file is part of Listbox.js.
 *
 * Listbox.js is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as
 * published by the Free Software Foundation, either version 3 of
 * the License, or (at your option) any later version.
 *
 * Listbox.js is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with Listbox.js.  If not, see <http://www.gnu.org/licenses/>.
 */

.lbjs {
	margin: 0px;
	width: auto;
	padding: 5px;
	border: 1px solid #ccc;
	background: #fff;
	height: 120px;
	position: relative;
}

/*.lbjs-list {
	height: 75px !important;
}*/

.lbjs .lbjs-list {
	margin: 0px;
	overflow: auto;
}

.lbjs .lbjs-list .lbjs-item {
	margin: 0px;
	padding: 5px;
	background: none;
	border-width: 0 !important;
	font-weight: normal !important;
}

.lbjs .lbjs-list .ui-state-active {
	background: #F8EFC1 !important;
}

.lbjs .lbjs-list .ui-state-hover {
	background: #E5E5E0 !important;
}

.lbjs .lbjs-list .lbjs-item:not([disabled]) {
	cursor: pointer;
}

.lbjs .lbjs-list .lbjs-item[disabled] {
	color: #999;
	cursor: default;
}

.lbjs .lbjs-searchbar-wrapper {
	margin: 0 0 5px 0;
}

.lbjs .lbjs-searchbar {
	margin: 0px;
	width: 100%;
	padding: 3px 5px;
	border: 1px solid #ccc;
}

.lbjs-item a.fullline {
	text-decoration: none;
	display: block !important;
}







/*
 * jquery.jqplot.css
 *
 */

/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
	position: relative;
	color: #666666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/*rules applied to all axes*/
.jqplot-axis {
	font-size: 1em;
}

.jqplot-xaxis {
	margin-top: 10px;
}

.jqplot-x2axis {
	margin-bottom: 10px;
}

.jqplot-yaxis {
	margin-right: 10px;
}

.jqplot-y2axis, .jqplot-y3axis, .jqplot-y4axis, .jqplot-y5axis, .jqplot-y6axis, .jqplot-y7axis, .jqplot-y8axis, .jqplot-y9axis, .jqplot-yMidAxis {
	margin-left: 10px;
	margin-right: 10px;
}

/*rules applied to all axis tick divs*/
.jqplot-axis-tick, .jqplot-xaxis-tick, .jqplot-yaxis-tick, .jqplot-x2axis-tick, .jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick, .jqplot-yMidAxis-tick {
	position: absolute;
	white-space: pre;
}

.jqplot-xaxis-tick {
	top: 0px;
	/* initial position untill tick is drawn in proper place */
	left: 15px;
/*	padding-top: 10px;*/
	vertical-align: top;
}

.jqplot-x2axis-tick {
	bottom: 0px;
	/* initial position untill tick is drawn in proper place */
	left: 15px;
/*	padding-bottom: 10px;*/
	vertical-align: bottom;
}

.jqplot-yaxis-tick {
	right: 0px;
	/* initial position untill tick is drawn in proper place */
	top: 15px;
/*	padding-right: 10px;*/
	text-align: right;
}

.jqplot-yaxis-tick.jqplot-breakTick {
	right: -20px;
	margin-right: 0px;
	padding:1px 5px 1px 5px;
/*	background-color: white;*/
	z-index: 2;
	font-size: 1.5em;
}

.jqplot-y2axis-tick, .jqplot-y3axis-tick, .jqplot-y4axis-tick, .jqplot-y5axis-tick, .jqplot-y6axis-tick, .jqplot-y7axis-tick, .jqplot-y8axis-tick, .jqplot-y9axis-tick {
	left: 0px;
	/* initial position untill tick is drawn in proper place */
	top: 15px;
/*	padding-left: 10px;*/
/*	padding-right: 15px;*/
	text-align: left;
}

.jqplot-yMidAxis-tick {
	text-align: center;
	white-space: nowrap;
}

.jqplot-xaxis-label {
	margin-top: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-x2axis-label {
	margin-bottom: 10px;
	font-size: 11pt;
	position: absolute;
}

.jqplot-yaxis-label {
	margin-right: 10px;
/*	text-align: center;*/
	font-size: 11pt;
	position: absolute;
}

.jqplot-yMidAxis-label {
	font-size: 11pt;
	position: absolute;
}

.jqplot-y2axis-label, .jqplot-y3axis-label, .jqplot-y4axis-label, .jqplot-y5axis-label, .jqplot-y6axis-label, .jqplot-y7axis-label, .jqplot-y8axis-label, .jqplot-y9axis-label {
/*	text-align: center;*/
	font-size: 11pt;
	margin-left: 10px;
	position: absolute;
}

.jqplot-meterGauge-tick {
	font-size: 0.75em;
	color: #999999;
}

.jqplot-meterGauge-label {
	font-size: 1em;
	color: #999999;
}

table.jqplot-table-legend {
	margin-top: 30px;
	margin-bottom: 12px;
	margin-left: 12px;
	margin-right: 12px;
	left: 0px !important;
}

table.jqplot-table-legend, table.jqplot-cursor-legend {
	background-color: rgba(255,255,255,0.6);
	border: 1px solid #cccccc;
	position: absolute;
	font-size: 0.9em;
}

td.jqplot-table-legend {
	vertical-align:middle;
}

td.jqplot-table-legend-label {
	padding-right: 5px;
}

td.jqplot-seriesToggle:hover, td.jqplot-seriesToggle:active {
	cursor: pointer;
}

.jqplot-table-legend .jqplot-series-hidden {
	text-decoration: line-through;
}

div.jqplot-table-legend-swatch-outline {
	border: 1px solid #cccccc;
	padding:1px;
}

div.jqplot-table-legend-swatch {
	width:0px;
	height:0px;
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 6px;
	border-right-width: 6px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
}

.jqplot-title {
	top: 0px;
	left: 0px;
	padding-bottom: 0.5em;
	font-size: 1.2em;
}

table.jqplot-cursor-tooltip {
	border: 1px solid #cccccc;
	font-size: 0.75em;
}

.jqplot-cursor-tooltip {
	border: 1px solid #cccccc;
	font-size: 0.75em;
	white-space: nowrap;
	background: rgba(208,208,208,0.5);
	padding: 1px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
	border: 1px solid #cccccc;
	font-size: 0.75em;
	white-space: nowrap;
	background: rgba(208,208,208,0.5);
	padding: 1px;
}

.jqplot-point-label {
	font-size: 0.75em;
	z-index: 2;
}

td.jqplot-cursor-legend-swatch {
	vertical-align: middle;
	text-align: center;
}

div.jqplot-cursor-legend-swatch {
	width: 1.2em;
	height: 0.7em;
}

.jqplot-error {
/*   Styles added to the plot target container when there is an error go here.*/
	text-align: center;
}

.jqplot-error-message {
/*	Styling of the custom error message div goes here.*/
	position: relative;
	top: 46%;
	display: inline-block;
}

div.jqplot-bubble-label {
	font-size: 0.8em;
/*	background: rgba(90%, 90%, 90%, 0.15);*/
	padding-left: 2px;
	padding-right: 2px;
	color: rgb(20%, 20%, 20%);
}

div.jqplot-bubble-label.jqplot-bubble-label-highlight {
	background: rgba(90%, 90%, 90%, 0.7);
}

div.jqplot-noData-container {
	text-align: center;
	background-color: rgba(96%, 96%, 96%, 0.3);
}





/*
 * Dropzone component
 *
 */

/* The MIT License */
.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.dropzone {
	position: relative;
	border: 1px solid rgba(0,0,0,0.08);
	background: rgba(0,0,0,0.02);
	padding: 1em;
}
.dropzone.dz-clickable {
	cursor: pointer;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
	cursor: pointer;
}
.dropzone.dz-clickable * {
	cursor: default;
}
.dropzone .dz-message {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.dropzone.dz-drag-hover {
	border-color: rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
	display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
	background: rgba(255,255,255,0.8);
	position: relative;
	display: inline-block;
	margin: 17px;
	vertical-align: top;
	border: 1px solid #acacac;
	padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
	display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
	width: 100px;
	height: 100px;
	position: relative;
	background: #ebebeb;
	padding: 5px;
	margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
	overflow: hidden;
	height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
	position: absolute;
	bottom: -28px;
	left: 3px;
	height: 28px;
	line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
	display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
	display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
	display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
	display: none;
	position: absolute;
	width: 40px;
	height: 40px;
	font-size: 30px;
	text-align: center;
	right: -10px;
	top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
	color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
	color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
	position: absolute;
	top: 100px;
	left: 6px;
	right: 6px;
	height: 6px;
	background: #d7d7d7;
	display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0%;
	background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
	display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
	display: none;
	position: absolute;
	top: -5px;
	left: -20px;
	background: rgba(245,245,245,0.8);
	padding: 8px 10px;
	color: #800;
	min-width: 140px;
	max-width: 500px;
	z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
	display: block;
}
.dropzone {
	border: 1px solid rgba(0,0,0,0.03);
	min-height: 360px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(0,0,0,0.03);
	padding: 23px;
}
.dropzone .dz-default.dz-message {
	opacity: 1;
	-ms-filter: none;
	filter: none;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	background-image: url("../img/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%;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
	.dropzone .dz-default.dz-message {
		background-image: url("../img/spritemap@2x.png");
		-webkit-background-size: 428px 406px;
		-moz-background-size: 428px 406px;
		background-size: 428px 406px;
	}
}
.dropzone .dz-default.dz-message span {
	display: none;
}
.dropzone.dz-square .dz-default.dz-message {
	background-position: 0 -123px;
	width: 268px;
	margin-left: -134px;
	height: 174px;
	margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
	opacity: 0.15;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
}
.dropzone.dz-started .dz-message {
	display: block;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
	box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
	font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
	display: block;
	opacity: 0.1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
	background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
	display: block;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	background-image: url("../img/spritemap.png");
	background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
	.dropzone .dz-preview .dz-error-mark,
	.dropzone-previews .dz-preview .dz-error-mark,
	.dropzone .dz-preview .dz-success-mark,
	.dropzone-previews .dz-preview .dz-success-mark {
		background-image: url("../img/spritemap@2x.png");
		-webkit-background-size: 428px 406px;
		-moz-background-size: 428px 406px;
		background-size: 428px 406px;
	}
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
	display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
	background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
	background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
	-webkit-animation: loading 0.4s linear infinite;
	-moz-animation: loading 0.4s linear infinite;
	-o-animation: loading 0.4s linear infinite;
	-ms-animation: loading 0.4s linear infinite;
	animation: loading 0.4s linear infinite;
	-webkit-transition: width 0.3s ease-in-out;
	-moz-transition: width 0.3s ease-in-out;
	-o-transition: width 0.3s ease-in-out;
	-ms-transition: width 0.3s ease-in-out;
	transition: width 0.3s ease-in-out;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-image: url("../img/spritemap.png");
	background-repeat: repeat-x;
	background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
	.dropzone .dz-preview .dz-progress .dz-upload,
	.dropzone-previews .dz-preview .dz-progress .dz-upload {
		background-image: url("../img/spritemap@2x.png");
		-webkit-background-size: 428px 406px;
		-moz-background-size: 428px 406px;
		background-size: 428px 406px;
	}
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
	display: block;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	-ms-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
	display: block;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-ms-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
	background-image: -webkit-linear-gradient(top, #fafafa, #eee);
	background-image: -moz-linear-gradient(top, #fafafa, #eee);
	background-image: -o-linear-gradient(top, #fafafa, #eee);
	background-image: -ms-linear-gradient(top, #fafafa, #eee);
	background-image: linear-gradient(to bottom, #fafafa, #eee);
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #eee;
	text-decoration: none;
	display: block;
	padding: 4px 5px;
	text-align: center;
	color: #aaa;
	margin-top: 26px;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
	color: #666;
}
@-moz-keyframes loading {
	from {
		background-position: 0 -400px;
	}
	to {
		background-position: -7px -400px;
	}
}
@-webkit-keyframes loading {
	from {
		background-position: 0 -400px;
	}
	to {
		background-position: -7px -400px;
	}
}
@-o-keyframes loading {
	from {
		background-position: 0 -400px;
	}
	to {
		background-position: -7px -400px;
	}
}
@keyframes loading {
	from {
		background-position: 0 -400px;
	}
	to {
		background-position: -7px -400px;
	}
}





/*
 * Fileupload component wrapper of Dropzone.js
 *
 */
.file-upload {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0 !important;
}

.file-item {
	border-bottom: #D5D5D5 1px dashed;
	padding: 3px 4px;
}

.file-item:last-child {
	border-bottom: none;
}

.file-item:hover {
	background-color: #f9f9f9;
}

.file-upload .file-item {
	line-height: 25px;
}

.file-item-preview {
	margin-right: 5px;
}

a.file-item-name {
	width: 77%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.file-upload-empty {
	cursor: pointer;
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 2px 0;
}

.file-upload span[dz-file-count] {
	cursor: pointer;
}

.file-upload label[viewmode="true"] {
	cursor: default !important;
	color: silver;
}

.file-upload label[viewmode="true"] .fa {
	color: #eaeaea;
}

/* Size fixes */
.grid-h2 > .admin-editor > .file-upload > .file-upload-empty {
	padding-top: 10px;
	font-size: 16px;
}

.grid-h3 > .admin-editor > .file-upload > .file-upload-empty,
.grid-h4 > .admin-editor > .file-upload > .file-upload-empty,
.grid-h5 > .admin-editor > .file-upload > .file-upload-empty {
	padding-top: 30px;
	font-size: 16px;
}

.grid-h2 > .admin-editor > .file-upload > .file-upload-empty > i,
.grid-h3 > .admin-editor > .file-upload > .file-upload-empty > i,
.grid-h4 > .admin-editor > .file-upload > .file-upload-empty > i,
.grid-h5 > .admin-editor > .file-upload > .file-upload-empty > i {
	display: block;
	font-size: 2em;
}





/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}





/*
 * Tree combo indentations
 */

.indentation-1 { margin-left: 15px; }
.indentation-2 { margin-left: 30px; }
.indentation-3 { margin-left: 45px; }
.indentation-4 { margin-left: 60px; }
.indentation-5 { margin-left: 75px; }
.indentation-6 { margin-left: 90px; }
.indentation-7 { margin-left: 105px; }

/*
* TinyMCE
*/

label.mce-label { max-width: none !important; } /*TinyMCE image upload label fix*/