.clearfix{
clear:both;
overflow:hidden
}
#upload_landing{
background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23999CB2FF' stroke-width='2' stroke-dasharray='6%2c 9' stroke-dashoffset='11' stroke-linecap='square'/%3e%3c/svg%3e");
border-radius:8px;
border:none
}
.inbox-page .uploading-process{
margin-bottom:0;
width:100%
}
.inbox-page .wu,
.inbox-page .wud{
display:none
}
#main_content{
background:#fff;
box-shadow:0 1px 6.3px -1px rgba(18,35,69,.1),0 0 0 1px rgba(18,35,69,.075);
border-radius:12px
}
.inbox-hr-line{
position:relative;
margin-top:-1rem;
margin-bottom:1rem
}
.inbox-page #main_content.uploading .sub-heading{
display:block
}
.inbox-page #main_content.uploading .upload-outer{
display:block;
max-height:none
}
.inbox-page #main_content.uploading .landing-page-signup{
display:none
}
.inbox-page #main_content.uploading .uploading-wrapper{
display:block;
height:354px;
background-color:#fff;
border:1px solid #c8cacc;
border-radius:5px
}
.inbox-page #main_content.uploading .time-left{
display:block;
margin-top:10px;
font-size:12px;
color:#101010
}
.inbox-page #main_content.uploading .downloadvierkant{
display:flex;
flex-direction:column;
justify-content:flex-end;
align-items:center;
position:relative;
margin-top:38px;
margin-bottom:30px
}
.inbox-page #main_content.uploading .downloadvierkant .status{
position:relative;
margin-top:20px;
width:100%;
color:#101010
}
.inbox-page #main_content.uploading .downloadcirkel{
background-color:#fff
}
.inbox-page #main_content.uploading .downloadcirkel p{
margin:auto
}
.inbox-page #main_content.uploading .downloadprocent{
color:#0a0a0b
}
.inbox-page #main_content.uploading .downloadprocent span{
font-size:16px;
color:#0a0a0b
}
.inbox-page #main_content.uploading .radial-progress{
background-color:rgba(168,168,168,.2)
}
.done .downloadcirkel{
height:114px;
width:114px;
top:1px;
margin-left:-57px
}
.inbox-page #main_content.uploading .wu{
display:block
}
.inbox-page #main_content.uploading .w,
.inbox-page #main_content.uploading.done .w,
.inbox-page #main_content.uploading.done .wu{
display:none
}
.inbox-page #main_content.uploading.done .wud{
display:block
}
.inbox-page .nano>.nano-pane{
width:4px;
background-color:#eceff1;
opacity:1!important
}
.inbox-page .nano>.nano-pane>.nano-slider{
margin:0;
background-color:#c1cbd2
}
.nano:hover>.nano-pane{
opacity:1!important
}
.downloadcirkel{
position:absolute;
height:110px;
width:110px;
background:#1c1c1c;
border-radius:100%;
top:3px;
left:50%;
margin-left:-55px
}
.downloadprocent{
width:auto;
height:22px;
text-align:center;
color:rgba(255,255,255,.85);
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
font-size:24px;
margin:auto;
font-weight:700
}
.radial-progress{
position:absolute;
top:0;
left:50%;
margin-left:-60px;
margin-top:-2px;
width:120px;
height:120px;
background-color:#282828;
border-radius:50%
}
.circle{
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%
}
.radial-progress .circle .fill,
.radial-progress .circle .mask{
width:120px;
height:120px;
position:absolute;
border-radius:50%;
transition:transform 1s;
-webkit-backface-visibility:hidden
}
.done .inbox-page #main_content.uploading .radial-progress,
.done .radial-progress .circle .mask .fill{
background-color:#429d17
}
.radial-progress-icon-done{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:50px
}
.radial-progress .circle .mask .fill{
clip:rect(0,58px,120px,0);
background-color:#2f76ff
}
.fill,
.side,
.spinner-css{
box-sizing:content-box
}
.radial-progress .circle .mask{
clip:rect(0,120px,120px,60px)
}
.downloadvierkant{
height:220px;
width:auto;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto
}
.upload-outer{
width:100%;
max-height:80px
}
.inbox-page .main-content.uploading .downloadcirkel{
background-color:#fff
}
.drop-here{
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background-color:rgba(85,99,108,.6);
z-index:1070
}
.inbox-page .drop-here:after,
.inside-bucket-page .drop-here:after{
width:206px;
content:"Drop files to add"
}
.drop-here:after{
height:44px;
font-size:26px;
color:#fff;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto
}