/*@media screen and (device-width: 768px) {*/

body {
	-webkit-text-size-adjust: 100%;
}


.dmx-editor-wrapper.ipad {
	border: 1px solid #91949c;
}

.dmx-editor-wrapper.ipad .dmx-editor-frame-wrapper {
	padding: 0;
}

.dmx-editor-wrapper.ipad iframe {
	border: none;
}

.dmx-editor-wrapper.ipad iframe:focus {
	border: 1px solid #f00;
}

.dmx-editor-wrapper.ipad .dmx-editor-toolbars {
	/* Toolbar gradient */
	background-color: #777F90;
	background-image: linear-gradient(bottom, #777F90 1%, #A7ACB9 4%, #DCDFE4 50%, #F1F2F4 75%, #F4F5F7 100%);
	background-image: -o-linear-gradient(bottom, #777F90 1%, #A7ACB9 4%, #DCDFE4 50%, #F1F2F4 75%, #F4F5F7 100%);
	background-image: -moz-linear-gradient(bottom, #777F90 1%, #A7ACB9 4%, #DCDFE4 50%, #F1F2F4 75%, #F4F5F7 100%);
	background-image: -webkit-linear-gradient(bottom, #777F90 1%, #A7ACB9 4%, #DCDFE4 50%, #F1F2F4 75%, #F4F5F7 100%);
	background-image: -ms-linear-gradient(bottom, #777F90 1%, #A7ACB9 4%, #DCDFE4 50%, #F1F2F4 75%, #F4F5F7 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.01, #777F90),
		color-stop(0.04, #A7ACB9),
		color-stop(0.5, #DCDFE4),
		color-stop(0.75, #F1F2F4),
		color-stop(1, #F4F5F7)
	);
	/* Fixed height */
	/*height: 44px;*/
	/* Make sure toolbars are on a single line */
	/*white-space: nowrap;*/
	/* Make it possible to scroll horizontal */
	/*overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;*/
	/*-webkit-transform: translate3d(0,0,0);*/
	/* Override some defaults */
	border: none;
	/*padding: 0 6px;*/
	padding: 3px;
}

.dmx-editor-wrapper.ipad .dmx-editor-dropdown {
	line-height: 16px;
	vertical-align: middle;
	color: #4c4e50;
	text-shadow: 0 1px 0 #fff;
}

.dmx-editor-wrapper.ipad .dmx-editor-toolbar {
	margin: 0; /* 0 0 6px;*/
	padding: 3px;
	/*height: 44px;*/
}

.dmx-editor-wrapper.ipad .dmx-editor-separator {
	display: none;
	width: 6px;
	margin: 0 !important;
	text-shadow: none;
	background: none;
}

.dmx-editor-wrapper.ipad .dmx-editor-toolbar-start {
	display: none;
}

.dmx-editor-wrapper.ipad .dmx-editor-button {
	height: auto; /*21px;*/
	background: transparent;
	border: 1px solid #91949c;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none;
	margin: 0 5px 0 0;
	padding: 3px;
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(255,255,255,0.6);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(255,255,255,0.6);
	-ms-box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(255,255,255,0.6);
	box-shadow: 0 1px 0 rgba(255,255,255,0.6), inset 0 1px 0 rgba(255,255,255,0.6);

	background-image: linear-gradient(bottom, #bdc0c9 0%, #f4f4f5 100%);
	background-image: -o-linear-gradient(bottom, #bdc0c9 0%, #f4f4f5 100%);
	background-image: -moz-linear-gradient(bottom, #bdc0c9 0%, #f4f4f5 100%);
	background-image: -webkit-linear-gradient(bottom, #bdc0c9 0%, #f4f4f5 100%);
	background-image: -ms-linear-gradient(bottom, #bdc0c9 0%, #f4f4f5 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #bdc0c9),
		color-stop(1, #f4f4f5)
	);
}

.dmx-editor-wrapper.ipad .dmx-editor-button.dmx-editor-active {
	border: 1px solid #4c4e50;
	background-color: #8a929a;
	background-image: linear-gradient(bottom, #666d74 0%, #afb2b6 100%);
	background-image: -o-linear-gradient(bottom, #666d74 0%, #afb2b6 100%);
	background-image: -moz-linear-gradient(bottom, #666d74 0%, #afb2b6 100%);
	background-image: -webkit-linear-gradient(bottom, #666d74 0%, #afb2b6 100%);
	background-image: -ms-linear-gradient(bottom, #666d74 0%, #afb2b6 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #666d74),
		color-stop(1, #afb2b6)
	);
}

.dmx-editor-wrapper.ipad .dmx-editor-control {
	-webkit-transition: opacity .2s linear;
	transition: opacity .2s linear;
}

.dmx-editor-wrapper.ipad .dmx-editor-control.dmx-editor-disabled {
	opacity: .3;
	/*display: none;*/
}

/*.dmx-editor-wrapper.ipad .dmx-editor-select {
	height: auto;
	margin: 0 5px 0 0;
	padding: 3px;
	border-radius: 5px;
	text-shadow: none;
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.6);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.6);
}*/

.dmx-editor-wrapper.ipad .dmx-editor-icon {
	/*max-height: 21px;*/
	vertical-align: middle;
	background-size: cover;
	-webkit-filter: grayscale(100%);
}

.dmx-editor-wrapper.ipad .dmx-editor-label {
	font-family: "Helvetica";
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	/*line-height: 21px;
	height: 21px;*/
}

.dmx-editor-wrapper.ipad.dmx-editor-dialog {
	position: absolute;
	background-color: #F0F0F0;
	border: 1px solid;
	border-color: #979797 #656565 #656565 #979797;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	text-align: left;
	padding: 8px;
}

.dmx-editor-wrapper.ipad.dmx-editor-dialog * {
	font-family: "Helvitica Neueu", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
}

.dmx-editor-wrapper.ipad .colorTable {
  width: 399px;
}

.dmx-editor-wrapper.ipad .colorTable a {
  width  : 20px;
  height : 20px;
}

.dmx-editor-wrapper.ipad table#specialcharsDialogTable {
	width: 566px !important;
}

.dmx-editor-wrapper.ipad .specialchar {
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
}

.dmx-editor-wrapper.ipad.dmx-editor-dialog,
.dmx-editor-wrapper.ipad.dmx-editor-dialog-select {
	border: 1px solid #000;
	border-radius: 8px;
	padding: 5px;
	margin-top: 8px;
	background-color: #5d6375;
	background-image: linear-gradient(bottom, #0d1018 0%, #5d6375 100%);
	background-image: -o-linear-gradient(bottom, #0d1018 0%, #5d6375 100%);
	background-image: -moz-linear-gradient(bottom, #0d1018 0%, #5d6375 100%);
	background-image: -webkit-linear-gradient(bottom, #0d1018 0%, #5d6375 100%);
	background-image: -ms-linear-gradient(bottom, #0d1018 0%, #5d6375 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #0d1018),
		color-stop(1, #5d6375)
	);
	-webkit-box-shadow: inset 0 1px 0 #9699a5;
	box-shadow: inset 0 1px 0 #9699a5;
}

.dmx-editor-wrapper.ipad.dmx-editor-dialog::after,
.dmx-editor-wrapper.ipad.dmx-editor-dialog::before,
.dmx-editor-wrapper.ipad.dmx-editor-dialog-select::after,
.dmx-editor-wrapper.ipad.dmx-editor-dialog-select::before{
	display:block;
	position:absolute;
	z-index:1;
	top:-9px;
	left:10px;
	width:0px;
	height:0px;
	border-style: solid;
	border-width: 0 9px 9px;
	border-color: #000 transparent;
	content:"";
}

.dmx-editor-wrapper.ipad.dmx-editor-dialog::before,
.dmx-editor-wrapper.ipad.dmx-editor-dialog-select::before{
	z-index:2;
	top:-8px;
	border-style: solid;
	border-width: 0 9px 9px;
	border-color: #5d6375 transparent;
}

.dmx-editor-wrapper.ipad.dmx-editor-dialog > table,
.dmx-editor-wrapper.ipad.dmx-editor-dialog > div,
.dmx-editor-wrapper.ipad .dmx-editor-select-menu {
	background: #fff;
	color: #333;
	padding: 5px;
	border-radius: 4px;
	-webkit-box-shadow:  inset 0 1px 1px rgba(0,0,0,0.5);
	box-shadow:  inset 0 1px 1px rgba(0,0,0,0.5);
}

.dmx-editor-wrapper.ipad .dmx-editor-select-item {
	padding: 3px;
}

.dmx-editor-wrapper.ipad .dmx-editor-select-item:hover {
	background: none;
}

.dmx-editor-wrapper.dmx-editor-dialog.ipad input,
.dmx-editor-wrapper.dmx-editor-dialog.ipad select,
.dmx-editor-wrapper.dmx-editor-dialog.ipad button {
	height: 29px;
	margin: 0 5px 0 0;
	border-radius: 5px;
}

.dmx-editor-wrapper.dmx-editor-dialog.ipad .color-preview {
	width: 24px;
	height: 29px;
	margin: 0;
	border-radius: 5px 0 0 5px;
}

.dmx-editor-wrapper.dmx-editor-dialog.ipad input.color-hex-preview {
	margin-left: -1px;
	border-radius: 0 5px 5px 0;
}

/*}*/