﻿body { margin: 0; padding: 0; line-height: 16px; }
p { margin: 0; }
.btn-Disable { border: 1px solid #58585a !important; color: gray !important; cursor: default !important; text-decoration: none !important; }
/*ST-816*/
.center-div {
    display: table;
    position: absolute; /*margin: auto;*/
    /* margin-top: -35%; top: 8%; right: 0;
    bottom: 0;
    left: -23px;*/
    width: 721px;
    height: auto;
    background-color: #fff;
    border-radius: 0px;
    border: 3px solid #000;
}
.tabs-div { width: 100%; display: block; }
.clearfix { clear: both; }
/* #860, MB, 12/26/17 .tabs_static { padding: 5px 20px 20px; margin: 0; display: block; font-size: 36px; text-transform: uppercase; font-family: 'GillSans-Light'; color: #000; }*/

.tabs_static {
    padding: 5px 20px 20px; margin: 0; display: block;
    text-transform: uppercase; color: #000;

    font-family: GillSans-Light;
    font-size: 36px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0px;
    text-align: left;
}
h5.tabs_static span { display: inline-block; width: 28px; height: 28px; background-position: center; background-size: cover; vertical-align: middle; margin-left: 7px; position: relative; top: -3px; }
/*ST-897 896*/
#ImgPopUpTab1 h5.tabs_static span {background-image: url(../images/opacity.png); width: 29px; /*904,905*/ /*RP ST-1737 change images*/}
/*#ImgPopUpTab2 h5.tabs_static span{background-image: url(../images/ImgPopUp_flip-h.png)}*/
#ImgPopUpTab3 h5.tabs_static span{ background-image:url(../images/frame-h.png)}
#ImgPopUpTab4 h5.tabs_static span{ background-image:url(../images/ImgPopUp_filter-h.png); width: 30px;height: 25px;}
#ImgPopUpTab5 h5.tabs_static span{ background-image:url(../images/ImgPopUp_adjust-h.png)}
#ImgPopUpTab6 h5.tabs_static span{ background-image:url(../images/ImgPopUp_text-h.png?v=2);top: -4px;height: 32px;} /*ST-916 */
span.color,#ImgPopUpTab6 span.color {border-radius: 3px; -moz-border-radius: 3px; margin-bottom:5px;border:solid 0px #000 }/*ST-1547,1586 ,2019 01 22*/
span.color.empty, #ImgPopUpTab6 span.color.empty{ border:solid 1px #979797}/*ST-1547,1586 ,2019 01 22*/
ul.tabs { margin: 20px 0; padding: 0; list-style: none; display: block; right: 0px; position: relative; text-align: center; }
ul.tabs li { display: inline-block; margin: 0; cursor: pointer; padding: 0px 6px; height: 28px; line-height: 28px; color: #292929; position: relative; font-size: 9px; font-family: 'GillSans';font-size: 12px; }
.tab_last { border-right: 0px; }
#ImgPopUpTab1 ul.tabs li.active p {opacity: 0.66;}/*904,905*/
ul.tabs li.active { color: #9013fe; position: relative; }
/*ul.tabs li.tab_last.active { }*/
ul.tabs li.tab_last.active:after { width: 103%; }
/*ul.tabs li.active:after { content: ''; display: block; position: absolute; width: 100%; height: 0px; border-bottom: 2px solid #fff; z-index: 555555555; bottom: -3px; left: 0px;}*/
ul.tabs li p, ul.filterlist li p { text-transform: uppercase; line-height: 24px; }
.btn { cursor: pointer; }
.navigation_row { margin-bottom: 45px; /*height: 40px;*/ width: 100%; display: block; word-wrap: nowrap; text-align: left; }
#ImgPopUpTab3 .navigation_row { margin-bottom: 65px;}
#ImgPopUpTab1 .navigation_row { margin-bottom: 20px; }
#ImgPopUpTab5 .navigation_row { margin-bottom: 0; }
.navigation_part { margin: 0 0 30px; }
#ImgPopUpTab3 .navigation_part{ margin-top: 10px; margin-bottom:62px; }
#ImgPopUpTab3.tab_content.Tab3DisplayImgOnTop .navigation_row { margin-bottom: 0;}
#ImgPopUpTab1 .navigation_part { margin: 0px; }
#ImgPopUpTab5 .navigation_part {margin-bottom: 55px; margin-top:15px; padding-left: 20px;}
#ImgPopUpTab5 .navigation_part.last{ margin-bottom:0;}
#ImgPopUpTab5 .navigation_part:last-child h3 { margin-bottom: 0; }
.divRWImagePopUp .navigation_row .range, .navigation_row .range { left: 36%; width: 229px; }

#ImgPopUpTab3.tab_content{ margin-bottom:50px;margin-left:30px;}/*ST-1890*/
#ImgPopUpTab3.tab_content.Tab3DisplayImgOnTop{ margin-bottom:0;}
/*ST-904,905*/
.croppie-container .cr-slider-wrap{bottom: 204px; z-index: 99;}
@supports (-ms-accelerator:true) {	.croppie-container.cr-slider-wrap {bottom: 179px;}}
#ImgPopUpTab5.tab_content.Tab5DisplayImgOnTop{ margin:0;margin-left: 9px;} /*ST-1890*/
#ImgPopUpTab5.tab_content{ margin:0 0 60px 40px;}/*ST-1890*/
/*ST-897 896*/
#ImgPopUpTab3 .navigation_row .range .bt { background-image: url('../images/icon-bt.png'); height: 22px; width: 22px; right: -51px;top: -11px; position:absolute;}
#ImgPopUpTab3 .navigation_row .range .cr { background-image: url('../images/icon-cr.png'); height: 28px; width: 28px; right: -51px;top: -12px; position:absolute; }
#ImgPopUpTab1 .navigation_row .range { left: 80px; width: 145px; }/*ST-917*/
#ImgPopUpTab1 .navigation_row #ImgStraighten { left: 98px; width: 145px;  }/*ST-917*/
#ImgPopUpTab1 .navigation_row .range.first { left: 55%; width: 80%; background: none; }
#ImgPopUpTab5 .navigation_row .range { left: 0%; width: 70%; -webkit-transform: translate(0%, 0%); -moz-transform: translate(0%, 0%); -o-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); }
#ImgPopUpTab3 .range_text, #ImgPopUpTab5 .range_text { font-size: 18px; margin: -2px 0 18px; text-align: left; padding: 0; font-family: 'GillSans-Light'; color: #000; }
#ImgPopUpTab5 .range_text { margin: 16px 0 40px; }
/*ST-821*/
#ImgPopUpTab6 .navigation_row .range { left: 42%; width: 187px; position: relative; }
#ImgPopUpTab6 .navigation_part { margin: 0 0 15px; }
#ImgPopUpTab6 .navigation_part.position{ margin-bottom:65px;}
#ImgPopUpTab6 .navigation_row .range .text-icon-s, #ImgPopUpTab6 .navigation_row .range .text-icon-b { position: absolute; }
#ImgPopUpTab6 .navigation_row .range .text-icon-s { background-image: url('../images/ImgPopUp_text.png'); width: 18px; height: 18px; background-position: right center; background-size: contain; background-repeat: no-repeat; left: -24px; top: -9px; }
#ImgPopUpTab6 .navigation_row .range .text-icon-b { background-image: url('../images/ImgPopUp_text.png'); width: 18px; height: 18px; background-position: right center; background-repeat: no-repeat; right: -30px; top: -10px; }
.navigation-text-tab { margin: 0; }
#ImgPopUpTab6 .navigation-text-tab { margin-bottom: 35px; }
.FontArial, .FontGaramond, .FontGillSans, .FontImpact, .FontHelvetica, .FontTimes { font-size: 12px; color: #000; margin-bottom: 5px; font-weight: 700; padding-top: 5px;padding-bottom: 5px;/*ST-951*/line-height:1;}/*ST-1866*/
.FontArial { font-family: 'ArialBlack', sans-serif; font-weight: 800; }
.FontGaramond { font-family: 'GaramondNormal'; }
.FontGillSans { font-family: 'GillSans'; }
.FontImpact { font-family: Impact; font-weight: 400; }
.FontHelvetica { font-family: 'Helvetica-Bold' }
.FontTimes { font-family: 'Times New Roman' }
.navigation_part h6.range_text { font-family: 'GillSans-Light'; color: #000; font-size: 18px; margin: 0 0 10px; padding: 0; }
.navigation_part h6.range_text.tophead { margin-top: -20px; }
.TabTxtPositionBox { float: left; width: 62px;
  height: 62px;
  background-color: #fafafa;
  border: solid 1px #979797;
   display: inline-block;
   margin-right: 15px; }
.TabTxtPositionBox.last { margin-right: 0; }
.TabTxtPositionBox div { height: 62px; position: relative; }
.TabTxtPositionBox p { font-family: 'GillSansCE-Roman'; margin: 10px 0; color: #000; font-size: 15px; text-align: center; }
.TabTxtPositionBox span { height: 3px; width: 44px; position: absolute; background: #979797; }
.TabTxtPositionBox .TabGrp1 span { top: 49%; left: 8px; }/*ST-1849*/
.TabTxtPositionBox .TabGrp2 span { bottom: 5px; right: 4px; }
.TabTxtPositionBox .TabGrp3 span { bottom: 54px; right: 14px; }
.TabTxtPositionBox .TabGrp4 span { bottom: 2px; right: 0px; }/*ST-1660*/
.IEPopImgParentDiv img { width: 100%; }
#ImgPopUpTab6 .IEPopImgParentDiv { position: relative; margin-top:58px;}
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .IEPopImgParentDiv{ margin-top:0; float:none;}
.Tab6DisplayImgOnTop .TextColorMainDiv { float:right; margin-right:30px;}/*ST-1890*/
.Tab6DisplayImgOnTop #aTextColorBoxNext {right:-22px; top:25px}
.Tab6DisplayImgOnTop #aTextColorBoxPrev {top:25px;}
.ieTxtCaptionBox {height:53px;}

/*951,1/15/2018*/

/*#ImgPopUpTab6 #ImgTxtPart .ImgTxtPositionGrp1, #ImgPopUpTab6 #ImgTxtPart .ImgTxtPositionGrp2, #ImgPopUpTab6 #ImgTxtPart .ImgTxtPositionGrp3 { position: absolute; text-align: ; font-size: 18px; font-weight: 800; color: #000; padding: 5px 10px 10px; width: 98%; }
#ImgTxtPositionGrp3 { text-align: right; }
#ImgPopUpTab6 #ImgTxtPart .ImgTxtPositionGrp1 { top: 48%; height:52%; overflow:hidden;}
#ImgPopUpTab6 #ImgTxtPart .ImgTxtPositionGrp2 { bottom: 0px; text-align: right; max-height:38%; overflow:hidden; }
#ImgPopUpTab6 #ImgTxtPart .ImgTxtPositionGrp3 { top: 1%; text-align:left; height:95%; overflow:hidden; }*/

/*// ST-742*/
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp1, 
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp2, 
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp3 { position: absolute;  font-size: 18px; font-weight: 800; color: #000; padding: 5px 10px 10px; width: 98%; }
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp4 { /*position: absolute;  font-size: 18px; font-weight: 800; color: #000; padding: 5px 10px 10px; width: 98%;*/ }
/*ST-1849*/
#ImgTxtPositionGrp3 { text-align: right; }
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp1 { top: 43%; height:52%;left: 4px; overflow:hidden;}
.Tab6DisplayImgOnTop.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp1 { top: 42%; height:52%;left: 4px; overflow:hidden;}/*ST-1645*/
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp2 { bottom: 0px; text-align: right; max-height:38%; overflow:hidden; }
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp3 { top: 2%; text-align:left; height:95%; overflow:hidden;margin-left:1.5%; }
.ImagePopUpTextTab .ImgTxtPart .ImgTxtPositionGrp4 {text-align:right;}


/*ST-1849,1660*/

.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp1, 
.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp2, 
.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp3, 
.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp4{ z-index: 999; position: absolute;  font-size: 18px; font-weight: 800; color: #000; padding: 5px 10px 10px; width: 98%; }
/*ST-1849*/
.ImagePopUpTextTab.ieTabAdjust.Tab5DisplayImgOnTop .ImgTxtPart .ImgTxtPositionGrp2 {left: -17px; top: 32%; height:72px; overflow:hidden; }
.ImagePopUpTextTab.ieTabAdjust.Tab5DisplayImgOnTop .ImgTxtPart .ImgTxtPositionGrp1 {left: 26%; top: 165px; height:111px; overflow:hidden; width: 375px;text-align:center;}
.ImagePopUpTextTab.ieTabAdjust.Tab5DisplayImgOnTop .ImgTxtPart .ImgTxtPositionGrp3 {top: 15%; text-align:left; height:25%; overflow:hidden; width: 325px;}
.ImagePopUpTextTab.ieTabAdjust.Tab5DisplayImgOnTop .ImgTxtPart .ImgTxtPositionGrp4 {text-align:right;padding-right:15px;}/*ST-1660*/


.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp1 {left: 127px; top: 235px; height:171px; overflow:hidden; width: 267px}
.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp2 {left: -361px; top: 60%; height:121px; overflow:hidden; }
.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp3 {top: 15%; text-align:left; height:320px; overflow:hidden; width: 325px;}
.ImagePopUpTextTab.ieTabAdjust .ImgTxtPart .ImgTxtPositionGrp4 {text-align:right;left: -361px; top: 67%;}/*ST-1660*/

.tab_container { border-top: none; clear: both; float: left; width: 100%; background: #fff; overflow: auto; padding: 20px 20px 50px; box-sizing: border-box; position: relative; }
*::-ms-backdrop, .tab_container {
 border-top: none;
 clear: both;
 float: left;
 width: 100%;
 background: #fff;
 overflow:hidden;
 padding: 20px 20px 50px;
 box-sizing: border-box;
 position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .tab_container {
        overflow: hidden;
    }
}
.tab_container .tab-btn-part { position: absolute; width: 94%; text-align: center; bottom: 0px; }
.tab_content { display: none; }
.half { width: 48%; float: left; text-align: center; color: #797b7a; position: relative; z-index: 9; }
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .half.half-crop-text{ float:none; margin:0; width:100%;}
.half .btn { padding: 2px; border: 1px solid #ececec; width: 25px; height: 20px; line-height: 20px; }
/*ST-897 896*/
.Tab5DisplayImgOnTop .half.half-crop, .Tab3DisplayImgOnTop .half.half-crop, .Tab6DisplayImgOnTop .half.half-crop { float: left; margin: 0; width: inherit; }
.half.half-crop-text { float: left; margin-left: 4%; }
.Tab5DisplayImgOnTop .half.half-crop .NonCropMainImg, .Tab3DisplayImgOnTop .half.half-crop .NonCropMainImg, .Tab6DisplayImgOnTop .half.half-crop .NonCropMainImg { width: 100% !important; height: 220px;/*height: inherit !important; */
}
input.tab-input, textarea.tab-input{ border:0; border-bottom:1px solid #979797; width: 250px; margin: 0 0 25px 12px; padding: 0 20px 0px 0; line-height: 27px; font-family:'GillSans-Light'; font-size: 18px;  font-weight: 300;height: 27px; position:relative; overflow:hidden;}
.textarea_part{ position:relative; width: 264px;}
/*.textarea_part:before{background: #FFF url(../images/close_icon.png) right center no-repeat; background-size:14px; position:absolute; display:block; content:""; top: -8px; right:0; height:34px; width:24px; z-index:9; cursor:pointer; }*/
.popTextCloseBtn {background: #FFF url(../images/close_icon.png) right center no-repeat; background-size:14px; position:absolute; display:block; content:""; top: -8px; right:0; height:34px; width:24px; z-index:9; cursor:pointer; border:none; }
.Tab6DisplayImgOnTop .popTextCloseBtn {top: -8px; right:0px; }/*ST-1644*/
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .tab-input, #ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .textarea_part{ width:427px; margin:30px auto 50px; display:block; position:relative;}
/*ST-916*/
textarea.tab-input::-webkit-input-placeholder {
color: #b6b6b6 !important;
} 
textarea.tab-input:-moz-placeholder { /* Firefox 18- */
color: #b6b6b6 !important;  
} 
textarea.tab-input::-moz-placeholder {  /* Firefox 19+ */
color: #b6b6b6 !important;  
} 
textarea.tab-input:-ms-input-placeholder {  
color: #b6b6b6 !important;  
}
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .navigation-text-tab div.navigation_part{ float:left; width:46%;}
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .navigation-text-tab div.navigation_part:first-child{ float:none; width:100%; margin:0 !important;}
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .navigation-text-tab div.navigation_part{ margin-left:2%; margin-right:2%; margin-bottom:0;}
#ImgPopUpTab6.tab_content.Tab6DisplayImgOnTop .navigation-text-tab div.navigation_part.position{ margin-bottom:50px;}
.TabTxtFontPart{ margin-bottom:30px;}
.Tab3DisplayImgOnTop .half.half-crop-text { width: 100%; margin: 30px 0 0; }
.Tab5DisplayImgOnTop .half.half-crop-text { width: 100%; margin: 50px 0 0; }
.Tab5DisplayImgOnTop .half.half-crop-text .navigation_row{ padding-left: 9%; padding-right: 0%; float:left;margin-bottom:0; }
.Tab3DisplayImgOnTop .half.half-crop-text .navigation_row{ padding-left:5%; padding-right: 5%;float:left; margin-bottom:0;}
.Tab5DisplayImgOnTop .half.half-crop-text .navigation_row .half-Adjust, .Tab3DisplayImgOnTop .half.half-crop-text .navigation_row .half-Adjust { float: left; width: 50%; }
.Tab3DisplayImgOnTop .half.half-crop-text .navigation_part{ float:left; margin-right: 130px; position: relative; left: -5%;}
.Tab3DisplayImgOnTop .half.half-crop-text .navigation_part:last-child{ margin-right:0 !important;}
.Tab3DisplayImgOnTop .navigation_row .range{ left:50%;}
.Tab3DisplayImgOnTop .half.half-crop-text .ImagePopUpFrameColor {width: 300px !important} /*ST-1547, BV 2019 01 25*/
.twBrightness { background-image: url('../images/ImgPopUp_Brightness.png'); width: 32px; height: 32px; background-position: right center; background-repeat: no-repeat; position: absolute; right: -50px; top: -15px; }
.twSaturation { background-image: url('../images/ImgPopUp_Saturation.png'); width: 32px; height: 32px; background-position: right center; background-repeat: no-repeat; position: absolute; right: -42px; top: -15px; }
.twContrast { background-image: url('../images/ImgPopUp_Contrast.png'); width: 32px; height: 32px; background-position: right center; background-repeat: no-repeat; position: absolute; right: -42px; top: -15px; }
.twVignette { background-image: url('../images/ImgPopUp_Vignette.png'); width: 32px; height: 32px; background-position: right center; background-repeat: no-repeat; position: absolute; right: -42px; top: -15px; }
.tab_drawer_heading { display: none; }
.MainImage { width: 100% !important; } /*ST-816, BV 1/18/2018 - added important to fix Issue on small taking width of Image*/
/*img.bordered { border: 3px solid #4b0090; box-sizing: border-box; border-radius: 10px;}*/
ul.btn { width: 100%; list-style: none; text-align: center; padding: 0px; margin: 0 0 20px; }
ul.btn > li { font-family: 'gill_sanssemibold'; display: inline-block; width: 112px; height: 28px; text-align:center; padding:0; line-height:27px; border: 1px solid #57307a; border-radius: 30px; text-transform: uppercase; font-size: 15px; color: #57307a; font-weight: bold; cursor: pointer; margin: 0px 2%; }
.btnRight { margin-left: 30px; }
ul.btn > li:hover { border-color: #5c1a98; color: #5c1a98; text-decoration: underline; }
/*range slider*/

.ui-slider-horizontal .ui-slider-handle { top: -0.2em; margin-left: -0.6em; }
.ico.ico-crop { background-image: url('../images/crop.png'); }
/*.ico.ico-flip { background-image: url('../images/ImgPopUp_flip.png'); }*/
.ico.ico-frame { background-image: url('../images/frame.png'); }
.ico.ico-opacity { background-image: url('../images/opacity.png'); }
.ico.ico-filter { width: 28.8px; height: 23px; background-image: url('../images/ImgPopUp_filter.png'); }
.ico.ico-text { height: 25px; background-image: url('../images/ImgPopUp_text.png'); }
.ico.ico-adjust { background-image: url('../images/ImgPopUp_adjust.png'); }
.ico { display: inline-block; width: 19px; height: 19px; background-position: center; background-size: cover; vertical-align: middle; }
ul.tabs li.active .ico.ico-crop { background-image: url('../images/crop-h.png'); }
/*ul.tabs li.active .ico.ico-flip { background-image: url('../images/ImgPopUp_flip-h.png'); }*/
ul.tabs li.active .ico.ico-frame { background-image: url('../images/frame-h.png'); }
ul.tabs li.active .ico.ico-text { background-image: url('../images/ImgPopUp_text-h.png'); }
ul.tabs li.active .ico.ico-adjust { background-image: url('../images/ImgPopUp_adjust-h.png'); }
ul.tabs li.active .ico.ico-opacity { background-image: url('../images/ImgPopUp_opacity-h.png'); }
ul.tabs li.active .ico.ico-filter { background-image: url('../images/ImgPopUp_filter-h.png'); }
.ibtn.ibtn-left { background-image: url('../images/ImgPopUp_left.png'); }
.ibtn.ibtn-right { background-image: url('../images/ImgPopUp_right.png'); }
.ibtn.ibtn-horizonal { background-image: url('../images/horizonal.png'); }
.ibtn.ibtn-vertical { background-image: url('../images/vertical.png'); }
.i-con-zoom-in, .i-con-zoom-out, .i-con-straighten, .i-con-straighten-Right { position: absolute; background-size: contain; background-position: left top; background-repeat: no-repeat; }
.i-con-zoom-in { left: 0; top: -9px; background-image: url('../images/ImgPopUp_tree.png'); height: 11px; width: 11px; }
.i-con-zoom-out { right: -10px; top: -16px; background-image: url('../images/ImgPopUp_tree.png'); height: 25px; width: 25px; }/*ST-917*/
.i-con-straighten {  right: -5px; top: -12px; background-image: url('../images/ImgPopUp_RotateImage.png'); height: 19px; width: 21px; }
.i-con-straighten-Right { left: 0px; top: -12px; background-image: url('../images/ie-Rotate-Right.png'); height: 19px; width: 21px; }
.ibtn { display: inline-block; width: 20px; height: 20px; background-position: center; background-size: cover; vertical-align: middle; cursor: pointer; }
.range { width: 110px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; height: 2px; background: #505050; outline: none; border: none !important; }
.range .ui-slider-handle { position: absolute; margin: -5px -5px 0; border-radius: 100%; background: #000; border: 0; height: 15px; width: 15px; outline: none; cursor: pointer; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5); }
.range .ui-slider-handle:hover, .range .ui-slider-handle:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.range .ui-slider-range { background: #380b4e; }

.divRWImagePopUp .range { width: 110px; position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border: 0; height: 2px; background: #7F7F7F; outline: none; border: none !important; }
.divRWImagePopUp .range .ui-slider-handle { position: absolute; margin: -5px 0 0; border-radius: 100%; background: #DDDDDD; border: 0; height: 15px; width: 15px; outline: none; cursor: pointer; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5); }
.divRWImagePopUp .range .ui-slider-handle:hover, .range .ui-slider-handle:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.divRWImagePopUp .range .ui-slider-range { background: #7F7F7F; }
.divRWImagePopUp .wizardstep {color: black;}
/*917, 904, 905*/
.range #OpacityCurrentVal,#OpacityMinVal {position: absolute; font-size: 15px; font-weight: 300; text-align: right; font-family: 'GillSans-Light'; color: #000;font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: normal}
#ImgPopUpTab1 .range #OpacityCurrentVal {top: -6px;right: -53px;}
#OpacityMinVal {top: -6px; left: -22px;}
.range #OpacityCurrentVal:after  { content: '%'; color: #6b448e;}
#ieRangeOpacity { height: 2px; width: 80%; top:0px; }
.colors_range_row { display: block; position: relative; margin-top: 30px; width: 100%; padding: 0px; }
/*#range_4 { height: 12px; width: 95%; background: rgba(2, 1, 2, 1); background: -moz-linear-gradient(left, rgba(2, 1, 2, 1) 0%, rgba(103, 56, 111, 1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(2, 1, 2, 1)), color-stop(100%, rgba(103, 56, 111, 1))); background: -webkit-linear-gradient(left, rgba(2, 1, 2, 1) 0%, rgba(103, 56, 111, 1) 100%); background: -o-linear-gradient(left, rgba(2, 1, 2, 1) 0%, rgba(103, 56, 111, 1) 100%); background: -ms-linear-gradient(left, rgba(2, 1, 2, 1) 0%, rgba(103, 56, 111, 1) 100%); background: linear-gradient(to right, rgba(2, 1, 2, 1) 0%, rgba(103, 56, 111, 1) 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#020102', endColorstr='#67386f', GradientType=1);}
#range_4 .ui-slider-range { background: transparent;}
#range_4 .ui-slider-handle { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsMTk3LjI4NkwxNTkuMDI4LDY5LjM3OWMtMy42MTMtMy42MTctNy44OTUtNS40MjQtMTIuODQ3LTUuNDI0cy05LjIzMywxLjgwNy0xMi44NSw1LjQyNEw1LjQyNCwxOTcuMjg2ICAgQzEuODA3LDIwMC45LDAsMjA1LjE4NCwwLDIxMC4xMzJzMS44MDcsOS4yMzMsNS40MjQsMTIuODQ3YzMuNjIxLDMuNjE3LDcuOTAyLDUuNDI4LDEyLjg1LDUuNDI4aDI1NS44MTMgICBjNC45NDksMCw5LjIzMy0xLjgxMSwxMi44NDgtNS40MjhjMy42MTMtMy42MTMsNS40MjctNy44OTgsNS40MjctMTIuODQ3UzI5MC41NDgsMjAwLjksMjg2LjkzNSwxOTcuMjg2eiIgZmlsbD0iI2E4YThhOCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=); width: 20px !important; height: 20px !important; margin: 6px 0 0 -9px; background-size: cover;}*/
.range_text { text-align: center; width: 100%; display: block; padding-top: 10px; color: black; }
.range_text b{font-size: 12px; font-weight: 600; font-family: 'gill_sanssemibold'; text-transform:uppercase; color:#5e5e5e;  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0px;
  text-align: left;}/*ST-858*/
.rangeTextZoom {margin-left: -14px; }
.rangeTextOpacity { margin-left: -15px;}/*ST-917*/
#ImgPopUpTab1 h3.range_text { padding: 0; font-size: 15px; font-weight: 300; text-align: left; margin-bottom :15px; 
                              font-family: 'GillSans-Light';font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #000000; }
#ImgPopUpTab1 h3.range_text.rangeTextZoom {
        margin-left: 0;
        position: relative;
        
    }
.colors_row { /*margin-left: 14%;*/ }
#ImgPopUpTab3 .colors_row .range_text { margin: 5px 0 5px; }/*ST-858*/
.colors_row p { color: #757575; margin-bottom: 5px; font-size: 10px; font-weight: bold; text-transform: uppercase; }
.Tab3DisplayImgOnTop .colors_row{ width:50%; margin: 0 auto;}
span.color { display: block; width: 24px; height: 24px; float: left; margin-right: 5.5px; cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; }
#ImgPopUpTab6 span.color { width: 24px; height: 24px; margin-right: 5px; border: 1px solid transparent; } /*ST-916 BV 1/5/2018, ST-1547,BV,2019 01 21*/
#ImgPopUpTab6 span.color.spanImgPopFramIttenStar {border: none;} /*ST-1547,BV,2019 01 21*/
#ImgPopUpTab6 #ieTextMyColorBoxItemsDiv span.color {margin-right: 3px; }
.Tab3DisplayImgOnTop span.color{margin-right: 9px;}
/*span.color.empty { -webkit-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.75); -moz-box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.75); box-shadow: inset 0px 0px 3px 1px rgba(0, 0, 0, 0.75); }*/
.IpColorPickerBox, span.color.empty { background-color: #ffffff;  border: solid 1px #000000 }/*ST-858,BV,ST-1547,2019 01 08*/
.beta { position: absolute; width: 40px; height: 40px; right: 10px; bottom: 10px; }
a { color: #D4341A; text-decoration: none; }
.center { text-align: center; }
.block { display: block; }
.credit { position: fixed; bottom: 10px; width: 100%; left: 0; }
/*.btn-green-flat-trigger { border: 1px solid #47ba6b; background: transparent; font-size: 20px; color: #47ba6b; font-weight: 200; padding: 15px 30px; display: inline-block; margin: 0 auto; margin-top: 40px; border-radius: 4px; cursor: pointer;}*/
.btn-green-flat-trigger:hover { text-decoration: none; color: #fff; /*background: #ccc;*/ transition: background 0.5s ease, padding 0.8s linear; }
.btn-green-flat-trigger {cursor:pointer;} /*ST-1492*/
.btn-green-flat { border: 1px solid #47BA6B; background: rgba(0, 0, 0, 0); font-size: 20px; color: #47BA6B; font-weight: 200; padding: 10px 28px; text-align: center; width: 175px; display: block; margin: 0 auto; margin-top: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; cursor: pointer; text-transform: uppercase; }
.btn-green-flat:hover { text-decoration: none; color: #fff; background: #47ba6b; transition: background 0.2s ease, padding 0.8s linear; }
.overlay { background: #ffffff;opacity:0.8; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.global-modal { visibility: hidden; }
/*ST-777*/
.global-modal-crop { visibility: hidden; }
.global-modal_contents { /*width: 400px; display: table; */position: absolute; /*left: 0px; right: 0px; top: 30%; margin: 0 auto;*/ bottom: 0px; z-index: 999; }
.global-modal-header { border-bottom: 1px solid #ccc; }
.global-modal-header h3 { color: #34495E; text-align: center; font-weight: bold; font-size: 22px; }
/*.global-modal-header .mobile-close { display: none; }--V*/
.global-modal-header span { font-weight: 200; }
.global-modal-body { width: 100%; }
.global-modal-body p { color: #34495E; font-size: 16px; line-height: 23px; text-align: center; }
.global-modal-body .content-left { height: 225px; width: 50%; position: relative; top: 55px; float: left; border-right: 1px solid #CCC; }
.global-modal-body .content-right { height: 225px; width: 50%; position: relative; top: 55px; float: left; }
.content-right .sponsor-name { font-weight: bold; color: #000; }
.global-modal_contents h1 { margin: 0; padding: 0; line-height: 32rem; text-align: center; display: block; }
/*.global-modal_close { position: absolute; right: 2rem; top: 2rem; text-decoration: none; display: none; }--V*/
.global-modal-show { visibility: visible; line-height: 11px; }
/*ST-777*/
.global-modal-show-crop { visibility: visible; line-height: 11px; }
.global-modal-transition { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.global-modal-show .global-modal-transition { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
/*ST-777*/
.global-modal-show-crop .global-modal-transition { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; }
 @media (max-width: 1139px) {
.global-modal p { text-align: center; }
.global-modal:after { clear: both; content: ''; display: table; }
.global-modal-body .content-left { width: 80%; display: block; float: none; margin: 0 auto; border-right: none; border-bottom: 1px solid #ccc; }
.global-modal-body .content-right { width: 80%; display: block; margin: 40px auto; float: none; border-right: none; }
}
 @media (max-width: 1027px) {
.global-modal-header h3 { font-size: 18px; }
}
 @media (max-width: 767px) {
.btn-green-flat-trigger { font-size: 12px; padding: 2px 5px; }
}
 @media (max-width: 495px) {
.global-modal-header h3 { font-size: 18px; }
}
 @media (max-width: 415px) {
.global-modal-header h3 { font-size: 15px; }
}
 @media screen and (max-width: 480px) {
.tabs { display: none; }
.tab_drawer_heading { background-color: #ccc; color: #fff; border-top: 1px solid #333; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.d_active { background-color: #666; color: #fff; }
.center-div { width: 600px; }
ul.tabs li { padding: 5px 2px; font-size: 10px; }
.tabs_static { padding: 13px 5px; font-size: 12px; }
ul.btn > li { padding: 0px 12px; font-size: 12px; }
.range { width: 100px; }
.range_text { font-size: 12px; }
span.color { width: 20px; height: 20px; margin-right: 2.5px; }
.half .btn { width: 20px; height: 18px; }
.beta { width: 35px; height: 35px; }
.global-modal_contents { width: auto; margin-left: 5px; }
}
.simple_barForIP { height: 12px; /*background-color: #794d8d;*/ border: 1px solid #979797; margin: 15px 0 0 0; text-align: left; position: relative; }
.colro_set { height: 18px; width: 36px; display: inline-block; }
.range-slider-IP { position: relative; }
.range-slider-IP .range-box { position: absolute; left: 0; top: 0; width: 100%; }
.range-slider-IP .slider.slider-horizontal { width: 100%; position: absolute; left: 0; top: 0; }
.range-slider-IP .slider.slider-horizontal .slider-track, .range-slider-IP .slider.slider-horizontal .slider-selection { background: none; box-shadow: none; }
.range-slider-IP .slider.slider-horizontal .slider-handle { background: url(/images/drag.png?V=2) no-repeat center bottom; background-size: 17px; width: 9.09091%; height: 28px; border-radius: 0; margin: 0; }
.range-slider-IP .slider .tooltip.top { display: none; }
.colro_set_IP { height: 10px; width: 24px; display: inline-block; }
.sep-30 { clear: both; height: 30px; }
.sep-40 { clear: both; height: 40px; margin-bottom:10px; }/*ST-917*/
.sep-50 { clear: both; height: 50px; }
.NonCropMainImg { height: auto !important;max-height:328px; }/*ST-816, BV 1/18/2018 - added important to fix Issue on small taking height of Image*/
/*.img_color { cursor: pointer; }*/
.FlipImage { height: 260px; }
.selected-PopText { /*border: 1px solid #9013fe;*/ color:#9013fe; }
.navigation_part.position .selected-PopText{border: 1px solid #9013fe;}
.crop-navigation_part { width: 95%; position: relative; }
/*ST-849*/
.Tab4TnImg { width: 85px; max-height: 90px; cursor: pointer; }
.Tab4TnImgParentDiv div.divImagFilterMain{width: 30%; float: left; margin-right: 10px;}
.Tab4DisplayImgOnTop .Tab4TnImgParentDiv div.divImagFilterMain { width: 23%; float: left; margin-right:5px; margin-left:5px; }
.Tab4TnImgParentDiv div.divImagFilterMain p { margin: 10px 0px 15px 0px; text-align: center; font-family: 'GillSans'; font-size:14px; color:#000;}
.half.half-Filter-Tn { top: 0; float:right; }
.half.half-Filter-Tn .navigation_row{ float:left; margin:0;}
.Tab4DisplayImgOnTop .half {width: 100% !important; }
.Tab4DisplayImgOnTop .half.half-crop .NonCropMainImg { height: inherit !important; }
.Tab4DisplayImgOnTop .half.half-Filter-Tn { width: 100%; margin: 30px 0 0; }
.Tab4DisplayImgOnTop .half.half-Filter-Tn .navigation_row { padding-right: 0%; }
.Tab4DisplayImgOnTop .HideImgOnPanorama { display: none; }
.Tab4DisplayImgOnTop .Tab4TnImg { /*width: 135px; */}
/*.Tab4DisplayImgOnTop .center-div {width:680px;}*/
/*.Tab4DisplayImgOnTop .tab-btn-part {float:left;width: 47%; bottom: 31px;}
.Tab4DisplayImgOnTopTabsdiv {float: right;width: 100%;bottom: -23px;position: relative;}*/
.Pop-Straighten .navigation_row .range { left: 125px; width: 200px; }
.Pop-Straighten .range_text { margin-top: 10px; color: #797b7a; font-size: 15px; text-align: left; padding-left: 22px; }
/*#ImgPopUpTab2 .navigation_row { margin-top: 53px; }*/
/*ST-858*/
#aFrameColorBoxPrev {background: url("../images/left.png") top center no-repeat;left:-25px;}
#aFrameColorBoxNext {background:url("../images/right.png") top center no-repeat;right:-4px;z-index:9;} /*ST-1890*/
#aTextColorBoxPrev {background: url("../images/left.png") top center no-repeat;left:-25px;}
#aTextColorBoxNext {background:url("../images/right.png") top center no-repeat;right:0px;z-index:9;}/*ST-1890*/
.Tab3DisplayImgOnTop #aFrameColorBoxNext {right:-10px;}
.aFrameColorNavig{top: 23px;height: 33px;width: 30px;background-size: 60% 80% !important;background-color: transparent !important;border: 0;position: absolute;outline: 0;}
/*ST-916 951 */
.MyPaletteh3Text{text-align:left; padding-top:0px;margin-top:0px;margin-bottom:0px;}
#ImgPopUpTab6 #IeImageText {height:336px;}
.textColorDiv {margin-left:22px;}
.TabTxtFont {cursor:pointer; text-align:center; line-height:14px}
.closeIEPopUpMain {color: #aaa;float: right;font-size: 29px;margin: 6px;cursor:pointer; margin-top:8px;z-index: 1;position: absolute;right:0px}
.imgIpColorWheelTN {height:53px;}
.ieIpNewOldDivMain {position: absolute;}
.ieIpNewDiv {position: relative;right: -56px;top: -47px;}
.ieIpOldDiv {position: relative;right: -56px;top: -47px;}
.TabTxtPositionGrp1 {cursor:pointer;}
/*ST-917 905,904*/
.cropRotate-Text, .cropMirror-Text, .i-con-RotateRight90, .i-con-RotateLeft90, .i-con-MirrorH, .i-con-MirrorV { position: absolute; background-size: contain; background-position: left top; background-repeat: no-repeat; }
.i-con-RotateRight90 { cursor:pointer; left: 278px; top: 7px; background-image: url('../images/ie_Rotate_Right_90.png'); height: 22px; width: 28px; }
.i-con-RotateLeft90 { cursor:pointer; left: 236.5px; top: 7px; background-image: url('../images/ie_Rotate_Left_90.png'); height: 22px; width: 28px; }
.i-con-MirrorH { cursor:pointer; right: 222.5px; top: 5px; background-image: url('../images/ie_Horizontal_FLip.png'); height: 36px; width: 36px; }
.i-con-MirrorV { cursor:pointer; right: 178.9px; top: 1px; background-image: url('../images/ie_Vertical_FLip.png'); height: 36px; width: 26px; }
.cropRotate-Text {left:184px; top:10px; font-family:'GillSans-Light'; font-size: 15px; font-weight: 300;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: normal;  text-align: left;}
.cropMirror-Text {right:270px; top:10px; font-family:'GillSans-Light'; font-size: 15px; font-weight: 300;  font-style: normal;  font-stretch: normal;  line-height: normal;  letter-spacing: normal;  text-align: left;}
.cr-slider {-webkit-appearance: none;}

.divRotateMirror {margin-top:15px;}

/* ST-1385 START VR,ST-1950*/
#ImgPopUpTab1.divCropFlip h5.tabs_static span{background-image: url(../images/opacity.png);width: 38px; background-repeat:no-repeat; background-size:contain }/*ST-1737  Replace flip_h To Opacity Icon*/
.divRotateMirror{ min-height:46px; border: solid 1px #979797; width: 95%;}
.fliptool{ margin-left:5%}
#ImgPopUpTab1 .croppie-container .cr-slider-wrap{bottom: 250px;}
.divRotateMirror .divRotaterelated{ position:relative;    padding-top: 15px;}
.divRotateMirror .divRotaterelated .fliptext{ position:absolute; font-family:'GillSans'; font-size:12px; color:#801fb8;line-height:14px; left:10px;}
.divRotateMirror .divRotaterelated .flipicon { position: absolute; background: url(../images/flip_h_small.png) no-repeat; width:28px; height:17px; left:35px; top:15px }
.divRotateMirror .divRotaterelated .rotatetext{ position:absolute; font-family:'GillSans-Light'; font-size:15px; color:#000000;line-height:16px; left:20px; top:15px}
.divRotateMirror .divRotaterelated .i-con-RotateLeft90{ left:80px; top:14px; width: 25px; height:19px}
.divRotateMirror .divRotaterelated .i-con-RotateRight90{ left:121px; top:14px; width: 25px; height:19px}
.divRotateMirror .divRotaterelated .mirrortext{ position:absolute; font-family:'GillSans-Light'; font-size:15px; color:#000000;line-height:16px; left:175px; top:15px}
.divRotateMirror .divRotaterelated .i-con-MirrorH{ left:220px; top:10px}
.divRotateMirror .divRotaterelated .i-con-MirrorV{ left:265px; top:4px}
#ImgPopUpTab1 .croppie-container .cr-slider-wrap{bottom: 210px;}
#ImgPopUpTab1 .sep-40{ height:0px}
.ico.ico-filter{width: 28px; height:23px}
/* ST-1385 END VR*/
.cr-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-image:url('../images/round-btn.png?V=3'); cursor: pointer; width: 20px !important;height: 20px!important; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5)!important; margin-top:-10px !important}
.cr-slider::-moz-range-thumb { -webkit-appearance: none; appearance: none; background-image:url('../images/round-btn.png?V=3'); cursor: pointer;  width: 20px!important; height: 20px!important; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5)!important;  margin-top:-10px !important}
.cr-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-image:url('../images/round-btn.png?V=3'); cursor: pointer;  width: 20px !important;height: 20px!important; box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5)!important; margin-top:-10px !important;}
.cr-slider::-moz-range-thumb { -webkit-appearance: none; appearance: none; background-image:url('../images/round-btn.png?V=3'); cursor: pointer;  width: 20px!important; height: 20px!important; box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.5)!important;  margin-top:-10px !important}

.range-slider .slider.slider-horizontal .slider-handle{ top:6px; background-size: 24px; height: 24px; box-shadow: inset 0 0px 0 rgba(255,255,255,0), 0 0px 0px rgba(0,0,0,0);}
#ImgPopUpTab3 .ieSelected-Color {background-image: url(../images/ImageEditor/icon-star.png) !important;background-position: center !important;background-repeat: no-repeat !important;}
#ImgPopUpTab6 .ieSelected-Color {background-image: url(../images/ImageEditor/icon-star.png) !important;background-position: center !important;background-repeat: no-repeat !important;}
/*ST-1347 As per Current Prototype of Zeplin*/
/*.ieFilter-DRAKE {filter: saturate(.6);-webkit-filter: saturate(.6);}
.ieFilter-COUTURIER {filter: saturate(3) sepia(.6) opacity(.9) brightness(1.2) hue-rotate(329deg);-webkit-filter: saturate(3) sepia(.6) opacity(.9) brightness(1.2) hue-rotate(329deg);}
.ieFilter-BALDWIN {filter: saturate(1.3) opacity(1) hue-rotate(0deg) brightness(0.7);-webkit-filter: saturate(1.3) opacity(1) hue-rotate (0deg) brightness(0.7);}
.ieFilter-MCMILLEN {filter: sepia(0.2) hue-rotate(340deg) saturate(1.5) brightness(0.9);-webkit-filter: sepia(0.2) hue-rotate(340deg) saturate(1.5) brightness(0.9);}
.ieFilter-LECOURBUSIER {filter: sepia(.15) saturate(1.25) brightness(0.95);-webkit-filter: sepia(.15) saturate(1.25) brightness(0.95);}
.ieFilter-BRANDT {filter: grayscale(1) brightness(129%);-webkit-filter: grayscale(1) brightness(129%);}
.ieFilter-MILES {filter: grayscale(1) brightness(99%) opacity(0.95);-webkit-filter: grayscale(1) brightness(99%) opacity(0.95);}
.ieFilter-BREUER {filter: sepia(1.1) hue-rotate(-5deg);-webkit-filter: sepia(1.1) hue-rotate(-5deg);}*/
/*ST-1347 BV,2018 12 21, changes as per Submited Design of Zeplin*/
.ieFilter-DRAKE {filter: saturate(0.5); -webkit-filter: saturate(0.5);}
/*.ieFilter-COUTURIER {filter: saturate(1.2) opacity(1) hue-rotate(-14deg) brightness(1.1); -webkit-filter: saturate(1.2) opacity(1) hue-rotate(-14deg) brightness(1.1);}*/
.ieFilter-COUTURIER {filter: saturate(1.2) hue-rotate(-20deg) brightness(1.1);-webkit-filter: saturate(1.2) hue-rotate(-10deg) brightness(1.1) sepia(0.2);}/*ST-1683,VR,2019 07 23*/
.ieFilter-BALDWIN {filter: hue-rotate(-14deg) brightness(1.2) grayscale(0.5) saturate(1.3); -webkit-filter: hue-rotate(-14deg) brightness(1.2) grayscale(0.5) saturate(1.3);}
.ieFilter-MCMILLEN {filter: sepia(0.2) hue-rotate(340deg) saturate(1.5) brightness(0.9);-webkit-filter: sepia(0.2) hue-rotate(340deg) saturate(1.5) brightness(0.9);}
.ieFilter-LECOURBUSIER {filter: saturate(3) sepia(.4) opacity(1) grayscale(0.5); -webkit-filter: saturate(3) sepia(.4) opacity(1) grayscale(0.5);}
/*.ieFilter-BRANDT {filter: sepia(0.95) saturate(.4) grayscale(.3);-webkit-filter: sepia(0.95) saturate(.4) grayscale(.3);}*/
.ieFilter-BRANDT {filter: sepia(.95) saturate(.3) grayscale(.4) brightness(1) contrast(0.9) hue-rotate(15deg);-webkit-filter: sepia(.95) saturate(.3) grayscale(.4) brightness(1) contrast(0.9) hue-rotate(15deg);}/*ST-1683,VR*/
.ieFilter-MILES {filter: grayscale(1) brightness(108%); -webkit-filter: grayscale(1) brightness(108%);}/*ST-1683,VR*/
/*.ieFilter-BREUER {filter: sepia(.75) hue-rotate(329deg) brightness(0.92);-webkit-filter: sepia(.75) hue-rotate(329deg) brightness(0.92);}*/
.ieFilter-BREUER {filter: sepia(.75) hue-rotate(329deg) brightness(1) saturate(0.7) contrast(0.9);-webkit-filter: sepia(.75) hue-rotate(329deg) brightness(1) saturate(0.7) contrast(0.9);}

/*ST-1492,ST-1950*/
.divRotateMirror .divRotatefliprelated .fliptext{ position:absolute; font-family:'GillSans-Light'; font-size:15px; color:#000000;line-height:42px; left:10px;}
     .divRotatefliprelated .flipicon {
        position: absolute;
        background: url(../images/flip.png) no-repeat; width: 29px;height: 29px;left:75px; top:-4px}
.divCropFlip .divRotateMirror .divRotatefliprelated .fliptext{ position:absolute; font-family:'GillSans'; font-size:12px; /*color:#801fb8;*/line-height:42px; left:10px;}
.divCropFlip .divRotateMirror .divRotatefliprelated .flipicon { position: absolute; /*background: url(../images/flip_h_small.png) no-repeat;*/ width:28px; height:17px; left:35px; top:-4px }

/*ST-1538 PK 12/20/2018 Starts , ST-1631, VR*/
.range .ui-slider-handle{ background:url('../images/round-btn.png?V=3') no-repeat; width:20px; height:20px; box-shadow: 0px 0px 0px 0 rgba(0,0,0,.5); margin-top:-7px}
.range .ui-slider-handle:hover, .range .ui-slider-handle:focus { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.i-con-zoom-in { left: 0; top: -9px; background-image: url('../images/endpaper-zoomin.png'); height: 14px; width: 10px; }
.i-con-zoom-out { right: -10px; top: -16px; background-image: url('../images/endpaper-zoomout.png'); height: 30px; width: 20px; }
.divCropFlip .croppie-container .cr-slider-wrap{width: 160px;margin-left: 19px;}

input[type=range]::-webkit-slider-thumb {background-color: transparent;background: url(../images/round-btn.png?V=3) center center no-repeat;cursor: pointer;-webkit-appearance: none;margin-top: -23px;box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.5) !important;}
input[type=range]::-moz-range-thumb {background-color: transparent;background: url(../images/round-btn.png?V=3) center center no-repeat;cursor: pointer;-webkit-appearance: none;margin-top: -23px;box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.5) !important;}
input[type=range]::-ms-thumb {background-color: transparent;background: url(../images/round-btn.png?V=3) center center no-repeat;cursor: pointer;-webkit-appearance: none;margin-top: -23px;box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0.5) !important;}
/*ST-1538 PK 12/20/2018 Ends*/
.cr-slider{ padding-top:7px; padding-bottom:7px}
@media (min-width: 1400px) {
   #T5range_Brightness, #T5range_Vignette{ height:2.5px !important}
}
@media (min-width: 1600px) {
    #T5range_Saturation{ height:2.5px !important}
}
/*ST-1706, BV*/
.divIEStandColName {top: 192px;position: absolute;right: 65px;}
.Tab3DisplayImgOnTop .divIEStandColName {top: 92px;position: absolute;right: 220px;}
.divIEStandColName_Text {bottom: 119px;position: absolute;right: 48px;}
.Tab6DisplayImgOnTop .divIEStandColName_Text {bottom: 5px;position: absolute;right: 78px;}

/*RP ST-1788*/
.rangeTextOpacityDiv .rangeTextOpacity{color: #9013fe!important;}
.rangeTextStraightenDiv .rangeTextStraighten, .rangeTextStraightenDiv .i-con-straighten-Right, .rangeTextStraightenDiv .i-con-straighten{color: #9013fe!important;}
.rangeTextZoomDiv .rangeTextZoom, .rangeTextZoomDiv .i-con-zoom-in, .rangeTextZoomDiv .i-con-zoom-out {color: #9013fe!important;}
#ImgPopUpTab1.Tab1CropIcon h5.tabs_static span{background-image: url(../images/crop-h.png);}
#ImgPopUpTab1.Tab1OpacIcon h5.tabs_static span{background-image: url(../images/opacity.png);}
/*ST-1890*/
div#ImgPopUpTab6{margin-left: 20px;}
#ImgPopUpTab6 .tabs_static{padding-left:0px;margin-left: -1px;}
#ImgPopUpTab6 .tab-btn-part{margin-left: -20px;}

/*#ImgPopUpTab5{margin-left: 40px!important;}*/
#ImgPopUpTab5 .tabs_static{padding-left:0px;margin-left: -1px;}
#ImgPopUpTab5 .tab-btn-part{margin-left: -40px;}

/*#ImgPopUpTab3{margin-left: 30px!important;}*/
#ImgPopUpTab3 .tabs_static{padding-left:0px;margin-left: -1px;}
#ImgPopUpTab3 .tab-btn-part{margin-left: -30px;}

div#ImgPopUpTab4{margin-left: 10px;}
#ImgPopUpTab4 .tabs_static{padding-left:0px;margin-left: -1px;}
#ImgPopUpTab4 .tab-btn-part{margin-left: -10px;}

div#ImgPopUpTab3.Tab3DisplayImgOnTop{margin-left: 10px;}
#ImgPopUpTab3.Tab3DisplayImgOnTop .tab-btn-part{margin-left: -10px}

div#ImgPopUpTab6.Tab6DisplayImgOnTop{margin-left: 3px;}
#ImgPopUpTab6.Tab6DisplayImgOnTop .tab-btn-part{margin-left: -3px}

#ImgPopUpTab5.Tab5DisplayImgOnTop .tab-btn-part{margin-left: -9px}
#ImgPopUpTab5.Tab5DisplayImgOnTop .half.half-crop-text .navigation_row{padding-left: 2%;}

div#ImgPopUpTab4.Tab4DisplayImgOnTop{margin-left: 1px;}
#ImgPopUpTab4.Tab4DisplayImgOnTop .tab-btn-part{margin-left: -1px}
#ImgPopUpTab4.Tab4DisplayImgOnTop .half.half-Filter-Tn{padding-left:8px}
#ieFrameMyColorSlider{ width:91%}
#ImgPopUpTab3 #ieFrameMyColorBoxItemsDiv span.color { margin-right: 2.2px;}
#ImgPopUpTab3.tab_content.Tab3DisplayImgOnTop #ieFrameMyColorBoxItemsDiv span.color { margin-right: 5px;}



.cropImgMain2 {max-width: 100%; height:250px;}
/*ST-1950*/
.divRotateMirror .divRotaterelated.colourdiv { padding-top: 8px; padding-left: 15px;}
.divRotateMirror .inlinecb{ display:inline-block; margin-right:8px; cursor:pointer}
.divRotateMirror .cropcolourbox{ width:29px; height:29px; border:1px solid transparent; position:relative}
.divRotateMirror .colourboxwhite{ width:29px; height:29px; border:1px solid #979797}
.divRotateMirror .cropBgColor-addnew{ background:url(../images/ImageEditor/itten-art-small.png) no-repeat; background-size:29px; width:29px; height:29px}
.divRotateMirror .cropcolourbox.IsSelected:after, .divRotateMirror .cropcolourbox:hover:after{ content:"";  background:url(../images/ImageEditor/star-gray1.png) no-repeat; background-size:15px; width:15px; height:14px; position:absolute; top:7px; left:7px}
/*.InActiveCropBgColor .divRotateMirror .inlinecb{cursor:not-allowed;pointer-events: none;}*/
.InActiveCropBgColor {opacity:0.3;pointer-events: none; }
#ieRangeZoom{width:145px !important;left: 90px !important;}
#ieRangeZoom .i-con-zoom-in{left: -15px  !important;}
#ieRangeZoom .i-con-zoom-out{right: -35px  !important;}
.i-con-straighten{right: -15px !important;}
.rangeTextOpacity{margin-left: 0px;}
#ieRangeOpacity{ width:125px !important}
.fliptooltext{left:30px}
/*/*ST-1953 ,ST-1971#3
.spanCropNoteText {font-size:12px;}
.spanCropNoteText span{font-weight:600;}*/
/*ST-1973*/
.divImgFilterParent{border:solid 3px transparent;}
.isActiveFilterImg img{outline:3px solid #801FB8;}
.Tab4DisplayImgOnTop .Tab4TnImgParentDiv div.divImagFilterMain .Tab4TnImg{width:100%}