.cropit-preview {
        background-color: #f8f8f8;
        background-size: cover;
        border: 5px solid #ccc;
        border-radius: 3px;
        margin-top: 7px;        
      }

      .cropit-preview-image-container {
        cursor: move;        
      }
      
      .cropit-image-zoom-input {
      width:200px !important;
      display:inline-block;
      margin-right:15px;
      }

      .cropit-preview-background {
        opacity: .2;
        cursor: auto;
      }

      .image-size-label {
        margin-top: 10px;
      }

      input, .export {
        /* Use relative position to prevent from being covered by image background */
        position: relative;
        z-index: 10;
        display: block;
      }
      .controls-wrapper {
      transition: opacity 0.25s;
      display: inline-block;
      box-sizing: border-box;
      padding-left:60px;
      margin-top:30px;
      }