#dropzone{position:fixed;width:100%;height:100%;z-index:99999;left:0;top:0;background:rgba(0,0,0,.81);display:none}#dropzone-box{position:absolute;top:5rem;right:0;left:0;margin:auto;width:500px;height:450px;border-radius:4px;overflow:hidden;font-family:'Open Sans',sans-serif!important;margin-bottom:15px!important;text-align:center}#dropzone-box .title{padding:.7rem 1rem;font-size:1.3rem;width:100%;height:10%;background:#282d39!important;color:#fff;box-sizing:border-box;font-weight:600}#dropzone-box .content{padding:1rem;color:#fdb64a;height:100%;box-sizing:border-box;border-style:dashed;background:#3f465a!important;-webkit-box-shadow:0 1px 7px 0 rgba(100,100,100,.5)!important;-moz-box-shadow:0 1px 7px 0 rgba(100,100,100,.5)!important;box-shadow:0 1px 7px 0 rgba(100,100,100,.5)!important}#dropzone-box .content:before{content:"Solt\00E1  ac\00E1  la imagen";position:absolute;top:275px;box-sizing:border-box;left:0;right:0;font-size:20px;color:#dde1ec}#dropzone-box.uploading .content:before{content:"Subiendo imagen..."}#dropzone-box .content:after{content:"";background:url(/images/bandm.gif);width:199px;height:180px;position:absolute;left:0;right:0;margin:0 auto;top:95px}.dropIncoming{-webkit-animation:bgchange 1s ease infinite;-moz-animation:bgchange 1s ease infinite;animation:bgchange 1s ease infinite}#cancel-upload{position:relative;bottom:2.5rem;color:#fdb64a;cursor:pointer;display:inline-block;text-align:center}#cancel-upload:hover{text-decoration:underline!important}#dropzone-box.wrong-file{background:red!important}#attack-file{position:absolute;z-index:99999}#dropzone-box.wrong-file .content:after{background:url(/images/dk.gif) no-repeat;background-size:100%;width:260px;height:180px;top:100px}#dropzone-box.wrong-file .content:before{content:"\00A1Solo se puede subir im\00E1genes!";top:300px}#dpz-progress{position: fixed;top: 0;left: 0;height: 10px;background: #f9a729;}#dropzone-box.error .content:before{content:"\00A1Ups! No se pudo subir la imagen :(";top:300px}#dropzone-box.error .content:after{background:url(/images/creeper.png);background-size:100%;top:90px}#dropzone-box.wrong-file .dropIncoming{-webkit-animation:wrongbgchange .5s ease infinite;-moz-animation:wrongbgchange .5s ease infinite;animation:wrongbgchange .5s ease infinite}@-webkit-keyframes bgchange{0%,100%{background:#3f465a}50%{background:#4f576d}}@-webkit-keyframes wrongbgchange{0%,100%{background:#3f465a}50%{background:#9e0000}}.dpz-pulse{animation:dpz-pulse .8s}@-webkit-keyframes dpz-pulse{0%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,.4)}70%{-webkit-box-shadow:0 0 13px 21px rgba(204,169,44,0)}100%{-webkit-box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes dpz-pulse{0%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,.4);box-shadow:0 0 0 0 rgba(204,169,44,.4)}70%{-moz-box-shadow:0 0 13px 21px rgba(204,169,44,0);box-shadow:0 0 13px 21px rgba(204,169,44,0)}100%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 0 0 rgba(204,169,44,0)}}