/*
 * imgAreaSelect animated border style
 */

.imgareaselect-border1 {
	background: url(/img/cropimage/border-anim-v.gif) repeat-y left top;
}

.imgareaselect-border2 {
    background: url(/img/cropimage/border-anim-h.gif) repeat-x left top;
}

.imgareaselect-border3 {
    background: url(/img/cropimage/border-anim-v.gif) repeat-y right top;
}

.imgareaselect-border4 {
    background: url(/img/cropimage/border-anim-h.gif) repeat-x left bottom;
}

.imgareaselect-border1, .imgareaselect-border2,
.imgareaselect-border3, .imgareaselect-border4 {
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-handle {
    background-color: #fff;
	border: solid 1px #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-outer {
	background-color: #000;
    filter: alpha(opacity=50);
	opacity: 0.5;
}

.imgareaselect-selection {
}

#sample_image
{
    position:relative;
}

#crop-info
{
    display:none; 
    position: absolute;  
    z-index:9999999;
    width: 660px; 
    left: -1px;
}
#crop-info table
{
    width:630px;
    margin:0 auto;
}
#crop-info table td {
    text-align:left;
}
    #crop-info > div {
        position: relative;
        width: 660px;
        margin: 0 auto;
        border-radius: 5px;
    }
        #crop-info #close-crop {
            position: absolute;
            cursor: pointer;
            top: 0px;
            right: 0px;
            color:#a1a1a1;
            background:url('/img/cropimage/close-crop.png');
            width:25px;
            height:25px;
        }
        #crop-info #close-crop:hover
        {
            opacity:0.6;
        }
#mask-crop {
    position: absolute;
    display: none;
    text-align: center;
    z-index: 999;
    color: #fff;
    font-size: 16px;
    cursor:crosshair;
}
#mask-crop span:first-child
{
     line-height: 35px;
     font-weight:bold;
}
#mask-crop span:last-child
{
    font-size: 13px;
    line-height: 25px;
    padding-top:10px;
    display:block;
}

#crop-info .crop-col1
{
    width:120px;
}

#crop-info .crop-col2
{
    width:175px
}

#crop-info .crop-col3
{
    width:150px
}

#crop-info .crop-col4
{
    width:120px
}

#crop-info .webketfiter input
{
    width:100px;
}
#crop-info .webketfiter span
{
    padding-right:3px;
    padding-left:3px;
}
#crop-info .webketfiter span:first-child
{
    padding-left:0px;
}

#ActiveCropImage
{
    background: url('/img/cropimage/button-crop.png') no-repeat;
    font-size:9px; 
    width: 28px; 
    height:28px;
    cursor: pointer;
    position: absolute;
    bottom: 32px;
    right: 19px;
    display:none;
}
#ActiveCropImage:hover
{
   background: url('/img/cropimage/button-crop-hover.png') no-repeat;
}
#ActiveCropImage:hover #crop_tooltip
{
    display:block;
}

#crop_tooltip
{
    background: url('/img/cropimage/button-crop-tooltip.png') no-repeat;
    position:absolute;
    top:28px;
    left:-68px;
    width:166px;
    height:34px;
    display:none;
    z-index:9999;
}

#crop-info-title
{
    background-color:#595959;
    height:25px;
}

#crop-info-title img
{
    left:30px;
    top:0px;
    position:absolute;
}

#crop-info-content
{
    background-color:#404040;
    padding:15px 20px 25px 30px;
    color:white;
}
.slider-handle
{
    box-shadow:none;
}
.slider.slider-horizontal
{
    width: 95px;
    height: 2px;
}
.slider.slider-horizontal .slider-track
{
    height:2px;
}
.slider.slider-horizontal .slider-handle.triangle
{
    background:url('/img/cropimage/slider-thumb.png') no-repeat center;
    width:14px;
    height:14px;
    border:0;
    transform:none;
    top:1px;
    cursor:pointer;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle
{
    margin-left: -7px;
}

.slider-track
{
    background:#a1a1a1;
    border: 1px solid #797979
}

.slider-selection
{
     background:none;
     border:none;
     box-shadow:none;
     box-sizing:inherit;
}
.slider.slider-horizontal .slider-track
{
    margin-top:-3px;
}

#crop-info select {
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #f8f8f8;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    height:20px;
    padding: 2px 15px 2px 3px;
    background: url(/img/cropimage/select-bg.png) no-repeat #fff center right 5px;
     text-indent: 1px;
    
}

#crop-info select::-ms-expand {
    display: none;
}
.imgareaselect-handle
{
    opacity:0.9;
}

.imgareaselect-handle1
{
    width: 18px!important;
    height: 18px!important;
    border: none!important;
    background: url('/img/cropimage/imgareaselect-handle1.png') no-repeat !important;
}

.imgareaselect-handle2
{
    width: 18px!important;
    height: 18px!important;
    border: none!important;
    background: url('/img/cropimage/imgareaselect-handle2.png') no-repeat !important;
    left:initial !important;
    right:0px !important;
}

.imgareaselect-handle3
{
    width: 18px!important;
    height: 18px!important;
    border: none!important;
    background: url('/img/cropimage/imgareaselect-handle3.png') no-repeat !important;
    left:initial !important;
    top:initial !important;
    right:0px !important;
    bottom: 0px !important;
}

.imgareaselect-handle4
{
    width: 18px!important;
    height: 18px!important;
    border: none!important;
    bottom: 0px !important;
    top:initial !important;
    left: 0px !important;
    background: url('/img/cropimage/imgareaselect-handle4.png') no-repeat !important;
}
.imgareaselect-handle5
{
    width: 18px!important;
    height: 8px!important;
    border: none!important;
    background: url('/img/cropimage/imgareaselect-handle5.png') no-repeat !important;
}

.imgareaselect-handle6
{
    width: 18px!important;
    height: 18px!important;
    border: none!important;
    left: initial !important;
    right: 0px !important;
    background: url('/img/cropimage/imgareaselect-handle8.png') no-repeat right !important;
}

.imgareaselect-handle7
{
    width: 18px!important;
    height: 18px!important;
    border: none!important;
    top: initial !important;
    bottom: 0px !important;
    background: url('/img/cropimage/imgareaselect-handle5.png') no-repeat bottom !important;
}

.imgareaselect-handle8
{
    width: 8px!important;
    height: 18px!important;
    border: none!important;
    left: 0px !important;
    background: url('/img/cropimage/imgareaselect-handle8.png') no-repeat !important;
    border:1px solid #a6a6a6;
}

.default-tooltip
{
    left: 50%;
    top:-18px;
    margin-left: 0px;
    position:absolute;
    text-align:center;
}
.default-tooltip-arrow
{
    height: 4px;
    border-left: 1px solid #fff;
}

.default-tooltip-inner
{
    font-size:9px;
    margin-left:-2px;
}

.webketfiter
{
    padding-top:15px;
}

#sample_image:hover #ActiveCropImage
{
    display:block;
}

.chosen-container-single .chosen-single
{
    background:none !important;
    background-color:#fff !important;
}
.chosen-container-single .chosen-single
{
    line-height: 20px;
    height:20px;
    border:1px solid #a6a6a6;
}
.chosen-container
{
    font-size: inherit;
}

.chosen-container-active.chosen-with-drop .chosen-single div b, .chosen-container-single .chosen-single div b
{
    background: url(/img/cropimage/select-bg.png) no-repeat center center;
}

.chosen-container-single a, .chosen-container-active a
{
    font-weight:normal;
    color:#111;
}

.chosen-container-single a span, .chosen-container-active a span
{
    font-weight:normal;
    color:#111;
}

.hide
{
    display:none!important;
}