.rotate-ccw-btn, .rotate-cw-btn {font-size: 16px;cursor: pointer}
.range {padding: 2px 0;}
.rotate-ccw-btn {margin-right: 20px;}
.splash {padding-top: 0px !important;padding-bottom: 0px !important;}
.crop-over-flow {overflow: hidden;}
.demo-wrapper, .splash {position: initial !important;}
.progress-bar.animate {width: 100%;}
input[type=range] {-webkit-appearance: none;-moz-appearance: none;background-color: #7f7f7f;height: 2px;}
input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;-moz-appearance: none;position: relative;top: 0;z-index: 1;width: 15px;height: 15px;cursor: pointer;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #717171), color-stop(50%, #717171), color-stop(51%, #717171), color-stop(100%, #717171))}
.cropit-preview {background-color: #f8f8f8;background-size: cover;border-radius: 3px;margin-top: 7px;width: 350px;height: 350px;cursor: move;}
.cropit-preview.cropit-image-loading .spinner {opacity: 1;}
.cropit-preview-background {opacity: .2;}
.cropit-image-zoom-input[disabled] {opacity: .2;}
.cropit-preview-image-container {cursor: move;}
.image-size-label {margin-top: 15px;}
.up-loading-img {margin-left:20px;margin-top:2px;}
.up-loading {margin-left:50px;margin-bottom:1px;}
.crop-modal-width {width: 60%;}
.modal-dialog {margin: 60px auto;}
.upload-margin-top {margin-top: 100px !important;}
.splash {min-height: 410px !important;}
.controls-wrapper {margin-top: 20px;}
.splash .controls-wrapper .rotate-buttons, .demo-wrapper .controls-wrapper .rotate-buttons, .splash .controls-wrapper .range-slider, .demo-wrapper .controls-wrapper .range-slider {display: inline-block;}
.rotate-buttons {margin-right: 10px;margin-top: 3px;}
.range-slider .range {margin-left: 32px;width: 210px;outline:0px;}
.small-image {font-size: 16px;float: left;margin-top: -5px;}
.large-image {font-size: 27px;float: right;margin-top: -16px;margin-right: -42px;}
@media (max-width: 1200px) {.crop-modal-width {width: 56%;}}
@media (max-width: 900px) {.crop-modal-width {width: 60%;}}
@media (max-width: 800px) {.crop-modal-width {width: 70%;}}
@media (max-width: 767px) {.up-loading {margin-left:32px;margin-bottom:1px;}.up-loading-img {margin-left: 9px;margin-top: 2px;margin-bottom: -18px;}.progress {width: 96% !important;}.crop-modal-width {width: 80%;}.modal-dialog {margin: 0 auto !important;}}
@media (max-width: 600px) {.crop-modal-width {width: 100%;}.modal-dialog {margin: 0 auto !important;}}
@media (max-width: 580px) {.up-loading {margin-left:32px;margin-bottom:1px;}.up-loading-img {margin-left: 9px;margin-top: 2px;margin-bottom: -18px;}.progress {width: 94% !important;}.crop-modal-width {width: 100%;}}
@media (max-width: 520px) {.up-loading {margin-left:32px;margin-bottom:1px;}.up-loading-img {margin-left: 9px;margin-top: 2px;margin-bottom: -18px;}.progress {width: 94% !important;}.crop-modal-width {width: 100%;}}
@media (max-width: 480px) {.up-loading {margin-left:32px;margin-bottom:1px;}.up-loading-img {margin-left: 9px;margin-top: 2px;margin-bottom: -18px;}.progress {width: 94% !important;}}
@media (max-width: 400px) {.up-loading {margin-left:32px;margin-bottom:1px;}.up-loading-img {margin-left: 9px;margin-top: 2px;margin-bottom: -18px;}.progress {width: 94% !important;}.crop-modal-width {width: 100%;}}
@media (max-width: 380px) {.progress {width: 93% !important;}}
@media (max-width: 320px) {.progress {width: 91% !important;}.crop-buttons {padding-left: 9px;padding-right: 11px;}}