.section-authentication-signin {
    height: 90vh;
}
.login-icon{
    width:80px;
}

.login-logo {
    width: 130px;
}

.sidebar-wrapper .metismenu .logout-active > a {
    color: #fcf8f8;
    text-decoration: none;
    background: rgb(249 9 38 / 0.67);
}

.ff_fileupload_wrap {
    background-color: #0094ff !important;
}

.profile-pic {
    position: relative;
    display: inline-block;
}

.profile-pic:hover .edit {
    opacity: 1;
}

.edit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    border-radius: 50% !important;
    background-color: rgb(0 140 186 / 0.77);
    cursor: pointer;
}

.edit i {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.inputfile {
    width: 0.1px px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
label:hover figure {
    background-color: #722040;
    cursor: pointer;
}
.inputfile-4 + label figure {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #d3394c;
    display: block;
    padding: 20px;
    margin: 0 auto 10px;
}
.chart-container-1 {
    position: relative;
    height: 301px;
}
.chart-container-20 {
    position: relative;
    height: 378px;
}
.my-photo-1 {
    height: 160px;
}
.my-photo-2 {
    height: 140px;
}