Add version files and new GIF images for UI components

themes/sources/dhtmlxAccordion/codebase/dhtmlxaccordion_deprecated.js

@@ -0,0 +1,62 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/* deprecated */
+dhtmlXAccordion.prototype.setEffect = function(mode) {
+	// expand/collapse, dnd
+	// enabled for browsers which support html5 by default
+};
+dhtmlXAccordion.prototype.setIcon = function(id, icon) {
+	this.cells(id).setIcon(icon);
+};
+dhtmlXAccordion.prototype.clearIcon = function(id) {
+	this.cells(id).clearIcon();
+};
+dhtmlXAccordion.prototype.setActive = function(id) {
+	this.cells(id).open();
+};
+dhtmlXAccordion.prototype.isActive = function(id) {
+	return this.cells(id).isOpened();
+};
+dhtmlXAccordion.prototype.openItem = function(id) {
+	this.cells(id).open();
+};
+dhtmlXAccordion.prototype.closeItem = function(id) {
+	this.cells(id).close();
+};
+dhtmlXAccordion.prototype.moveOnTop = function(id) {
+	this.cells(id).moveOnTop();
+};
+dhtmlXAccordion.prototype.setItemHeight = function(h) {
+	this.cells(id).setHeight(h);
+};
+dhtmlXAccordion.prototype.setText = function(id, text) {
+	this.cells(id).setText(text);
+};
+dhtmlXAccordion.prototype.getText = function() {
+	return this.cells(id).getText();
+};
+dhtmlXAccordion.prototype.showItem = function(id) {
+	this.cells(id).show();
+};
+dhtmlXAccordion.prototype.hideItem = function(id) {
+	this.cells(id).hide();
+};
+dhtmlXAccordion.prototype.isItemHidden = function(id) {
+	return !this.cells(id).isVisible();
+};
+dhtmlXAccordion.prototype.loadJSON = function(data, callback) {
+	this.loadStruct(data, callback);
+};
+dhtmlXAccordion.prototype.loadXML = function(data, callback) {
+	this.loadStruct(data, callback);
+};
+dhtmlXAccordion.prototype.setSkinParameters = function(ofsBetween, ofsCont) {
+	if (ofsBetween != null) this.setOffset(ofsBetween);
+};
+

themes/sources/dhtmlxAccordion/codebase/ext/dhtmlxaccordion_dnd.js

@@ -0,0 +1,353 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+dhtmlXAccordion.prototype.enableDND = function() {
+	
+	if (this.conf.multi_mode == false || this._dnd != null) return;
+	
+	var that = this;
+	
+	this._dnd = {
+		tr_count: 0,
+		tr_items: {}
+	};
+	
+	this._dndAttachEvent = function(id) {
+		var t = this.t[id].cell;
+		if (t.conf.dnd_inited != true) {
+			if (typeof(window.addEventListener) == "function") {
+				t.cell.childNodes[t.conf.idx.hdr].addEventListener("mousedown", this._dndOnMouseDown, false);
+			} else {
+				t.cell.childNodes[t.conf.idx.hdr].attachEvent("onmousedown", this._dndOnMouseDown);
+			}
+			t.conf.dnd_inited = true;
+		}
+		t = null;
+	}
+	
+	this._dndDetachEvent = function(id) {
+		var t = this.t[id].cell;
+		if (t.conf.dnd_inited == true) {
+			if (typeof(window.addEventListener) == "function") {
+				t.cell.childNodes[t.conf.idx.hdr].removeEventListener("mousedown", this._dndOnMouseDown, false);
+			} else {
+				t.cell.childNodes[t.conf.idx.hdr].detachEvent("onmousedown", this._dndOnMouseDown);
+			}
+			t.conf.dnd_inited = false;
+		}
+		t = null;
+	}
+	
+	this._dndOnMouseDown = function(e) {
+		e = e||event;
+		if (e.preventDefault) e.preventDefault(); // selection in chrome
+		var t = (e.target||e.srcElement);
+		while (t != null && t.parentNode != that.cont) t = t.parentNode;
+		if (t != null) that._dndDragStart(e, t);
+		t = null;
+	}
+	
+	this._dndDragStart = function(e,t) {
+		
+		if (this._dnd.tr_waiting == true) return;
+		
+		// cell index
+		var ind0 = -1;
+		for (var q=0; q<t.parentNode.childNodes.length; q++) {
+			if (t.parentNode.childNodes[q] == t) ind0 = q;
+		}
+		
+		if (this.callEvent("onBeforeDrag",[t._accId, ind0]) !== true) return; // added in 4.2
+		
+		if (typeof(window.addEventListener) == "function") {
+			document.body.addEventListener("mousemove", this._dndOnMouseMove, false);
+			document.body.addEventListener("mouseup", this._dndOnMouseUp, false);
+		} else {
+			document.body.attachEvent("onmousemove", this._dndOnMouseMove, false);
+			document.body.attachEvent("onmouseup", this._dndOnMouseUp, false);
+		}
+		
+		this._dnd.dragObj = t;
+		
+		this._dnd.dy = e.clientY;
+		
+		// define index and min/max offset for dragged object
+		var u = 0;
+		
+		for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
+			this._dnd.dragObj.parentNode.childNodes[q]._ind = q; // recalculate indecies
+			if (this._dnd.dragObj.parentNode.childNodes[q] == this._dnd.dragObj) {
+				this._dnd.dragObj._k0 = u;
+				if (q > 0) this._dnd.dragObj._k0 += this.ofs.m.between-this.ofs.m.first; // include margins for non-top cells
+				u = 0;
+			} else {
+				u += this._dnd.dragObj.parentNode.childNodes[q].offsetHeight+
+					parseInt(this._dnd.dragObj.parentNode.childNodes[q].style.marginTop);
+			}
+		}
+		this._dnd.dragObj._k1 = u;
+		
+		this._dnd.h = this._dnd.dragObj.offsetHeight;
+		
+		this._dnd.ofs = false; // check if mouse was realy moved over screen
+	}
+	
+	this._dndDoDrag = function(e) {
+		
+		if (!this._dnd.dragObj) return;
+		if (this._dnd.tr_waiting == true) return;
+		
+		var r = e.clientY-this._dnd.dy;
+		
+		if (this._dnd.ofs == false && Math.abs(r) > 5) {
+			this._dnd.dragObj.className += " acc_cell_dragged";
+			this._dnd.ofs = true;
+		}
+		
+		// overlaying left/right
+		if (r < 0) {
+			if (r < -this._dnd.dragObj._k0) r = -this._dnd.dragObj._k0;
+		} else {
+			if (r > this._dnd.dragObj._k1) r = this._dnd.dragObj._k1;
+		}
+		
+		this._dnd.dragObj.style.top = r+"px";
+		
+		// prev
+		
+		// get offset
+		var ofs = e.clientY-this._dnd.dy;
+		var s0 = 0;
+		var i = 0;
+		for (var q=this._dnd.dragObj._ind+1; q<=this._dnd.dragObj.parentNode.lastChild._ind; q++) {
+			var w0 = this._dnd.dragObj.parentNode.childNodes[q].offsetHeight;
+			if (ofs > s0+w0*2/3) i++;
+			s0 += w0;
+		}
+		
+		// loop through siblings
+		var s = this._dnd.dragObj.nextSibling;
+		var q = 0;
+		
+		while (s != null) {
+			
+			if (++q<=i && s != null) {
+				// move to left if not moved yet
+				if (!s._ontop) {
+					if (s._tm) window.clearTimeout(s._tm);
+					this._dndAnim(s, false, parseInt(s.style.top||0), -this._dnd.h-this.ofs.m.between); // margin-top always "between", index here will never equal 0
+					s._ontop = true;
+				}
+			} else {
+				// move to right (to orig position) if moved to left
+				if (s._ontop) {
+					if (s._tm) window.clearTimeout(s._tm);
+					this._dndAnim(s, true, parseInt(s.style.top||0), 0);
+					s._ontop = false;
+				}
+			}
+			
+			s = s.nextSibling;
+		}
+		
+		// next
+		
+		// get offset
+		var ofs = this._dnd.dy-e.clientY;
+		var s0 = 0;
+		var i = 0;
+		for (var q=this._dnd.dragObj._ind-1; q>=this._dnd.dragObj.parentNode.firstChild._ind; q--) {
+			var w0 = this._dnd.dragObj.parentNode.childNodes[q].offsetHeight;
+			if (ofs > s0+w0*2/3) i++;
+			s0 += w0;
+		}
+		
+		// loop through siblings
+		var s = this._dnd.dragObj.previousSibling;
+		var q = 0;
+		
+		while (s != null) {
+			
+			if (++q<=i && s != null) {
+				if (!s._onbottom) {
+					if (s._tm) window.clearTimeout(s._tm);
+					this._dndAnim(s, true, parseInt(s.style.top||0), this._dnd.h+this.ofs.m.between);
+					s._onbottom = true;
+				}
+			} else {
+				if (s._onbottom) {
+					if (s._tm) window.clearTimeout(s._tm);
+					this._dndAnim(s, false, parseInt(s.style.top), 0);
+					s._onbottom = false;
+				}
+			}
+			
+			s = s.previousSibling;
+		}
+		
+	}
+	
+	this._dndDragStop = function(e, force) {
+		
+		if (force) {
+			// console.log("tr ended, fix drop");
+		} else {
+			if (this._dnd.tr_count > 0) {
+				this._dnd.tr_waiting = true;
+				// console.log("still moving", this._dnd.tr_count);
+				return;
+			}
+		}
+		
+		if (!this._dnd.dragObj) return;
+		
+		this._dnd.dragObj.className = String(this._dnd.dragObj.className).replace(/\s{0,}acc_cell_dragged/gi,"");
+		this._dnd.dragObj.style.top = "0px";
+		
+		var p = false;
+		
+		for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
+			var s = this._dnd.dragObj.parentNode.childNodes[q];
+			
+			if (s != this._dnd.dragObj) {
+				if (s._tm) window.clearTimeout(s._tm);
+				s.style.top = "0px";
+				if (s._ontop && ((s.nextSibling != null && s.nextSibling._ontop != true) || !s.nextSibling)) {
+					p = (s.nextSibling||null);
+				}
+				if (s._onbottom && ((s.previousSibling != null && s.previousSibling._onbottom != true) || !s.previousSibling)) {
+					p = s;
+				}
+			}
+			s = null;
+		}
+		for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
+			this._dnd.dragObj.parentNode.childNodes[q]._ontop = null;
+			this._dnd.dragObj.parentNode.childNodes[q]._onbottom = null;
+		}
+		
+		if (p !== false) {
+			if (p == null) {
+				this._dnd.dragObj.parentNode.appendChild(this._dnd.dragObj);
+			} else {
+				this._dnd.dragObj.parentNode.insertBefore(this._dnd.dragObj, p);
+			}
+		}
+		
+		var id = this._dnd.dragObj._accId;
+		var ind0 = this._dnd.dragObj._ind;
+		var ind1 = ind0;
+		for (var q=0; q<this._dnd.dragObj.parentNode.childNodes.length; q++) {
+			if (this._dnd.dragObj.parentNode.childNodes[q] == this._dnd.dragObj) ind1 = q;
+		}
+		
+		this._dnd.dragObj = null;
+		this._dnd.tr_waiting = false;
+		
+		this._updateCellsMargin();
+		if (ind0 != ind1) {
+			this.setSizes();
+			this.callEvent("onDrop", [id, ind0, ind1]);
+		} else {
+			this.callEvent("_onDropCancel", [id]);
+		}
+		
+		if (typeof(window.addEventListener) == "function") {
+			document.body.removeEventListener("mousemove", this._dndOnMouseMove, false);
+			document.body.removeEventListener("mouseup", this._dndOnMouseUp, false);
+		} else {
+			document.body.detachEvent("onmousemove", this._dndOnMouseMove, false);
+			document.body.detachEvent("onmouseup", this._dndOnMouseUp, false);
+		}		
+	}
+	
+	this._dndAnim = function(obj, dir, f, t) {
+		
+		if (this.conf.tr.prop != false) {
+			
+			if (!obj._dnd_ev) {
+				obj._dnd_ev = true;
+				obj._dnd_tr_prop = this.conf.tr.prop;
+				obj.addEventListener(this.conf.tr.ev, this._dndOnTrEnd, false);
+			}
+			
+			if (this._dnd.tr_items[obj._accId] != true) {
+				this._dnd.tr_items[obj._accId] = true;
+				this._dnd.tr_count++;
+			}
+			
+			obj.style[this.conf.tr.prop] = this.conf.tr.dnd_top;
+			obj.style.top = t+"px";
+			return;
+		}
+		
+		var stop = false;
+		if (dir) {
+			f += 5;
+			if (f >= t) { f = t; stop = true; }
+		} else {
+			f -= 5;
+			if (f <= t) { f = t; stop = true; }
+		}
+		obj.style.top = f+"px";
+		if (obj._tm) window.clearTimeout(obj._tm);
+		if (!stop) {
+			obj._tm = window.setTimeout(function(){that._dndAnim(obj, dir, f, t);},5);
+		} else {
+			obj._tm = null;
+		}
+		
+	}
+	
+	this._dndOnTrEnd = function(ev) {
+		if (ev.stopPropagation) ev.stopPropagation();
+		if (ev.propertyName == "top") {
+			// clear cache
+			if (that._dnd.tr_items[this._accId] == true) {
+				that._dnd.tr_count--;
+				that._dnd.tr_items[this._accId] = false;
+			}
+			// remove prop
+			this.style[this._dnd_tr_prop] = "";
+			//
+			if (that._dnd.tr_count == 0 && that._dnd.tr_waiting == true) {
+				that._dndDragStop(null, true);
+			}
+		}
+	}
+	
+	this._dndOnMouseMove = function(e) {
+		that._dndDoDrag(e||event);
+	}
+	
+	this._dndOnMouseUp = function(e) {
+		that._dndDragStop(e||event);
+	}
+	
+	this._dndClearCell = function(id) {
+		if (this.t[id].cell.cell._dnd_ev) this.t[id].cell.cell.addEventListener(this.conf.tr.ev, this._dndOnTrEnd, false);
+		this._dndDetachEvent(id);
+	}
+	
+	this._unloadDND = function() {
+		
+		// functions
+		for (var a in this) {
+			if (String(a).indexOf("_dnd") == 0 && typeof(this[a]) == "function") this[a] = null;
+		}
+		
+		// cell-clear will called from removeItem()
+		this._dnd = null;
+		that = null;
+	}
+	
+	// update cells
+	for (var a in this.t) this._dndAttachEvent(a);
+	
+};
+

themes/sources/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_skyblue.css

@@ -0,0 +1,294 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_skyblue
+	include extra file: skins/dhx_skyblue.less
+*/
+
+.dhxacc_base_dhx_skyblue {
+	background-color: #ebebeb;
+	position: relative;
+	cursor: default;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont {
+	position: absolute;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc {
+	position: relative;
+	background-color: #ffffff;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	box-shadow: 0 0 3px #e0e0e0;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_cont_acc {
+	position: absolute;
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	border-bottom: 1px solid #a4bed4;
+	border-top: 0px solid white;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_cont_acc.dhx_cell_cont_no_borders {
+	border-width: 0px;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr {
+	position: relative;
+	height: 27px;
+	line-height: 26px;
+	overflow: hidden;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: #34404b;
+	font-weight: bold;
+	border: 1px solid #a4bed4;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	cursor: default;
+	z-index: 3;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
+	border-width: 1px 0px 0px 0px;
+	height: 0px;
+	line-height: 0px;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
+	position: relative;
+	margin: 0px 26px 0px 5px;
+	overflow: hidden;
+	white-space: nowrap;
+	cursor: default;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
+	margin-left: 24px !important;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
+	position: absolute;
+	top: 5px;
+	left: 4px;
+	width: 16px;
+	height: 16px;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr i {
+	position: absolute;
+	top: 5px;
+	left: 4px;
+	width: 16px;
+	height: 16px;
+	line-height: 16px;
+	text-align: center;
+	cursor: default;
+	font-size: 1.2em;
+	color: inherit;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	position: absolute;
+	top: 6px;
+	right: 4px;
+	width: 16px;
+	height: 16px;
+	background-image: url("../imgs/dhxacc_skyblue/dhxacc_btns.gif");
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	overflow: hidden;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	background-position: -16px 0px;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc.acc_cell_dragged {
+	box-shadow: 0 0 5px #829cb2;
+	z-index: 5 !important;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_def {
+	position: relative;
+	overflow: hidden;
+	border-width: 0px 1px 1px 1px;
+	border-color: #a4bed4;
+	border-style: solid;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_def div.dhtmlxMenu_dhx_skyblue_Middle {
+	padding: 0px 2px;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_no_borders {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_skyblue_Middle {
+	padding: 0px 2px;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_skyblue {
+	border-top-width: 0px;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_skyblue {
+	margin-top: -1px;
+	width: auto;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
+	border-top-width: 0px;
+	width: auto;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #ddecff;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	padding: 0px 4px;
+	height: 21px;
+	line-height: 21px;
+	border-bottom: 1px solid #a4bed4;
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 5;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+}
+.dhxacc_base_dhx_skyblue .dhxacc_cont div.dhx_cell_acc div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	border: 1px solid #a4bed4;
+	background-position: center 55%;
+	background-image: url('../imgs/dhxacc_skyblue/dhxacc_cell_progress.gif');
+	background-repeat: no-repeat;
+	cursor: progress;
+	z-index: 6;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_progress {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 3;
+	opacity: 0.55;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxacc_skyblue/dhxacc_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 4;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_hdr {
+	position: relative;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_ftr {
+	position: absolute;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_menu {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_toolbar {
+	position: relative;
+	background-color: #ebebeb;
+	padding-bottom: 4px;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_ribbon {
+	padding-bottom: 4px;
+	position: relative;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
+	width: auto;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_statusbar {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #ebebeb;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_skyblue div.dhxcelltop_statusbar div.dhxcont_statusbar {
+	position: relative;
+	margin-top: 4px;
+	border: 1px solid #a4bed4;
+	background-color: #ddecff;
+	padding: 7px 6px;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+}
+.dhxacc_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 10px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_terrace.css

@@ -0,0 +1,221 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_terrace
+	include extra file: skins/dhx_terrace.less
+*/
+
+.dhxacc_base_dhx_terrace {
+	position: relative;
+	cursor: default;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_terrace div.dhxacc_cont {
+	position: absolute;
+	*overflow: hidden;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc {
+	position: relative;
+	background-color: #ffffff;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	box-shadow: 0 0 3px #e0e0e0;
+	border-color: #cccccc;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont_acc {
+	position: absolute;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 1px solid #cccccc;
+	border-top: 0px solid #ffffff;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr {
+	position: relative;
+	height: 36px;
+	line-height: 35px;
+	overflow: hidden;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	font-weight: normal;
+	border: 1px solid #cccccc;
+	background-color: #f5f5f5;
+	cursor: default;
+	z-index: 3;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
+	border-width: 1px 0px 0px 0px;
+	height: 0px;
+	line-height: 0px;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
+	position: relative;
+	margin: 0px 26px 0px 10px;
+	overflow: hidden;
+	white-space: nowrap;
+	cursor: default;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
+	position: absolute;
+	top: 11px;
+	left: 10px;
+	width: 16px;
+	height: 16px;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr i {
+	position: absolute;
+	top: 10px;
+	left: 10px;
+	width: 16px;
+	height: 16px;
+	line-height: 16px;
+	text-align: center;
+	cursor: default;
+	font-size: 1.1em;
+	color: inherit;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
+	margin-left: 32px !important;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	position: absolute;
+	top: 11px;
+	right: 4px;
+	width: 16px;
+	height: 16px;
+	background-image: url("../imgs/dhxacc_terrace/dhxacc_btns.gif");
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	overflow: hidden;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	background-position: -16px 0px;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont.dhx_cell_cont_not_last {
+	border-bottom: 0px solid white;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_menu_def {
+	position: relative;
+	overflow: hidden;
+	padding: 6px;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 1px solid #cccccc;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_toolbar_def {
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 1px solid #cccccc;
+	padding: 6px;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
+	border-top: 1px solid #ffffff;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
+	border-top: 0px solid #ffffff;
+	width: auto;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	background-color: #f5f5f5;
+	z-index: 1;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	padding: 0px 4px;
+	height: 24px;
+	line-height: 23px;
+	border-bottom: 1px solid #cccccc;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc.acc_cell_dragged {
+	box-shadow: 0 0 5px #aaaaaa;
+	z-index: 5 !important;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+	z-index: 1;
+}
+.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-position: center 55%;
+	background-image: url("../imgs/dhxacc_terrace/dhxacc_cell_progress.gif");
+	background-repeat: no-repeat;
+	cursor: progress;
+	z-index: 2;
+}
+.dhxacc_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 30px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_dhx_web.css

@@ -0,0 +1,217 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_web
+	include extra file: skins/dhx_web.less
+*/
+
+.dhxacc_base_dhx_web {
+	position: relative;
+	cursor: default;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_web div.dhxacc_cont {
+	position: absolute;
+	*overflow: hidden;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc {
+	position: relative;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	box-shadow: 0 0 3px #e0e0e0;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cont_acc {
+	position: absolute;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	border-bottom: 1px solid #c7c7c7;
+	border-top: 0px solid white;
+	padding: 8px;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cont_acc.dhx_cell_cont_no_borders {
+	border: 0px solid #ffffff !important;
+	padding: 0px;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr {
+	position: relative;
+	height: 32px;
+	line-height: 30px;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #ffffff;
+	font-weight: normal;
+	background-color: #2589ce;
+	overflow: hidden;
+	cursor: default;
+	z-index: 3;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
+	border-top: 1px solid #c7c7c7;
+	height: 0px;
+	line-height: 0px;
+	overflow: hidden;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
+	position: relative;
+	margin: 0px 26px 0px 5px;
+	overflow: hidden;
+	white-space: nowrap;
+	cursor: default;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
+	position: absolute;
+	top: 7px;
+	left: 6px;
+	width: 16px;
+	height: 16px;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr i {
+	position: absolute;
+	top: 7px;
+	left: 5px;
+	width: 16px;
+	height: 16px;
+	line-height: 16px;
+	text-align: center;
+	cursor: default;
+	font-size: 1.1em;
+	color: inherit;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
+	margin-left: 24px !important;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	position: absolute;
+	top: 8px;
+	right: 5px;
+	width: 16px;
+	height: 16px;
+	background-image: url("../imgs/dhxacc_web/dhxacc_btns.gif");
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	overflow: hidden;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	background-position: -16px 0px;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_cont_acc.dhx_cell_cont_not_last {
+	border-bottom: 0px solid white;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_menu_def {
+	position: relative;
+	overflow: hidden;
+	padding: 9px 9px 0px 9px;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_toolbar_def {
+	padding: 9px 9px 0px 9px;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
+	border-top: 0px solid white;
+	width: auto;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0;
+	width: 100%;
+	background-color: #f4f4f4;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	height: 21px;
+	line-height: 21px;
+	position: relative;
+	padding: 0 4px;
+	overflow: hidden;
+	white-space: nowrap;
+	border-bottom: 1px solid #c7c7c7;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc.acc_cell_dragged {
+	box-shadow: 0 0 5px 2px #c2c2c2;
+	z-index: 5 !important;
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+	z-index: 1;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+}
+.dhxacc_base_dhx_web div.dhx_cell_acc div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url("../imgs/dhxacc_web/dhxacc_cell_progress.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 2;
+}
+.dhxacc_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 20px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxAccordion/codebase/skins/dhtmlxaccordion_material.css

@@ -0,0 +1,423 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: material
+	include extra file: skins/material.less
+*/
+
+@keyframes dhx_loader_rotate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+@keyframes dhx_loader_dash {
+	0% {
+		stroke-dasharray: 1, 200;
+		stroke-dashoffset: 0;
+	}
+	50% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -35px;
+	}
+	100% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -124px;
+	}
+}
+.dhxacc_base_material {
+	position: relative;
+	cursor: default;
+	overflow: hidden;
+}
+.dhxacc_base_material div.dhxacc_cont {
+	position: absolute;
+	*overflow: hidden;
+}
+.dhxacc_base_material div.dhx_cell_acc {
+	position: relative;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 1;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	border: 1px solid #e4e4e4;
+	background-image: url('../imgs/dhxacc_material/dhxacc_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 2;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg {
+	border: 1px solid #e4e4e4;
+	z-index: 2;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	width: 50px;
+	height: 50px;
+	animation: dhx_loader_rotate 2s linear infinite;
+	transform-origin: center center;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
+	fill: none;
+	stroke: #3399cc;
+	stroke-width: 2;
+	stroke-miterlimit: 10;
+	stroke-dasharray: 1, 200;
+	stroke-dashoffset: 0;
+	stroke-linecap: round;
+	animation: dhx_loader_dash 1.5s ease-in-out infinite;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_menu_def {
+	position: relative;
+	overflow: hidden;
+	border-style: solid;
+	border-width: 0px 1px 1px 1px;
+	border-color: #dfdfdf;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_toolbar_def .dhx_toolbar_material {
+	border-width: 0px 1px 1px 1px;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
+	border-top-width: 0px;
+	margin-top: -1px;
+	width: auto;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
+	border-top-width: 0px;
+	width: auto;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #fafafa;
+	z-index: 1;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	font: inherit;
+	height: 30px;
+	line-height: 30px;
+	border-style: solid;
+	border-width: 0px 1px 1px 1px;
+	border-color: #dfdfdf;
+	white-space: nowrap;
+	overflow: hidden;
+	padding: 0px 12px;
+	color: #737373;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_cont_acc {
+	position: absolute;
+	border-color: #dfdfdf;
+	border-style: solid;
+	border-width: 0px 1px 1px 1px;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr {
+	position: relative;
+	height: 42px;
+	line-height: 42px;
+	background-color: #fafafa;
+	overflow: hidden;
+	border-width: 1px 1px 1px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	cursor: default;
+	z-index: 3;
+	box-shadow: 0 0 10px rgba(127,127,127,0.2);
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #3399cc;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr.dhx_cell_hdr_hidden {
+	border-width: 1px 0px 0px 0px;
+	height: 0px;
+	line-height: 0px;
+	overflow: hidden;
+	box-shadow: none;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
+	position: relative;
+	margin-left: 14px;
+	margin-right: 44px;
+	overflow: hidden;
+	white-space: nowrap;
+	cursor: default;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
+	margin-left: 44px;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
+	position: absolute;
+	top: 13px;
+	left: 14px;
+	width: 16px;
+	height: 16px;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr i {
+	position: absolute;
+	left: 14px;
+	width: 16px;
+	height: 42px;
+	line-height: 42px;
+	text-align: center;
+	cursor: default;
+	font-size: 1.1em;
+	color: inherit;
+}
+.dhxacc_base_material div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	position: absolute;
+	top: 13px;
+	right: 14px;
+	width: 16px;
+	height: 16px;
+	background-image: url("../imgs/dhxacc_material/dhxacc_btns.png");
+	background-repeat: no-repeat;
+	background-position: 0px 0px;
+	overflow: hidden;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr {
+	box-shadow: none;
+	color: #404040;
+}
+.dhxacc_base_material div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
+	background-position: -16px 0px;
+}
+.dhxacc_base_material div.dhx_cell_acc.acc_cell_dragged {
+	z-index: 5 !important;
+}
+.dhxacc_base_material div.dhxcelltop_hdr {
+	position: relative;
+}
+.dhxacc_base_material div.dhxcelltop_ftr {
+	position: absolute;
+}
+.dhxacc_base_material div.dhxcelltop_progress {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 3;
+	opacity: 0.55;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhxcelltop_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxacc_material/dhxacc_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 4;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhxcelltop_progress_svg {
+	z-index: 4;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	width: 50px;
+	height: 50px;
+	animation: dhx_loader_rotate 2s linear infinite;
+	transform-origin: center center;
+}
+.dhxacc_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
+	fill: none;
+	stroke: #3399cc;
+	stroke-width: 2;
+	stroke-miterlimit: 10;
+	stroke-dasharray: 1, 200;
+	stroke-dashoffset: 0;
+	stroke-linecap: round;
+	animation: dhx_loader_dash 1.5s ease-in-out infinite;
+}
+.dhxacc_base_material div.dhxcelltop_menu {
+	position: relative;
+	overflow: hidden;
+	border-width: 1px 1px 0px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+}
+.dhxacc_base_material div.dhxcelltop_toolbar {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
+	border-width: 1px 1px 0px 1px;
+}
+.dhxacc_base_material div.dhxcelltop_ribbon {
+	position: relative;
+	overflow: hidden;
+}
+.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
+	border-bottom-width: 0px;
+	width: auto;
+}
+.dhxacc_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
+	border-bottom-width: 0px;
+}
+.dhxacc_base_material div.dhxcelltop_statusbar {
+	position: absolute;
+	overflow: hidden;
+	background-color: #fafafa;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhxacc_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
+	position: relative;
+	background-color: #fafafa;
+	font: inherit;
+	height: 30px;
+	line-height: 30px;
+	border-width: 0px 1px 1px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	padding: 0px 12px;
+	color: #737373;
+	white-space: nowrap;
+	overflow: hidden;
+}
+body.dhxacc_base_material {
+	background-color: #fafafa;
+}
+.dhxacc_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 40px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCalendar/codebase/dhtmlxcalendar_deprecated.js

@@ -0,0 +1,18 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+dhtmlXCalendarObject.prototype.draw = function() {
+	this.show();
+};
+dhtmlXCalendarObject.prototype.close = function() {
+	this.hide();
+};
+dhtmlXCalendarObject.prototype.setYearsRange = function() {
+	
+};
+

themes/sources/dhtmlxCalendar/codebase/ext/dhtmlxcalendar_double.js

@@ -0,0 +1,103 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+window.dhtmlxDblCalendarObject = window.dhtmlXDoubleCalendarObject = window.dhtmlXDoubleCalendar = function(parentId) {
+	
+	var that = this;
+	
+	this.leftCalendar = new dhtmlXCalendarObject(parentId);
+	this.leftCalendar.hideTime();
+	this.rightCalendar = new dhtmlXCalendarObject(parentId);
+	this.rightCalendar.hideTime();
+	
+	this.leftCalendar.attachEvent("onClick", function(d){
+		that._updateRange("rightCalendar", d, null);
+		that._evOnClick(["left", d]);
+	});
+	
+	this.rightCalendar.attachEvent("onClick", function(d){
+		that._updateRange("leftCalendar", null, d);
+		that._evOnClick(["right", d]);
+	});
+	
+	this.leftCalendar.attachEvent("onBeforeChange", function(d){
+		return that._evOnBeforeChange(["left",d]);
+	});
+	
+	this.rightCalendar.attachEvent("onBeforeChange", function(d){
+		return that._evOnBeforeChange(["right",d]);
+	});
+	
+	this.show = function() {
+		this.leftCalendar.show();
+		this.rightCalendar.base.style.marginLeft=this.leftCalendar.base.offsetWidth-1+"px";
+		this.rightCalendar.show();
+	}
+	
+	this.hide = function() {
+		this.leftCalendar.hide();
+		this.rightCalendar.hide();
+	}
+	
+	this.setDateFormat = function(t) {
+		this.leftCalendar.setDateFormat(t);
+		this.rightCalendar.setDateFormat(t);
+	}
+	
+	this.setDates = function(d0, d1) {
+		if (d0 != null) this.leftCalendar.setDate(d0);
+		if (d1 != null) this.rightCalendar.setDate(d1);
+		this._updateRange();
+	}
+	
+	this._updateRange = function(obj, from, to) {
+		if (arguments.length == 3) {
+			(obj=="leftCalendar"?this.leftCalendar:this.rightCalendar).setSensitiveRange(from, to);
+		} else {
+			this.leftCalendar.setSensitiveRange(null, this.rightCalendar.getDate());
+			this.rightCalendar.setSensitiveRange(this.leftCalendar.getDate(), null);
+		}
+	}
+	
+	this.getFormatedDate = function() {
+		return this.leftCalendar.getFormatedDate.apply(this.leftCalendar, arguments);
+	}
+	
+	this.unload = function() {
+		
+		window.dhx4._eventable(this, "clear");
+		
+		this.leftCalendar.unload();
+		this.rightCalendar.unload();
+		this.leftCalendar = this.rightCalendar = null;
+		
+		this._updateRange = null;
+		this._evOnClick = null;
+		this._evOnBeforeChange = null;
+		this.show = null;
+		this.hide = null;
+		this.setDateFormat = null;
+		this.setDates = null;
+		this.getFormatedDate = null;
+		this.unload = null;
+		
+		that = null;
+	}
+	
+	this._evOnClick = function(args) {
+		return this.callEvent("onClick", args);
+	}
+	this._evOnBeforeChange = function(args) {
+		return this.callEvent("onBeforeChange", args);
+	}
+	
+	window.dhx4._eventable(this);
+	
+	return this;
+}
+

themes/sources/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_left.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <polygon fill="#646464" fill-rule="evenodd" points="15 7.4 13.676 6 8 12 13.676 18 15 16.6 10.649 12"/>
+</svg>

themes/sources/dhtmlxCalendar/codebase/imgs/dhxcalendar_material/dhxcalendar_arrow_right.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <polygon fill="#646464" fill-rule="evenodd" points="9 7.4 10.324 6 16 12 10.324 18 9 16.6 13.351 12"/>
+</svg>

themes/sources/dhtmlxCalendar/codebase/skins/dhtmlxcalendar_dhx_skyblue.css

@@ -0,0 +1,649 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_skyblue
+	include extra file: skins/dhx_skyblue.less
+*/
+
+.dhtmlxcalendar_ifr {
+	position: absolute;
+	overflow: hidden;
+	background-color: white;
+}
+.dhtmlxcalendar_dhx_skyblue {
+	position: absolute;
+	display: block;
+	background-color: white;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+}
+.dhtmlxcalendar_dhx_skyblue ul.dhtmlxcalendar_line {
+	position: relative;
+	display: block;
+	clear: both;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	width: 211px;
+}
+.dhtmlxcalendar_dhx_skyblue ul.dhtmlxcalendar_line li {
+	float: left;
+	position: relative;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	cursor: default;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+}
+.dhtmlxcalendar_dhx_skyblue.dhtmlxcalendar_in_input {
+	box-shadow: 0 0 6px rgba(0,0,0,0.25);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont {
+	position: relative;
+	display: block;
+	width: 211px;
+	height: 25px;
+	margin: 0px;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	border: 1px solid #a4bed4;
+	overflow: hidden;
+	color: black;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
+	width: 211px;
+	height: 25px;
+	line-height: 25px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
+	position: absolute;
+	top: 0;
+	width: 18px;
+	height: 25px;
+	text-align: center;
+	color: inherit;
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
+	opacity: 0.8;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
+	opacity: 1;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
+	opacity: 0.8;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
+	opacity: 1;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
+	position: relative;
+	font-weight: bold;
+	color: #34404b;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	display: none;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 74px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont {
+	position: relative;
+	display: block;
+	width: 211px;
+	margin: 0px;
+	padding-bottom: 1px;
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	border-bottom: 1px solid #cbd9e4;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
+	border-top: 1px solid white;
+	padding-left: 1px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
+	width: 29px;
+	height: 19px;
+	line-height: 19px;
+	margin-right: 1px;
+	font-size: 9px;
+	background-color: #ecf4ff;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
+	color: #c66200;
+	background-color: #ffe6ae;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont {
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	position: relative;
+	display: block;
+	width: 211px;
+	margin: 0px;
+	padding-bottom: 1px;
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	border-bottom: 1px solid #a4bed4;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
+	border-top: 1px solid white;
+	padding-left: 1px;
+	height: 26px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
+	color: #909090;
+	background-color: white;
+	border: 1px solid white;
+	width: 27px;
+	height: 24px;
+	line-height: 23px;
+	margin-right: 1px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
+	width: 100%;
+	height: 100%;
+	text-align: center;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
+	border-color: #cccccc;
+	background-color: #f7f7f7;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
+	color: #b2b2b2;
+	background-color: #f0f0f0;
+	border-color: #f0f0f0;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
+	color: red;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
+	color: red;
+	border-color: #cccccc;
+	background-color: #f7f7f7;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
+	color: red;
+	background-color: #f0f0f0;
+	border-color: #f0f0f0;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
+	border-color: #cccccc;
+	background-color: #f7f7f7;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
+	color: red;
+	border-color: #cccccc;
+	background-color: #f7f7f7;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
+	color: black;
+	background-color: #ecf4ff;
+	border-color: #ecf4ff;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
+	color: #c66200;
+	background-color: #fff0d2;
+	border-color: #fff0d2;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
+	color: black;
+	background-color: #b5deff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
+	color: #c66200;
+	background-color: #ffdc90;
+	border-color: #ffce65;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
+	color: #b2b2b2;
+	background-color: #f0f0f0;
+	border-color: #f0f0f0;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
+	color: red;
+	background-color: #ecf4ff;
+	border-color: #ecf4ff;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
+	color: red;
+	background-color: #fff0d2;
+	border-color: #fff0d2;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
+	color: red;
+	background-color: #b5deff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
+	color: red;
+	background-color: #ffdc90;
+	border-color: #ffce65;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
+	color: red;
+	background-color: #f0f0f0;
+	border-color: #f0f0f0;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
+	color: black;
+	background-color: #d9eeff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
+	color: #c66200;
+	background-color: #ffe9bb;
+	border-color: #ffce65;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
+	color: black;
+	background-color: #b5deff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
+	color: #c66200;
+	background-color: #ffdc90;
+	border-color: #ffce65;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
+	color: red;
+	background-color: #d9eeff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
+	color: red;
+	background-color: #ffe9bb;
+	border-color: #ffce65;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
+	color: red;
+	background-color: #b5deff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
+	color: red;
+	background-color: #ffdc90;
+	border-color: #ffce65;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_mark.gif");
+	background-position: top right;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont {
+	position: relative;
+	display: block;
+	width: 211px;
+	height: 25px;
+	margin: 0px;
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	border-bottom: 1px solid #a4bed4;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
+	width: 211px;
+	height: 25px;
+	line-height: 24px;
+	color: #34404b;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: left;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	position: absolute;
+	left: 8px;
+	top: 6px;
+	width: 13px;
+	height: 13px;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_clock.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 26px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	left: 70px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: center;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 0px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
+	display: none;
+}
+.dhtmlxcalendar_dhx_skyblue span.dhtmlxcalendar_label_colon {
+	padding: 0px 4px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_cover {
+	position: absolute;
+	left: 1px;
+	background-color: white;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj {
+	position: absolute;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
+	position: absolute;
+	bottom: auto;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 9px;
+	overflow: hidden;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_selector_top.gif");
+	background-position: top center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -15px top;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -57px top;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -53px top;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
+	border: 1px solid #a4bed4;
+	background-color: white;
+	border-top: none;
+	margin-top: 9px;
+	box-shadow: 0 0 3px rgba(0,0,0,0.35);
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
+	width: 17px;
+	text-align: center;
+	border-top: 1px solid white;
+	padding: 0px;
+	margin: 0px;
+	background-color: #ecf4ff;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_left.gif");
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
+	border-top: white 1px solid;
+	border-width: 1px 0px 0px 0px;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	width: 17px;
+	text-align: center;
+	border-top: 1px solid white;
+	border-width: 1px 0px 0px 0px;
+	background-color: #ecf4ff;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_arrow_right.gif");
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
+	display: block;
+	clear: both;
+	margin: 0px 0px 0px 1px;
+	padding: 0px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
+	float: left;
+	font-family: Tahoma, Helvetica;
+	font-size: 10px;
+	color: black;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	margin: 0px 1px 0px 0px;
+	padding: 0px;
+	background-color: #e9f3ff;
+	border: 1px solid #e9f3ff;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active {
+	background-color: #b5deff;
+	border-color: #a1ceed;
+	color: black;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
+	background-color: #d9eeff;
+	border-color: #a1ceed;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+	border: 0px solid white;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 22px;
+	border-top: none;
+	border-bottom: 1px solid white;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 33px;
+	height: 20px;
+	line-height: 19px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	top: auto;
+	bottom: 0px;
+	background-image: url("../imgs/dhxcalendar_skyblue/dhxcalendar_selector_bottom.gif");
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 19px;
+	border-top: none;
+	border-bottom: 1px solid white;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 21px;
+	height: 17px;
+	line-height: 16px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
+	margin-top: 0px;
+	margin-bottom: 9px;
+	border-top: 1px solid #a4bed4;
+	border-bottom: none;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
+	display: none;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
+	display: block;
+}
+.dhtmlxcalendar_dhx_skyblue span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
+	border-bottom: 2px solid red;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: none;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 26px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 24px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 26px;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 21px;
+	color: #638eb1;
+	background-color: #d9eaff;
+}
+.dhtmlxcalendar_dhx_skyblue div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 19px;
+	color: #638eb1;
+	background-color: #d9eaff;
+	border-color: #d9eaff;
+	font-size: 10px;
+}
+div.dhtmlxcalendar_skin_detect {
+	position: absolute;
+	display: block;
+	visibility: hidden;
+	left: -100px;
+	top: 0px;
+	width: 10px;
+	height: 10px;
+	margin: 0px;
+	padding: 0px;
+	border: none;
+	overflow: hidden;
+}
+ul.dhtmlxcalendar_line {
+	white-space: nowrap;
+}
+.dhtmlxcalendar_dhx_skyblue ul.dhtmlxcalendar_line li {
+	display: inline-block;
+	float: none;
+}

themes/sources/dhtmlxCalendar/codebase/skins/dhtmlxcalendar_dhx_terrace.css

@@ -0,0 +1,616 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_terrace
+	include extra file: skins/dhx_terrace.less
+*/
+
+.dhtmlxcalendar_dhx_terrace {
+	position: absolute;
+	display: block;
+	background-color: #ffffff;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+}
+.dhtmlxcalendar_dhx_terrace.dhtmlxcalendar_in_input {
+	box-shadow: 0 0 6px rgba(0,0,0,0.25);
+}
+.dhtmlxcalendar_ifr {
+	position: absolute;
+	overflow: hidden;
+	background-color: white;
+}
+.dhtmlxcalendar_dhx_terrace ul.dhtmlxcalendar_line {
+	position: relative;
+	display: block;
+	clear: both;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	width: 225px;
+	margin-left: 12px;
+}
+.dhtmlxcalendar_dhx_terrace ul.dhtmlxcalendar_line li {
+	float: left;
+	position: relative;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	cursor: default;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont {
+	position: relative;
+	display: block;
+	width: 249px;
+	margin: 0px;
+	border-top: 1px solid #cccccc;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+	overflow: hidden;
+	color: #333333;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
+	width: 225px;
+	height: 31px;
+	line-height: 31px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
+	position: absolute;
+	top: 0px;
+	width: 18px;
+	height: 31px;
+	color: inherit;
+	text-align: center;
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
+	opacity: 0.8;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
+	opacity: 1;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
+	opacity: 0.8;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
+	opacity: 1;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
+	position: relative;
+	font-weight: bold;
+	color: inherit;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	display: none;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 74px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 22px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont {
+	position: relative;
+	display: block;
+	width: 249px;
+	margin: 0px;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
+	height: 31px;
+	border-bottom: 1px solid #cccccc;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
+	width: 31px;
+	height: 31px;
+	line-height: 31px;
+	margin-left: 1px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
+	margin-left: 1px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
+	color: #d43f3a;
+	margin-left: 1px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont {
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	position: relative;
+	display: block;
+	width: 249px;
+	margin: 0px;
+	padding-bottom: 8px;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 1px solid #cccccc;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
+	margin-top: 1px;
+	margin-left: 13px;
+	height: 31px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
+	color: #909090;
+	border-radius: 3px;
+	width: 31px;
+	height: 31px;
+	line-height: 31px;
+	margin-right: 1px;
+	overflow: visible;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
+	width: 100%;
+	height: 100%;
+	text-align: center;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
+	color: #c4c4c4;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
+	color: #d43f3a;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
+	color: #333333;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
+	color: black;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
+	color: #d43f3a;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
+	color: #c4c4c4;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
+	color: #333333;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
+	color: #333333;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
+	color: #d43f3a;
+	background-color: #fff3a1;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_mark.gif");
+	background-position: top right;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont {
+	position: relative;
+	display: block;
+	width: 249px;
+	height: 31px;
+	margin-top: -4px;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 1px solid #cccccc;
+	border-bottom-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	background-color: #ffffff;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
+	width: 225px;
+	height: 27px;
+	line-height: 25px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: left;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	position: absolute;
+	left: 22px;
+	top: 6px;
+	width: 13px;
+	height: 13px;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_clock.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 42px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	left: 75px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: center;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 0px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
+	display: none;
+}
+.dhtmlxcalendar_dhx_terrace span.dhtmlxcalendar_label_colon {
+	padding: 0px 4px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_cover {
+	position: absolute;
+	left: 1px;
+	background-color: white;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj {
+	position: absolute;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
+	position: absolute;
+	bottom: auto;
+	top: 1px;
+	left: 0px;
+	width: 100%;
+	height: 9px;
+	overflow: hidden;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_selector_top.gif");
+	background-position: top center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -13px top;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -27px top;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -52px top;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
+	border-bottom: 1px solid #cccccc;
+	border-top: 0px solid white;
+	background-color: white;
+	margin-top: 9px;
+	box-shadow: 0 0 5px rgba(0,0,0,0.25);
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
+	width: 17px;
+	text-align: center;
+	border-top: 1px solid #cccccc;
+	border-left: 1px solid #cccccc;
+	border-bottom: 0px solid white;
+	border-right: 0px solid white;
+	padding: 0px;
+	margin: 0px;
+	background-color: white;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	width: 17px;
+	text-align: center;
+	border-top: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	border-bottom: 0px solid white;
+	border-left: 0px solid white;
+	background-color: white;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
+	display: block;
+	clear: both;
+	background-color: white;
+	border-left: 1px solid #cccccc;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
+	float: left;
+	font-family: Arial, Helvetica;
+	font-size: 12px;
+	color: #333333;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	margin: 0px;
+	border-right: 1px solid #cccccc;
+	padding: 0px;
+	background-color: white;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
+	background-color: #fff3a1;
+	color: black;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 24px;
+	border-top: 1px solid #cccccc;
+	border-bottom: 0px solid white;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 35px;
+	height: 24px;
+	line-height: 24px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	top: auto;
+	bottom: 1px;
+	background-image: url("../imgs/dhxcalendar_terrace/dhxcalendar_selector_bottom.gif");
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 22px;
+	border-top: 0px solid white;
+	border-bottom: 1px solid #cccccc;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 24px;
+	height: 22px;
+	line-height: 22px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
+	margin-top: 0px;
+	margin-bottom: 9px;
+	border-top: 1px solid #cccccc;
+	border-bottom: none;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
+	display: none;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
+	display: block;
+}
+.dhtmlxcalendar_dhx_terrace span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
+	border-bottom: 2px solid red;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: none;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 27px;
+	color: #3da0e3;
+	background-color: #efefef;
+}
+.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 27px;
+	color: #3da0e3;
+	background-color: #efefef;
+}
+div.dhtmlxcalendar_skin_detect {
+	position: absolute;
+	display: block;
+	visibility: hidden;
+	left: -100px;
+	top: 0px;
+	width: 30px;
+	height: 10px;
+	margin: 0px;
+	padding: 0px;
+	border: none;
+	overflow: hidden;
+}

themes/sources/dhtmlxCalendar/codebase/skins/dhtmlxcalendar_dhx_web.css

@@ -0,0 +1,609 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_web
+	include extra file: skins/dhx_web.less
+*/
+
+.dhtmlxcalendar_dhx_web {
+	position: absolute;
+	display: block;
+	background-color: #ffffff;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+}
+.dhtmlxcalendar_dhx_web.dhtmlxcalendar_in_input {
+	box-shadow: 0 0 6px rgba(0,0,0,0.25);
+}
+.dhtmlxcalendar_ifr {
+	position: absolute;
+	overflow: hidden;
+	background-color: white;
+}
+.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line {
+	position: relative;
+	display: block;
+	clear: both;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	width: 225px;
+}
+.dhtmlxcalendar_dhx_web ul.dhtmlxcalendar_line li {
+	float: left;
+	position: relative;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	cursor: default;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont {
+	position: relative;
+	display: block;
+	width: 227px;
+	height: 27px;
+	margin: 0px;
+	background-color: #3da0e3;
+	overflow: hidden;
+	color: #ffffff;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
+	width: 227px;
+	height: 27px;
+	line-height: 27px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
+	position: absolute;
+	top: 0px;
+	width: 18px;
+	height: 27px;
+	color: inherit;
+	text-align: center;
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_left.gif");
+	opacity: 0.8;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_left.gif");
+	opacity: 1;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_right.gif");
+	opacity: 0.8;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_right.gif");
+	opacity: 1;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
+	position: relative;
+	font-weight: bold;
+	color: inherit;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	display: none;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 74px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 11px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont {
+	position: relative;
+	display: block;
+	width: 225px;
+	margin: 0px;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
+	height: 23px;
+	background-color: #f4f4f4;
+	border-bottom: 2px solid #3da0e3;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
+	color: #000000;
+	width: 31px;
+	height: 23px;
+	line-height: 23px;
+	border-left: 1px solid #d5d5d5;
+	background-color: #f4f4f4;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
+	border-left: 1px solid #f4f4f4;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
+	color: #f1586a;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
+	color: #f1586a;
+	border-left: 1px solid #f4f4f4;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont {
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	position: relative;
+	display: block;
+	width: 225px;
+	margin: 0px;
+	padding-bottom: 1px;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	border-bottom: 1px solid #c7c7c7;
+	background-color: #ffffff;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
+	border-top: 1px solid #ffffff;
+	margin-left: 1px;
+	margin-right: 1px;
+	height: 26px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
+	color: #909090;
+	width: 31px;
+	height: 26px;
+	line-height: 26px;
+	margin-right: 1px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
+	width: 100%;
+	height: 100%;
+	text-align: center;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
+	background-color: #d6d6d6;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
+	color: #c4c4c4;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
+	color: #f1586a;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
+	color: #f1586a;
+	background-color: #d6d6d6;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
+	color: #f1586a;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
+	background-color: #d6d6d6;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
+	color: #f1586a;
+	background-color: #d6d6d6;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
+	color: #000000;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
+	color: #f1586a;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
+	color: #000000;
+	background-color: #85d3ff;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
+	color: #f1586a;
+	background-color: #ffd1cc;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
+	color: #c4c4c4;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
+	color: #f1586a;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
+	color: #f1586a;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
+	color: #f1586a;
+	background-color: #ffd1cc;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
+	color: #f1586a;
+	background-color: #ffd1cc;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
+	color: #f1586a;
+	background-color: #ededed;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
+	color: #000000;
+	background-color: #c7ebff;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
+	color: #f1586a;
+	background-color: #ffe7e4;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
+	color: #000000;
+	background-color: #85d3ff;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
+	color: #f1586a;
+	background-color: #ffd1cc;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
+	color: #f1586a;
+	background-color: #ffe7e4;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
+	color: #f1586a;
+	background-color: #ffe7e4;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
+	color: #f1586a;
+	background-color: #ffd1cc;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
+	color: #f1586a;
+	background-color: #ffd1cc;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_mark.gif");
+	background-position: top right;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont {
+	position: relative;
+	display: block;
+	width: 227px;
+	height: 27px;
+	margin-top: -1px;
+	background-color: #3da0e3;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	color: #ffffff;
+	overflow: hidden;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
+	width: 227px;
+	height: 27px;
+	line-height: 25px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: left;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	position: absolute;
+	left: 11px;
+	top: 7px;
+	width: 13px;
+	height: 13px;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_clock.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 30px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	left: 75px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: center;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 0px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
+	display: none;
+}
+.dhtmlxcalendar_dhx_web span.dhtmlxcalendar_label_colon {
+	padding: 0px 4px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_cover {
+	position: absolute;
+	left: 1px;
+	background-color: white;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj {
+	position: absolute;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
+	position: absolute;
+	bottom: auto;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 9px;
+	overflow: hidden;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_selector_top.gif");
+	background-position: top center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -13px top;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -53px top;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	background-position: -51px top;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
+	border: 1px solid #c7c7c7;
+	background-color: white;
+	border-top: none;
+	margin-top: 9px;
+	box-shadow: 0 0 3px rgba(0,0,0,0.35);
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
+	width: 17px;
+	text-align: center;
+	border-top: white 1px solid;
+	padding: 0px;
+	margin: 0px;
+	background-color: #ededed;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_left2.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_left2.gif");
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
+	border-top: 1px solid white;
+	border-width: 1px 0px 0px 0px;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	width: 17px;
+	text-align: center;
+	border-top: 1px solid white;
+	border-width: 1px 0px 0px 0px;
+	background-color: #ededed;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_right2.gif");
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_arrow_right2.gif");
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
+	display: block;
+	clear: both;
+	margin: 0px 0px 0px 1px;
+	padding: 0px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
+	float: left;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	margin: 0px 1px 0px 0px;
+	padding: 0px;
+	background-color: #ededed;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	cursor: default;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: #000000;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active {
+	background-color: #85d3ff;
+	color: #000000;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
+	background-color: #c7ebff;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+	border: 0px solid white;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 24px;
+	border-top: none;
+	border-bottom: 1px solid white;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 35px;
+	height: 24px;
+	line-height: 24px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	top: auto;
+	bottom: 0px;
+	background-image: url("../imgs/dhxcalendar_web/dhxcalendar_selector_bottom.gif");
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 22px;
+	border-top: none;
+	border-bottom: 1px solid white;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 24px;
+	height: 22px;
+	line-height: 22px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
+	margin-top: 0px;
+	margin-bottom: 9px;
+	border-top: 1px solid #c7c7c7;
+	border-bottom: none;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
+	display: none;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
+	display: block;
+}
+.dhtmlxcalendar_dhx_web span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
+	border-bottom: 2px solid red;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: none;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 27px;
+	color: #3da0e3;
+	background-color: #f4f4f4;
+	border-left: 1px solid #f4f4f4;
+	border-right: 1px solid #d5d5d5;
+	margin-right: 0px;
+}
+.dhtmlxcalendar_dhx_web div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 27px;
+	color: #3da0e3;
+	background-color: #f4f4f4;
+}
+div.dhtmlxcalendar_skin_detect {
+	position: absolute;
+	display: block;
+	visibility: hidden;
+	left: -100px;
+	top: 0px;
+	width: 20px;
+	height: 10px;
+	margin: 0px;
+	padding: 0px;
+	border: none;
+	overflow: hidden;
+}

themes/sources/dhtmlxCalendar/codebase/skins/dhtmlxcalendar_material.css

@@ -0,0 +1,642 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: material
+	include extra file: skins/material.less
+*/
+
+@keyframes dhx_loader_rotate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+@keyframes dhx_loader_dash {
+	0% {
+		stroke-dasharray: 1, 200;
+		stroke-dashoffset: 0;
+	}
+	50% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -35px;
+	}
+	100% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -124px;
+	}
+}
+.dhtmlxcalendar_material {
+	position: absolute;
+	display: block;
+	background-color: white;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhtmlxcalendar_material.dhtmlxcalendar_in_input {
+	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
+}
+.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_month_cont,
+.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_days_cont,
+.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_dates_cont,
+.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
+	border-color: white;
+}
+.dhtmlxcalendar_material.dhtmlxcalendar_in_input div.dhtmlxcalendar_time_cont {
+	border-top: 1px solid #dfdfdf;
+}
+.dhtmlxcalendar_material ul.dhtmlxcalendar_line {
+	position: relative;
+	display: block;
+	clear: both;
+	font: inherit;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	margin-left: 12px;
+	width: 225px;
+}
+.dhtmlxcalendar_material ul.dhtmlxcalendar_line li {
+	float: left;
+	position: relative;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	font: inherit;
+	cursor: default;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont {
+	position: relative;
+	display: block;
+	width: 249px;
+	margin: 0px;
+	border-width: 1px 1px 0px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	overflow: hidden;
+	font: inherit;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
+	width: 225px;
+	height: 31px;
+	line-height: 31px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
+	position: absolute;
+	top: 0px;
+	width: 18px;
+	height: 31px;
+	color: inherit;
+	text-align: center;
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
+	left: 4px;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
+	background-image: linear-gradient(transparent,transparent), url("../imgs/dhxcalendar_material/dhxcalendar_arrow_left.svg");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
+	right: 4px;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right,
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
+	background-image: linear-gradient(transparent,transparent), url("../imgs/dhxcalendar_material/dhxcalendar_arrow_right.svg");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
+.dhtmlxcalendar_material div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
+	position: relative;
+	font: inherit;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont {
+	position: relative;
+	display: block;
+	width: 249px;
+	margin: 0px;
+	border-left: 1px solid #dfdfdf;
+	border-right: 1px solid #dfdfdf;
+	overflow: hidden;
+	-webkit-user-select: text;
+	-khtml-user-select: text;
+	-moz-user-select: text;
+	-ms-user-select: text;
+	-o-user-select: text;
+	user-select: text;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
+	height: 31px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
+	width: 31px;
+	height: 31px;
+	line-height: 31px;
+	margin-left: 1px;
+	font-size: 12px;
+	color: #9a9a9a;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
+	margin-left: 1px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_day_weekday_cell_first {
+	margin-left: 1px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont {
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+	position: relative;
+	display: block;
+	width: 249px;
+	margin: 0px;
+	padding-bottom: 8px;
+	border-width: 0px 1px 1px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	overflow: hidden;
+	font: inherit;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
+	margin-top: 1px;
+	margin-left: 13px;
+	height: 31px;
+	line-height: 31px;
+	font: inherit;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
+	width: 31px;
+	height: 31px;
+	line-height: 31px;
+	margin-right: 1px;
+	border-radius: 50%;
+	overflow: visible;
+	font: inherit;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	font: inherit;
+	line-height: 31px;
+	text-align: center;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_marker.gif");
+	background-position: top right;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	color: #a6a6a6;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend {
+	color: #e6918e;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date {
+	color: #a6a6a6;
+	background-color: #dcdcdc;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend {
+	color: #e6918e;
+	background-color: #dcdcdc;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_dis {
+	color: #c0c0c0;
+	background-color: #f2f2f2;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_dis {
+	color: #e6918e;
+	background-color: #f2f2f2;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday {
+	color: #e6918e;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday {
+	color: #d43f3a;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_dis {
+	color: #d43f3a;
+	background-color: #f2f2f2;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_hover {
+	color: #a6a6a6;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_hover {
+	color: #a6a6a6;
+	background-color: #dcdcdc;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_hover {
+	color: #e6918e;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_hover {
+	color: #e6918e;
+	background-color: #dcdcdc;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_holiday_hover,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_weekend_holiday_hover,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_holiday_hover,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_date_weekend_holiday_hover {
+	color: #d43f3a;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month {
+	color: #404040;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date {
+	color: white;
+	background-color: #3399cc;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend {
+	color: white;
+	background-color: #ef5350;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_dis {
+	color: #c0c0c0;
+	background-color: #f2f2f2;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_dis {
+	color: #d43f3a;
+	background-color: #f2f2f2;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday {
+	color: #d43f3a;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday {
+	color: white;
+	background-color: #ef5350;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday {
+	color: white;
+	background-color: #ef5350;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_dis,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
+	color: #d43f3a;
+	background-color: #f2f2f2;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_hover {
+	color: #404040;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_hover {
+	color: #d43f3a;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_hover {
+	color: white;
+	background-color: #3399cc;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_hover {
+	color: white;
+	background-color: #ef5350;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_holiday_hover {
+	color: #d43f3a;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_weekend_holiday_hover {
+	color: #d43f3a;
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_holiday_hover {
+	color: white;
+	background-color: #ef5350;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
+	color: white;
+	background-color: #ef5350;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont {
+	position: relative;
+	display: block;
+	width: 249px;
+	height: 31px;
+	border-left: 1px solid #dfdfdf;
+	border-right: 1px solid #dfdfdf;
+	border-bottom: 1px solid #dfdfdf;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
+	width: 225px;
+	height: 31px;
+	line-height: 31px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr {
+	text-align: left;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 42px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	position: absolute;
+	left: 22px;
+	top: 7px;
+	width: 18px;
+	height: 18px;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_clock.png");
+	background-position: center center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
+	left: 75px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr {
+	text-align: center;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours {
+	margin-left: 0px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today,
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	display: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr div.dhtmlxcalendar_time_img,
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_hours,
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_minutes,
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_colon {
+	display: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 74px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_selected_date {
+	border-bottom: 2px solid red;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_today {
+	float: right;
+	margin-right: 8px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_time_cont.dhtmlxcalendar_mode_time_today ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_time_hdr span.dhtmlxcalendar_label_clear {
+	float: right;
+	margin-right: 22px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
+.dhtmlxcalendar_material div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell,
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 27px;
+	color: #3da0e3;
+	background-color:  - #060606;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
+	width: 27px;
+	height: 28px;
+	line-height: 27px;
+	margin-top: 2px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell div {
+	line-height: inherit;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
+	display: block;
+	width: 27px;
+	color: #3da0e3;
+	background-color:  - #060606;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_cover {
+	position: absolute;
+	left: 1px;
+	background-color: white;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj {
+	position: absolute;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
+	position: absolute;
+	bottom: auto;
+	top: 1px;
+	left: 0px;
+	width: 100%;
+	height: 9px;
+	overflow: hidden;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_selector_top.gif");
+	background-position: top center;
+	background-repeat: no-repeat;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
+	border-bottom: 1px solid #dfdfdf;
+	border-top: 0px solid white;
+	background-color: white;
+	margin-top: 9px;
+	box-shadow: 0 2px 6px rgba(0,0,0,0.24);
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	width: 24px;
+	text-align: center;
+	border-color: #dfdfdf;
+	border-style: solid;
+	padding: 0px;
+	margin: 0px;
+	background-color: white;
+	background-position: center center;
+	background-repeat: no-repeat;
+	cursor: default;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
+	border-width: 1px 0px 0px 1px;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_arrow_left.png");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	border-width: 1px 1px 0px 0px;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_arrow_right.png");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
+	cursor: default;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
+	display: block;
+	clear: both;
+	background-color: white;
+	border-left: 1px solid #dfdfdf;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
+	float: left;
+	list-style-type: none;
+	list-style-image: none;
+	text-align: center;
+	vertical-align: middle;
+	margin: 0px;
+	padding: 0px;
+	border-right: 1px solid #dfdfdf;
+	background-color: white;
+	cursor: default;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+	font-size: 0.9em;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
+	background-color: #ebebeb;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
+	height: 28px;
+	border-top: 1px solid #dfdfdf;
+	border-bottom: 0px solid white;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 50px;
+	height: 28px;
+	line-height: 28px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
+	top: auto;
+	bottom: 1px;
+	background-image: url("../imgs/dhxcalendar_material/dhxcalendar_selector_bottom.gif");
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow ul.dhtmlxcalendar_selector_line {
+	height: 28px;
+	border-top: 0px solid white;
+	border-bottom: 1px solid #dfdfdf;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
+	margin-top: 0px;
+	margin-bottom: 9px;
+	border-bottom: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
+	width: 34px;
+	height: 28px;
+	line-height: 28px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
+	display: none;
+	width: 0px;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours2,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
+	display: none;
+}
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours2 div.dhtmlxcalendar_area_selector_hours,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
+.dhtmlxcalendar_material div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
+	display: block;
+}
+.dhtmlxcalendar_ifr {
+	position: absolute;
+	overflow: hidden;
+	background-color: white;
+}
+div.dhtmlxcalendar_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 40px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCarousel/codebase/skins/dhtmlxcarousel_dhx_skyblue.css

@@ -0,0 +1,379 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_skyblue
+	include extra file: skins/dhx_skyblue.less
+*/
+
+.dhxcarousel_base_dhx_skyblue {
+	background-color: white;
+	position: relative;
+	cursor: default;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
+	perspective: 900px;
+	-webkit-perspective: 900;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
+	position: absolute;
+	background-color: #ffffff;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+	-webkit-transform-style: preserve-3d;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
+	position: absolute;
+	border: 1px solid #a4bed4;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
+	border-width: 0px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
+	position: relative;
+	overflow: hidden;
+	border-width: 0px 1px 1px 1px;
+	border-color: #a4bed4;
+	border-style: solid;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def div.dhtmlxMenu_dhx_skyblue_Middle {
+	padding: 0px 2px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_skyblue_Middle {
+	padding: 0px 2px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_skyblue {
+	border-top-width: 0px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_skyblue {
+	margin-top: -1px;
+	width: auto;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
+	border-top-width: 0px;
+	width: auto;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #ddecff;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	padding: 0px 4px;
+	height: 21px;
+	line-height: 21px;
+	border-bottom: 1px solid #a4bed4;
+	border-left: 1px solid #a4bed4;
+	border-right: 1px solid #a4bed4;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 5;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	border: 1px solid #a4bed4;
+	background-position: center 55%;
+	background-image: url('../imgs/dhxcarousel_skyblue/dhxcarousel_cell_progress.gif');
+	background-repeat: no-repeat;
+	cursor: progress;
+	z-index: 6;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
+	border-top-width: 1px;
+	border-bottom-width: 0px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_skyblue {
+	border-top-width: 1px;
+	border-bottom-width: 0px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
+	border-top-width: 1px;
+	border-bottom-width: 0px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls {
+	position: absolute;
+	width: 100%;
+	height: 30px;
+	bottom: 0px;
+	left: 0px;
+	z-index: 3;
+	overflow: visible;
+	border-top: 1px solid #a4bed4;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
+	position: absolute;
+	bottom: 0px;
+	width: 38px;
+	height: 100%;
+	overflow: hidden;
+	font-family: Arial;
+	font-size: 14px;
+	color: #5f8db3;
+	border: 0px solid #a4bed4;
+	text-align: center;
+	line-height: 29px;
+	z-index: 2;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
+	background-color: #f1f7ff;
+	background: linear-gradient(#f1f7ff,#e2efff);
+	background: -webkit-linear-gradient(#f1f7ff,#e2efff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f1f7ff,endColorStr=#e2efff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
+	background-color: #d2e7fe;
+	background: linear-gradient(#d2e7fe,#d3e7ff);
+	background: -webkit-linear-gradient(#d2e7fe,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#d2e7fe,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	box-shadow: 0 0 5px rgba(127,127,127,0.15) inset;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	left: 0px;
+	border-right-width: 1px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	right: 0px;
+	border-left-width: 1px;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	color: #999999;
+	background: #f2f2f2;
+	z-index: 1;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
+	position: absolute;
+	top: 9px;
+	text-align: center;
+	font-size: 1px;
+	line-height: 32px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
+	float: left;
+	position: relative;
+	margin: 0 2px;
+	width: 12px;
+	height: 12px;
+	border: 1px solid #5f8db3;
+	border-radius: 12px;
+	background-color: white;
+	font-size: 1px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
+	display: none;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
+	position: absolute;
+	display: block;
+	font-size: 1px;
+	margin: 0px;
+	padding: 0px;
+	width: 6px;
+	height: 6px;
+	top: 2px;
+	left: 2px;
+	border: 1px solid #5f8db3;
+	border-radius: 12px;
+	background-color: #5f8db3;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_progress {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 3;
+	opacity: 0.55;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxcarousel_skyblue/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 4;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_hdr {
+	position: relative;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_ftr {
+	position: absolute;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_menu {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_toolbar {
+	position: relative;
+	background-color: #ebebeb;
+	padding-bottom: 4px;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_ribbon {
+	padding-bottom: 4px;
+	position: relative;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_skyblue.dhxrb_without_tabbar {
+	width: auto;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_statusbar {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #ebebeb;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_skyblue div.dhxcelltop_statusbar div.dhxcont_statusbar {
+	position: relative;
+	margin-top: 4px;
+	border: 1px solid #a4bed4;
+	background-color: #ddecff;
+	padding: 7px 6px;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+}
+div.dhx_popup_dhx_skyblue td.dhx_popup_td div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls,
+.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls,
+.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls {
+	border-bottom: 1px solid #a4bed4;
+}
+div.dhx_popup_dhx_skyblue td.dhx_popup_td div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+div.dhx_popup_dhx_skyblue td.dhx_popup_td div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	border-left-width: 1px;
+}
+div.dhx_popup_dhx_skyblue td.dhx_popup_td div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+div.dhx_popup_dhx_skyblue td.dhx_popup_td div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
+.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxwins_vp_dhx_skyblue div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
+.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxwins_vp_dhx_skyblue div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_skyblue div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	border-right-width: 1px;
+}
+.dhxcarousel_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 10px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCarousel/codebase/skins/dhtmlxcarousel_dhx_terrace.css

@@ -0,0 +1,373 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_terrace
+	include extra file: skins/dhx_terrace.less
+*/
+
+.dhxcarousel_base_dhx_terrace {
+	background-color: white;
+	position: relative;
+	cursor: default;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
+	perspective: 900px;
+	-webkit-perspective: 900;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
+	position: absolute;
+	background-color: #ffffff;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+	-webkit-transform-style: preserve-3d;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
+	position: absolute;
+	border: 1px solid #cccccc;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+	z-index: 0;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
+	border-width: 0px;
+	padding: 0px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+	z-index: 1;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxcarousel_terrace/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 2;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders {
+	position: relative;
+	overflow: hidden;
+	padding: 0px 0px 8px 0px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def div.dhtmlxMenu_dhx_terrace_Middle,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_terrace_Middle {
+	padding: 0px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_no_borders {
+	position: relative;
+	overflow: hidden;
+	padding: 0px 0px 8px 0px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_terrace,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_no_borders div.dhx_toolbar_dhx_terrace {
+	padding: 0px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
+	border-width: 0px;
+	width: auto;
+	margin-left: -4px;
+	margin-top: -4px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
+	border-width: 0px;
+	margin-left: -4px;
+	margin-top: -4px;
+	width: auto;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	background-color: #f5f5f5;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	padding: 0px 4px;
+	height: 24px;
+	line-height: 25px;
+	border-bottom: 1px solid #cccccc;
+	border-left: 1px solid #cccccc;
+	border-right: 1px solid #cccccc;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls {
+	position: absolute;
+	width: 100%;
+	height: 34px;
+	bottom: 0px;
+	left: 0px;
+	z-index: 3;
+	overflow: visible;
+	border-top: 1px solid #cccccc;
+	background-color: #f5f5f5;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
+	position: absolute;
+	bottom: 0px;
+	width: 38px;
+	height: 100%;
+	overflow: hidden;
+	font-size: 14px;
+	line-height: 33px;
+	font-family: Arial;
+	color: #333333;
+	background-color: #f5f5f5;
+	border: 0px solid #cccccc;
+	text-align: center;
+	z-index: 2;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
+	color: #2e2e2e;
+	background-color: #ebebeb;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
+	color: #2e2e2e;
+	background-color: #e6e6e6;
+	box-shadow: 0 0 5px #d9d9d9 inset;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	left: 0px;
+	border-right-width: 1px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	right: 0px;
+	border-left-width: 1px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	color: #bbbbbb;
+	background-color: #fafafa;
+	z-index: 1;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
+	position: absolute;
+	top: 11px;
+	text-align: center;
+	font-size: 1px;
+	line-height: 36px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
+	float: left;
+	position: relative;
+	margin: 0 2px;
+	width: 12px;
+	height: 12px;
+	border: 1px solid #cccccc;
+	border-radius: 12px;
+	background-color: white;
+	font-size: 1px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
+	display: none;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
+	position: absolute;
+	display: block;
+	font-size: 1px;
+	margin: 0px;
+	padding: 0px;
+	width: 6px;
+	height: 6px;
+	top: 3px;
+	left: 3px;
+	border-radius: 12px;
+	background-color: #333333;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_hdr {
+	position: relative;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_ftr {
+	position: absolute;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_progress {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 3;
+	opacity: 0.55;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxcarousel_terrace/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 4;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_menu {
+	position: relative;
+	overflow: hidden;
+	padding-left: 0px;
+	padding-right: 0px;
+	padding-bottom: 10px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_toolbar {
+	position: relative;
+	padding-bottom: 10px;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_toolbar div.dhx_toolbar_dhx_terrace {
+	padding-left: 0px;
+	padding-right: 0px;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_ribbon {
+	padding-bottom: 10px;
+	position: relative;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
+	width: auto;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_statusbar {
+	position: absolute;
+	background-color: #ffffff;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_terrace div.dhxcelltop_statusbar div.dhxcont_statusbar {
+	position: relative;
+	margin-top: 10px;
+	border: 1px solid #cccccc;
+	background-color: #f5f5f5;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	padding: 3px 4px;
+}
+div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace {
+	background-color: #f5f5f5;
+}
+div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls,
+.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls,
+.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls {
+	border-bottom: 1px solid #cccccc;
+}
+div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	border-left-width: 1px;
+}
+div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
+.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
+.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_dhx_terrace div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	border-right-width: 1px;
+}
+.dhxcarousel_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 30px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCarousel/codebase/skins/dhtmlxcarousel_dhx_web.css

@@ -0,0 +1,349 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_web
+	include extra file: skins/dhx_web.less
+*/
+
+.dhxcarousel_base_dhx_web {
+	background-color: white;
+	position: relative;
+	cursor: default;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
+	perspective: 900px;
+	-webkit-perspective: 900;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
+	position: absolute;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+	-webkit-transform-style: preserve-3d;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0.5;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
+	position: absolute;
+	border: 1px solid #c7c7c7;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+	z-index: 0;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
+	border-width: 0px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: #ffffff;
+	z-index: 1;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxcarousel_web/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 2;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_no_borders {
+	position: relative;
+	overflow: hidden;
+	padding: 0px 0px 1px 0px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhtmlxMenu_dhx_web_Middle {
+	padding: 0px 2px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_no_borders {
+	position: relative;
+	overflow: hidden;
+	padding: 0px 0px 1px 0px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders div.dhxrb_with_tabbar.dhxtabbar_base_dhx_web {
+	border-width: 0px;
+	width: auto;
+	margin-left: -4px;
+	margin-top: -4px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_no_borders div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
+	border-width: 0px;
+	margin-left: -4px;
+	margin-top: -4px;
+	width: auto;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+	background-color: #f4f4f4;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	padding: 0px 4px;
+	height: 24px;
+	line-height: 25px;
+	border-bottom: 1px solid #c7c7c7;
+	border-left: 1px solid #c7c7c7;
+	border-right: 1px solid #c7c7c7;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls {
+	position: absolute;
+	width: 100%;
+	height: 32px;
+	bottom: 0px;
+	left: 0px;
+	z-index: 3;
+	overflow: visible;
+	border-top: 1px solid white;
+	background-color: #f4f4f4;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
+	position: absolute;
+	bottom: 0px;
+	width: 38px;
+	height: 100%;
+	overflow: hidden;
+	line-height: 31px;
+	font-family: Arial;
+	font-size: 14px;
+	color: #3da0e3;
+	background-color: #f4f4f4;
+	border: 0px solid white;
+	text-align: center;
+	z-index: 2;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
+	background-color: #c3e1f6;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
+	background-color: #acd7f3;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	left: 0px;
+	border-right-width: 1px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	right: 0px;
+	border-left-width: 1px;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	color: #cecece;
+	z-index: 1;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
+	position: absolute;
+	top: 11px;
+	text-align: center;
+	font-size: 1px;
+	line-height: 34px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
+	float: left;
+	position: relative;
+	margin: 0 2px;
+	width: 10px;
+	height: 10px;
+	border: 1px solid #c7c7c7;
+	border-radius: 10px;
+	background-color: white;
+	font-size: 1px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
+	display: none;
+}
+.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
+	position: absolute;
+	display: block;
+	font-size: 1px;
+	margin: 0px;
+	padding: 0px;
+	width: 4px;
+	height: 4px;
+	top: 2px;
+	left: 2px;
+	border: 1px solid #3da0e3;
+	border-radius: 12px;
+	background-color: #3da0e3;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_hdr {
+	position: relative;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_ftr {
+	position: absolute;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_progress {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 3;
+	opacity: 0.55;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxcarousel_web/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 4;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_menu {
+	position: relative;
+	overflow: hidden;
+	border-bottom: 9px solid #ffffff;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_toolbar {
+	position: relative;
+	background-color: #ffffff;
+	padding-bottom: 9px;
+	overflow: hidden;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_ribbon {
+	position: relative;
+	border-bottom: 9px solid #ffffff;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_ribbon div.dhtmlxribbon_dhx_web.dhxrb_without_tabbar {
+	width: auto;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_statusbar {
+	position: absolute;
+	overflow: hidden;
+	background-color: #ffffff;
+}
+.dhxcarousel_base_dhx_web div.dhxcelltop_statusbar div.dhxcont_statusbar {
+	position: relative;
+	background-color: #f4f4f4;
+	margin-top: 9px;
+	border: 1px solid #c7c7c7;
+	padding: 3px 4px;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+}
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web {
+	background-color: #f4f4f4;
+}
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls {
+	border-bottom: 1px solid white;
+}
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	border-left-width: 1px;
+}
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+div.dhx_popup_dhx_web div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_dhx_web div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	border-right-width: 1px;
+}
+.dhxcarousel_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 20px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCarousel/codebase/skins/dhtmlxcarousel_material.css

@@ -0,0 +1,519 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: material
+	include extra file: skins/material.less
+*/
+
+@keyframes dhx_loader_rotate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+@keyframes dhx_loader_dash {
+	0% {
+		stroke-dasharray: 1, 200;
+		stroke-dashoffset: 0;
+	}
+	50% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -35px;
+	}
+	100% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -124px;
+	}
+}
+.dhxcarousel_base_material {
+	background-color: white;
+	position: relative;
+	cursor: default;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area.dhxcarousel_area_flip {
+	perspective: 900px;
+	-webkit-perspective: 900;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel {
+	position: absolute;
+	background-color: white;
+	margin: 0px;
+	padding: 0px;
+	overflow: hidden;
+	cursor: default;
+	z-index: 0;
+	-webkit-transform-style: preserve-3d;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cover {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+	font-size: 1px;
+	background-color: white;
+	overflow: hidden;
+	z-index: 1;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_bar {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 1;
+	opacity: 0.75;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	border: 1px solid #e4e4e4;
+	background-image: url('../imgs/dhxcarousel_material/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 2;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg {
+	border: 1px solid #e4e4e4;
+	z-index: 2;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg .dhx_cell_prsvg {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	width: 50px;
+	height: 50px;
+	animation: dhx_loader_rotate 2s linear infinite;
+	transform-origin: center center;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
+	fill: none;
+	stroke: #3399cc;
+	stroke-width: 2;
+	stroke-miterlimit: 10;
+	stroke-dasharray: 1, 200;
+	stroke-dashoffset: 0;
+	stroke-linecap: round;
+	animation: dhx_loader_dash 1.5s ease-in-out infinite;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
+	position: relative;
+	overflow: hidden;
+	border-style: solid;
+	border-width: 0px 1px 1px 1px;
+	border-color: #dfdfdf;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
+	border-width: 0px 1px 1px 1px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
+	border-top-width: 0px;
+	margin-top: -1px;
+	width: auto;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
+	border-top-width: 0px;
+	width: auto;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def {
+	position: absolute;
+	bottom: 0px;
+	width: 100%;
+	background-color: #fafafa;
+	z-index: 1;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
+	position: relative;
+	font: inherit;
+	height: 30px;
+	line-height: 30px;
+	border-style: solid;
+	border-width: 0px 1px 1px 1px;
+	border-color: #dfdfdf;
+	white-space: nowrap;
+	overflow: hidden;
+	padding: 0px 12px;
+	color: #737373;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel {
+	position: absolute;
+	border: 1px solid #dfdfdf;
+	overflow: hidden;
+	margin: 0px;
+	padding: 0px;
+	z-index: 0;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_cont_carousel.dhx_cell_cont_no_borders {
+	border-width: 0px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_menu_def {
+	border-width: 1px 1px 0px 1px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_toolbar_def .dhx_toolbar_material {
+	border-width: 1px 1px 0px 1px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhtmlxribbon_material.dhxrb_without_tabbar {
+	border-width: 1px 1px 0px 1px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material {
+	border-top-width: 1px;
+	margin-top: 0px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhxcarousel_area div.dhx_cell_carousel div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
+	border-bottom-width: 0px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
+	position: absolute;
+	width: 100%;
+	height: 34px;
+	bottom: 0px;
+	left: 0px;
+	z-index: 3;
+	overflow: visible;
+	border-top: 1px solid #dfdfdf;
+	background-color: #fafafa;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn {
+	position: absolute;
+	bottom: 0px;
+	width: 38px;
+	height: 100%;
+	overflow: hidden;
+	line-height: 33px;
+	background-color: #fafafa;
+	border: 0px solid #dfdfdf;
+	background-position: center center;
+	background-repeat: no-repeat;
+	text-align: center;
+	z-index: 2;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev {
+	background-image: url(../imgs/dhxcarousel_material/dhxcarousel_arrow_left.png);
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	background-image: url(../imgs/dhxcarousel_material/dhxcarousel_arrow_left_dis.png);
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next {
+	background-image: url(../imgs/dhxcarousel_material/dhxcarousel_arrow_right.png);
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	background-image: url(../imgs/dhxcarousel_material/dhxcarousel_arrow_right_dis.png);
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:hover,
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:hover {
+	background-color: #ebebeb;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev:active,
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next:active {
+	background-color: #dcdcdc;
+	border-color: #d2d2d2;
+	box-shadow: 0 0 4px rgba(127,127,127,0.2) inset;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	left: 0px;
+	border-right-width: 1px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	right: 0px;
+	border-left-width: 1px;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	z-index: 1;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars {
+	position: absolute;
+	top: 10px;
+	text-align: center;
+	font-size: 1px;
+	line-height: 36px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar {
+	float: left;
+	position: relative;
+	margin: 0 2px;
+	width: 14px;
+	height: 14px;
+	border: 1px solid #797979;
+	border-radius: 14px;
+	background-color: white;
+	font-size: 1px;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar div.dhx_carousel_barcore {
+	display: none;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv {
+	border-color: #3399cc;
+}
+.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_bars div.dhx_carousel_onebar.dhx_carousel_baractv div.dhx_carousel_barcore {
+	position: absolute;
+	display: block;
+	font-size: 1px;
+	margin: 0px;
+	padding: 0px;
+	width: 8px;
+	height: 8px;
+	top: 3px;
+	left: 3px;
+	border-radius: 50%;
+	background-color: #3399cc;
+	overflow: hidden;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcelltop_hdr {
+	position: relative;
+}
+.dhxcarousel_base_material div.dhxcelltop_ftr {
+	position: absolute;
+}
+.dhxcarousel_base_material div.dhxcelltop_progress {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-color: white;
+	z-index: 3;
+	opacity: 0.55;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcelltop_progress_img {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	background-image: url('../imgs/dhxcarousel_material/dhxcarousel_cell_progress.gif');
+	background-position: center center;
+	background-repeat: no-repeat;
+	z-index: 4;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcelltop_progress_svg {
+	z-index: 4;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 100%;
+	height: 100%;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhxcarousel_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	margin: auto;
+	width: 50px;
+	height: 50px;
+	animation: dhx_loader_rotate 2s linear infinite;
+	transform-origin: center center;
+}
+.dhxcarousel_base_material div.dhxcelltop_progress_svg .dhx_cell_prsvg .dhx_cell_prcircle {
+	fill: none;
+	stroke: #3399cc;
+	stroke-width: 2;
+	stroke-miterlimit: 10;
+	stroke-dasharray: 1, 200;
+	stroke-dashoffset: 0;
+	stroke-linecap: round;
+	animation: dhx_loader_dash 1.5s ease-in-out infinite;
+}
+.dhxcarousel_base_material div.dhxcelltop_menu {
+	position: relative;
+	overflow: hidden;
+	border-width: 1px 1px 0px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+}
+.dhxcarousel_base_material div.dhxcelltop_toolbar {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_material div.dhxcelltop_toolbar div.dhx_toolbar_material {
+	border-width: 1px 1px 0px 1px;
+}
+.dhxcarousel_base_material div.dhxcelltop_ribbon {
+	position: relative;
+	overflow: hidden;
+}
+.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material.dhxrb_without_tabbar {
+	border-bottom-width: 0px;
+	width: auto;
+}
+.dhxcarousel_base_material div.dhxcelltop_ribbon div.dhtmlxribbon_material div.dhxrb_with_tabbar.dhxtabbar_base_material div.dhxtabbar_tabs_top div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
+	border-bottom-width: 0px;
+}
+.dhxcarousel_base_material div.dhxcelltop_statusbar {
+	position: absolute;
+	overflow: hidden;
+	background-color: #fafafa;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhxcarousel_base_material div.dhxcelltop_statusbar div.dhxcont_statusbar {
+	position: relative;
+	background-color: #fafafa;
+	font: inherit;
+	height: 30px;
+	line-height: 30px;
+	border-width: 0px 1px 1px 1px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	padding: 0px 12px;
+	color: #737373;
+	white-space: nowrap;
+	overflow: hidden;
+}
+.dhxcarousel_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 40px;
+	height: 10px;
+	overflow: hidden;
+}
+div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material {
+	background-color: #fafafa;
+}
+div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
+.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls,
+.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls {
+	border-bottom: 1px solid #dfdfdf;
+}
+div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis,
+.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev,
+.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_prev_dis {
+	border-left-width: 1px;
+}
+div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+div.dhx_popup_material div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
+.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxwins_vp_material div.dhxwin_active div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis,
+.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next,
+.dhxwins_vp_material div.dhxwin_inactive div.dhx_cell_wins div.dhxcarousel_base_material div.dhxcarousel_cont div.dhx_carousel_controls div.dhx_carousel_btn.dhx_carousel_btn_next_dis {
+	border-right-width: 1px;
+}

themes/sources/dhtmlxChart/codebase/skins/dhtmlxchart_dhx_skyblue.css

@@ -0,0 +1,124 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_skyblue
+	include extra file: skins/dhx_skyblue.less
+*/
+
+.dhx_tooltip {
+	display: none;
+	position: absolute;
+	font-family: Tahoma, Helvetica;
+	color: #626262;
+	font-size: 11px;
+	z-index: 10000;
+	padding: 4px 10px 4px 10px;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-box-shadow: 0 0 3px #d9d9d9;
+	-webkit-box-shadow: 0 0 3px #d9d9d9;
+	text-shadow: 0px 1px 1px #fff;
+	box-shadow: 0 0 5px #d9d9d9;
+	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(0.5,#f6f6f6),color-stop(1,#efefef));
+	background: -o-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -ms-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -moz-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: #efefef;
+}
+.dhx_chart {
+	position: relative;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhx_chart canvas {
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+.dhx_canvas_text {
+	position: absolute;
+	text-align: center;
+	overflow: hidden;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.dhx_map_img {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	border: 0px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	opacity: 0;
+}
+.dhx_axis_item_y {
+	position: absolute;
+	height: 18px;
+	line-height: 18px;
+	margin-top: -4px;
+	text-align: right;
+}
+.dhx_axis_title_x {
+	text-align: center;
+}
+.dhx_axis_title_y {
+	text-align: center;
+	font-family: Tahoma, Helvetica;
+	-webkit-transform: rotate(-90deg);
+	-moz-transform: rotate(-90deg);
+	-o-transform: rotate(-90deg);
+	-ms-transform: rotate(-90deg);
+	transform: rotate(-90deg);
+	height: 18px;
+	line-height: 18px;
+	font-size: 11px;
+}
+.dhx_ie_filter {
+	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+	zoom: 1;
+	font-family: serif;
+}
+.dhx_chart_legend {
+	position: absolute;
+	z-index: 1000;
+}
+.dhx_chart_legend_item {
+	height: 18px;
+	line-height: 18px;
+	padding: 2px;
+	cursor: pointer;
+}
+.dhx_chart_legend_item.hidden {
+	color: #aaa;
+}
+.dhx_axis_item_y.dhx_radar {
+	color: #666;
+	font-size: 12px;
+	padding-right: 3px;
+	height: 13px;
+	line-height: 13px;
+	margin-top: 0px;
+}
+.dhx_canvas_text.dhx_axis_radar_title {
+	margin-top: 0px;
+	padding-top: 0px;
+}
+.dhx_axis_item_y,
+.dhx_axis_item_x {
+	color: #666;
+}
+.dhx_axis_item_x {
+	padding-top: 2px;
+}

themes/sources/dhtmlxChart/codebase/skins/dhtmlxchart_dhx_terrace.css

@@ -0,0 +1,124 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_terrace
+	include extra file: skins/dhx_terrace.less
+*/
+
+.dhx_tooltip {
+	display: none;
+	position: absolute;
+	font-family: Arial, Helvetica;
+	color: #626262;
+	font-size: 13px;
+	z-index: 10000;
+	padding: 4px 10px 4px 10px;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-box-shadow: 0 0 3px #d9d9d9;
+	-webkit-box-shadow: 0 0 3px #d9d9d9;
+	text-shadow: 0px 1px 1px #fff;
+	box-shadow: 0 0 5px #d9d9d9;
+	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(0.5,#f6f6f6),color-stop(1,#efefef));
+	background: -o-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -ms-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -moz-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: #efefef;
+}
+.dhx_chart {
+	position: relative;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: black;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhx_chart canvas {
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+.dhx_canvas_text {
+	position: absolute;
+	text-align: center;
+	overflow: hidden;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.dhx_map_img {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	border: 0px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	opacity: 0;
+}
+.dhx_axis_item_y {
+	position: absolute;
+	height: 18px;
+	line-height: 18px;
+	margin-top: -4px;
+	text-align: right;
+}
+.dhx_axis_title_x {
+	text-align: center;
+}
+.dhx_axis_title_y {
+	text-align: center;
+	font-family: Arial, Helvetica;
+	-webkit-transform: rotate(-90deg);
+	-moz-transform: rotate(-90deg);
+	-o-transform: rotate(-90deg);
+	-ms-transform: rotate(-90deg);
+	transform: rotate(-90deg);
+	height: 18px;
+	line-height: 18px;
+	font-size: 13px;
+}
+.dhx_ie_filter {
+	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+	zoom: 1;
+	font-family: serif;
+}
+.dhx_chart_legend {
+	position: absolute;
+	z-index: 1000;
+}
+.dhx_chart_legend_item {
+	height: 18px;
+	line-height: 18px;
+	padding: 2px;
+	cursor: pointer;
+}
+.dhx_chart_legend_item.hidden {
+	color: #aaa;
+}
+.dhx_axis_item_y.dhx_radar {
+	color: #666;
+	font-size: 12px;
+	padding-right: 3px;
+	height: 13px;
+	line-height: 13px;
+	margin-top: 0px;
+}
+.dhx_canvas_text.dhx_axis_radar_title {
+	margin-top: 0px;
+	padding-top: 0px;
+}
+.dhx_axis_item_y,
+.dhx_axis_item_x {
+	color: #666;
+}
+.dhx_axis_item_x {
+	padding-top: 2px;
+}

themes/sources/dhtmlxChart/codebase/skins/dhtmlxchart_dhx_web.css

@@ -0,0 +1,124 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_web
+	include extra file: skins/dhx_web.less
+*/
+
+.dhx_tooltip {
+	display: none;
+	position: absolute;
+	font-family: Tahoma, Helvetica;
+	color: #626262;
+	font-size: 12px;
+	z-index: 10000;
+	padding: 4px 10px 4px 10px;
+	border: 1px solid #fff;
+	border-radius: 3px;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	-moz-box-shadow: 0 0 3px #d9d9d9;
+	-webkit-box-shadow: 0 0 3px #d9d9d9;
+	text-shadow: 0px 1px 1px #fff;
+	box-shadow: 0 0 5px #d9d9d9;
+	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(0.5,#f6f6f6),color-stop(1,#efefef));
+	background: -o-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -ms-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -moz-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: #efefef;
+}
+.dhx_chart {
+	position: relative;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhx_chart canvas {
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+.dhx_canvas_text {
+	position: absolute;
+	text-align: center;
+	overflow: hidden;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.dhx_map_img {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	border: 0px;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	opacity: 0;
+}
+.dhx_axis_item_y {
+	position: absolute;
+	height: 18px;
+	line-height: 18px;
+	margin-top: -4px;
+	text-align: right;
+}
+.dhx_axis_title_x {
+	text-align: center;
+}
+.dhx_axis_title_y {
+	text-align: center;
+	font-family: Tahoma, Helvetica;
+	-webkit-transform: rotate(-90deg);
+	-moz-transform: rotate(-90deg);
+	-o-transform: rotate(-90deg);
+	-ms-transform: rotate(-90deg);
+	transform: rotate(-90deg);
+	height: 18px;
+	line-height: 18px;
+	font-size: 12px;
+}
+.dhx_ie_filter {
+	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+	zoom: 1;
+	font-family: serif;
+}
+.dhx_chart_legend {
+	position: absolute;
+	z-index: 1000;
+}
+.dhx_chart_legend_item {
+	height: 18px;
+	line-height: 18px;
+	padding: 2px;
+	cursor: pointer;
+}
+.dhx_chart_legend_item.hidden {
+	color: #aaa;
+}
+.dhx_axis_item_y.dhx_radar {
+	color: #666;
+	font-size: 12px;
+	padding-right: 3px;
+	height: 13px;
+	line-height: 13px;
+	margin-top: 0px;
+}
+.dhx_canvas_text.dhx_axis_radar_title {
+	margin-top: 0px;
+	padding-top: 0px;
+}
+.dhx_axis_item_y,
+.dhx_axis_item_x {
+	color: #666;
+}
+.dhx_axis_item_x {
+	padding-top: 2px;
+}

themes/sources/dhtmlxChart/codebase/skins/dhtmlxchart_material.css

@@ -0,0 +1,141 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: material
+	include extra file: skins/material.less
+*/
+
+@keyframes dhx_loader_rotate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+@keyframes dhx_loader_dash {
+	0% {
+		stroke-dasharray: 1, 200;
+		stroke-dashoffset: 0;
+	}
+	50% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -35px;
+	}
+	100% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -124px;
+	}
+}
+.dhx_tooltip {
+	display: none;
+	position: absolute;
+	color: #626262;
+	z-index: 10000;
+	padding: 4px 10px 4px 10px;
+	border: 1px solid #fff;
+	border-radius: 2px;
+	text-shadow: 0px 1px 1px #fff;
+	box-shadow: 0 0 5px #d9d9d9;
+	background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#efefef),color-stop(0.5,#f6f6f6),color-stop(1,#efefef));
+	background: -o-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -ms-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: -moz-linear-gradient(#efefef 0%,#f6f6f6 50%,#efefef 100%);
+	background: #efefef;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhx_chart {
+	position: relative;
+	font-family: Roboto, Arial, Helvetica;
+	font-size: 14px;
+	color: #404040;
+	overflow: hidden;
+	z-index: 0;
+}
+.dhx_chart canvas {
+	position: absolute;
+	left: 0;
+	top: 0;
+}
+.dhx_canvas_text {
+	position: absolute;
+	text-align: center;
+	overflow: hidden;
+	white-space: nowrap;
+	z-index: 1000;
+}
+.dhx_map_img {
+	width: 100%;
+	height: 100%;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	border: 0px;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+.dhx_axis_item_y {
+	position: absolute;
+	height: 18px;
+	line-height: 18px;
+	margin-top: -4px;
+	text-align: right;
+}
+.dhx_axis_title_x {
+	text-align: center;
+}
+.dhx_axis_title_y {
+	text-align: center;
+	height: 18px;
+	line-height: 18px;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+	-webkit-transform: rotate(-90deg);
+	-moz-transform: rotate(-90deg);
+	-ms-transform: rotate(-90deg);
+	-o-transform: rotate(-90deg);
+	transform: rotate(-90deg);
+}
+.dhx_ie_filter {
+	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+	zoom: 1;
+	font-family: serif;
+}
+.dhx_chart_legend {
+	position: absolute;
+	z-index: 1000;
+}
+.dhx_chart_legend_item {
+	height: 18px;
+	line-height: 18px;
+	padding: 2px;
+	cursor: pointer;
+}
+.dhx_chart_legend_item.hidden {
+	color: #aaa;
+}
+.dhx_axis_item_y.dhx_radar {
+	color: #404040;
+	font-size: 12px;
+	padding-right: 3px;
+	height: 13px;
+	line-height: 13px;
+	margin-top: 0px;
+}
+.dhx_canvas_text.dhx_axis_radar_title {
+	margin-top: 0px;
+	padding-top: 0px;
+}
+.dhx_axis_item_y,
+.dhx_axis_item_x {
+	color: #404040;
+}
+.dhx_axis_item_x {
+	padding-top: 2px;
+}

themes/sources/dhtmlxChart/codebase/thirdparty/excanvas/AUTHORS

@@ -0,0 +1,10 @@
+ExplorerCanvas
+
+Google Open Source:
+	<http://code.google.com>
+	<opensource@google.com> 
+
+Developers:
+	Emil A Eklund <emil@eae.net>
+	Erik Arvidsson <erik@eae.net>
+	Glen Murphy <glen@glenmurphy.com>

themes/sources/dhtmlxChart/codebase/thirdparty/excanvas/COPYING

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

themes/sources/dhtmlxChart/codebase/thirdparty/excanvas/README

@@ -0,0 +1,22 @@
+ExplorerCanvas
+Copyright 2006 Google Inc.
+
+-------------------------------------------------------------------------------
+DESCRIPTION
+
+Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based 
+drawing operations. ExplorerCanvas brings the same functionality to Internet 
+Explorer; web developers only need to include a single script tag in their 
+existing canvas webpages to enable this support.
+
+
+-------------------------------------------------------------------------------
+INSTALLATION
+
+Include the ExplorerCanvas tag in the same directory as your HTML files, and 
+add the following code to your page, preferably in the <head> tag.
+
+<!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
+
+If you run into trouble, please look at the included example code to see how
+to best implement this

themes/sources/dhtmlxChart/codebase/thirdparty/excanvas/excanvas.js

@@ -0,0 +1,927 @@
+// Copyright 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+// Known Issues:
+//
+// * Patterns are not implemented.
+// * Radial gradient are not implemented. The VML version of these look very
+//   different from the canvas one.
+// * Clipping paths are not implemented.
+// * Coordsize. The width and height attribute have higher priority than the
+//   width and height style values which isn't correct.
+// * Painting mode isn't implemented.
+// * Canvas width/height should is using content-box by default. IE in
+//   Quirks mode will draw the canvas using border-box. Either change your
+//   doctype to HTML5
+//   (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
+//   or use Box Sizing Behavior from WebFX
+//   (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
+// * Non uniform scaling does not correctly scale strokes.
+// * Optimize. There is always room for speed improvements.
+
+// Only add this code if we do not already have a canvas implementation
+if (!document.createElement('canvas').getContext) {
+
+(function() {
+
+  // alias some functions to make (compiled) code shorter
+  var m = Math;
+  var mr = m.round;
+  var ms = m.sin;
+  var mc = m.cos;
+  var abs = m.abs;
+  var sqrt = m.sqrt;
+
+  // this is used for sub pixel precision
+  var Z = 10;
+  var Z2 = Z / 2;
+
+  /**
+   * This funtion is assigned to the <canvas> elements as element.getContext().
+   * @this {HTMLElement}
+   * @return {CanvasRenderingContext2D_}
+   */
+  function getContext() {
+    return this.context_ ||
+        (this.context_ = new CanvasRenderingContext2D_(this));
+  }
+
+  var slice = Array.prototype.slice;
+
+  /**
+   * Binds a function to an object. The returned function will always use the
+   * passed in {@code obj} as {@code this}.
+   *
+   * Example:
+   *
+   *   g = bind(f, obj, a, b)
+   *   g(c, d) // will do f.call(obj, a, b, c, d)
+   *
+   * @param {Function} f The function to bind the object to
+   * @param {Object} obj The object that should act as this when the function
+   *     is called
+   * @param {*} var_args Rest arguments that will be used as the initial
+   *     arguments when the function is called
+   * @return {Function} A new function that has bound this
+   */
+  function bind(f, obj, var_args) {
+    var a = slice.call(arguments, 2);
+    return function() {
+      return f.apply(obj, a.concat(slice.call(arguments)));
+    };
+  }
+
+  var G_vmlCanvasManager_ = {
+    init: function(opt_doc) {
+      if (/MSIE/.test(navigator.userAgent) && !window.opera) {
+        var doc = opt_doc || document;
+        // Create a dummy element so that IE will allow canvas elements to be
+        // recognized.
+        doc.createElement('canvas');
+        doc.attachEvent('onreadystatechange', bind(this.init_, this, doc));
+      }
+    },
+
+    init_: function(doc) {
+      // create xmlns
+      if (!doc.namespaces['g_vml_']) {
+        doc.namespaces.add('g_vml_', 'urn:schemas-microsoft-com:vml',
+                           '#default#VML');
+
+      }
+      if (!doc.namespaces['g_o_']) {
+        doc.namespaces.add('g_o_', 'urn:schemas-microsoft-com:office:office',
+                           '#default#VML');
+      }
+
+      // Setup default CSS.  Only add one style sheet per document
+      if (!doc.styleSheets['ex_canvas_']) {
+        var ss = doc.createStyleSheet();
+        ss.owningElement.id = 'ex_canvas_';
+        ss.cssText = 'canvas{display:inline-block;overflow:hidden;' +
+            // default size is 300x150 in Gecko and Opera
+            'text-align:left;width:300px;height:150px}' +
+            'g_vml_\\:*{behavior:url(#default#VML)}' +
+            'g_o_\\:*{behavior:url(#default#VML)}';
+
+      }
+
+      // find all canvas elements
+      var els = doc.getElementsByTagName('canvas');
+      for (var i = 0; i < els.length; i++) {
+        this.initElement(els[i]);
+      }
+    },
+
+    /**
+     * Public initializes a canvas element so that it can be used as canvas
+     * element from now on. This is called automatically before the page is
+     * loaded but if you are creating elements using createElement you need to
+     * make sure this is called on the element.
+     * @param {HTMLElement} el The canvas element to initialize.
+     * @return {HTMLElement} the element that was created.
+     */
+    initElement: function(el) {
+      if (!el.getContext) {
+
+        el.getContext = getContext;
+
+        // Remove fallback content. There is no way to hide text nodes so we
+        // just remove all childNodes. We could hide all elements and remove
+        // text nodes but who really cares about the fallback content.
+        el.innerHTML = '';
+
+        // do not use inline function because that will leak memory
+        el.attachEvent('onpropertychange', onPropertyChange);
+        el.attachEvent('onresize', onResize);
+
+        var attrs = el.attributes;
+        if (attrs.width && attrs.width.specified) {
+          // TODO: use runtimeStyle and coordsize
+          // el.getContext().setWidth_(attrs.width.nodeValue);
+          el.style.width = attrs.width.nodeValue + 'px';
+        } else {
+          el.width = el.clientWidth;
+        }
+        if (attrs.height && attrs.height.specified) {
+          // TODO: use runtimeStyle and coordsize
+          // el.getContext().setHeight_(attrs.height.nodeValue);
+          el.style.height = attrs.height.nodeValue + 'px';
+        } else {
+          el.height = el.clientHeight;
+        }
+        //el.getContext().setCoordsize_()
+      }
+      return el;
+    }
+  };
+
+  function onPropertyChange(e) {
+    var el = e.srcElement;
+
+    switch (e.propertyName) {
+      case 'width':
+        el.style.width = el.attributes.width.nodeValue + 'px';
+        el.getContext().clearRect();
+        break;
+      case 'height':
+        el.style.height = el.attributes.height.nodeValue + 'px';
+        el.getContext().clearRect();
+        break;
+    }
+  }
+
+  function onResize(e) {
+    var el = e.srcElement;
+    if (el.firstChild) {
+      el.firstChild.style.width =  el.clientWidth + 'px';
+      el.firstChild.style.height = el.clientHeight + 'px';
+    }
+  }
+
+  G_vmlCanvasManager_.init();
+
+  // precompute "00" to "FF"
+  var dec2hex = [];
+  for (var i = 0; i < 16; i++) {
+    for (var j = 0; j < 16; j++) {
+      dec2hex[i * 16 + j] = i.toString(16) + j.toString(16);
+    }
+  }
+
+  function createMatrixIdentity() {
+    return [
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, 0, 1]
+    ];
+  }
+
+  function matrixMultiply(m1, m2) {
+    var result = createMatrixIdentity();
+
+    for (var x = 0; x < 3; x++) {
+      for (var y = 0; y < 3; y++) {
+        var sum = 0;
+
+        for (var z = 0; z < 3; z++) {
+          sum += m1[x][z] * m2[z][y];
+        }
+
+        result[x][y] = sum;
+      }
+    }
+    return result;
+  }
+
+  function copyState(o1, o2) {
+    o2.fillStyle     = o1.fillStyle;
+    o2.lineCap       = o1.lineCap;
+    o2.lineJoin      = o1.lineJoin;
+    o2.lineWidth     = o1.lineWidth;
+    o2.miterLimit    = o1.miterLimit;
+    o2.shadowBlur    = o1.shadowBlur;
+    o2.shadowColor   = o1.shadowColor;
+    o2.shadowOffsetX = o1.shadowOffsetX;
+    o2.shadowOffsetY = o1.shadowOffsetY;
+    o2.strokeStyle   = o1.strokeStyle;
+    o2.globalAlpha   = o1.globalAlpha;
+    o2.arcScaleX_    = o1.arcScaleX_;
+    o2.arcScaleY_    = o1.arcScaleY_;
+    o2.lineScale_    = o1.lineScale_;
+  }
+
+  function processStyle(styleString) {
+    var str, alpha = 1;
+
+    styleString = String(styleString);
+    if (styleString.substring(0, 3) == 'rgb') {
+      var start = styleString.indexOf('(', 3);
+      var end = styleString.indexOf(')', start + 1);
+      var guts = styleString.substring(start + 1, end).split(',');
+
+      str = '#';
+      for (var i = 0; i < 3; i++) {
+        str += dec2hex[Number(guts[i])];
+      }
+
+      if (guts.length == 4 && styleString.substr(3, 1) == 'a') {
+        alpha = guts[3];
+      }
+    } else {
+      str = styleString;
+    }
+
+    return {color: str, alpha: alpha};
+  }
+
+  function processLineCap(lineCap) {
+    switch (lineCap) {
+      case 'butt':
+        return 'flat';
+      case 'round':
+        return 'round';
+      case 'square':
+      default:
+        return 'square';
+    }
+  }
+
+  /**
+   * This class implements CanvasRenderingContext2D interface as described by
+   * the WHATWG.
+   * @param {HTMLElement} surfaceElement The element that the 2D context should
+   * be associated with
+   */
+  function CanvasRenderingContext2D_(surfaceElement) {
+    this.m_ = createMatrixIdentity();
+
+    this.mStack_ = [];
+    this.aStack_ = [];
+    this.currentPath_ = [];
+
+    // Canvas context properties
+    this.strokeStyle = '#000';
+    this.fillStyle = '#000';
+
+    this.lineWidth = 1;
+    this.lineJoin = 'miter';
+    this.lineCap = 'butt';
+    this.miterLimit = Z * 1;
+    this.globalAlpha = 1;
+    this.canvas = surfaceElement;
+
+    var el = surfaceElement.ownerDocument.createElement('div');
+    el.style.width =  surfaceElement.clientWidth + 'px';
+    el.style.height = surfaceElement.clientHeight + 'px';
+    el.style.overflow = 'hidden';
+    el.style.position = 'absolute';
+    surfaceElement.appendChild(el);
+
+    this.element_ = el;
+    this.arcScaleX_ = 1;
+    this.arcScaleY_ = 1;
+    this.lineScale_ = 1;
+  }
+
+  var contextPrototype = CanvasRenderingContext2D_.prototype;
+  contextPrototype.clearRect = function() {
+    this.element_.innerHTML = '';
+  };
+
+  contextPrototype.beginPath = function() {
+    // TODO: Branch current matrix so that save/restore has no effect
+    //       as per safari docs.
+    this.currentPath_ = [];
+  };
+
+  contextPrototype.moveTo = function(aX, aY) {
+    var p = this.getCoords_(aX, aY);
+    this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y});
+    this.currentX_ = p.x;
+    this.currentY_ = p.y;
+  };
+
+  contextPrototype.lineTo = function(aX, aY) {
+    var p = this.getCoords_(aX, aY);
+    this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y});
+
+    this.currentX_ = p.x;
+    this.currentY_ = p.y;
+  };
+
+  contextPrototype.bezierCurveTo = function(aCP1x, aCP1y,
+                                            aCP2x, aCP2y,
+                                            aX, aY) {
+    var p = this.getCoords_(aX, aY);
+    var cp1 = this.getCoords_(aCP1x, aCP1y);
+    var cp2 = this.getCoords_(aCP2x, aCP2y);
+    bezierCurveTo(this, cp1, cp2, p);
+  };
+
+  // Helper function that takes the already fixed cordinates.
+  function bezierCurveTo(self, cp1, cp2, p) {
+    self.currentPath_.push({
+      type: 'bezierCurveTo',
+      cp1x: cp1.x,
+      cp1y: cp1.y,
+      cp2x: cp2.x,
+      cp2y: cp2.y,
+      x: p.x,
+      y: p.y
+    });
+    self.currentX_ = p.x;
+    self.currentY_ = p.y;
+  }
+
+  contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) {
+    // the following is lifted almost directly from
+    // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes
+
+    var cp = this.getCoords_(aCPx, aCPy);
+    var p = this.getCoords_(aX, aY);
+
+    var cp1 = {
+      x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_),
+      y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_)
+    };
+    var cp2 = {
+      x: cp1.x + (p.x - this.currentX_) / 3.0,
+      y: cp1.y + (p.y - this.currentY_) / 3.0
+    };
+
+    bezierCurveTo(this, cp1, cp2, p);
+  };
+
+  contextPrototype.arc = function(aX, aY, aRadius,
+                                  aStartAngle, aEndAngle, aClockwise) {
+    aRadius *= Z;
+    var arcType = aClockwise ? 'at' : 'wa';
+
+    var xStart = aX + mc(aStartAngle) * aRadius - Z2;
+    var yStart = aY + ms(aStartAngle) * aRadius - Z2;
+
+    var xEnd = aX + mc(aEndAngle) * aRadius - Z2;
+    var yEnd = aY + ms(aEndAngle) * aRadius - Z2;
+
+    // IE won't render arches drawn counter clockwise if xStart == xEnd.
+    if (xStart == xEnd && !aClockwise) {
+      xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something
+                       // that can be represented in binary
+    }
+
+    var p = this.getCoords_(aX, aY);
+    var pStart = this.getCoords_(xStart, yStart);
+    var pEnd = this.getCoords_(xEnd, yEnd);
+
+    this.currentPath_.push({type: arcType,
+                           x: p.x,
+                           y: p.y,
+                           radius: aRadius,
+                           xStart: pStart.x,
+                           yStart: pStart.y,
+                           xEnd: pEnd.x,
+                           yEnd: pEnd.y});
+
+  };
+
+  contextPrototype.rect = function(aX, aY, aWidth, aHeight) {
+    this.moveTo(aX, aY);
+    this.lineTo(aX + aWidth, aY);
+    this.lineTo(aX + aWidth, aY + aHeight);
+    this.lineTo(aX, aY + aHeight);
+    this.closePath();
+  };
+
+  contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) {
+    var oldPath = this.currentPath_;
+    this.beginPath();
+
+    this.moveTo(aX, aY);
+    this.lineTo(aX + aWidth, aY);
+    this.lineTo(aX + aWidth, aY + aHeight);
+    this.lineTo(aX, aY + aHeight);
+    this.closePath();
+    this.stroke();
+
+    this.currentPath_ = oldPath;
+  };
+
+  contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) {
+    var oldPath = this.currentPath_;
+    this.beginPath();
+
+    this.moveTo(aX, aY);
+    this.lineTo(aX + aWidth, aY);
+    this.lineTo(aX + aWidth, aY + aHeight);
+    this.lineTo(aX, aY + aHeight);
+    this.closePath();
+    this.fill();
+
+    this.currentPath_ = oldPath;
+  };
+
+  contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) {
+    var gradient = new CanvasGradient_('gradient');
+    gradient.x0_ = aX0;
+    gradient.y0_ = aY0;
+    gradient.x1_ = aX1;
+    gradient.y1_ = aY1;
+    return gradient;
+  };
+
+  contextPrototype.createRadialGradient = function(aX0, aY0, aR0,
+                                                   aX1, aY1, aR1) {
+    var gradient = new CanvasGradient_('gradientradial');
+    gradient.x0_ = aX0;
+    gradient.y0_ = aY0;
+    gradient.r0_ = aR0;
+    gradient.x1_ = aX1;
+    gradient.y1_ = aY1;
+    gradient.r1_ = aR1;
+    return gradient;
+  };
+
+  contextPrototype.drawImage = function(image, var_args) {
+    var dx, dy, dw, dh, sx, sy, sw, sh;
+
+    // to find the original width we overide the width and height
+    var oldRuntimeWidth = image.runtimeStyle.width;
+    var oldRuntimeHeight = image.runtimeStyle.height;
+    image.runtimeStyle.width = 'auto';
+    image.runtimeStyle.height = 'auto';
+
+    // get the original size
+    var w = image.width;
+    var h = image.height;
+
+    // and remove overides
+    image.runtimeStyle.width = oldRuntimeWidth;
+    image.runtimeStyle.height = oldRuntimeHeight;
+
+    if (arguments.length == 3) {
+      dx = arguments[1];
+      dy = arguments[2];
+      sx = sy = 0;
+      sw = dw = w;
+      sh = dh = h;
+    } else if (arguments.length == 5) {
+      dx = arguments[1];
+      dy = arguments[2];
+      dw = arguments[3];
+      dh = arguments[4];
+      sx = sy = 0;
+      sw = w;
+      sh = h;
+    } else if (arguments.length == 9) {
+      sx = arguments[1];
+      sy = arguments[2];
+      sw = arguments[3];
+      sh = arguments[4];
+      dx = arguments[5];
+      dy = arguments[6];
+      dw = arguments[7];
+      dh = arguments[8];
+    } else {
+      throw Error('Invalid number of arguments');
+    }
+
+    var d = this.getCoords_(dx, dy);
+
+    var w2 = sw / 2;
+    var h2 = sh / 2;
+
+    var vmlStr = [];
+
+    var W = 10;
+    var H = 10;
+
+    // For some reason that I've now forgotten, using divs didn't work
+    vmlStr.push(' <g_vml_:group',
+                ' coordsize="', Z * W, ',', Z * H, '"',
+                ' coordorigin="0,0"' ,
+                ' style="width:', W, 'px;height:', H, 'px;position:absolute;');
+
+    // If filters are necessary (rotation exists), create them
+    // filters are bog-slow, so only create them if abbsolutely necessary
+    // The following check doesn't account for skews (which don't exist
+    // in the canvas spec (yet) anyway.
+
+    if (this.m_[0][0] != 1 || this.m_[0][1]) {
+      var filter = [];
+
+      // Note the 12/21 reversal
+      filter.push('M11=', this.m_[0][0], ',',
+                  'M12=', this.m_[1][0], ',',
+                  'M21=', this.m_[0][1], ',',
+                  'M22=', this.m_[1][1], ',',
+                  'Dx=', mr(d.x / Z), ',',
+                  'Dy=', mr(d.y / Z), '');
+
+      // Bounding box calculation (need to minimize displayed area so that
+      // filters don't waste time on unused pixels.
+      var max = d;
+      var c2 = this.getCoords_(dx + dw, dy);
+      var c3 = this.getCoords_(dx, dy + dh);
+      var c4 = this.getCoords_(dx + dw, dy + dh);
+
+      max.x = m.max(max.x, c2.x, c3.x, c4.x);
+      max.y = m.max(max.y, c2.y, c3.y, c4.y);
+
+      vmlStr.push('padding:0 ', mr(max.x / Z), 'px ', mr(max.y / Z),
+                  'px 0;filter:progid:DXImageTransform.Microsoft.Matrix(',
+                  filter.join(''), ", sizingmethod='clip');")
+    } else {
+      vmlStr.push('top:', mr(d.y / Z), 'px;left:', mr(d.x / Z), 'px;');
+    }
+
+    vmlStr.push(' ">' ,
+                '<g_vml_:image src="', image.src, '"',
+                ' style="width:', Z * dw, 'px;',
+                ' height:', Z * dh, 'px;"',
+                ' cropleft="', sx / w, '"',
+                ' croptop="', sy / h, '"',
+                ' cropright="', (w - sx - sw) / w, '"',
+                ' cropbottom="', (h - sy - sh) / h, '"',
+                ' />',
+                '</g_vml_:group>');
+
+    this.element_.insertAdjacentHTML('BeforeEnd',
+                                    vmlStr.join(''));
+  };
+
+  contextPrototype.stroke = function(aFill) {
+    var lineStr = [];
+    var lineOpen = false;
+    var a = processStyle(aFill ? this.fillStyle : this.strokeStyle);
+    var color = a.color;
+    var opacity = a.alpha * this.globalAlpha;
+
+    var W = 10;
+    var H = 10;
+
+    lineStr.push('<g_vml_:shape',
+                 ' filled="', !!aFill, '"',
+                 ' style="position:absolute;width:', W, 'px;height:', H, 'px;"',
+                 ' coordorigin="0 0" coordsize="', Z * W, ' ', Z * H, '"',
+                 ' stroked="', !aFill, '"',
+                 ' path="');
+
+    var newSeq = false;
+    var min = {x: null, y: null};
+    var max = {x: null, y: null};
+
+    for (var i = 0; i < this.currentPath_.length; i++) {
+      var p = this.currentPath_[i];
+      var c;
+
+      switch (p.type) {
+        case 'moveTo':
+          c = p;
+          lineStr.push(' m ', mr(p.x), ',', mr(p.y));
+          break;
+        case 'lineTo':
+          lineStr.push(' l ', mr(p.x), ',', mr(p.y));
+          break;
+        case 'close':
+          lineStr.push(' x ');
+          p = null;
+          break;
+        case 'bezierCurveTo':
+          lineStr.push(' c ',
+                       mr(p.cp1x), ',', mr(p.cp1y), ',',
+                       mr(p.cp2x), ',', mr(p.cp2y), ',',
+                       mr(p.x), ',', mr(p.y));
+          break;
+        case 'at':
+        case 'wa':
+          lineStr.push(' ', p.type, ' ',
+                       mr(p.x - this.arcScaleX_ * p.radius), ',',
+                       mr(p.y - this.arcScaleY_ * p.radius), ' ',
+                       mr(p.x + this.arcScaleX_ * p.radius), ',',
+                       mr(p.y + this.arcScaleY_ * p.radius), ' ',
+                       mr(p.xStart), ',', mr(p.yStart), ' ',
+                       mr(p.xEnd), ',', mr(p.yEnd));
+          break;
+      }
+
+
+      // TODO: Following is broken for curves due to
+      //       move to proper paths.
+
+      // Figure out dimensions so we can do gradient fills
+      // properly
+      if (p) {
+        if (min.x == null || p.x < min.x) {
+          min.x = p.x;
+        }
+        if (max.x == null || p.x > max.x) {
+          max.x = p.x;
+        }
+        if (min.y == null || p.y < min.y) {
+          min.y = p.y;
+        }
+        if (max.y == null || p.y > max.y) {
+          max.y = p.y;
+        }
+      }
+    }
+    lineStr.push(' ">');
+
+    if (!aFill) {
+      var lineWidth = this.lineScale_ * this.lineWidth;
+
+      // VML cannot correctly render a line if the width is less than 1px.
+      // In that case, we dilute the color to make the line look thinner.
+      if (lineWidth < 1) {
+        opacity *= lineWidth;
+      }
+
+      lineStr.push(
+        '<g_vml_:stroke',
+        ' opacity="', opacity, '"',
+        ' joinstyle="', this.lineJoin, '"',
+        ' miterlimit="', this.miterLimit, '"',
+        ' endcap="', processLineCap(this.lineCap), '"',
+        ' weight="', lineWidth, 'px"',
+        ' color="', color, '" />'
+      );
+    } else if (typeof this.fillStyle == 'object') {
+      var fillStyle = this.fillStyle;
+      var angle = 0;
+      var focus = {x: 0, y: 0};
+
+      // additional offset
+      var shift = 0;
+      // scale factor for offset
+      var expansion = 1;
+
+      if (fillStyle.type_ == 'gradient') {
+        var x0 = fillStyle.x0_ / this.arcScaleX_;
+        var y0 = fillStyle.y0_ / this.arcScaleY_;
+        var x1 = fillStyle.x1_ / this.arcScaleX_;
+        var y1 = fillStyle.y1_ / this.arcScaleY_;
+        var p0 = this.getCoords_(x0, y0);
+        var p1 = this.getCoords_(x1, y1);
+        var dx = p1.x - p0.x;
+        var dy = p1.y - p0.y;
+        angle = Math.atan2(dx, dy) * 180 / Math.PI;
+
+        // The angle should be a non-negative number.
+        if (angle < 0) {
+          angle += 360;
+        }
+
+        // Very small angles produce an unexpected result because they are
+        // converted to a scientific notation string.
+        if (angle < 1e-6) {
+          angle = 0;
+        }
+      } else {
+        var p0 = this.getCoords_(fillStyle.x0_, fillStyle.y0_);
+        var width  = max.x - min.x;
+        var height = max.y - min.y;
+        focus = {
+          x: (p0.x - min.x) / width,
+          y: (p0.y - min.y) / height
+        };
+
+        width  /= this.arcScaleX_ * Z;
+        height /= this.arcScaleY_ * Z;
+        var dimension = m.max(width, height);
+        shift = 2 * fillStyle.r0_ / dimension;
+        expansion = 2 * fillStyle.r1_ / dimension - shift;
+      }
+
+      // We need to sort the color stops in ascending order by offset,
+      // otherwise IE won't interpret it correctly.
+      var stops = fillStyle.colors_;
+      stops.sort(function(cs1, cs2) {
+        return cs1.offset - cs2.offset;
+      });
+
+      var length = stops.length;
+      var color1 = stops[0].color;
+      var color2 = stops[length - 1].color;
+      var opacity1 = stops[0].alpha * this.globalAlpha;
+      var opacity2 = stops[length - 1].alpha * this.globalAlpha;
+
+      var colors = [];
+      for (var i = 0; i < length; i++) {
+        var stop = stops[i];
+        colors.push(stop.offset * expansion + shift + ' ' + stop.color);
+      }
+
+      // When colors attribute is used, the meanings of opacity and o:opacity2
+      // are reversed.
+      lineStr.push('<g_vml_:fill type="', fillStyle.type_, '"',
+                   ' method="none" focus="100%"',
+                   ' color="', color1, '"',
+                   ' color2="', color2, '"',
+                   ' colors="', colors.join(','), '"',
+                   ' opacity="', opacity2, '"',
+                   ' g_o_:opacity2="', opacity1, '"',
+                   ' angle="', angle, '"',
+                   ' focusposition="', focus.x, ',', focus.y, '" />');
+    } else {
+      lineStr.push('<g_vml_:fill color="', color, '" opacity="', opacity,
+                   '" />');
+    }
+
+    lineStr.push('</g_vml_:shape>');
+
+    this.element_.insertAdjacentHTML('beforeEnd', lineStr.join(''));
+  };
+
+  contextPrototype.fill = function() {
+    this.stroke(true);
+  }
+
+  contextPrototype.closePath = function() {
+    this.currentPath_.push({type: 'close'});
+  };
+
+  /**
+   * @private
+   */
+  contextPrototype.getCoords_ = function(aX, aY) {
+    var m = this.m_;
+    return {
+      x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2,
+      y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2
+    }
+  };
+
+  contextPrototype.save = function() {
+    var o = {};
+    copyState(this, o);
+    this.aStack_.push(o);
+    this.mStack_.push(this.m_);
+    this.m_ = matrixMultiply(createMatrixIdentity(), this.m_);
+  };
+
+  contextPrototype.restore = function() {
+    copyState(this.aStack_.pop(), this);
+    this.m_ = this.mStack_.pop();
+  };
+
+  function matrixIsFinite(m) {
+    for (var j = 0; j < 3; j++) {
+      for (var k = 0; k < 2; k++) {
+        if (!isFinite(m[j][k]) || isNaN(m[j][k])) {
+          return false;
+        }
+      }
+    }
+    return true;
+  }
+
+  function setM(ctx, m, updateLineScale) {
+    if (!matrixIsFinite(m)) {
+      return;
+    }
+    ctx.m_ = m;
+
+    if (updateLineScale) {
+      // Get the line scale.
+      // Determinant of this.m_ means how much the area is enlarged by the
+      // transformation. So its square root can be used as a scale factor
+      // for width.
+      var det = m[0][0] * m[1][1] - m[0][1] * m[1][0];
+      ctx.lineScale_ = sqrt(abs(det));
+    }
+  }
+
+  contextPrototype.translate = function(aX, aY) {
+    var m1 = [
+      [1,  0,  0],
+      [0,  1,  0],
+      [aX, aY, 1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), false);
+  };
+
+  contextPrototype.rotate = function(aRot) {
+    var c = mc(aRot);
+    var s = ms(aRot);
+
+    var m1 = [
+      [c,  s, 0],
+      [-s, c, 0],
+      [0,  0, 1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), false);
+  };
+
+  contextPrototype.scale = function(aX, aY) {
+    this.arcScaleX_ *= aX;
+    this.arcScaleY_ *= aY;
+    var m1 = [
+      [aX, 0,  0],
+      [0,  aY, 0],
+      [0,  0,  1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), true);
+  };
+
+  contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) {
+    var m1 = [
+      [m11, m12, 0],
+      [m21, m22, 0],
+      [dx,  dy,  1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), true);
+  };
+
+  contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) {
+    var m = [
+      [m11, m12, 0],
+      [m21, m22, 0],
+      [dx,  dy,  1]
+    ];
+
+    setM(this, m, true);
+  };
+
+  /******** STUBS ********/
+  contextPrototype.clip = function() {
+    // TODO: Implement
+  };
+
+  contextPrototype.arcTo = function() {
+    // TODO: Implement
+  };
+
+  contextPrototype.createPattern = function() {
+    return new CanvasPattern_;
+  };
+
+  // Gradient / Pattern Stubs
+  function CanvasGradient_(aType) {
+    this.type_ = aType;
+    this.x0_ = 0;
+    this.y0_ = 0;
+    this.r0_ = 0;
+    this.x1_ = 0;
+    this.y1_ = 0;
+    this.r1_ = 0;
+    this.colors_ = [];
+  }
+
+  CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) {
+    aColor = processStyle(aColor);
+    this.colors_.push({offset: aOffset,
+                       color: aColor.color,
+                       alpha: aColor.alpha});
+  };
+
+  function CanvasPattern_() {}
+
+  // set up externs
+  G_vmlCanvasManager = G_vmlCanvasManager_;
+  CanvasRenderingContext2D = CanvasRenderingContext2D_;
+  CanvasGradient = CanvasGradient_;
+  CanvasPattern = CanvasPattern_;
+
+})();
+
+} // if
+
+if (dhtmlx && dhtmlx._modules)
+	dhtmlx._modules["thirdparty/excanvas/excanvas.js"] = true;

themes/sources/dhtmlxColorPicker/codebase/dhtmlxcolorpicker_deprecated.js

@@ -0,0 +1,41 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+window.dhtmlXColorPickerInput = function() {
+	return dhtmlXColorPicker.apply(window, arguments);
+};
+
+dhtmlXColorPicker.prototype.init = function(){
+	// inited automatically
+};
+
+dhtmlXColorPicker.prototype.setOnSelectHandler = function(fn) {
+	if (typeof fn == "function") this.attachEvent("onSelect", fn);
+};
+
+dhtmlXColorPicker.prototype.setOnCancelHandler = function(fn) {
+	if (typeof fn == "function") this.attachEvent("onCancel", fn);
+};
+
+dhtmlXColorPicker.prototype._mergeLangModules = function(){
+	if (typeof dhtmlxColorPickerLangModules != "object") return;
+	for (var key in dhtmlxColorPickerLangModules) {
+		this.i18n[key] = dhtmlxColorPickerLangModules[key];
+	}
+};
+
+window.dhtmlxColorPickerLangModules = dhtmlXColorPicker.prototype.i18n;
+
+dhtmlXColorPicker.prototype.close = function() {
+	this.hide();
+};
+
+dhtmlXColorPicker.prototype.setImagePath = function(path){
+	// no longer used
+};
+

themes/sources/dhtmlxColorPicker/codebase/skins/dhtmlxcolorpicker_dhx_skyblue.css

@@ -0,0 +1,283 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_skyblue
+	include extra file: skins/dhx_skyblue.less
+*/
+
+.dhxcolorpicker_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 10px;
+	height: 10px;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_skyblue {
+	line-height: normal;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_g_area {
+	position: absolute;
+	width: 254px;
+	height: 272px;
+	border: 1px solid #a4bed4;
+	background-color: #e7f1ff;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_add_memory {
+	height: 317px !important;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_sub_area {
+	margin: 1px;
+	width: 252px;
+	height: 270px;
+	background-color: #e7f1ff;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_add_memory .dhxcp_sub_area {
+	height: 229px !important;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_g_color_area {
+	padding: 10px;
+	width: 232px;
+	height: 122px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_color_selector {
+	position: absolute;
+	width: 210px;
+	height: 120px;
+	background-image: url("../imgs/dhxcp_skyblue/dhxcp_colors.png");
+	background-repeat: no-repeat;
+	border: 1px solid #a4bed4;
+	cursor: pointer;
+	float: left;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_contrast_area {
+	border: 1px solid #a4bed4;
+	position: relative;
+	height: 120px;
+	width: 10px;
+	cursor: pointer;
+	float: right;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_ie_gradient {
+	height: 120px;
+	width: 10px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_color_selector .dhxcp_v_line {
+	position: absolute;
+	width: 0px;
+	height: 120px;
+	border-left: 1px solid #ffffff;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_color_selector .dhxcp_h_line,
+.dhtmlxcp_dhx_skyblue .dhxcp_contrast_area .dhxcp_h_line {
+	position: absolute;
+	height: 0px;
+	border-top: 1px solid #ffffff;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_color_selector .dhxcp_h_line {
+	width: 210px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_contrast_area .dhxcp_h_line {
+	width: 10px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_g_input_area {
+	padding: 0px 10px;
+	width: 232px;
+	height: 78px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_value_cont {
+	width: 60px;
+	height: 82px;
+	float: left;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_value_color {
+	width: 56px;
+	height: 30px;
+	border: 1px solid #a4bed4;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_value {
+	width: 49px;
+	height: 20px;
+	border: 1px solid #a4bed4;
+	border-radius: 0px;
+	background-color: white;
+	margin: 5px 0px 0px 0px;
+	padding: 1px 3px;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+	text-align: left;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_inputs_cont {
+	border: none;
+	border-spacing: 0px;
+	width: 161px;
+	height: 78px;
+	float: right;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_label_hsl,
+.dhtmlxcp_dhx_skyblue .dhxcp_label_rgb {
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+	text-align: right;
+	padding: 0px 3px 0px 0px;
+}
+.dhtmlxcp_dhx_skyblue td.dhxcp_input_hsl,
+.dhtmlxcp_dhx_skyblue td.dhxcp_input_rgb {
+	width: 27px;
+	border: none;
+	padding: 3px 0px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_skyblue input.dhxcp_input_hsl,
+.dhtmlxcp_dhx_skyblue input.dhxcp_input_rgb {
+	width: 25px;
+	height: 19px;
+	border: 1px solid #a4bed4;
+	border-radius: 0px;
+	background-color: white;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+	text-align: right;
+	padding: 0px 3px;
+	line-height: 18px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_g_memory_area {
+	width: 232px;
+	height: 0px;
+	overflow: hidden;
+	border-top: 1px solid #ffffff;
+	margin: 10px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_memory_button_cont {
+	width: 232px;
+	margin: 0px;
+	height: 24px;
+}
+.dhtmlxcp_dhx_skyblue button {
+	outline: none;
+	border-radius: 2px;
+	border: 1px solid #a4bed4;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	color: black;
+	padding: 0px;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcp_dhx_skyblue button:hover {
+	background-color: #f1f7ff;
+	background: linear-gradient(#f1f7ff,#e2efff);
+	background: -webkit-linear-gradient(#f1f7ff,#e2efff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f1f7ff,endColorStr=#e2efff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+.dhtmlxcp_dhx_skyblue button:active {
+	background-color: #d2e7fe;
+	background: linear-gradient(#d2e7fe,#d3e7ff);
+	background: -webkit-linear-gradient(#d2e7fe,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#d2e7fe,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	box-shadow: 0 0 3px #ccc inset;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_save_to_memory {
+	width: 232px;
+	height: 24px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_save_to_memory .dhxcp_label_bm {
+	background-image: url("../imgs/dhxcp_skyblue/dhxcp_icon_save.png");
+	background-repeat: no-repeat;
+	display: inherit;
+	padding-left: 15px;
+	background-position: 0px 4px;
+	height: 18px;
+	line-height: 18px;
+	width: 80px;
+	margin: 1px auto;
+	white-space: nowrap;
+	text-align: left;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_memory_els_cont {
+	width: 232px;
+	height: 25px;
+	margin-top: 3px;
+	text-align: center;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_memory_el {
+	width: 24px;
+	height: 24px;
+	background-color: #ffffff;
+	border: 1px solid #a4bed4;
+	display: inline-block;
+	margin: 0px 1px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_memory_el_select {
+	border: 1px dashed black !important;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_memory_el_next {
+	border: 1px dashed red !important;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_add_memory .dhxcp_g_memory_area {
+	height: 55px !important;
+	border-top: none !important;
+	margin: 5px 10px 5px 10px;
+}
+.dhtmlxcp_dhx_skyblue .dhxcp_buttons_area {
+	padding: 0px 10px;
+	width: 232px;
+	height: 26px;
+	text-align: right;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_skyblue .dhx_button_save,
+.dhtmlxcp_dhx_skyblue .dhx_button_cancel {
+	padding: 2px 10px;
+	margin: 1px;
+	height: 24px;
+	line-height: 12px;
+	overflow: hidden;
+	text-align: center;
+}
+.dhxcp_colorBox {
+	float: right;
+}
+.dhxcp_colorInput {
+	float: left;
+}
+.dhxcp_frm {
+	position: absolute;
+	background-color: white;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	width: 256px;
+	height: 274px;
+}
+.dhtmlxcp_dhx_skyblue.dhtmlxcp_in_form .dhxcp_g_area {
+	padding: 5px;
+	border: 1px solid #a4bed4;
+	box-shadow: 0 0 9px rgba(0,0,0,0.35);
+}

themes/sources/dhtmlxColorPicker/codebase/skins/dhtmlxcolorpicker_dhx_terrace.css

@@ -0,0 +1,271 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_terrace
+	include extra file: skins/dhx_terrace.less
+*/
+
+.dhxcolorpicker_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 30px;
+	height: 10px;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_g_area {
+	position: absolute;
+	width: 254px;
+	height: 272px;
+	border: 1px solid #cccccc;
+	border-radius: 3px;
+	background-color: #f5f5f5;
+	box-shadow: 0px 0px 5px 2px #cfcfcf;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_add_memory {
+	height: 317px !important;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_sub_area {
+	margin: 1px;
+	width: 252px;
+	height: 270px;
+	border-radius: 2px;
+	background-color: #f5f5f5;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_add_memory .dhxcp_sub_area {
+	height: 315px !important;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_g_color_area {
+	padding: 10px;
+	width: 232px;
+	height: 122px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_color_selector {
+	position: absolute;
+	width: 210px;
+	height: 120px;
+	background-image: url("../imgs/dhxcp_terrace/dhxcp_colors.png");
+	background-repeat: no-repeat;
+	border: 1px solid #cccccc;
+	cursor: pointer;
+	float: left;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_contrast_area {
+	border: 1px solid #cccccc;
+	position: relative;
+	height: 120px;
+	width: 10px;
+	cursor: pointer;
+	float: right;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_ie_gradient {
+	height: 120px;
+	width: 10px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_v_line {
+	position: absolute;
+	width: 0px;
+	height: 120px;
+	border-left: 1px solid #ffffff;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_h_line,
+.dhtmlxcp_dhx_terrace .dhxcp_contrast_area .dhxcp_h_line {
+	position: absolute;
+	height: 0px;
+	border-top: 1px solid #ffffff;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_h_line {
+	width: 210px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_contrast_area .dhxcp_h_line {
+	width: 10px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_g_input_area {
+	padding: 0px 10px;
+	width: 232px;
+	height: 78px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_value_cont {
+	width: 60px;
+	height: 78px;
+	float: left;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_value_color {
+	width: 58px;
+	height: 30px;
+	border: 1px solid #cccccc;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_value {
+	width: 54px;
+	height: 21px;
+	line-height: 20px;
+	border: 1px solid #cccccc;
+	border-radius: 0px;
+	background-color: #ffffff;
+	margin: 5px 0px 0px 0px;
+	padding: 0px 2px;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: black;
+	text-align: left;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_inputs_cont {
+	border: none;
+	border-spacing: 0px;
+	width: 160px;
+	height: 78px;
+	float: right;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_label_hsl,
+.dhtmlxcp_dhx_terrace .dhxcp_label_rgb {
+	text-align: right;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	padding: 0px 3px 0px 0px;
+}
+.dhtmlxcp_dhx_terrace td.dhxcp_input_hsl,
+.dhtmlxcp_dhx_terrace td.dhxcp_input_rgb {
+	width: 27px;
+	border: none;
+	padding: 0px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_terrace input.dhxcp_input_hsl,
+.dhtmlxcp_dhx_terrace input.dhxcp_input_rgb {
+	width: 24px;
+	height: 19px;
+	border: 1px solid #cccccc;
+	border-radius: 0px;
+	background-color: #ffffff;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: black;
+	text-align: right;
+	padding: 1px 3px;
+	margin: 2px 0px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_g_memory_area {
+	width: 232px;
+	height: 0px;
+	overflow: hidden;
+	border: 1px solid #cccccc;
+	border-bottom: none;
+	border-left: none;
+	border-right: none;
+	margin: 10px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont {
+	width: 232px;
+	margin: 0px;
+	height: 24px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button,
+.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button {
+	outline: none;
+	border-radius: 0px;
+	padding: 0px;
+	background-color: #f0f0f0;
+	border: 1px solid #cccccc;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	border-radius: 3px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button:hover,
+.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button:hover {
+	background-color: #ebebeb;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button:active,
+.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button:active {
+	background-color: #e6e6e6;
+	box-shadow: 0 0 3px #d6d6d6 inset;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_save_to_memory {
+	width: 232px;
+	height: 24px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_save_to_memory .dhxcp_label_bm {
+	display: inherit;
+	width: 90px;
+	margin: 0 auto;
+	height: 16px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_memory_els_cont {
+	width: 232px;
+	height: 25px;
+	margin-top: 3px;
+	text-align: center;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_memory_el {
+	width: 24px;
+	height: 24px;
+	background-color: #ffffff;
+	border: 1px solid #cccccc;
+	display: inline-block;
+	margin: 0px 1px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_memory_el_select {
+	border: 1px dashed black !important;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_memory_el_next {
+	border: 1px dashed red !important;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_add_memory .dhxcp_g_memory_area {
+	height: 55px !important;
+	border-top: none !important;
+	margin: 5px 10px 5px 10px;
+}
+.dhtmlxcp_dhx_terrace .dhxcp_buttons_area {
+	padding: 0px 10px;
+	width: 232px;
+	height: 28px;
+	text-align: right;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_terrace .dhx_button_save,
+.dhtmlxcp_dhx_terrace .dhx_button_cancel {
+	height: 26px;
+	line-height: 22px;
+	width: 75px;
+	margin: 0 2px;
+	overflow: hidden;
+	text-align: center;
+}
+.dhxcp_colorBox {
+	float: right;
+}
+.dhxcp_colorInput {
+	float: left;
+}
+.dhxcp_frm {
+	position: absolute;
+	background-color: white;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	width: 256px;
+	height: 274px;
+}

themes/sources/dhtmlxColorPicker/codebase/skins/dhtmlxcolorpicker_dhx_web.css

@@ -0,0 +1,264 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_web
+	include extra file: skins/dhx_web.less
+*/
+
+.dhxcolorpicker_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 20px;
+	height: 10px;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_web .dhxcp_g_area {
+	position: absolute;
+	width: 254px;
+	height: 272px;
+	border: 1px solid #ffffff;
+	background-color: #f4f4f4;
+	box-shadow: 0px 0px 5px 2px #d7d7d7;
+	border-radius: 0px;
+}
+.dhtmlxcp_dhx_web .dhxcp_add_memory {
+	height: 317px !important;
+}
+.dhtmlxcp_dhx_web .dhxcp_sub_area {
+	margin: 1px;
+	width: 252px;
+	height: 270px;
+	background-color: #f4f4f4;
+	border-radius: 0px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcp_dhx_web .dhxcp_add_memory .dhxcp_sub_area {
+	height: 229px !important;
+}
+.dhtmlxcp_dhx_web .dhxcp_g_color_area {
+	padding: 10px;
+	width: 232px;
+	height: 122px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_web .dhxcp_color_selector {
+	position: absolute;
+	width: 210px;
+	height: 120px;
+	background-image: url("../imgs/dhxcp_web/dhxcp_colors.png");
+	background-repeat: no-repeat;
+	border: 1px solid #ececec;
+	cursor: pointer;
+	float: left;
+}
+.dhtmlxcp_dhx_web .dhxcp_contrast_area {
+	border: 1px solid #ececec;
+	position: relative;
+	height: 120px;
+	width: 10px;
+	cursor: pointer;
+	float: right;
+}
+.dhtmlxcp_dhx_web .dhxcp_ie_gradient {
+	height: 120px;
+	width: 10px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_web .dhxcp_color_selector .dhxcp_v_line {
+	position: absolute;
+	width: 0px;
+	height: 120px;
+	border-left: 1px solid #ffffff;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_web .dhxcp_color_selector .dhxcp_h_line,
+.dhtmlxcp_dhx_web .dhxcp_contrast_area .dhxcp_h_line {
+	position: absolute;
+	height: 0px;
+	border-top: 1px solid #ffffff;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_dhx_web .dhxcp_color_selector .dhxcp_h_line {
+	width: 210px;
+}
+.dhtmlxcp_dhx_web .dhxcp_contrast_area .dhxcp_h_line {
+	width: 10px;
+}
+.dhtmlxcp_dhx_web .dhxcp_g_input_area {
+	padding: 0px 10px;
+	width: 232px;
+	height: 78px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_web .dhxcp_value_cont {
+	width: 66px;
+	height: 78px;
+	float: left;
+}
+.dhtmlxcp_dhx_web .dhxcp_value_color {
+	width: 62px;
+	height: 30px;
+	border: 1px solid #ececec;
+}
+.dhtmlxcp_dhx_web .dhxcp_value {
+	width: 58px;
+	height: 20px;
+	border: 1px solid #ececec;
+	border-radius: 0px;
+	background-color: #ffffff;
+	margin: 5px 0px 0px 0px;
+	padding: 1px 2px;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: black;
+	text-align: left;
+}
+.dhtmlxcp_dhx_web .dhxcp_inputs_cont {
+	border: none;
+	border-spacing: 0px;
+	width: 160px;
+	height: 78px;
+	float: right;
+}
+.dhtmlxcp_dhx_web .dhxcp_label_hsl,
+.dhtmlxcp_dhx_web .dhxcp_label_rgb {
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+	text-align: right;
+	padding: 0px 3px 0px 0px;
+}
+.dhtmlxcp_dhx_web td.dhxcp_input_hsl,
+.dhtmlxcp_dhx_web td.dhxcp_input_rgb {
+	width: 27px;
+	border: none;
+	padding: 0px;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_web input.dhxcp_input_hsl,
+.dhtmlxcp_dhx_web input.dhxcp_input_rgb {
+	width: 25px;
+	height: 18px;
+	border: 1px solid #ececec;
+	border-radius: 0px;
+	background-color: #ffffff;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #000000;
+	text-align: right;
+	padding: 1px;
+	margin: 2px 0px;
+}
+.dhtmlxcp_dhx_web .dhxcp_g_memory_area {
+	width: 232px;
+	height: 0px;
+	overflow: hidden;
+	border: 1px solid #ececec;
+	border-bottom: none;
+	border-left: none;
+	border-right: none;
+	margin: 10px;
+}
+.dhtmlxcp_dhx_web .dhxcp_memory_button_cont {
+	width: 232px;
+	margin: 0px;
+	height: 24px;
+}
+.dhtmlxcp_dhx_web .dhxcp_buttons_area button,
+.dhtmlxcp_dhx_web .dhxcp_memory_button_cont button {
+	outline: none;
+	border-radius: 0px;
+	background-color: #3da0e3;
+	border: 1px solid #f4f4f4;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: #ffffff;
+}
+.dhtmlxcp_dhx_web .dhxcp_buttons_area button:hover,
+.dhtmlxcp_dhx_web .dhxcp_memory_button_cont button:hover {
+	background-color: #2a8ed2;
+}
+.dhtmlxcp_dhx_web .dhxcp_buttons_area button:active,
+.dhtmlxcp_dhx_web .dhxcp_memory_button_cont button:active {
+	background-color: #2589ce;
+}
+.dhtmlxcp_dhx_web .dhxcp_save_to_memory {
+	width: 232px;
+	height: 24px;
+}
+.dhtmlxcp_dhx_web .dhxcp_save_to_memory .dhxcp_label_bm {
+	display: inherit;
+	width: 90px;
+}
+.dhtmlxcp_dhx_web .dhxcp_memory_els_cont {
+	width: 232px;
+	height: 25px;
+	margin-top: 3px;
+	text-align: center;
+}
+.dhtmlxcp_dhx_web .dhxcp_memory_el {
+	width: 24px;
+	height: 24px;
+	background-color: #ffffff;
+	border: 1px solid #ececec;
+	display: inline-block;
+	margin: 0px 1px;
+}
+.dhtmlxcp_dhx_web .dhxcp_memory_el_select {
+	border: 1px dashed black !important;
+}
+.dhtmlxcp_dhx_web .dhxcp_memory_el_next {
+	border: 1px dashed red !important;
+}
+.dhtmlxcp_dhx_web .dhxcp_add_memory .dhxcp_g_memory_area {
+	height: 55px !important;
+	border-top: none !important;
+	margin: 5px 10px 5px 10px;
+}
+.dhtmlxcp_dhx_web .dhxcp_buttons_area {
+	padding: 0px 10px;
+	width: 232px;
+	height: 26px;
+	text-align: right;
+	margin: 0px;
+}
+.dhtmlxcp_dhx_web .dhx_button_save,
+.dhtmlxcp_dhx_web .dhx_button_cancel {
+	line-height: 12px;
+	height: 25px;
+	margin: 0 2px;
+	padding: 2px 10px;
+	overflow: hidden;
+	white-space: nowrap;
+}
+.dhxcp_colorBox {
+	float: right;
+}
+.dhxcp_colorInput {
+	float: left;
+}
+.dhxcp_frm {
+	position: absolute;
+	background-color: white;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+	width: 256px;
+	height: 274px;
+}

themes/sources/dhtmlxColorPicker/codebase/skins/dhtmlxcolorpicker_material.css

@@ -0,0 +1,324 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: material
+	include extra file: skins/material.less
+*/
+
+@keyframes dhx_loader_rotate {
+	100% {
+		transform: rotate(360deg);
+	}
+}
+@keyframes dhx_loader_dash {
+	0% {
+		stroke-dasharray: 1, 200;
+		stroke-dashoffset: 0;
+	}
+	50% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -35px;
+	}
+	100% {
+		stroke-dasharray: 89, 200;
+		stroke-dashoffset: -124px;
+	}
+}
+.dhtmlxcp_material {
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhtmlxcp_material * {
+	line-height: normal;
+}
+.dhtmlxcp_material.dhxcp_shadow div.dhxcp_g_area {
+	border-width: 1px 0px 0px 0px;
+	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
+}
+.dhtmlxcp_material div.dhxcp_g_area {
+	position: absolute;
+	width: 235px;
+	height: 262px;
+	background-color: white;
+	border: 1px solid #dfdfdf;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area {
+	width: 235px;
+	height: 262px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area {
+	padding-bottom: 2px;
+	width: 235px;
+	height: 122px;
+	margin: 0px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector {
+	position: absolute;
+	width: 210px;
+	height: 120px;
+	background-image: url("../imgs/dhxcp_material/dhxcp_colors.png");
+	background-repeat: no-repeat;
+	cursor: pointer;
+	float: left;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector div.dhxcp_h_line {
+	width: 210px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_color_selector div.dhxcp_v_line {
+	position: absolute;
+	width: 0px;
+	height: 120px;
+	border-left: 1px solid white;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area {
+	position: relative;
+	height: 120px;
+	width: 24px;
+	cursor: pointer;
+	float: right;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area div.dhxcp_ie_gradient {
+	height: 120px;
+	width: 24px;
+	margin: 0px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_contrast_area div.dhxcp_h_line {
+	width: 24px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_color_area div.dhxcp_h_line {
+	position: absolute;
+	height: 0px;
+	border-top: 1px solid white;
+	cursor: pointer;
+	overflow: hidden;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area {
+	position: relative;
+	padding: 0px 14px;
+	width: auto;
+	height: 78px;
+	margin: 0px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont {
+	height: 78px;
+	float: left;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont div.dhxcp_value_color {
+	margin-top: 5px;
+	width: 52px;
+	height: 48px;
+	border: 1px solid #dfdfdf;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value {
+	width: 54px;
+	margin-top: 3px;
+	line-height: 1em;
+	border-width: 0px 0px 1px 0px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	background-color: white;
+	padding: 3px 3px 3px 3px;
+	text-align: left;
+	font: inherit;
+	font-size: 13px;
+	outline: none !important;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area div.dhxcp_value_cont input.dhxcp_value:focus {
+	border-bottom-color: #3399cc;
+	border-bottom-width: 2px;
+	padding-bottom: 0px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont {
+	position: absolute;
+	right: 14px;
+	top: 4px;
+	border: none;
+	border-spacing: 0px;
+	width: 130px;
+	height: 78px;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #404040;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont .dhxcp_label_hsl,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont .dhxcp_label_rgb {
+	text-align: right;
+	padding: 0px 7px 0px 0px;
+	font: inherit;
+	font-size: 13px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont td.dhxcp_input_hsl,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont td.dhxcp_input_rgb {
+	width: 28px;
+	border: none;
+	padding: 0px;
+	margin: 0px;
+	font: inherit;
+	vertical-align: top;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_hsl,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_rgb {
+	width: 26px;
+	margin-top: 2px;
+	line-height: 1em;
+	border-width: 0px 0px 1px 0px;
+	border-style: solid;
+	border-color: #dfdfdf;
+	background-color: white;
+	padding: 3px 3px 3px 3px;
+	text-align: left;
+	font: inherit;
+	font-size: 13px;
+	outline: none !important;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_hsl:focus,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_input_area table.dhxcp_inputs_cont input.dhxcp_input_rgb:focus {
+	border-bottom-color: #3399cc;
+	border-bottom-width: 2px;
+	padding-bottom: 0px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_g_memory_area {
+	display: none;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area {
+	position: relative;
+	width: auto;
+	height: 32px;
+	padding: 0px 14px;
+	text-align: right;
+	margin-top: 18px;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel {
+	height: 32px;
+	line-height: 22px;
+	margin: 0 2px;
+	padding-left: 12px;
+	padding-right: 12px;
+	overflow: hidden;
+	text-align: center;
+	outline: none !important;
+	border: none !important;
+	background-color: white;
+	font-weight: 500;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #3399cc;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save:hover,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel:hover {
+	background-color: #ededed;
+}
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_save:active,
+.dhtmlxcp_material div.dhxcp_g_area div.dhxcp_sub_area div.dhxcp_buttons_area button.dhx_button_cancel:active {
+	background-color: #e1e1e1;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory {
+	height: 315px !important;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area {
+	height: 315px !important;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_buttons_area {
+	margin-top: 0px;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area {
+	position: relative;
+	display: block;
+	height: 60px;
+	padding: 0px 14px;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont {
+	position: relative;
+	width: auto;
+	height: 24px;
+	margin-top: 14px;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory {
+	width: 100%;
+	height: 24px;
+	margin: 0px;
+	outline: none !important;
+	border: none !important;
+	background-color: white;
+	font-weight: 500;
+	font-size: 14px;
+	font-family: Roboto, Arial, Helvetica;
+	color: #3399cc;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory:hover {
+	background-color: #ededed;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory:active {
+	background-color: #e1e1e1;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_button_cont button.dhxcp_save_to_memory div.dhxcp_label_bm {
+	display: inherit;
+	width: 90px;
+	margin: 0 auto;
+	height: 16px;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont {
+	position: relative;
+	width: auto;
+	height: 25px;
+	margin-top: 3px;
+	text-align: center;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el {
+	width: 21px;
+	height: 20px;
+	background-color: #ffffff;
+	border: 1px solid #dfdfdf;
+	display: inline-block;
+	margin-right: 2px;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el.dhxcp_memory_el_select {
+	border: 1px dashed black !important;
+}
+.dhtmlxcp_material div.dhxcp_g_area.dhxcp_add_memory div.dhxcp_sub_area div.dhxcp_g_memory_area div.dhxcp_memory_els_cont a.dhxcp_memory_el.dhxcp_memory_el_next {
+	border: 1px dashed red !important;
+}
+.dhxcp_colorBox {
+	float: right;
+}
+.dhxcp_colorInput {
+	float: left;
+}
+.dhxcp_frm {
+	position: absolute;
+	background-color: white;
+	width: 256px;
+	height: 274px;
+	opacity: 0;
+	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
+}
+.dhxcolorpicker_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 40px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCombo/codebase/dhtmlxcombo_deprecated.js

@@ -0,0 +1,44 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/* deprecated */
+dhtmlXCombo.prototype.loadXML = function(url, call) {
+	// loads list of options from XML
+	this.load(url, call);
+};
+dhtmlXCombo.prototype.loadXMLString = function(url) {
+	// loads list of options from XML string
+	this.load(url);
+};
+dhtmlXCombo.prototype.enableOptionAutoHeight = function() {
+	// enables or disables list auto height
+};
+dhtmlXCombo.prototype.enableOptionAutoPositioning = function() {
+	// enables or disables options auto positioning
+};
+dhtmlXCombo.prototype.enableOptionAutoWidth = function() {
+	// enables or disables options auto width
+};
+dhtmlXCombo.prototype.destructor = function(){
+	// destroys object and any related HTML elements
+	this.unload();
+};
+dhtmlXCombo.prototype.render = function() {
+	// enables/disables immideatly rendering after changes in combobox
+	// performance improved
+};
+dhtmlXCombo.prototype.setOptionHeight = function() {
+	// sets height of combo list
+};
+dhtmlXCombo.prototype.attachChildCombo = function() {
+	// no longer used
+};
+dhtmlXCombo.prototype.setAutoSubCombo = function() {
+	// no longer used
+};
+

themes/sources/dhtmlxCombo/codebase/imgs/dhxcombo_material/dhxcombo_arrow_down.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+  <polygon fill="#646464" fill-rule="evenodd" points="7 10 12 15 17 10"/>
+</svg>

themes/sources/dhtmlxCombo/codebase/skins/dhtmlxcombo_dhx_skyblue.css

@@ -0,0 +1,345 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_skyblue
+	include extra file: skins/dhx_skyblue.less
+*/
+
+div.dhxcombo_dhx_skyblue {
+	position: relative;
+	border: 1px solid #a4bed4;
+	overflow: hidden;
+	vertical-align: middle;
+	background-color: white;
+	font-size: 1px;
+	height: 22px;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+div.dhxcombo_dhx_skyblue input.dhxcombo_input {
+	position: relative;
+	top: 0px;
+	left: 1px;
+	height: 22px;
+	line-height: 21px;
+	*height: 20px;
+	*line-height: 19px;
+	border: 0px solid white;
+	outline: 0px solid white;
+	padding: 0px;
+	margin: 0px 0px 0px 2px;
+	background-color: white;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: black;
+	vertical-align: middle;
+}
+div.dhxcombo_dhx_skyblue input.dhxcombo_input::-ms-clear {
+	display: none;
+}
+div.dhxcombo_dhx_skyblue div.dhxcombo_select_button {
+	position: absolute;
+	width: 18px;
+	height: 18px;
+	top: 1px;
+	right: 1px;
+	font-size: 1px;
+	border: 1px solid #a4bed4;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	border-radius: 2px;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+div.dhxcombo_dhx_skyblue div.dhxcombo_select_button div.dhxcombo_select_img {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background-image: url("../imgs/dhxcombo_skyblue/dhxcombo_arrow_down.gif");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+div.dhxcombo_dhx_skyblue div.dhxcombo_top_image {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 26px;
+	height: 22px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombolist_dhx_skyblue {
+	position: absolute;
+	font-family: Tahoma, Helvetica;
+	font-size: 12px;
+	color: black;
+	border: 1px solid #a4bed4;
+	box-shadow: 0 2px 3px #ccc;
+	background-color: #e7f1ff;
+	border-bottom-left-radius: 2px;
+	border-bottom-right-radius: 2px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow-x: none;
+	overflow-y: auto;
+	-moz-transition: height 0.15s ease 0s;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option {
+	position: relative;
+	font-size: inherit;
+	height: 20px;
+	line-height: 19px;
+	border-top: 1px solid #e7f1ff;
+	border-bottom: 1px solid #e7f1ff;
+	vertical-align: middle;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option.dhxcombo_option_selected {
+	background-color: #b5deff !important;
+	border-top: 1px solid #a1ceed !important;
+	border-bottom: 1px solid #a1ceed !important;
+	color: black;
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text {
+	position: relative;
+	padding: 0px 4px;
+	white-space: nowrap;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
+	position: relative;
+	padding: 0px 4px 0px 4px;
+	margin-left: 20px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	white-space: nowrap;
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_checkbox {
+	position: absolute;
+	left: 1px;
+	top: 1px;
+	width: 20px;
+	height: 20px;
+	background-image: url("../imgs/dhxcombo_skyblue/dhxcombo_chbx.gif");
+	background-repeat: no-repeat;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
+	background-position: 0px 0px;
+}
+div.dhxcombolist_dhx_skyblue .dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
+	background-position: -18px 0px;
+}
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
+	position: relative;
+	padding: 0px 4px 0px 4px;
+	margin-left: 20px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	white-space: nowrap;
+}
+div.dhxcombo_dhx_skyblue div.dhxcombo_top_image div.dhxcombo_image,
+div.dhxcombolist_dhx_skyblue div.dhxcombo_option div.dhxcombo_image {
+	position: absolute;
+	left: 3px;
+	top: 1px;
+	width: 20px;
+	height: 20px;
+	background-repeat: no-repeat;
+	background-position: center center;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombo_dhx_skyblue.dhxcombo_disabled {
+	border: 1px solid #cccccc;
+	background-color: #fafafa;
+}
+div.dhxcombo_dhx_skyblue.dhxcombo_disabled input.dhxcombo_input {
+	color: #b2b2b2;
+	background-color: #fafafa;
+}
+div.dhxcombo_dhx_skyblue.dhxcombo_disabled div.dhxcombo_select_button {
+	border-color: #cccccc;
+	background-color: #fefefe;
+	background: linear-gradient(#fefefe,#f4f4f4);
+	background: -webkit-linear-gradient(#fefefe,#f4f4f4);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fefefe,endColorStr=#f4f4f4) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+	cursor: default;
+}
+div.dhxcombo_dhx_skyblue.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
+	background-image: url("../imgs/dhxcombo_skyblue/dhxcombo_arrow_down_dis.gif");
+}
+.dhxgrid_combo_icon {
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	z-index: 1;
+}
+div.dhxcombo_in_grid_parent {
+	position: relative;
+	height: 100%;
+	top: 0px;
+}
+div.dhxcombo_in_grid_parent div.dhxcombo_dhx_skyblue {
+	position: absolute;
+	top: 0px;
+	left: -4px;
+	*top: -2px;
+	*height: 23px;
+}
+div.dhxcombo_in_grid_parent input.dhxcombo_input {
+	border-left: 2px solid white;
+	font-family: Arial;
+	font-size: 12px;
+	*margin-top: -3px;
+	*height: 18px;
+	*line-height: 17px;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr {
+	border-bottom-width: 0px;
+	height: 27px;
+	line-height: 27px;
+	box-shadow: none;
+	border-bottom-left-radius: 0px;
+	border-bottom-right-radius: 0px;
+	background-color: #e2efff;
+	background: linear-gradient(#e2efff,#d3e7ff);
+	background: -webkit-linear-gradient(#e2efff,#d3e7ff);
+	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#e2efff,endColorStr=#d3e7ff) progid:DXImageTransform.Microsoft.Alpha(opacity=100);
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext {
+	position: relative;
+	padding: 0px;
+	white-space: nowrap;
+	cursor: default;
+	font-family: Tahoma, Helvetica;
+	font-size: 11px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
+	float: left;
+	white-space: nowrap;
+	overflow: hidden;
+	position: relative;
+	z-index: 2;
+	border-left: 1px solid #a4bed4;
+	padding: 0px;
+	margin: 0px;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
+	border-left-width: 0px;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option {
+	height: 24px;
+	line-height: 24px;
+	margin-top: -1px;
+	z-index: 0;
+	border-top: 1px solid #d3e7ff;
+	border-bottom: 1px solid #d3e7ff;
+	background-color: white;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option:last-child {
+	border-bottom-color: white;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
+	padding: 0px;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
+	float: left;
+	white-space: nowrap;
+	overflow: hidden;
+	position: relative;
+	border-left: 1px solid #d3e7ff;
+	padding: 0px;
+	margin: 0px;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
+	border-left-width: 0px;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
+	z-index: 1;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
+	border-left-color: #b5deff;
+}
+div.dhxcombolist_dhx_skyblue.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
+div.dhxcombolist_dhx_skyblue.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
+	position: relative;
+	margin: 0px 10px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: auto;
+	min-height: 32px;
+}
+.dhxcombo_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 10px;
+	height: 10px;
+	overflow: hidden;
+}

themes/sources/dhtmlxCombo/codebase/skins/dhtmlxcombo_dhx_terrace.css

@@ -0,0 +1,331 @@
+/*
+Product Name: dhtmlxSuite 
+Version: 5.2.0 
+Edition: Professional 
+License: content of this file is covered by DHTMLX Commercial or Enterprise license. Usage without proper license is prohibited. To obtain it contact sales@dhtmlx.com
+Copyright UAB Dinamenta http://www.dhtmlx.com
+*/
+
+/*
+	skin detected: dhx_terrace
+	include extra file: skins/dhx_terrace.less
+*/
+
+div.dhxcombo_dhx_terrace {
+	position: relative;
+	border: 1px solid #cccccc;
+	overflow: hidden;
+	vertical-align: middle;
+	background-color: white;
+	font-size: 1px;
+	height: 24px;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+div.dhxcombo_dhx_terrace input.dhxcombo_input {
+	position: absolute;
+	left: 1px;
+	top: 0px;
+	*top: 1px;
+	height: 24px;
+	line-height: 23px;
+	*height: 22px;
+	*line-height: 21px;
+	border: 0px solid white;
+	outline: 0px solid white;
+	padding: 0px;
+	margin: 0px 0px 0px 2px;
+	background-color: white;
+	vertical-align: top;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: black;
+}
+div.dhxcombo_dhx_terrace input.dhxcombo_input::-ms-clear {
+	display: none;
+}
+div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
+	position: absolute;
+	width: 16px;
+	height: 17px;
+	top: 4px;
+	right: 2px;
+	font-size: 1px;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+}
+div.dhxcombo_dhx_terrace div.dhxcombo_select_button div.dhxcombo_select_img {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	background-image: url("../imgs/dhxcombo_terrace/dhxcombo_arrow_down.gif");
+	background-repeat: no-repeat;
+	background-position: center center;
+}
+div.dhxcombo_dhx_terrace div.dhxcombo_top_image {
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	width: 23px;
+	height: 25px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombo_dhx_terrace div.dhxcombo_top_image div.dhxcombo_image {
+	top: 4px;
+	*top: 3px;
+}
+div.dhxcombolist_dhx_terrace {
+	position: absolute;
+	border: 1px solid #cccccc;
+	box-shadow: 0 3px 5px rgba(127,127,127,0.35);
+	background-color: #f5f5f5;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow-x: none;
+	overflow-y: auto;
+	-webkit-tap-highlight-color: rgba(0,0,0,0);
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option {
+	position: relative;
+	font-size: inherit;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	color: #333333;
+	height: 27px;
+	line-height: 27px;
+	vertical-align: middle;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected {
+	background-color: #fff3a1;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected .dhxcombo_option_text {
+	color: black;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text {
+	position: relative;
+	padding: 0px 4px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	white-space: nowrap;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
+	position: relative;
+	padding: 0px 4px 0px 4px;
+	margin-left: 20px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	white-space: nowrap;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox {
+	position: absolute;
+	left: 3px;
+	width: 18px;
+	height: 18px;
+	background-image: url("../imgs/dhxcombo_terrace/dhxcombo_chbx.gif");
+	background-repeat: no-repeat;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox {
+	top: 5px;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
+	background-position: 0px 0px;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
+	background-position: -18px 0px;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
+	position: relative;
+	padding: 0px 4px 0px 4px;
+	margin-left: 20px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	white-space: nowrap;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
+	top: 5px;
+}
+div.dhxcombo_dhx_terrace div.dhxcombo_top_image div.dhxcombo_image,
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
+	position: absolute;
+	top: 3px;
+	left: 3px;
+	width: 18px;
+	height: 18px;
+	background-repeat: no-repeat;
+	background-position: center center;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+	overflow: hidden;
+	cursor: default;
+}
+div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
+	top: 5px;
+}
+div.dhxcombo_dhx_terrace.dhxcombo_disabled {
+	border: 1px solid #d4d4d4;
+	background-color: #fcfcfc;
+}
+div.dhxcombo_dhx_terrace.dhxcombo_disabled input.dhxcombo_input {
+	color: #bbbbbb;
+	background-color: #fcfcfc;
+}
+div.dhxcombo_dhx_terrace.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
+	background-image: url("../imgs/dhxcombo_terrace/dhxcombo_arrow_down_dis.gif");
+	cursor: default;
+}
+.dhxgrid_combo_icon {
+	position: absolute;
+	z-index: 1;
+	top: 0px;
+	right: 0px;
+}
+div.dhxcombo_in_grid_parent {
+	position: relative;
+	height: 100%;
+	top: 0px;
+}
+div.dhxcombo_in_grid_parent div.dhxcombo_dhx_terrace {
+	position: absolute;
+	top: 3px;
+	left: -22px;
+	border-color: #fff3a1;
+}
+div.dhxcombo_in_grid_parent input.dhxcombo_input {
+	border-left: 20px solid white;
+	font-family: Arial;
+	font-size: 12px;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr {
+	border-bottom-width: 0px;
+	height: 31px;
+	line-height: 31px;
+	box-shadow: none;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext {
+	position: relative;
+	padding: 0px;
+	white-space: nowrap;
+	cursor: default;
+	font-family: Arial, Helvetica;
+	font-size: 13px;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-o-user-select: none;
+	user-select: none;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
+	float: left;
+	white-space: nowrap;
+	overflow: hidden;
+	position: relative;
+	z-index: 2;
+	border-left: 1px solid #f5f5f5;
+	padding: 0px;
+	margin: 0px;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
+	border-left-width: 0px;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option {
+	height: 27px;
+	line-height: 27px;
+	margin-top: -1px;
+	z-index: 0;
+	border-top: 1px solid #f5f5f5;
+	border-bottom: 1px solid #f5f5f5;
+	background-color: white;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
+	padding: 0px;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
+	float: left;
+	white-space: nowrap;
+	overflow: hidden;
+	position: relative;
+	border-left: 1px solid #f5f5f5;
+	padding: 0px;
+	margin: 0px;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
+	border-left-width: 0px;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
+	z-index: 1;
+	background-color: #fff3a1;
+	border-top-color: #cccccc;
+	border-bottom-color: #cccccc;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
+	border-left-color: #fff3a1;
+	color: black;
+}
+div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
+div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
+	position: relative;
+	margin: 0px 10px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	width: auto;
+	min-height: 32px;
+}
+.dhxcombo_skin_detect {
+	position: absolute;
+	left: 0px;
+	top: -100px;
+	margin: 0;
+	padding: 0;
+	border: 0px solid white;
+	width: 30px;
+	height: 10px;
+	overflow: hidden;
+}