/* Code tidied up by ScrapBook */
.upload-img {width:100%;background-color: rgb(220, 220, 220); min-height: 100px; border-radius: 5px; float: left; }
.dropzone { position: relative; background: rgba(0, 0, 0, 0.02) none repeat scroll 0% 0%;  border: 2px dashed #ddd; min-height: 200px; padding:20px ; cursor: pointer; width:100%;}
.dropzone .dz-default.dz-message { opacity: 0.5; filter: none; transition: opacity 0.3s ease-in-out 0s; background-image: url("../images/spritemap.png"); background-repeat: no-repeat; background-position: 0px 0px; position: absolute; width: 252px; height: 123px; margin-left: -126px; margin-top: -61.5px; top: 50%; left: 50%; }
.upload-img-picbox { background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%; position: relative; display: inline-block; margin: 17px; vertical-align: top; border: 1px solid rgb(172, 172, 172); padding: 6px; }
.upload-img-picbox img { position: relative; top: 0px; left: 0px; width: 90px; height: 90px; }
.upload-img-detail { width: 90px; height: 90px; position: relative; background: rgb(235, 235, 235) none repeat scroll 0% 0%; padding: 0px; margin-bottom: 22px; }
.upload-img-del-button { transition: opacity 0.4s ease-in-out 0s; background-image: url("../images/spritemap.png"); background-repeat: no-repeat; background-position: -268px -123px; filter: none; display: block; opacity: 1; color: rgb(238, 22, 45); position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; right: -15px; top: -15px; cursor: pointer; }
.upload-img-check-button { transition: opacity 0.4s ease-in-out 0s; background-image: url("../images/spritemap.png"); background-repeat: no-repeat; background-position: -268px -163px; filter: none; display: block; opacity: 1; color: rgb(238, 22, 45); position: absolute; width: 40px; height: 40px; font-size: 30px; text-align: center; top: 35px; left: 35px; cursor: default; }
.glyphicon-remove::before { content: none; }
.upload-img-del-button:hover { background-position: -268px -82px; }
.form-group select { height: 34px; }
#logo_show img { width: 60px; height: 60px; }
#logo_show .glyphicon-remove { display: none; }
.file-preview { width: 112px; height: 130px; }
.file-preview i { font-size: 70px; top: 45%; left: 50%; transform: translate(-50%, -50%); position: absolute; font-family: dropify ! important; color: rgb(119, 119, 119); }
.file-preview i::before { content: ""; font-family: dropify; font-style: normal; font-weight: 400; display: inline-block; text-decoration: inherit; width: 1em; margin-left: 0.2em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; }
.file-extension { text-align: center; color: rgb(119, 119, 119); position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); margin-top: 10px; text-transform: uppercase; font-weight: 900; letter-spacing: -0.03em; font-size: 13px; width: 42px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.filename { position: absolute; bottom: 2px; width: 90%; height: 20px; overflow: hidden; text-align: center; }
.dropzone .dz-default.dz-upfile { background-image: url("../images/spritemap1.png"); }
.hidden { display: none !important; visibility: hidden !important;}