/*! gridster.js - v0.5.1 - 2014-03-26 - * http://gridster.net/ - Copyright (c) 2014 ducksboard; Licensed MIT */
.gridster {
	position: relative
}

.gridster>* {
	margin: 0 auto;
	-webkit-transition: height .4s, width .4s;
	-moz-transition: height .4s, width .4s;
	-o-transition: height .4s, width .4s;
	-ms-transition: height .4s, width .4s;
	transition: height .4s, width .4s
}

.gridster .gs-w {
	z-index: 2;
	position: absolute
}

.ready .gs-w:not (.preview-holder ){
	-webkit-transition: opacity .3s, left .3s, top .3s;
	-moz-transition: opacity .3s, left .3s, top .3s;
	-o-transition: opacity .3s, left .3s, top .3s;
	transition: opacity .3s, left .3s, top .3s
}

.ready .gs-w:not (.preview-holder ),.ready .resize-preview-holder {
	-webkit-transition: opacity .3s, left .3s, top .3s, width .3s, height
		.3s;
	-moz-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
	-o-transition: opacity .3s, left .3s, top .3s, width .3s, height .3s;
	transition: opacity .3s, left .3s, top .3s, width .3s, height .3s
}

.gridster .preview-holder {
	z-index: 1;
	position: absolute;
	background-color: #fff;
	border-color: #fff;
	opacity: .3
}

.gridster .player-revert {
	z-index: 10 !important;
	-webkit-transition: left .3s, top .3s !important;
	-moz-transition: left .3s, top .3s !important;
	-o-transition: left .3s, top .3s !important;
	transition: left .3s, top .3s !important
}

.gridster .dragging,.gridster .resizing {
	z-index: 10 !important;
	-webkit-transition: all 0s !important;
	-moz-transition: all 0s !important;
	-o-transition: all 0s !important;
	transition: all 0s !important
}

.gs-resize-handle {
	position: absolute;
	z-index: 1
}

.gs-resize-handle-both {
	width: 20px;
	height: 20px;
	bottom: -8px;
	right: -8px;
	background-image:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=);
	background-position: top left;
	background-repeat: no-repeat;
	cursor: se-resize;
	z-index: 20
}

/*flx*/
.gs-expand-handle-both {
	width: 20px;
	height: 20px;
	top: -8px;
	right: -8px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpinDlz5n8GfACfApAcEwMBwIJuSnp6OiOyAuJMwOcmgAADAOykDzYGUtDCAAAAAElFTkSuQmCC);
	background-position: bottom left;
	background-repeat: no-repeat;
	cursor: pointer; /*ne-resize;*/
	z-index: 20
}

.gs-expand-handle {
	position: absolute;
	z-index: 1
}
/**/

.gs-resize-handle-x {
	top: 0;
	bottom: 13px;
	right: -5px;
	width: 10px;
	cursor: e-resize
}

.gs-resize-handle-y {
	left: 0;
	right: 13px;
	bottom: -5px;
	height: 10px;
	cursor: s-resize
}

.gs-w:hover .gs-resize-handle,.resizing .gs-resize-handle {
	opacity: 1
}

.gs-resize-handle,.gs-w.dragging .gs-resize-handle {
	opacity: 0
}

/*flx*/
.gs-w:hover .gs-expand-handle,.resizing .gs-expand-handle {
	opacity: 1
}

.gs-expand-handle,.gs-w.dragging .gs-expand-handle {
	opacity: 0
}
/**/

.gs-resize-disabled .gs-resize-handle {
	display: none !important
}

[data-max-sizex="1"] .gs-resize-handle-x,[data-max-sizey="1"] .gs-resize-handle-y,[data-max-sizey="1"][data-max-sizex="1"] .gs-resize-handle
	{
	display: none !important
}