/*
 * Copyright 1999-2024 FlamingText.com Pty Ltd
 * All rights are reserved.
 */

.anglePicker-circle {
	border-radius: 100%;
	border: 1px solid #333333;
}
.anglePicker-center {
	border-radius: 100%;
	border: 1px dotted #999999;
	position: absolute;
}
.anglePicker-handle {
	border-radius: 100%;
	background-color: #333333;
	position: absolute;
}

.anglePicker-value {
	border-radius: 3px;
	background-color: #333333;
	position: absolute;
	color: #EEEEEE;
	width:30px;
	height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	text-align: center;
	z-index:1;
}

.anglePicker-top {
	position:relative;
	cursor:pointer;
}
.anglePicker-control {
	position:relative;
	width:40px;
	height:40px;
	border: 1px solid black;
	display:block;
}
.anglePicker-outer.anglePicker-popup {
	opacity:0;
	position:absolute;
	left:45px;
	top:0px;
	display:inline-block;
	border:1px solid orange;
	border-radius:5px;
	background-color: white;
	z-index:2;
}
.anglePicker-other.anglePicker-popup.anglePicker-open {
	opacity:1;
}

/*!
 * roundSlider v1.3.3 | (c) 2015-2019, Soundar
 * MIT license | http://roundsliderui.com/licence.html
 */

.rs-ie, .rs-edge {
    -ms-touch-action: none;
    touch-action: none;
}
.rs-control { position: relative; outline: 0 none; }
.rs-container { position: relative; }
.rs-control *, .rs-control *:before, .rs-control *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.rs-animation .rs-transition
{
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.rs-bar
{
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
.rs-control .rs-split .rs-path,
.rs-control .rs-overlay1,
.rs-control .rs-overlay2
{
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}
.rs-control .rs-overlay
{
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
.rs-rounded .rs-seperator, .rs-split .rs-path {
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding; 
    background-clip: padding-box;
}
.rs-control.rs-error
{
    border: 1px dotted;
    text-align: center;
}
.rs-readonly {
    height: 100%;
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 100;
}
.rs-disabled {
    opacity: 0.35;
}
.rs-inner-container
{
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.quarter div.rs-block { height: 200%; width: 200%; }
.half.top div.rs-block, .half.bottom div.rs-block { height: 200%; width: 100%; }
.half.left div.rs-block, .half.right div.rs-block { height: 100%; width: 200%; }
.bottom > .rs-inner-container > .rs-block { top: auto; bottom: 0; }
.right .rs-inner-container > .rs-block { right: 0; }
div.rs-block { -webkit-border-radius: 1000px; border-radius: 1000px; }
.rs-block
{
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 3;
}
.rs-block .rs-inner
{
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
}
.rs-overlay { width: 50%; }
.rs-overlay1, .rs-overlay2 { width: 100%; }
.rs-overlay, .rs-overlay1, .rs-overlay2
{
    position: absolute;
    background-color: white;
    z-index: 3;
    top: 0;
    height: 50%;
}
.rs-bar
{
    display: block;
    position: absolute;
    height: 0;
    z-index: 10;
}
.rs-bar.rs-rounded {
    z-index: 5;
}
.rs-bar .rs-seperator {
    height: 0px;
    display: block;
    float: left;
}
.rs-bar:not(.rs-rounded) .rs-seperator {
    border-left: none;
    border-right: none;
}
.rs-bar.rs-start  .rs-seperator { border-top: none; }
.rs-bar.rs-end  .rs-seperator { border-bottom: none; }
.rs-bar.rs-start.rs-rounded .rs-seperator { border-radius: 0 0 1000px 1000px; }
.rs-bar.rs-end.rs-rounded .rs-seperator { border-radius: 1000px 1000px 0 0; }
.full .rs-bar, .half .rs-bar { width: 50%; }
.half.left .rs-bar, .half.right .rs-bar, .quarter .rs-bar { width: 100%; }
.full .rs-bar, .half.left .rs-bar, .half.right .rs-bar { top: 50%; }
.bottom .rs-bar { top: 0; }
.half.right .rs-bar, .quarter.right .rs-bar { right: 100%; }

.rs-handle.rs-move { cursor: move; }
.rs-readonly .rs-handle.rs-move { cursor: default; }
.rs-path { display: block; height: 100%; width: 100%; }
.rs-split .rs-path
{
    -webkit-border-radius: 1000px 1000px 0 0;
    border-radius: 1000px 1000px 0 0;
    overflow: hidden;
    height: 50%;
    position: absolute;
    top: 0;
    z-index: 2;
}

/*** tooltip styles ***/
.rs-tooltip
{
    position: absolute;
    cursor: default;
    border: 1px solid transparent;
    z-index: 10;
}
.full .rs-tooltip { top: 50%; left: 50%; }
.bottom .rs-tooltip { top: 0; } 
.top .rs-tooltip { bottom: 0; }
.right .rs-tooltip { left: 0; }
.left .rs-tooltip { right: 0; }
.half.top .rs-tooltip, .half.bottom .rs-tooltip { left: 50%; }
.half.left .rs-tooltip, .half.right .rs-tooltip { top: 50%; }
.rs-tooltip .rs-input { outline: 0 none; border: none; background: transparent; }
.rs-tooltip-text { font-family: verdana; font-size: 13px; border-radius: 7px; text-align: center; }
.rs-tooltip.edit, .rs-tooltip .rs-input { padding: 5px 8px; }
.rs-tooltip.hover, .rs-tooltip.edit:hover { border: 1px solid #AAAAAA; cursor: pointer; }
.rs-readonly .rs-tooltip.edit:hover { border-color: transparent; cursor: default; }

/*** handle types ***/
.rs-handle { border-radius: 1000px; outline: 0 none; float: left; }
.rs-handle.rs-handle-square { border-radius: 0px; }
.rs-handle-dot { border: 1px solid #AAAAAA; padding: 6px; }
.rs-handle-dot:after {
    display: block;
    content: "";
    border: 1px solid #AAAAAA;
    height: 100%;
    width: 100%;
    border-radius: 1000px;
}

/*** theming - colors ***/
.rs-seperator { border: 1px solid #AAAAAA; }
.rs-border { border: 1px solid #AAAAAA; }
.rs-path-color { background-color: #FFFFFF; }
.rs-range-color { background-color: #54BBE0; }
.rs-bg-color { background-color: #FFFFFF; }
.rs-handle { background-color: #838383; }
.rs-handle-dot { background-color: #FFFFFF; }
.rs-handle-dot:after { background-color: #838383; }

.gradientMaker-editor {
	display:inline-block;
	position:relative;
}
.gradientMaker-top {
	display:flex;
	vertical-align: top;
	padding:10px;
}
.gradientMaker-control {
	position:relative;
	width:40px;
	height:40px;
	border: 1px solid black;
	display:block;
}
.gradientMaker-outer.gradientMaker-popup {
	opacity:0;
	position:absolute;
	left:45px;
	top:0px;
	border:1px solid orange;
	border-radius:5px;
	background-color: white;
	z-index:2;
	display:inline-block;
}
.gradientMaker-outer.gradientMaker-popup.gradientMaker-open {
	opacity:1;
}	

.gradientMaker-preview {
	/* margin-left:6px;
	margin-right:6px; */
	width:202px; /*1px for border*/
	height:50px;
	/* ie transparent looking checkerboard */
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMAgMAAAArG7R0AAAAA3NCSVQICAjb4U/gAAAACVBMVEX////////MzMzj3LoRAAAAA3RSTlMAzMwP69IHAAAACXBIWXMAAAsSAAALEgHS3X78AAAAFnRFWHRDcmVhdGlvbiBUaW1lADEyLzEyLzEyJZRHgQAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAAUSURBVAiZYwiNWsWADa9aGooNAwCZdxHvZF1NBwAAAABJRU5ErkJggg==") top left repeat;
	border: 1px solid black;
	cursor: copy;
}
.gradientMaker-rotate {
	margin:0;
	display:inline-block;
	margin-top: 0px;
	margin-left: 10px;
}

.gradientMaker-detail {
	position:absolute;
	bottom: 0;
	right: 0;
	padding-right: 20px;
}

.gradientMaker-stops {
	position:relative;
	width:200px; /* extra added at run time */
	height:30px;
}

.gradientMaker-stop {
	position: absolute;
}


.gradientMaker-stop-color.selected {
	box-shadow: 0 0 10px #999999;
}

.gradientMaker-stop-pointer-h {
	/*border: 2px solid blue;*/
	/* opacity: 0.5; */
	width: 13px;
	height: 9px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QIYABwOjNb5GwAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABkSURBVBjTjdHBCcQwDETRP9s/qA5XZHfzc0gMwRuTzEUg6SGDAWmtca+qgFf9S+DsL2OToJIkK/qtjTGGcy8Jvfena84nzQWrStWqEvABnmgFMxu4B1v4BnbwFaww13/wNUk4ACIazmFFLEgUAAAAAElFTkSuQmCC") top left no-repeat;
}

.gradientMaker-stop-pointer-h.selected {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QIYATMsSmjqpQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABaSURBVBjTnZBbCgAxCAMnvf9FeiJ7m+xHVyh9sI+ABDSDImBqrYxu24BvXyTo/WlsSdhGkmaozI3WmjMniYjYbXOelIGlNmCfnYAD+Aws4FtgBEW+74MKP3QBwKdi+TP5PMEAAAAASUVORK5CYII=") top left no-repeat;
}

.gradientMaker-stop-pointer-v {
	/*border: 2px solid blue;*/
	width: 9px;
	height: 13px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QIYDgkb3CDW7gAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjThdHLCcAwDATRSfoHuw1V5HImh3xwiOQYdHuI9QqKN8YQuKcGrTVVf8EHZeCFKqDKpFOgus3ps4wA+7UNgN571ciJlpkignvb4nc+qIJExNT+OUnj+cy3OwBD3OE93R0gtgAAAABJRU5ErkJggg==") top left no-repeat;
	float:left;
}

.gradientMaker-stop-pointer-v.selected {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QIYDgk37vi6DQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABRSURBVBjTjc/BCcAwDEPRr+6/iCfyOOolKYWi1AJfzEPYENLdBvb8Ak+AJ8ATYNk2gKT0A4rXv3LZZpVlJCFA3Z1VVbHbTsc/KMKq+uyOjQnekt9s5toEb9AAAAAASUVORK5CYII=") top left no-repeat;
}

.gradientMaker-stop-color {
	border: 1px solid black;
	/* width: 100%;
	height: 100%; */
	float:left;

}

.gradientMaker-stops-default .gradientMaker-stop .gradientMaker-stop-color {
	width: 13px;
	height: 13px;
}

.gradientMaker-stops-circle .gradientMaker-stop .gradientMaker-stop-color {
	border-radius:100%;
	margin-top: 3px;
	border-radius: 100%;
	width: 25px;
	height: 25px;
}

.gradientMaker-stops-drop .gradientMaker-stop .gradientMaker-stop-color {
	border-radius:0 50% 50% 50%;
	/*transform: translate(-12.5px,-12.5px) rotate(45deg) translate(12.5px,12.5px);*/
	transform: rotate(45deg);
	margin-top: 3px;
	width: 17px;
	height: 17px;
	border: 1px solid black;
	box-shadow: 3px 1px 3px #a2a2a2;
}
.gradientMaker-stops-drop .gradientMaker-stop .gradientMaker-stop-color.selected {
	border-width:3px;
}

.gradientMaker-stops-overlay {
	position:absolute;
	top:-6px;
	left:0px;
}
.gradientMaker-stops.gradientMaker-stops-overlay {
	/* if height !- 0, it interfers with preview clicks */
	height:0px;
	margin-bottom:30px;
}

.gradientMaker-stops-overlay .gradientMaker-stop .gradientMaker-stop-color {
	border-radius:5px;
	width:9px;
	height:58px;
	margin-left:2px;
	margin-top:-61px;
	border: 2px solid white;
	background:none;
}
.gradientMaker-stops-circle .gradientMaker-stop .gradientMaker-stop-pointer-h {
	margin-left: 6px;
}
.gradientMaker-stops-drop .gradientMaker-stop .gradientMaker-stop-pointer-h {
	display:none;
	margin-left: 6px;
}
.gradientMaker-stops-overlay .gradientMaker-stop .gradientMaker-stop-pointer-h {
	border-radius:7px;
	width:13px;
	height:63px;
	border: 2px solid black;
	background: none;
}

.gradientMaker-stops-overlay .gradientMaker-stop .gradientMaker-stop-pointer-h.selected {
	background:none;
}

.gradientMaker-hard {
	text-align:center;
}

input[type="checkbox"] {
	width: auto;
}

/* roundedSlider options*/
.rs-border {
	border: 2px solid #666666;
}
.rs-block .rs-inner {
	display:none;
}
.rs-bar.rs-transition.rs-start{
	display:none;
}
.rs-bar.rs-transition.rs-end{
	display:none;
}

/* ftui rules would go here */
.ftui-edit-icon {
	margin-left: 5px;
	position:relative;
}
.gradientMaker-hard {
	text-align: unset;
	margin-left:3px;
}
.gradientMaker-top {
	padding: 0px 10px 10px 0px;
	margin-left:-5px;
}
.ftui-edit-icon div {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    cursor:pointer;
}