#fileInput {
  width: 0;
  height: 0;
  overflow: hidden;
}

#modal {
  z-index: 10;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #5F5F5F;
  opacity: 0.95;
  display: none;
}

#preview {
  z-index: 11;
  position: fixed;
  top: 5% !important;
  left: 35% !important;
  display: none;
  border: 4px solid #A5A2A2;
  border-radius: 4px;
  float: left;
  font-size: 0px;
  line-height: 0px;
}

#preview .buttons {
  width: 36px;
  position: absolute;
  bottom: 0px;
  right: -44px;
}

#preview .buttons .ok {
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  line-height: 0px;
  font-size: 0px;
  background-image: url('../images/Ok.png');
  background-repeat: no-repeat;
}

#preview .buttons .ok:hover { background-image: url('../images/OkGreen.png'); }

#preview .buttons .cancel {
  margin-bottom: 4px;
  border: 4px solid #F5F5F5;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  line-height: 0px;
  font-size: 0px;
  background-image: url('../images/Cancel.png');
  background-repeat: no-repeat;
}

#preview .buttons .cancel:hover { background-image: url('../images/CancelRed.png'); }


@media only screen and (max-width:991px){
    #preview{
        left: 12% !important;
    }
    #preview .jcrop-holder,
    #preview .jcrop-holder > div,
    #preview .jcrop-holder > div img,
    #preview .jcrop-tracker,
    #preview #photo{
        max-width: 400px !important;
        width: 400px !important;
    }
    .panel.panel-body,
    .panel.panel-body .cropme {
        width: 100% !important;
        /*height: 350px;*/
    }
}
@media only screen and (max-width:767px){
    #preview{
        left: 10% !important;
    }
    #preview .jcrop-holder,
    #preview .jcrop-holder > div,
    #preview .jcrop-holder > div img,
    #preview .jcrop-tracker,
    #preview #photo{
        max-width: 300px !important;
        width: 300px !important;
    }
    .panel.panel-body,
    .panel.panel-body .cropme {
        width: 100% !important;
        /*height: 300px;*/
    }
}