body{overflow:hidden}#container{position:fixed;width:300px;padding:20px;top:50%;left:50%;margin:-200px 0 0 -170px;background:#fff;border-radius:3px;-webkit-box-shadow:2px 2px 8px 0 rgba(0,0,0,.4);box-shadow:2px 2px 8px 0 rgba(0,0,0,.4);display:none;z-index:999}#container .close{position:absolute;top:-20px;right:-20px;background:#ccc;color:#fff;padding:8px 15px;border-radius:50%;z-index:1;cursor:pointer;font-size:1.5em;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.4);box-shadow:0 0 10px 0 rgba(0,0,0,.4)}#container .close:hover{background:#bbb}.imageDiv{width:300px;height:200px;position:relative}#validateImage{border-radius:3px}#slideImage{position:absolute;top:5px;left:0}#sliderOuter{width:300px;height:36px;margin-top:20px;border-radius:20px;-webkit-box-shadow:0 0 10px 5px #a9a9a9;box-shadow:0 0 10px 5px #a9a9a9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}#dragDiv{width:100%;height:36px;font-size:16px;color:#1e90ff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#dragDiv,#sliderInner{line-height:36px;position:absolute;text-align:center}#sliderInner{width:52px;height:40px;border-radius:20px;font-size:2rem;background-color:#28a745;cursor:pointer;left:0;color:#fff}.resultDiv{margin:10px 0;font-size:14px}#refreshBtn{background:#28a745;color:#fff;padding:6px 8px;border-radius:3px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.4);box-shadow:0 0 10px 0 rgba(0,0,0,.4);cursor:pointer;margin-right:8px}#refreshBtn:hover{opacity:.8}