.cropper-container {position: relative;overflow: hidden;-ms-touch-action: none;touch-action: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;direction: ltr !important;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;
}
.cropper-container img {display: block;width: 100%;min-width: 0 !important;max-width: none !important;height: 100%;min-height: 0 !important;max-height: none !important;image-orientation: 0deg !important;
}
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {position: absolute;top: 0;right: 0;bottom: 0;left: 0;
}
.cropper-drag-box {background-color: #fff;filter: alpha(opacity=0);opacity: 0;
}
.cropper-modal {background-color: #000;filter: alpha(opacity=50);opacity: .5;
}
.cropper-view-box {display: block;width: 100%;height: 100%;overflow: hidden;outline: 1px solid #69f;outline-color: rgba(102, 153, 255, .75);
}
.cropper-dashed {position: absolute;display: block;filter: alpha(opacity=50);border: 0 dashed #eee;opacity: .5;
}
.cropper-dashed.dashed-h {top: 33.33333333%;left: 0;width: 100%;height: 33.33333333%;border-top-width: 1px;border-bottom-width: 1px;
}
.cropper-dashed.dashed-v {top: 0;left: 33.33333333%;width: 33.33333333%;height: 100%;border-right-width: 1px;border-left-width: 1px;
}
.cropper-center {position: absolute;top: 50%;left: 50%;display: block;width: 0;height: 0;filter: alpha(opacity=75);opacity: .75;
}
.cropper-center:before,
.cropper-center:after {position: absolute;display: block;content: " ";background-color: #eee;
}
.cropper-center:before {top: 0;left: -3px;width: 7px;height: 1px;
}
.cropper-center:after {top: -3px;left: 0;width: 1px;height: 7px;
}
.cropper-face,
.cropper-line,
.cropper-point {position: absolute;display: block;width: 100%;height: 100%;filter: alpha(opacity=10);opacity: .1;
}
.cropper-face {top: 0;left: 0;background-color: #fff;
}
.cropper-line {background-color: #69f;
}
.cropper-line.line-e {top: 0;right: -3px;width: 5px;cursor: e-resize;
}
.cropper-line.line-n {top: -3px;left: 0;height: 5px;cursor: n-resize;
}
.cropper-line.line-w {top: 0;left: -3px;width: 5px;cursor: w-resize;
}
.cropper-line.line-s {bottom: -3px;left: 0;height: 5px;cursor: s-resize;
}
.cropper-point {width: 5px;height: 5px;background-color: #69f;filter: alpha(opacity=75);opacity: .75;
}
.cropper-point.point-e {top: 50%;right: -3px;margin-top: -3px;cursor: e-resize;
}
.cropper-point.point-n {top: -3px;left: 50%;margin-left: -3px;cursor: n-resize;
}
.cropper-point.point-w {top: 50%;left: -3px;margin-top: -3px;cursor: w-resize;
}
.cropper-point.point-s {bottom: -3px;left: 50%;margin-left: -3px;cursor: s-resize;
}
.cropper-point.point-ne {top: -3px;right: -3px;cursor: ne-resize;
}
.cropper-point.point-nw {top: -3px;left: -3px;cursor: nw-resize;
}
.cropper-point.point-sw {bottom: -3px;left: -3px;cursor: sw-resize;
}
.cropper-point.point-se {right: -3px;bottom: -3px;width: 20px;height: 20px;cursor: se-resize;filter: alpha(opacity=100);opacity: 1;
}
.cropper-point.point-se:before {position: absolute;right: -50%;bottom: -50%;display: block;width: 200%;height: 200%;content: " ";background-color: #69f;filter: alpha(opacity=0);opacity: 0;
}
@media (min-width: 768px) {.cropper-point.point-se {width: 15px;height: 15px;}
}
@media (min-width: 992px) {.cropper-point.point-se {width: 10px;height: 10px;}
}
@media (min-width: 1200px) {.cropper-point.point-se {width: 5px;height: 5px;filter: alpha(opacity=75);opacity: .75;}
}
.cropper-bg {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-invisible {filter: alpha(opacity=0);opacity: 0;
}
.cropper-hide {position: absolute;display: block;width: 0;height: 0;
}
.cropper-hidden {display: none !important;
}
.cropper-move {cursor: move;
}
.cropper-crop {cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {cursor: not-allowed;
}.crop-container{text-align: center;padding:0px 30px 30px 30px;}
.crop-container .crop-item{display:inline-block;width:auto;height:auto;display:inline-block;
}
.crop-container .crop-item img{width:100%;height:auto;
}
.crop-preview{}
.crop-preview .preview-item{float:left;margin:2.5px;overflow:hidden;background-color: white;clear:both;
}
.crop-preview .preview-item img{max-width: initial;
}
.preview-big{width:200px;height:200px;
}
.preview-middle{width:100px;height:100px;
}
.preview-small{width:50px;height:50px;
}
.crop-main{position:relative;height:auto;float:left;}
.crop-main .crop-preview-cnt{background-color: #f5f5f5;border: 1px solid #ddd;}.crop-preview .preview-item{position:relative;-webkit-user-select: none;  -moz-user-select: none;     -ms-user-select: none;      user-select: none;    
}
.crop-preview .preview-item .check-el{position:absolute;top:0;background-color: rgba(255,255,255,0.75);left:0;font-size: 12px;padding:0 5px 0 30px;z-index: 100;
}.crop-preview .preview-item  .check-el i{top:0px;
}
.preview-item.error{border:2px solid red;
}
.preview-item .preview-error-msg{position:absolute;width:100%;height:100%;background-color: rgba(255, 0, 0, 0.11);color:white;top:0px;left:0px;display:none;
}
.preview-item:hover .preview-error-msg{background-color: rgba(255, 0, 0, 0.51);display:block;
}
.preview-item .table{float:left;display:table;text-align: center;width:100%;height:100%;
}
.preview-item .table .table-cell{vertical-align: middle;display:table-cell;float:none;
}
.crop-comtroll-panel{padding:5px 30px;position:absolute;bottom:0px;left:0px;
}
.crop-comtroll-panel button:first-child{margin-left: 0px;
}

.datepicker {top: 0;left: 0;padding: 4px;margin-top: 1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.datepicker:before {content: '';display: inline-block;border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-bottom-color: rgba(0, 0, 0, 0.2);position: absolute;top: -7px;left: 6px;
}
.datepicker:after {content: '';display: inline-block;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #ffffff;position: absolute;top: -6px;left: 7px;
}
.datepicker > div {display: none;
}
.datepicker table {width: 100%;margin: 0;
}
.datepicker td,
.datepicker th {text-align: center;width: 20px;height: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.datepicker td.day:hover {background: #eeeeee;cursor: pointer;
}
.datepicker td.day.disabled {color: #eeeeee;
}
.datepicker td.old,
.datepicker td.new {color: #999999;
}
.datepicker td.active,
.datepicker td.active:hover {color: #ffffff;background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(to bottom, #0088cc, #0044cc);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color: #0044cc #0044cc #002a80;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color: #0044cc;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {color: #ffffff;background-color: #0044cc;*background-color: #003bb3;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {background-color: #003399 \9;
}
.datepicker td span {display: block;width: 47px;height: 54px;line-height: 54px;float: left;margin: 2px;cursor: pointer;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
.datepicker td span:hover {background: #eeeeee;
}
.datepicker td span.active {color: #ffffff;background-color: #006dcc;background-image: -moz-linear-gradient(top, #0088cc, #0044cc);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);background-image: -o-linear-gradient(top, #0088cc, #0044cc);background-image: linear-gradient(to bottom, #0088cc, #0044cc);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);border-color: #0044cc #0044cc #002a80;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*background-color: #0044cc;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);color: #fff;text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {color: #ffffff;background-color: #0044cc;*background-color: #003bb3;
}
.datepicker td span.active:active,
.datepicker td span.active.active {background-color: #003399 \9;
}
.datepicker td span.old {color: #999999;
}
.datepicker th.switch {width: 145px;
}
.datepicker th.next,
.datepicker th.prev {font-size: 21px;
}
.datepicker thead tr:first-child th {cursor: pointer;
}
.datepicker thead tr:first-child th:hover {background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {display: block;cursor: pointer;width: 16px;height: 16px;
}
.datepicker.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 250px;padding: 5px 0;margin: 2px 0 0;list-style: none;background-color: #ffffff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;
}