/*fix for colorpicker bootstrap.sliders*/
.mce-colorpanel.mce-container .glyphicon {
	font-family: "Glyphicons Halflings";
}
.mce-colorpanel.mce-container .cp-container,
.mce-colorpanel.mce-container .cp-container * {
	box-sizing: border-box;
}
.cp-container {
	font-family: Roboto;
}
.cp-container .cp-swatches .hex_present_pref, 
.cp-container .cp-swatches .hex_present {
	display: inline-block;
	margin-right: 5px;
}
.cp-container .cp-swatches .hex_present {
	width: 50px !important;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
	border: none;
}
.cp-container .cp-swatches .hex_present:hover,
.cp-container .cp-swatches .hex_present_pref {
	color: #09c9da;
}
.cp-container .cp-swatches .hex_preset_shell {
	border: 1px solid #09c9da;
	background-color: transparent;
	border-radius: 3px;
	padding: 2px 7px;
	display: inline-block;
	float: left;
	margin-right: 10px;
}
.mce-container .mce-colorbutton {
	margin-top: 3px;
	margin-left: 0px;
}
.scsElMenuBtn.scsColorBtn .scsColorpickerInputShell {
	vertical-align: middle;
}
.scsColorpickerInput,
.scsColorpickerInputShell,
.mce-container .mce-colorbutton .scsColorpickerInput,
.mce-container .mce-colorbutton .scsColorpickerInputShell {
	width: 20px;
	height: 20px;
	/*border-radius: 50%;*/
	border-radius: 0 50% 50% 50%;
	transform: rotateZ(23deg);
	border: none;
	cursor: pointer;
	color: transparent !important;
	display: inline-block;
}
.scsColorpickerInput:hover,
.scsColorpickerInput:active,
.mce-container .mce-colorbutton .scsColorpickerInput:hover,
.mce-container .mce-colorbutton .scsColorpickerInput:active,
.cp-container .cp-swatches li.actual {
	box-shadow: #09c9da 0 0 0.2em, #09c9da 0 0 0.2em, #09c9da 0 0 0.2em;
}
.cp-container,
.mce-colorpanel.mce-container .cp-container {
    width: auto;
    position: relative;
    box-sizing: border-box;
	padding: 10px 20px 5px;
}
.mce-colorbutton .mce-i-forecolor:before {
	content: "" ;
}
.mce-colorbutton .mce-i-forecolor {
	width: 25px;
}
.cp-container {
	background-color: #263238 !important;
}
.mce-colorpanel.mce-container .cp-container,
.scsElMenuSubPanel .cp-container {
	background-color: transparent !important;
}
.cp-container .cp-transparency,
.cp-container .cp-swatches li,
.scsColorpickerInputShell,
.mce-container .mce-colorbutton .scsColorpickerInputShell,
.mce-colorpanel.mce-container .cp-container .cp-transparency {
	/*SCSO*/
	/*background-image: url(data:image/gif;base64,R0lGODlhBgAGAIABAMPDw////yH5BAEKAAEALAAAAAAGAAYAAAIKhIMGGMrs0pGgAAA7);
	background-repeat: repeat;*/
    /*background:url(data:image/gif;base64,R0lGODlhBgAGAIABAMPDw////yH5BAEKAAEALAAAAAAGAAYAAAIKhIMGGMrs0pGgAAA7) repeat;*/
	/*****/
}
.mce-container .mce-colorbutton .scsColorpickerInputShell {
	margin-top: 2px;
}
/*SCSO*/
.cp-container .cp-slider,
.cp-container .cp-preview {
    width: 200px;
	float: right;
    height: 4px;
    border: none;
    margin: 7px 4px 25px;
    position: relative;
	border-radius: 10px;
}
.cp-container .cp-slider-label {
	float: left;
	font-weight: bold;
	color: #09c9da;
	margin-right: 10px;
}
/*****/
.cp-container .cp-slider {
    cursor: ew-resize;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cp-container .cp-preview {
    height: 39px;
}

.cp-container .cp-slider span,
.cp-container .cp-preview input {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-family: sans-serif;
    line-height: 26px;
    font-size: 14px;
	border-radius: 10px;
}

.cp-container .cp-preview input {
    line-height: 39px;
    padding: 0;
    outline: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    background: none;
}

.cp-container .cp-marker {
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    top: -10px;
	background-color: rgba(9, 201, 218, 0.5);
	border-radius: 50%;
	box-shadow: inset 0 0 1px #000;
	color: #999;
	text-align: center;
	font-size: 10px;
}
.cp-container .cp-marker:after {
	content: "";
	border: 5px solid #09c9da;
	border-radius: 50%;
    position: absolute;
    top: calc(50% - 5px);
	left: calc(50% - 5px);
}
/*.cp-slider.cp-hslhue .cp-marker {
	background-image: url("http://hawarbeachhotel.com/wp-content/plugins/coming-soon-by-supsystic/js/jquery.bootstrap.colorpicker/holder.png");
	background-position: center center;
    background-repeat: no-repeat;
}*/
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-cielightness .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciechroma .cp-marker,
.cp-container.cp-unconvertible-cie-color .cp-slider.cp-ciehue .cp-marker {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAMAAABVLlSxAAAAvVBMVEUAAADLy8u8vLzZ2dlgYGDe3t5sbGxoaGjr6+vb29tqamrCwsJmZmZkZGTW1tbExMTw8PDj4+Pa2tpfX1/z8/PU1NTp6enX19fg4OBwcHDc3NzJycn4+Pj7+/v6+vrd3d3h4eH+/v6lpaWmpqaampqgoKBlZWWzs7Orq6tra2uxsbGBgYF1dXVnZ2d/f3/T09PMzMxhYWFjY2P19fXv7+9vb2/l5eVzc3P////n5+eysrKDg4OCgoJ5eXnoAACu7h75AAAAAXRSTlMAQObYZgAAAG1JREFUeNo1ytsaQkAAReGdkpRKRUTofEANBoOY93+sfMp/tS4WNqM4mSvSdJztEJPFkETyJNUYEmMtzvhApfsQN89cCXxJ3WOD1yXfRlx3Cv8NPK+pZedFFaCVnQ+8rGp02Kl8fPDX3Nvs/YYvAnQLhiGwga0AAAAASUVORK5CYII=);
}

.cp-container.cp-popup {
    display: none;
    width: 370px;
    position: absolute;
    margin-top: 0px;
    padding: 20px;
    /*background-color: #fff;*/
    border: 1px solid #09c9da;
    /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);*/
    z-index: 2147483647;
	border-radius: 3px;
}

.cp-container .cp-swatches ul {
    width: auto;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.cp-container .cp-swatches li {
    box-sizing: border-box;
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    margin-right: 5px;
    /*border: 1px solid #888;*/
    cursor: pointer;
	border-radius: 50%;
}

.cp-container .cp-swatches li.actual {
    border-color: #000;
    /*box-shadow: 0 0 3px 1px rgb(250, 128, 0);*/
}

.cp-container .cp-swatches li span {
    display: block;
    width: 100%;
    height: 100%;
	border-radius: 50%;
}

.cp-container .cp-swatches button {
    box-sizing: border-box;
    display: block;
    width: 23px;
    height: 23px;
    float: left;
    margin-right: 5px;
    /*border: 1px solid #c9c9c9;
    border-radius: 5px;
    background-color: #eee;
    background-repeat: no-repeat;
    background-position: center center;*/
	border: none;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
    /*cursor: default;*/
}

.cp-container .cp-swatches button:enabled {
    cursor: pointer;
}

.cp-container .cp-swatches button:active:enabled {
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/*.cp-container .cp-swatches button.add {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAACVBMVEUAAAAAAAAAAACDY+nAAAAAAnRSTlP7AIHb9U4AAAAkSURBVHjavc4hDgAADMLAwf8fPYKcJGEnqzowCqwTeATh53QBxJABcUm2nCEAAAAASUVORK5CYII=);
}

.cp-container .cp-swatches button.remove {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAApVBMVEUDAwMCAgICAgILCwsNDQ0REREGBgYHBwcICAgLCwsODg4JCQkLCwsgICAGBgYVFRUBAQEGBgYICAgkJCQJCQkFBQU+Pj4SEhICAgICAgIBAQECAgIREREFBQUICAgaGhoFBQUBAQEUFBQMDAwODg4WFhYTExMQEBAaGhoUFBRHR0chISEUFBQBAQEDAwNEREQKCgpAQEAHBwcFBQUFBQUAAAAAAAAxiR9QAAAANnRSTlP//f48aHCls7s0MHROCp1A+4WTBnqsAiDg3enbOqqBDMnzGlQyFBooDhwCCBjx0wJ4EmZOzgDzkDEIAAAAeklEQVR42o3L2RLBQBRF0VbGIIgYQgyJmCVBOOf/P81Fq+682Y+rait82kdbfNOQMN7sDhZgxXCepRZMxiTziwG4ucjybABpJrKwAG1yJEv1+avV5WAK9aCqNcl6gxV0GBzfcL2R90IAvdmpDP4aJZD+BGdI9j0DOg0vUhMssT3aBI8AAAAASUVORK5CYII=);
}

.cp-container .cp-swatches button.reset {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAA2FBMVEUCAgIBAQEFBQUGBgYPDw8CAgIqKioKCgobGxsGBgYFBQUKCgoHBwcdHR0mJiZFRUUMDAwQEBADAwMaGhoMDAwDAwMEBAQDAwMFBQUODg4FBQUPDw8NDQ0DAwMaGhoPDw8FBQUFBQUmJiYNDQ0CAgIBAQEGBgYGBgYREREODg4SEhI7OzsODg4RERE/Pz8REREODg4DAwMFBQUzMzM3NzcFBQUNDQ0dHR0GBgYODg4BAQEZGRkGBgYEBAQQEBAVFRUEBAQNDQ0EBAQGBgYAAAACAgIBAQEAAAAT9YvKAAAARXRSTlP9/afbOOwMSg52g2yPDAwCRjDYGEjsqumPMqU2ZtYONKyuDkDk7pWTNkAyBkI0BjBS25MICJ1CGJk2+A6LuyoUs0isnQDapSJ+AAAAqUlEQVR42kXI11bCUBQA0SMoIEhTigWkKBbEgpgAKYSQczP//0feJUjmbbZUVbW56hrTdu7UJpWL2opDt/cWzkmh07paugn0fZUy0NO/1h5DlWvg5GEvA3iVBObfX7rviZ0UG2M99oKIFuoZLFIkzzKDNwtnuBlMMeKQZBCwlVNY//8GYtEc3s3hJ4QqWrqE5/efj88AHiML6o+ANAXCSC3YZjsDZhur7RdGhjsGc+eEZwAAAABJRU5ErkJggg==);
}*/

.cp-container button:disabled {
    opacity: 0.27;
}