.file-upload {
    display: block;
    text-align: center;
}

    .file-upload .file-select {
        display: block;
        border-bottom: 1px solid #989898;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        text-align: left;
        background: #fff;
        overflow: initial;
        position: relative;
        margin-top: -15px;
    }

        .file-upload .file-select .file-select-button {
            background: #ececec;
            padding-right: 5px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
            padding-left: 5px;
            border-bottom: 1px solid #989898;
        }

        .file-upload .file-select .file-select-name {
            line-height: 40px;
            display: inline;
            padding: 0 6px;
            font-size: 12px;
            position: absolute;
            background: #34ce20;
            width: 50%;
            overflow: hidden;
            white-space: nowrap;
        }

.bgwhite {
    background: none
}

#signatureGuardian{
    margin-top:50%
}

.file-upload .file-select .file-select-name .bgcolor {
    line-height: 40px;
    display: inline-flex;
    padding: 0 10px;
    font-size: 12px;
    position: absolute;
    background: green;
}

.errormes {
    color: #f2184f;
    vertical-align: top;
}

.file-upload .file-select:hover {
    border-color: #ec9f1b;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .file-upload .file-select:hover .file-select-button {
        background: #ec9f1b;
        color: #FFFFFF;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }


.file-upload.active .file-select {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

    .file-upload.active .file-select .file-select-button {
        background: #3fa46a;
        color: #FFFFFF;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.file-upload .file-select.file-select-disabled {
    opacity: 0.65;
}

    .file-upload .file-select.file-select-disabled:hover {
        cursor: default;
        display: block;
        border: 2px solid #dce4ec;
        color: #34495e;
        cursor: pointer;
        height: 40px;
        line-height: 40px;
        margin-top: 5px;
        text-align: left;
        background: #FFFFFF;
        overflow: hidden;
        position: relative;
    }

        .file-upload .file-select.file-select-disabled:hover .file-select-button {
            background: #dce4ec;
            color: #666666;
            padding: 0 10px;
            display: inline-block;
            height: 40px;
            line-height: 40px;
        }

        .file-upload .file-select.file-select-disabled:hover .file-select-name {
            line-height: 40px;
            display: inline-block;
            padding: 0 10px;
        }


/*-----------------------------------------------------------------------------------------------------------*/


.file-upload .file-select .file-select-namepic {
    line-height: 40px;
    display: inline;
    padding: 7px 6px;
    font-size: 13px;
    /* position: absolute; */
    /* background: #fff; */
    width: 100%;
}

.Profilepicupload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #989898;
}

.Profilepicupload .file-select:hover .file-select-button {
    background: #ec9f1b;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.Profilepicupload.active .file-select {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #34ce20;
}

    .Profilepicupload.active .file-select .file-select-button {
        background: #ececec;
        color: #333;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }


/*-----------------------------------------------------------------------------------------------------------*/


.file-upload .file-select .file-select-namedocfile {
    line-height: 40px;
    display: inline;
    padding: 7px 6px;
    font-size: 13px;
    /* position: absolute; */
    /* background: #fff; */
    width: 100%;
}

.uploaddocfile .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #989898;
}

.uploaddocfile .file-select:hover .file-select-button {
    background: #ec9f1b;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.uploaddocfile.active .file-select {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #34ce20;
}

    .uploaddocfile.active .file-select .file-select-button {
        background: #ececec;
        color: #333;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }


/*-----------------------------------------------------------------------------------------------------------*/


.file-upload .file-select .file-select-namefile {
    line-height: 40px;
    display: inline;
    padding: 7px 6px;
    font-size: 13px;
    /* position: absolute; */
    /* background: #fff; */
    width: 100%;
}

.uploadfilenew .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #989898;
}

.uploadfilenew .file-select:hover .file-select-button {
    background: #ec9f1b;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.uploadfilenew.active .file-select {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #34ce20;
    border-bottom: 1px solid #989898;
}

    .uploadfilenew.active .file-select .file-select-button {
        background: #ececec;
        color: #333;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }


/*-----------------------------------------------------------------------------------------------------------*/


.file-upload .file-select .file-select-nameGuardiansign {
    line-height: 40px;
    display: inline;
    padding: 7px 6px;
    font-size: 13px;
    /* position: absolute; */
    /* background: #fff; */
    width: 100%;
}

.Guardiansignupload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #989898;
}

.Guardiansignupload .file-select:hover .file-select-button {
    background: #ec9f1b;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.Guardiansignupload.active .file-select {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #34ce20;
    border-bottom: 1px solid #989898;
}

    .Guardiansignupload.active .file-select .file-select-button {
        background: #ececec;
        color: #333;
        transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }



/*-----------------------------------------------------------------------------------------------------------*/


.file-upload .file-select .file-select-namecandidatesign {
    line-height: 40px;
    display: inline;
    padding: 7px 6px;
    font-size: 13px;
    /* position: absolute; */
    /* background: #fff; */
    width: 100%;
}

.Candidatesignupload .file-select .file-select-button {
    background: #dce4ec;
    padding: 0 10px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #989898;
}

.Candidatesignupload .file-select:hover .file-select-button {
    background: #ec9f1b;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.Candidatesignupload.active .file-select {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    background: #34ce20;
    border-bottom: 1px solid #989898;
}

.Candidatesignupload.active .file-select .file-select-button {
    background: #ececec;
    color: #333;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}