/* Domox Image Editor canvas */

.BR-rootHolder div{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none; 
    user-select: none;
}

.BR-rootHolder{
    font-family: Helvetica, Arial;
    position:relative;
    left:0px; 
    right:0px;
    min-width: 790px;
}

.BR-settingsHolder{
    display:none;
    border:1px solid #999;
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    position: relative;
}

.BR-messagesHolder{
    display:none;
    border:1px solid #999;
    margin-bottom:10px;
    padding-left:15px;
    padding-right:15px;
    position: relative;
}

.BR-imagesHolder{
    position:relative;
    left:0px; 
    right:0px;
}

.BR-leftImageHolder, .BR-rightImageHolder{
    position:absolute;
    top:0px;
    background: white;
    border:1px solid #999;
}

.BR-leftImageHolder{
    left:0px;
    background-color: #eceeef;
}

.BR-rightImageHolder{
    right:0px;
}

.BR-leftCanvasImage, .BR-leftCanvasDraw, .BR-leftCanvasCursor{
    position:absolute;
    top:0px;
    left:0px;
}

.BR-rightCanvasImage, .BR-rightCanvasDraw, .BR-rightCanvasCursor{
    position:absolute;
    top:0px;
    left:0px;
}

.BR-modalDiv{
    position:absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    background: rgba(255,255,255,0.5);
    color:black;
    text-align: center;
    vertical-align: middle;
    line-height: 220px;
    font-size: 25px;
}

.BR-commandHolder1, .BR-commandHolder2{
    position:relative;
    height:40px;
    text-align:left;
    white-space: nowrap;
    box-sizing:border-box;
}

.BR-commandHolder2Left{
    position:absolute;
    left:0%;
    display:flex;
    align-items:center;
}

.BR-commandHolder2Right{
    position:absolute;
    left:50%;
    display:flex;
    align-items:center;
}

.BR-commandBtn{
    background-position: center center;
    background-size: 27px 27px;
    width:30px;
    height:30px;
    border:1px solid rgba(72, 103, 126, 0.95);
    border-radius: 8px;
    background-color: rgba(235, 244, 252, 0.96);
    background-repeat: no-repeat;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 1px 2px rgba(9, 22, 34, 0.18);
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
    vertical-align: top;
    box-sizing:border-box;
}
.BR-commandInfoBtn{
    background-position: 0px 0px; 
    background-size: 30px 30px;
    width:30px;
    height:30px;
    border:1px solid rgba(0,0,0,0.5);
    background-color: rgba(220,220,220,0.8);
    display: inline-block;
    margin-left: 4px;
}

.BR-commandInfoLabel{
    padding: 0px;
    vertical-align: top;
    display: inline-block;
    position: relative;
}

.BR-commandSubBtn{
    display:block;

}

.BR-commandBtnArrow{
    background-position: center center;
    background-size: 14px 14px;
    width:30px;
    height:30px;
    border:1px solid rgba(72, 103, 126, 0.95);
    border-radius: 8px;
    background-color: rgba(235, 244, 252, 0.96);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 1px 2px rgba(9, 22, 34, 0.18);
    display: inline-block;
    margin-left: 4px;
    cursor: pointer;
    background-image: url(images/cbarrow.png);
    background-repeat: no-repeat;
    box-sizing:border-box;
}

.BR-commandBtn:hover, .BR-commandBtnArrow:hover {
    background-color: rgba(245, 251, 255, 0.98);
    border-color: rgba(40, 137, 174, 0.95);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 2px 4px rgba(9,22,34,0.24);
}

.BR-commandBtn:active {
    background-position: center center;
    background-color: rgba(211, 226, 238, 0.96);
    box-shadow: inset 0 2px 5px rgba(9,22,34,0.2);
}

.BR-commandBtnArrow:active {
    box-shadow: 2px 2px 4px #888888;
}

.BR-eraserOptionsHolder, .BR-yellowMarkerOptionsHolder, .BR-saveOptionsHolder, .BR-downloadOptionsHolder{
    position:absolute;
    z-index:9999;
}

.BR-saveOptionsHolder{
    padding: 5px;
    background:rgba(220,220,220,0.95);
    border: 1px solid rgba(0,0,0,0.5);
}

.BR-jpgQualityInput{
    width:60px;
}
.BR-jpgBgInput{
    width:90px;
}

.BR-commandText{
    font-size: 16px;
    line-height: 30px;
    padding-left:10px;
    padding-right:10px;
    width:auto;
    vertical-align: top;
    color:inherit;
    text-decoration:none;
}

.BR-commandText, .BR-commandText:link , .BR-commandText:visited , .BR-commandText:hover , .BR-commandText:active {
    color:inherit !important;
    text-decoration:none !important;
}

.BR-commandDownloadImage{
    display:none;
}

.BR-commandSaveImage{
    display:none;
}
.BR-commandSubInner{
    position: absolute;
    line-height: 14px;
    padding: 1px;
    font-size: 13px;
}
.BR-commandCrop{
    margin-left: 15px;
    background-image: url(images/crop.png);
    border-right:none;
}
.BR-commandAutoCrop, .BR-commandManualCrop{
    text-align: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0,0,0,0.5);
    border-left: none;
    background-color: rgba(220,220,220,0.8);
    display: inline-block;
    margin-left: 0px;
}
.BR-commandManualCrop{
    /*border-right: none;*/
}

.BR-commandEraser{
    margin-left: 15px;
    background-image: url(images/eraser.svg);
    background-size: 27px 27px;
    background-repeat: no-repeat;
    background-position: center center;
}

.BR-commandEraser1, .BR-commandEraser2, .BR-commandEraser3, .BR-commandEraser4, .BR-commandEraser5, .BR-commandEraser10{
    background-position: center center; 
    background-image: url(images/eraser.svg);
    background-repeat:no-repeat;
}

.BR-commandEraser1:active, .BR-commandEraser2:active, .BR-commandEraser3:active, .BR-commandEraser4:active, .BR-commandEraser5:active, .BR-commandEraser10:active{
    background-position: center center !important; 
}

.BR-commandEraser1{
    background-size: 10px 10px;
}

.BR-commandEraser2{
    background-size: 15px 15px;
}

.BR-commandEraser3{
    background-size: 20px 20px;
}

.BR-commandEraser4{
    background-size: 25px 25px;
}

.BR-commandEraser5{
    background-size: 30px 30px;
}

.BR-commandEraser10{
    background-size: 35px 35px;
}

.BR-eraserSizeLabel, .BR-yellowMarkerSizeLabel{
    position:absolute;
    font-size:10px;
    line-height:10px;
}

.BR-autoCropCB{
    margin:1px;
}

.BR-commandOutputSettings{
    background-image: url(images/outputSettings.png);
}

.BR-commandUndo{
    margin-left: 15px;
    background-image: url(images/undo.png);
}

.BR-commandRedo{
    background-image: url(images/redo.png);
}

.BR-disabledBtn{
    opacity:0.55;
}

.BR-commandBtn.BR-disabledBtn, .BR-commandBtnArrow.BR-disabledBtn{
    background-color: rgba(150, 164, 174, 0.82);
    border-color: rgba(120, 135, 145, 0.8);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.12);
}

.BR-commandZoomIn{
    background-image: url(images/zoom-in.svg);
}

.BR-commandZoomOut{
    background-image: url(images/zoom-out.svg);
}

.BR-commandMove{
    margin-left: 15px;
    background-image: url(images/hand.png);
}

.BR-commandYellowMarker,
.BR-commandYellowMarkerHorizontal,
.BR-commandYellowMarkerVertical,
.BR-commandMagicWand{
    position: relative;
    background-color: #0d2b3a;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px 24px;
    border-color: rgba(0, 172, 210, 0.42);
}

.BR-commandYellowMarkerFree{
    background-image: url(images/circel.svg);
}

.BR-commandYellowMarkerHorizontal{
    background-image: url(images/line_horizontal.svg);
}

.BR-commandYellowMarkerVertical{
    background-image: url(images/line_vertical.svg);
}

.BR-yellowDotIcon,
.BR-yellowLineIcon{
    display: none;
}

.BR-commandActive{
    background-color: #123f53;
    border-color: rgba(0, 172, 210, 0.82);
    box-shadow: inset 0 0 0 2px rgba(0, 172, 210, 0.65), 0 0 0 2px rgba(0, 172, 210, 0.18);
}

.BR-commandSelectForeground{
    background-image: url(images/foreground.png);
}

.BR-commandSelectBackground{
    background-image: url(images/background.png);
}

.BR-commandSelectForegroundLine{
    background-image: url(images/foregroundLine.png);
}

.BR-commandSelectBackgroundLine{
    background-image: url(images/backgroundLine.png);
}

.BR-commandRemoveDrawing{
    margin-left: 15px;
    background-image: url(images/removeDrawing.svg);
    background-size: 27px 27px;
    background-repeat: no-repeat;
    background-position: center center;
}

.BR-commandMove{
    margin-left: 15px;
    background-image: url(images/hand.png);
}

.BR-commandMagicWand{
    background-image: url(images/wand.svg);
    background-size: 22px 22px;
}

.BR-commandMagicWand.BR-commandActive{
    background-color: #123f53;
    border-color: rgba(0, 172, 210, 0.82);
}

.BR-commandExtraMagicWand{
    background-image: url(images/extraMagicWand.png);
}

.BR-commandMagicWandPropsHolder{
    height:30px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-left: 4px;
    vertical-align: top;
    cursor: default;
    position:relative;
    box-sizing:border-box;
}

.BR-commandMagicWandPropControl{
    height:30px;
    margin-left: 8px;
    min-width: 140px;
    display: inline-grid;
    grid-template-columns: minmax(58px, auto) 24px 34px 24px;
    align-items: center;
    overflow: hidden;
    border:1px solid rgba(72, 103, 126, 0.95);
    border-radius: 8px;
    background: linear-gradient(180deg, rgba(235, 244, 252, 0.96), rgba(211, 226, 238, 0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 1px 2px rgba(9, 22, 34, 0.18);
    box-sizing:border-box;
}

.BR-commandMagicWandPropLabel{
    padding: 0 8px;
    color: #172432;
    font-size: 12px;
    line-height: 28px;
    font-weight: 700;
    white-space: nowrap;
    cursor: default;
}

.BR-commandMagicWandStep{
    width: 24px;
    height: 28px;
    padding: 0;
    margin: 0;
    border: 0;
    border-left: 1px solid rgba(68, 91, 108, 0.28);
    background: rgba(255, 255, 255, 0.26);
    color: #0f2535;
    font-size: 18px;
    line-height: 26px;
    font-weight: 800;
    cursor: pointer;
    box-sizing:border-box;
}

.BR-commandMagicWandStep:hover{
    background: rgba(31, 163, 208, 0.18);
}

.BR-commandMagicWandStep:active{
    background: rgba(31, 163, 208, 0.34);
}

.BR-commandMagicWandPropInput{
    height:28px;
    width:34px;
    padding: 0 !important;
    margin: 0 !important;
    border:0 !important;
    border-left: 1px solid rgba(68, 91, 108, 0.28) !important;
    border-radius: 0 !important;
    background: rgba(255,255,255,0.72) !important;
    color:#10202d;
    font-size:14px;
    font-weight:700;
    line-height:28px;
    text-align:center;
    box-sizing:border-box;
}

.BR-commandManualCropPropsHolder{
    width:120px;
    height:30px;
    border:1px solid rgba(220,220,220,0.8);
    background-color: rgba(220,220,220,0.8);
    display: inline-block;
    margin-left: 0px;
    cursor: pointer;
    position:relative;
}

.BR-commandManualCropPropLabel1, .BR-commandManualCropPropLabel2, .BR-commandManualCropPropLabel3, .BR-commandManualCropPropLabel4{
    position: absolute;
    font-size:12px;
    line-height: 15px;
    height:18px;
    cursor:default;
}

.BR-commandManualCropPropLabel1{
    top:0px;
    left:0px;
}

.BR-commandManualCropPropLabel2{
    top:16px;
    left:0px;
}

.BR-commandManualCropPropLabel3{
    top:0px;
    left:58px;
}

.BR-commandManualCropPropLabel4{
    top:16px;
    left:58px;
}

.BR-commandManualCropPropX, .BR-commandManualCropPropY, .BR-commandManualCropPropW, .BR-commandManualCropPropH{
    position: absolute;
    font-size:11px;
    line-height: 11px;
    height:14px;
    width:45px;
    padding:0px;
    margin:	0px !important;
    border:0px solid white !important;
    text-align:left;
    padding: 0px !important;
    padding-left:2px  !important;
}

.BR-commandManualCropPropX{
    top:0px;
    left:10px;
}

.BR-commandManualCropPropY{
    top:16px;
    left:10px;
}

.BR-commandManualCropPropW{
    top:0px;
    left:72px;
}

.BR-commandManualCropPropH{
    top:16px;
    left:72px;
}

.BR-commandPreviewTransparent{
    background-image:  url(images/previewTransparent.png);
    float:right;
}

.BR-commandPreviewEdgeMask{
    background-image: url(images/previewEdgeMask.png);
    float:right;
}

.BR-commandPreviewEdge{
    background-image: url(images/previewEdge.png);
    float:right;
}

.BR-commandBorderMover{
    background-image: url(images/borderMover.png);
}

.BR-commandResizeHorizontalLeft, .BR-commandResizeHorizontalRight {
    float:right;
    background-image: url(images/resizeHorizontal.png);
    display:none;
}

.BR-commandResizeHorizontalOpositeLeft, .BR-commandResizeHorizontalOpositeRight{
    float:right;
    background-image: url(images/resizeHorizontalOposite.png);
}

.BR-cursorPAN{
    cursor: url("/domox-image-editor/editor/css/images/handIcon.png") 15 15, grab;
}

.BR-cursorPAN:active{
    cursor: url("/domox-image-editor/editor/css/images/hand.png") 15 15, grabbing;
}

.BR-cursorFGPOLY, .BR-cursorFGLINE{
    cursor: url("/domox-image-editor/editor/css/images/greenDot10.png") 4 4, copy;
}

.BR-cursorBGPOLY, .BR-cursorBGLINE{
    cursor: url("/domox-image-editor/editor/css/images/redDot10.png") 5 5, not-allowed;
}

.BR-cursorMAGICWAND{
    cursor: url("/domox-image-editor/editor/css/images/wandCursor.svg") 17 17, crosshair;
}

.BR-cursorEXTRAMAGICWAND{
    cursor: url("/domox-image-editor/editor/css/images/wandCursor.svg") 17 17, crosshair;
}

.BR-cursorDOMOXMAGIC,
.BR-cursorDOMOXMAGIC-free{
    cursor: url("/domox-image-editor/editor/css/images/circel.svg") 15 15, crosshair;
}

.BR-cursorDOMOXMAGIC-horizontal{
    cursor: url("/domox-image-editor/editor/css/images/line_horizontal.svg") 15 15, crosshair;
}

.BR-cursorDOMOXMAGIC-vertical{
    cursor: url("/domox-image-editor/editor/css/images/line_vertical.svg") 15 15, crosshair;
}

.BR-cursorEDGEMOVER{
    cursor: none;  
}

.BR-cursorERASER{
    cursor: none;  
}

.BR-commandSelectImage{
    /*margin-left: 15px;*/
}

.BR-commandConvert{
    margin-left: 15px;
}

.BR-commandEdgeHolder{
    vertical-align: top;
    display: inline-block;
    position:relative;
}

.BR-commandEdgeSelect{

}

.BR-edgeLabel{
    position:absolute;
    right:4px;
    top:-10px;
    z-index: 10;
    font-size:10px;
    line-height: 12px;
    text-transform: uppercase;
}

.BR-commandPreviewCustom{
    margin-left:4px;
    background-image: url(images/color.png);
    background-color: white;
    float:right;
}

.BR-colorPickerHolder{
    display: inline-block;
    position:relative;
    float:right;
    margin-top:35px;
    margin-left:0px;
}

.BR-colorPicker{
    position:absolute;
    margin-left: -78px;
    z-index: 9999;
    width: 200px;
    height:200px;
}


.BR-colorPickerHolderSaveAs{
    display: inline-block;
    position:relative;
    float:right;
    /*margin-top:35px;*/
    margin-left:0px;
}

.BR-colorPickerSaveAs{
    position:absolute;
    margin-left: -148px;
    margin-top: 28px;
    z-index: 9999;
    width: 200px;
    height:200px;
}

.BR-settingsInput{
    width:500px;
}

.BR-dropInfo{
    display:none;
    pointer-events:none;
    cursor:default;
    text-align: center;
    padding:30px;
    line-height: 60px;
    font-size:25px;
    top:0px;
    left:0px;
    position:absolute;
    border:5px lightgray dashed;
    color:gray;
}

.BR-dropInfoEnter{
    border:5px #00EE00 dashed;
    color:#00EE00;
    background: rgba(0,240,0,0.1);
}

.BR-commandPreviewEdge,
.BR-commandPreviewEdgeMask,
.BR-commandPreviewTransparent,
.BR-commandPreviewCustom,
.BR-commandResizeHorizontalLeft,
.BR-commandResizeHorizontalRight,
.BR-commandResizeHorizontalOpositeLeft,
.BR-commandResizeHorizontalOpositeRight,
.BR-commandEdgeHolder,
.BR-commandInfoCrop,
.BR-commandManualCropPropsHolder {
    display: none !important;
}

/* Domox toolbar theme: match tolerance/border controls. */
.BR-commandHolder .BR-commandBtn,
.BR-commandHolder2 .BR-commandBtn,
.BR-commandHolder .BR-commandBtnArrow,
.BR-commandHolder2 .BR-commandBtnArrow{
    background-color: rgba(235, 244, 252, 0.96) !important;
    border-color: rgba(72, 103, 126, 0.95) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 1px 2px rgba(9, 22, 34, 0.18) !important;
}

.BR-commandHolder .BR-commandBtn:hover,
.BR-commandHolder2 .BR-commandBtn:hover,
.BR-commandHolder .BR-commandBtnArrow:hover,
.BR-commandHolder2 .BR-commandBtnArrow:hover{
    background-color: rgba(245, 251, 255, 0.98) !important;
    border-color: rgba(40, 137, 174, 0.95) !important;
}

.BR-commandHolder .BR-commandBtn:active,
.BR-commandHolder2 .BR-commandBtn:active,
.BR-commandHolder .BR-commandBtn.BR-commandActive,
.BR-commandHolder2 .BR-commandBtn.BR-commandActive{
    background-color: rgba(211, 226, 238, 0.96) !important;
    border-color: rgba(40, 137, 174, 0.95) !important;
}

.BR-commandHolder .BR-commandBtn.BR-disabledBtn,
.BR-commandHolder2 .BR-commandBtn.BR-disabledBtn,
.BR-commandHolder .BR-commandBtnArrow.BR-disabledBtn,
.BR-commandHolder2 .BR-commandBtnArrow.BR-disabledBtn{
    background-color: rgba(150, 164, 174, 0.82) !important;
    border-color: rgba(120, 135, 145, 0.8) !important;
}
/* Settings/output gear is intentionally hidden in the Domox editor toolbar. */
.BR-commandOutputSettings{
    display: none !important;
}

.BR-commandMagicWandPropControlTolerance{
    margin-left: 12px;
}

.BR-commandMagicWandPropControlBorder{
    margin-left: 8px;
}


/* Domox fullscreen layout polish. */
.BR-mainHolder{
    position:relative;
    margin:0;
}

.BR-commandHolder1{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
}

.BR-commandHolder2 .BR-commandBtn,
.BR-commandHolder2 .BR-commandBtnArrow,
.BR-commandHolder2 .BR-commandText,
.BR-commandHolder2 .BR-commandMagicWandPropControl{
    flex:0 0 auto;
    vertical-align:middle;
}

.BR-commandHolder2 .BR-commandMagicWandPropControl{
    align-self:center;
}

/* Domox yellow SVG cursors: inline data URLs keep marker cursors yellow on every browser. */
.BR-cursorDOMOXMAGIC,
.BR-cursorDOMOXMAGIC-free{
    cursor: url("data:image/svg+xml,%3Csvg fill='%23ffe000' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 29.7 29.8'%3E%3Ccircle cx='14.8' cy='14.9' r='6.4'/%3E%3C/svg%3E") 15 15, crosshair !important;
}

.BR-cursorDOMOXMAGIC-horizontal{
    cursor: url("data:image/svg+xml,%3Csvg fill='%23ffe000' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 29.7 29.8'%3E%3Cpath d='m27.4 16.5h-25.1c-1.1 0-2-.9-2-2v-.9c0-1.1.9-2 2-2h25.1c1.1 0 2 .9 2 2v.9c0 1.1-.9 2-2 2z'/%3E%3C/svg%3E") 15 15, crosshair !important;
}

.BR-cursorDOMOXMAGIC-vertical{
    cursor: url("data:image/svg+xml,%3Csvg fill='%23ffe000' xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 29.7 29.8'%3E%3Cpath d='m12.4 27.4v-25.1c0-1.1.9-2 2-2h.9c1.1 0 2 .9 2 2v25.1c0 1.1-.9 2-2 2h-.9c-1.1 0-2-.9-2-2z'/%3E%3C/svg%3E") 15 15, crosshair !important;
}

/* Domox yellow wand cursor: keep the canvas cursor yellow even if wandCursor.svg is neutral/dark. */
.BR-cursorMAGICWAND,
.BR-cursorEXTRAMAGICWAND{
    cursor: url("data:image/svg+xml,%3Csvg viewBox='0 0 29.69 29.76' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffe000' d='m11.85 15.55c-.98-.31-1.92-.6-2.85-.89-.49-.15-.99-.29-1.46-.49-1.09-.47-1.33-1.85-.43-2.62.64-.54 1.35-1 2.03-1.48 1-.71 1.99-1.41 3-2.11.15-.1.17-.22.17-.38-.03-1.94-.06-3.88-.09-5.82 0-.57.17-1.07.65-1.41.63-.46 1.31-.45 1.98.04 1.23.91 2.46 1.83 3.68 2.74.35.26.7.54 1.06.79.08.06.23.09.33.05 1.88-.63 3.76-1.27 5.64-1.9.63-.21 1.23-.11 1.71.38.52.53.56 1.16.33 1.83-.62 1.82-1.25 3.65-1.86 5.47-.04.11 0 .3.08.4 1.09 1.48 2.19 2.95 3.29 4.42.25.33.48.67.55 1.1.13.79-.51 1.69-1.31 1.77-.21.02-.43.03-.65.03-1.86-.02-3.73-.03-5.59-.06-.19 0-.3.06-.41.21-1.12 1.59-2.24 3.18-3.37 4.77-.59.82-1.53.98-2.32.42-.34-.24-.52-.6-.64-.99-.39-1.25-.78-2.51-1.16-3.76-.06-.2-.11-.21-.28-.03-1.31 1.31-2.62 2.61-3.92 3.92-2.38 2.39-4.76 4.79-7.14 7.19-.36.36-.77.63-1.31.62-.89-.01-1.62-.79-1.56-1.68.03-.48.25-.85.58-1.18l6.69-6.69c.49-.49.99-.99 1.48-1.48.98-.99 1.95-1.98 2.92-2.97.05-.05.09-.11.17-.2zm11.71-9.39c-.1.01-.13 0-.16.02-1.05.35-2.1.7-3.14 1.07-.7.25-1.33.19-1.92-.27-.74-.58-1.5-1.13-2.26-1.69-.18-.14-.37-.27-.61-.44v.33c.01 1.09.02 2.18.04 3.27.01.7-.25 1.23-.83 1.63-.9.62-1.78 1.26-2.67 1.89-.07.05-.13.11-.23.18.12.05.19.09.27.11 1.05.32 2.09.65 3.14.97.62.19 1.05.57 1.24 1.21.24.8.5 1.6.75 2.4.11.34.22.69.35 1.09.1-.12.17-.19.22-.26.63-.88 1.26-1.76 1.87-2.65.4-.58.93-.85 1.63-.83 1.07.02 2.15.03 3.22.05.09 0 .19 0 .34-.02-.08-.12-.12-.2-.17-.27-.66-.89-1.33-1.77-1.98-2.66-.32-.43-.5-.91-.32-1.45.27-.84.55-1.67.83-2.51.12-.38.25-.75.39-1.17z'/%3E%3C/svg%3E") 17 17, crosshair !important;
}

/* Domox move canvas cursor */
.BR-cursorPAN,
.BR-cursorPAN:active{
    cursor: url("/domox-image-editor/editor/css/images/move.svg") 15 15, move !important;
}

/* Domox blue move canvas cursor */
.BR-cursorPAN,
.BR-cursorPAN:active{
    cursor: url("data:image/svg+xml,%3Csvg fill='%2300acd2' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.7 29.8' width='30' height='30'%3E%3Cpath d='M14.8 1.7 9.9 6.6h3.1v6.4H6.6V9.9L1.7 14.8l4.9 4.9v-3.1h6.4v6.4H9.9l4.9 4.9 4.9-4.9h-3.1v-6.4h6.4v3.1l4.9-4.9-4.9-4.9v3.1h-6.4V6.6h3.1L14.8 1.7z'/%3E%3C/svg%3E") 15 15, move !important;
}