.dropzone{ background-color:#0000000f; margin:0; height:1px; padding-bottom:50%; }
.media-add-base{ position:relative; width:100%; background-repeat:no-repeat; background-position:center; background-size:cover; background-color:#E6E6E6; }
.media-add-base.contain{ background-size:contain; }
.media-add-label{ font-size:0.75rem; margin:0.7rem 0 0 0; }
.media-add-field{ width:100%; margin:.3rem 0 10px 0; font-size:0.875rem; padding:0.25rem 0.5rem; color:#5a5a5a; border:1px solid #dfdfdf; }
.media-add-remove{ position:absolute; top:10px; right:10px; border-radius:20px; height:40px; width:40px; background-color:#CCCCCC; color:#330000; line-height:40px; font-size:20px; text-align:center; cursor:pointer; display:none; }
.media-add-base.has-image .media-add-remove{ display:block; }
.media-add-grad{ background:rgba(204,180,108,1);
    background:-moz-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
    background:-webkit-gradient(left bottom, right top, color-stop(0%, rgba(204,180,108,1)), color-stop(100%, rgba(214,114,77,1)));
    background:-webkit-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
    background:-o-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
    background:-ms-linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
    background:linear-gradient(45deg, rgba(204,180,108,1) 0%, rgba(214,114,77,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb46c', endColorstr='#d6724d', GradientType=1 ); }
.media-add-base .dz-message{ position:absolute; bottom:14px; left:0; width:96%; margin:0 2%; background-color:rgba(255,255,255,.4); padding:7px; color:#6b6b6b; text-shadow:1px 2px 2px rgba(255,255,255,.6); font-size:12px; }

.media-add-container{ position:relative; width:100%; height:1px; padding-bottom:50%; border:1px dotted #666666; background-repeat:no-repeat; background-position:center; background-size:contain; background-color:#EDEDED; }
.media-add-explain{ position:relative; text-shadow:0px 1px 2px rgba(255, 255, 255, 1); cursor:pointer; padding:15px 30px; display:table; margin:20% auto 0 auto; background-color:rgba(255,255,255,.7); border-radius:5px; color:#242424; }
.media-add-remove{ position:absolute; top:10px; right:10px; border-radius:20px; height:40px; width:40px; background-color:#CCCCCC; color:#330000; line-height:40px; font-size:20px; text-align:center; cursor:pointer; }