#wysiwygEditor					{ border:1px solid #eee; margin:10px 1.25% 10px 1%; text-align:center; padding:0 0 10px 0; background:#fcfcfc; display:none; }
#wysiwygEditor #selectBoxes		{ position:relative; }
#wysiwygEditor #selectBoxes a	{ background:url(../_images/nav/selectWhite.png) no-repeat right center; padding:0 40px 0 0; display:inline-block; height:44px; width:85px; line-height:44px; border:1px solid #ddd; font-size:14px; text-decoration:none; color:#333; position:relative; }
#wysiwygEditor a img			{ padding:7px; border:1px solid #ddd; background:#fff; position:relative; top:14px; margin:0 2px; }
#wysiwygEditor div				{ display:inline-block; width:auto; margin:0 5px; }
#wysiwygEditor label			{ margin-right:10px; }
#wysiwygEditor input			{ display:inline-block; padding:7px; border:1px solid #ccc; background:#fcfcfc; width:30px; background:#fcfcfc; border:0px; text-align:center; }
#wysiwygEditor button			{ border:1px solid #ccc; background:#f6f6f6; height:30px; width:30px; border-radius:30px; }
#wysiwygEditor .select			{ position:absolute; height:300px; width:200px; }
#wysiwygEditor .iconSelected	{ background:#eee; }

#wysiwygEditor #selectBoxes .selectBox 				{ position:absolute; top:44px; left:0; max-height:600px; overflow-y:scroll; border:1px solid #ddd; width:99%; z-index:4; background:#fff; margin:0px; padding:0; display:none; }
#wysiwygEditor #selectBoxes .selectBox .line 		{ position:relative; display:block; padding:5px; width:auto; text-decoration:none; color:#000; text-align:left; border:0px; background:#fff; height:auto; line-height:normal; padding:10px; }
#wysiwygEditor #selectBoxes .selectBox .colour 		{ display:inline-block; width:24px; height:24px; margin:2px; border:1px solid #ccc; padding:0; }
#wysiwygEditor #selectBoxes .selectBox .line span	{ position:absolute; right:5px; top:5px; bottom:5px; width:50px; border:1px solid #ccc; }

#wysiwygEditor #imageControls					{ padding:10px; }
#wysiwygEditor #imageControls .button			{ border-radius:0px; color:#000; padding:3px 10px; font-weight:400; background:#eee; border:0px; }
#wysiwygEditor #imageControls #uploadFileSelect	{ width:auto; padding-right:30px; margin:0 30px; }

#zoomControl									{ text-align:center; padding:5px 5px 5px 13px; position:absolute; top:8px; right:9px; }
#zoomControl span								{ display:inline-block; font-size:13px; position:relative; top:-7px; left:-7px; margin:0 2px; }
#zoomControl img								{ height:24px; margin:0 5px; border:0; background:transparent; }

#layoutImageNameSpan							{ border-right:1px solid #999; padding-right:10px; display:inline-block; margin-right:10px; height:15px; }
.viewChoicesControls							{ padding-left:10px; }
.viewChoicesControls a, .viewPhotoChoicesControls a				{ display: inline-block; margin: 3px 0; padding: 3px 10px; border-radius:0; font-weight:400; border: 1px solid #eee; background: #eee; font-size: 13px; color: #000; text-decoration: none; text-align: center; }
.viewChoicesControls a:hover, .viewPhotoChoicesControls a:hover	{ background:#fff; }

[contenteditable]:focus 	{ outline:0px solid transparent; }

.dot 						{ height: 10px; width: 10px; background-color: #999; position: absolute; cursor:pointer; }
.dot:hover 					{ background-color: #666; }
.dot.left-top 				{ top: -6px; left: -6px;} /* cursor: nw-resize; } */
.dot.left-bottom 			{ bottom: -6px; left: -6px; } /*  cursor: sw-resize; } */
.dot.right-top 				{ top: -6px; right: -6px; } /*  cursor: ne-resize; } */
.dot.right-bottom 			{ bottom: -6px; right: -6px; } /*  cursor: se-resize; } */
.dot.top-mid 				{ top: -6px; left: calc(50% - 6px); } /*  cursor: n-resize; } */
.dot.left-mid 				{ left: -6px; top: calc(50% - 6px); } /*  cursor: w-resize; } */
.dot.right-mid 				{ right: -6px; top: calc(50% - 6px); } /*  cursor: e-resize; } */
.dot.bottom-mid 			{ bottom: -6px; left: calc(50% - 6px); } /*  cursor: s-resize; } */
.dot.rotate 				{ top: -30px; left: calc(50% - 6px); cursor: url('https://findicons.com/files/icons/1620/crystal_project/16/rotate_ccw.png'), auto; }
.rotate-link 				{ position: absolute; width: 1px; height: 15px; background-color: #1E88E5; top: -20px; left: calc(50% + 0.5px); z-index: -1; }
.disabled					{ pointer-events: none; opacity:0.5; color:#ccc; }

.box-wrapper-selected		{ z-index:2; border:1px dashed #000; }

#imageEditorButtons				{ text-align:center; }
#imageEditorButtons .button, #imageEditorButtons .submit		{ margin:10px; }
#imageEditorButtonsHelp			{ text-align:center; padding:5px; }
#imageEditor					{ position:relative; overflow:hidden; text-align:center; margin:10px; padding:10px; background:#eee; border:1px dashed #999; }
#imageEditorImg					{ max-height:85vh; max-width:100%; }

#imageEditor table				{ margin:auto; }
#imageEditorContainer .box-wrapper img 	{ width:100%; height:100%; }
#imageEditorContainer			{ position:relative; text-align:center }

#uploadFileForm input[type="file"] 			{ background:#fff; padding:10px; margin:10px; border:1px solid #ccc; }

.creaseVertical						{ position:absolute; top:0; height:100%; left:100%; border-left:1px solid #ddd; border-right:1px solid #fff;  }
.creaseVertical span				{ position:relative; display:block; height:100%; }
.creaseVertical span em				{ position:absolute; bottom:-17px; left:-10px; color:#ccc; }

.creaseHorizontal					{ position:absolute; top:100%; width:100%; left:0%; border-top:1px solid #ddd; border-bottom:1px solid #fff;  }
.creaseHorizontal span				{ position:relative; display:block; width:100%; }
.creaseHorizontal span em			{ position:absolute; bottom:-5px; left:-35px; color:#ccc; }

.editorGrid							{ position:absolute; display:none; }
.editorGrid-vertical				{ border-left:1px dashed blue; border-right:1px dashed #fff; }
.editorGrid-vertical-middle 		{ top:-2%; left:50%; height:104%; }
.editorGrid-vertical-left 			{ top:-2%; left:25%; height:104%; }
.editorGrid-vertical-right 			{ top:-2%; left:75%; height:104%; }
.editorGrid-horizontal				{ border-top:1px dashed blue; border-bottom:1px dashed #fff; }
.editorGrid-horizontal-top 			{ left:-2%; top:25%; width:104%; }
.editorGrid-horizontal-middle 		{ left:-2%; top:50%; width:104%; }
.editorGrid-horizontal-bottom 		{ left:-2%; top:75%; width:104%; }

#cmsControls						{ border:1px dashed #ccc; margin:10px auto; background:#fff; }
#cmsControls th						{ text-align:left; padding:5px; font-size:16px; font-weight:300; }
#cmsControls td						{ text-align:right; padding:5px; }
#cmsControls input					{ width:40px; margin:0 25px 0 10px; border:1px solid #ccc; background:#f6f6f6; }
#cmsControls select					{ width:55px; margin:0 25px 0 10px; border:1px solid #ccc; padding:7px;}
#cmsControls .submit				{ padding:2px 10px; }

@media only screen and (max-width:1180px) { /* IPAD PORTRAIT */

.dot 						{ height: 20px; width: 20px; background:transparent; border: 0px; border-radius:20px; }
.dot.left-top 				{ top: -10px; left: -10px; background-image: linear-gradient(0deg, transparent 50%, grey 50%), linear-gradient(90deg, grey 50%, transparent 50%); }
.dot.left-bottom 			{ bottom: -10px; left: -10px;  background-image: linear-gradient(180deg, transparent 50%, grey 50%), linear-gradient(90deg, grey 50%, transparent 50%); }
.dot.right-top 				{ top: -10px; right: -10px; background-image: linear-gradient(90deg, transparent 50%, grey 50%), linear-gradient(180deg, grey 50%, transparent 50%); }
.dot.right-bottom 			{ bottom: -10px; right: -10px; background-image: linear-gradient(90deg, transparent 50%, grey 50%), linear-gradient(0deg, grey 50%, transparent 50%); }
.dot.top-mid 				{ display:none; }
.dot.left-mid 				{ display:none; }
.dot.right-mid 				{ display:none; }
.dot.bottom-mid 			{ display:none; }
.dot.rotate 				{ top: -40px; left: calc(50% - 6px); }
.disabled					{ pointer-events: none; opacity:0.5; color:#ccc; }

}

@media only screen and (max-width:834px) {
	
}

@media only screen and (max-width:550px) { /* MOBILE */

#wysiwygEditor					{ margin:10px; padding:10px; }
#wysiwygEditor #selectBoxes		{ position:relative; width:100%; margin:0 auto; }
#wysiwygEditor #selectBoxes a	{ padding:0 10% 0 0; width:22%; position:relative; }
#wysiwygEditor div				{ margin:0; }
#wysiwygEditor .fontControls	{ display:block; }
#wysiwygEditor a img			{ top:7px; }
#layoutCurrentView				{ display:none !important; }

}