html,body{overflow:hidden;width:100%;height:100%;margin:0;padding:0}.dd-navbar{margin:0;border-bottom-color:#ddd}.dd-content{position:absolute;top:52px;left:0;bottom:0;right:0}.dd-overlay .dd-content{top:0}.dd-dialog .modal-header{color:#fff;background:#3c4e55;border-color:#3c4e55}.dd-dialog .modal-header .close{color:#ddd;opacity:1;text-shadow:none;margin-top:0}.dd-dialog .modal-header .close:hover{opacity:1;color:#fff}.dd-dialog-loader{width:100%;height:200px;background:transparent url('../img/loading.svg') center center no-repeat;background-size:100px 100px}.dd-media{height:100%}.dd-media .dd-media-header-info{padding:10px 15px;font-size:.8em;line-height:1.8;color:#777}.dd-media .dd-media-search-form{padding:5px 15px 5px 0}.dd-media .dd-media-list{position:relative;width:100%;height:100%;clear:both;float:left;overflow:hidden}.dd-media .dd-media-list-items{width:66.66666667%;position:absolute;top:0;left:0;bottom:0;padding:30px 30px 0;overflow:auto}.dd-media .dd-media-list-details{width:33.33333333%;position:absolute;top:0;right:0;bottom:0;padding:30px;border-left:1px solid #eee;background:#fafafa}.dd-media .dd-media-item{position:relative;display:block;overflow:hidden;width:100%;height:100%;color:#777;transition:all .2s;padding:3px;box-shadow:0 0 0 3px #fff inset,0 0 0 5px rgba(0,0,0,0);outline:0;margin-bottom:30px}.dd-media .dd-media-item:before{content:'';display:block;padding-top:100%}.dd-media .dd-media-item.dd-media-item-removing{opacity:.5}.dd-media .dd-media-item .dd-media-item-preview{overflow:hidden;position:absolute;top:3px;left:3px;right:3px;bottom:3px;box-shadow:0 0 15px rgba(0,0,0,0.1) inset,0 0 1px rgba(0,0,0,0.5) inset;background:#eee}.dd-media .dd-media-item .dd-media-item-centered{position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(50%, 50%)}.dd-media .dd-media-item .dd-media-item-centered .dd-media-thumb,.dd-media .dd-media-item .dd-media-item-centered .dd-media-icon,.dd-media .dd-media-item .dd-media-item-centered .dd-media-upload-progress{position:absolute;top:0;left:0;transform:translate(-50%, -50%)}.dd-media .dd-media-item .dd-media-upload-progress{width:100%;height:10px;padding:0 10px}.dd-media .dd-media-item .dd-media-upload-progress span{float:left;height:100%;width:0;background:#25A685}.dd-media .dd-media-item .dd-media-item-label{position:absolute;bottom:0;left:0;right:0;max-height:100%;text-align:center;box-shadow:0 0 1px rgba(0,0,0,0.5) inset;overflow:hidden;background:#fafafa;padding:5px;text-overflow:ellipsis}.dd-media .dd-media-item img{width:100%}.dd-media .dd-media-item:hover,.dd-media .dd-media-item:focus{box-shadow:0 0 0 3px #fff inset,0 0 0 5px rgba(0,0,0,0.1)}.dd-media .dd-media-item.active{box-shadow:0 0 0 3px #fff inset,0 0 0 5px #3c4e55}.dd-media .dz-error .dd-media-item{box-shadow:0 0 0 3px #fff inset,0 0 0 5px #C14541}.dd-media .dz-success .dd-media-upload-progress{display:none}.dd-media .dd-media-upload{position:relative;width:100%;height:300px;overflow:hidden}.dd-media .dd-media-upload.dz-clickable{cursor:pointer}.dd-media .dd-media-upload-info,.dd-media .dd-media-upload-fallback,.dd-media .dd-media-list-empty-info{overflow:visible;position:absolute;height:40px;width:300px;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center}.dd-media .dd-media-upload-fallback{height:60px}.dd-media .dd-media-upload-fallback iframe{width:100%;height:40px}.dd-media .dd-media-list-empty-info{display:none}.dd-media .dd-media-list.empty{margin-bottom:0}.dd-media .dd-media-list.empty .dd-media-list-empty-info{display:block}.dd-media .dd-media-drag-helper{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(63,166,234,0.8);z-index:5;opacity:0}.dd-media .dd-media-drag-helper span{position:absolute;top:0;bottom:0;width:100%;height:20px;font-size:1.2em;text-align:center;margin:auto 0;color:#fff}.dd-media.dz-drag-hover .dd-media-drag-helper{z-index:20;opacity:1}.dd-media .dd-media-tabs{position:relative;z-index:10;background:#eee;height:100%}.dd-media .dd-media-tabs .tab-content{background:#fff;position:absolute;top:41px;left:0;right:0;bottom:0;z-index:1}.dd-media .dd-media-tabs .tab-content,.dd-media .dd-media-tabs .tab-pane{overflow:hidden}.dd-media .dd-media-tabs .tab-pane{height:100%}.dd-media .dd-media-tabs .nav-tabs{position:absolute;top:0;left:0;width:100%;height:41px;z-index:1}.dd-media .dd-media-tabs .nav-tabs li>a{border-top:0}.dd-media .dd-media-tabs .nav-tabs li:first-child>a{border-left:0}.dd-media.dd-media-overview .dd-media-list-items{width:75%}.dd-media.dd-media-overview .dd-media-list-details{width:25%}