*::-moz-selection {
    background: #44ccff none repeat scroll 0 0;
    color: #fff;
    text-shadow: 0 1px 1px #3399dd;
}

body {
    color: #46494d;
    font-family: 'Open Sans', sans-serif;
}

hr {
    margin: 10px 0;
}

.form-group {
    margin: 0;
}

.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary,
.btn-primary {
    color: #fff;
    background-color: var(--primary-color, #007cc7);
    border-color: var(--primary-color), #007cc7;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: var(--primary-color, #007cc7);
    border-color: var(--primary-color, #007cc7);
}

#logo {
    position: absolute;
    top: 0;
    left: 114px;
    width: 300px;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0 0 14px 1px rgba(0,0,0,.8);
    box-shadow: 0 0 14px 1px rgba(0,0,0,.8);
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    z-index: 2;
}

#badge {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -60px;
    z-index: 2;
}

#imprint {
    position: fixed;
    bottom: 40px;
    right: 60px;
    z-index: 2;
}

    #imprint a {
        color: #fff;
        text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
    }

#uploadpanel {
    position: relative;
    z-index: 2;
    width: 300px;
    height: 500px;
    margin: 200px 0 0 100px;
    -webkit-box-shadow: 0 0 14px 1px rgba(0,0,0,.8);
    box-shadow: 0 0 14px 1px rgba(0,0,0,.8);
    border-radius: 8px;
}

    #uploadpanel #panelheadline {
        position: absolute;
        top: -60px;
        left: 0;
        color: #fff;
        opacity: .5;
        width: 300px;
        text-align: center;
    }

    #uploadpanel .panel-body {
        position: relative;
        height: 100%;
    }
    
    #filelistholder {
        position: relative;
        height: 130px;
        margin: 10px 0;
        overflow:hidden;
        border: 1px solid #cdcdcd;
        -webkit-box-shadow:inset 0 0 2px 1px rgba(0,0,0,.2);
        box-shadow:inset 0 0 2px 1px rgba(0,0,0,.2);
        transition: height ease .4s;
    }
    
    #filelistholder.medium {
        height: 80px; /* unused? */
    }
    
    #filelistholder.small {
        height: 60px;
    }
    
    #addmailbtn {
        cursor: pointer;
        float: right;
        margin: 4px 13px 0 0;
        font-size: 18px;
        color: var(--primary-color, #3c763d);
    }
    
    #mailadressholder {
        position: relative;
        height: 40px;
        margin: 0 0 10px 0;
        overflow: hidden;
        border-bottom: 1px solid #eee;
    }
        
        #mailadresslist,
        #fileslist {
            padding: 0;
            list-style-type: none;
        }
        
        #mailadresslist::-webkit-scrollbar,
        #fileslist::-webkit-scrollbar { 
            display: none; 
        }

            #mailadresslist li,
            #fileslist li {
                position: relative;
                font-size: 12px;
                padding: 3px 0 2px 12px;
                border-bottom: 1px solid #ddd;
            }

            #mailadresslist li a,
            #fileslist li a {
                display: inline-block;
                width: 16px;
                height: 16px;
                line-height: 16px;
                text-align: center;
                background: #999;
                color: #fff;
                border-radius: 8px;
                position: absolute;
                top: 4px;
                right: 14px;
                transition: background ease .4s;
            }

            #mailadresslist li a:hover,
            #fileslist li a:hover {
                background: #bc2a17;
                text-decoration: none;
            }

            #mailadresslist li span,
            #fileslist li span {
                color: #999;
                font-size: 11px;
                position: absolute;
                top: 4px;
                right: 34px;
            }

    #uploadholder {
        position: relative;
        margin: 0 0 10px 0;
    }

        #uploadholder #addfilesbtn {
            position: relative;
            z-index: 2;
        }

        #uploadholder #fileupload {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
        }
            
    #uploadpanel #dial {
        width: 100%;
        margin: 20px 0;
        text-align: center;
    }
    
    #uploadpanel h3 {
        margin: 0;
        text-align: center;
    }
    
    #uploadpanel #contentholder {
        height: 110px;
    }

        #uploadpanel #linkcontent {
            text-align: center;
        }
        
            #uploadpanel #linkcontent p {
                margin: 20px 0;
            }
        
        #uploadpanel #mailcontent {
            
        }
        
            #uploadpanel #mailcontent input {
                margin-bottom: 6px;
            }
            
    #contentbottom {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 0;
        height: 130px;
    }

   
    #fileupload {
        opacity: 0;
        height: 22px;
        width: 100%;
    }
    
    #addfilesbtn {
        width: 100%;
    }
    
    #uploadbtnholder {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    #uploadbtnholder a,
    #uploadbtnholder button {
        margin: 0 0 10px 0;
        width: 100%;
    }
    
    #uploadtext {
        text-align: center;
    }
    
    #helpbtn {
        font-size: 32px;
        line-height: 32px;
        float: right;
        color: var(--primary-color, #007cc7);
        margin-top: 20px;
        display: inline-block;
        cursor: pointer;
    }
    
.removeicon,
.infoicon,
.successicon {
    margin: 20px 0;
    display: block;
    font-size: 80px;
    text-align: center;
}

.removeicon span,
.infoicon span,
.successicon span {
    border: 10px solid #dff0d8;
    line-height: 120px;
    width: 140px;
    height: 140px;
    border-radius: 70px;
    color: #3c763d;
}

.infoicon span {
    border-color: #d9edf7;
    color: #31708f;
}

.removeicon span {
    border-color: #f2dede;
    color: #a94442;
}

#linkcopyholder {
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 1.42857;
    margin: 0 0 10px;
    padding: 4px;
}

#dropzone-highlight-container {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 0;
}

    #dropzone-highlight-container .dropzone-bg {
        border: 4px dotted #fff;
        border-radius: 19px;
        bottom: 20px;
        left: 20px;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    #dropzone-highlight-container .dropzone-message {
        color: #fff;
        font-size: 22px;
        left: 0;
        margin-top: -10px;
        position: absolute;
        text-align: center;
        top: 50%;
        width: 100%;
    }
    
/** SWEETALERT **/
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
    margin-top: -10px;
    margin-left: 0;
}

/** HELP OVERLAY **/
#help-overlay {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}
    
    #help,
    #help-link,
    #help-mail {
        position: fixed;
        top: 260px;
        left: 38px;
        z-index: 3;
    }

#background-disabler {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}