.select-image-active {
    border: 3px solid #00c9a7;
}

.avatar-group .avatar:hover {
    z-index: 2
}

.avatar-group .avatar, .avatar-group .avatar-sm, .avatar-group .avatar-xs {
    padding: .125rem .125rem
}

.avatar-group .avatar-lg, .avatar-group .avatar-xl, .avatar-group .avatar-xxl {
    padding: .25rem .25rem
}

.avatar-group.avatar-circle .avatar {
    border-radius: 50%
}

    .avatar-group.avatar-circle .avatar .avatar-img, .avatar-group.avatar-circle .avatar .avatar-initials {
        border-radius: 50%
    }

.avatar-group .avatar {
    width: 2.625rem;
    height: 2.625rem
}

    .avatar-group .avatar .avatar-initials {
        font-size: 1.09375rem
    }

    .avatar-group .avatar + .avatar {
        margin-left: -1rem
    }

.avatar-group-xs .avatar {
    width: 1.53125rem;
    height: 1.53125rem
}

    .avatar-group-xs .avatar .avatar-initials {
        font-size: .875rem
    }

    .avatar-group-xs .avatar + .avatar {
        margin-left: -.6125rem
    }

.avatar-group-sm .avatar {
    width: 2.1875rem;
    height: 2.1875rem
}

    .avatar-group-sm .avatar .avatar-initials {
        font-size: .98438rem
    }

    .avatar-group-sm .avatar + .avatar {
        margin-left: -.875rem
    }

.avatar-group-lg .avatar {
    width: 3.9375rem;
    height: 3.9375rem
}

    .avatar-group-lg .avatar .avatar-initials {
        font-size: 1.53125rem
    }

    .avatar-group-lg .avatar + .avatar {
        margin-left: -1.5rem
    }

.avatar-group-xl .avatar {
    width: 4.92188rem;
    height: 4.92188rem
}

    .avatar-group-xl .avatar .avatar-initials {
        font-size: 1.96875rem
    }

    .avatar-group-xl .avatar + .avatar {
        margin-left: -1.5rem
    }

.avatar-group-xxl .avatar {
    width: 7.875rem;
    height: 7.875rem
}

    .avatar-group-xxl .avatar .avatar-initials {
        font-size: 2.625rem
    }

    .avatar-group-xxl .avatar + .avatar {
        margin-left: -2rem
    }

.avatar.avatar-4by3 {
    width: 3.5rem
}

.avatar-xss.avatar-4by3 {
    width: 1.33333rem
}

.avatar-xs.avatar-4by3 {
    width: 2.04167rem
}

.avatar-sm.avatar-4by3 {
    width: 2.91667rem
}

.avatar-lg.avatar-4by3 {
    width: 5.25rem
}

.avatar-xl.avatar-4by3 {
    width: 6.5625rem
}

.avatar-xxl.avatar-4by3 {
    width: 10.5rem
}

.avatar.avatar-circle .avatar-status {
    bottom: -3.5px;
    right: -3.5px
}

.avatar.avatar-circle .avatar-sm-status {
    bottom: 0;
    right: 0
}

.avatar.avatar-circle .avatar-lg-status {
    bottom: -.28437rem;
    right: -.28437rem
}

.avatar-xss {
    width: 1rem;
    height: 1rem
}

    .avatar-xss .avatar-initials {
        font-size: .875rem
    }

.avatar-xs {
    width: 1.53125rem;
    height: 1.53125rem
}

    .avatar-xs .avatar-initials {
        font-size: .875rem
    }

    .avatar-xs.avatar-circle .avatar-status {
        bottom: -3.5px;
        right: -3.5px
    }

    .avatar-xs.avatar-circle .avatar-sm-status {
        bottom: -.10254rem;
        right: -.10254rem
    }

    .avatar-xs.avatar-circle .avatar-lg-status {
        bottom: -.28437rem;
        right: -.28437rem
    }

.avatar-sm {
    width: 2.1875rem;
    height: 2.1875rem
}

    .avatar-sm .avatar-initials {
        font-size: .98438rem
    }

    .avatar-sm.avatar-circle .avatar-status {
        bottom: -3.5px;
        right: -3.5px
    }

    .avatar-sm.avatar-circle .avatar-sm-status {
        bottom: -.08203rem;
        right: -.08203rem
    }

    .avatar-sm.avatar-circle .avatar-lg-status {
        bottom: -.35547rem;
        right: -.35547rem
    }

.avatar-lg {
    width: 3.9375rem;
    height: 3.9375rem
}

    .avatar-lg .avatar-initials {
        font-size: 1.53125rem
    }

    .avatar-lg.avatar-circle .avatar-status {
        bottom: -2.1px;
        right: -2.1px
    }

    .avatar-lg.avatar-circle .avatar-sm-status {
        bottom: .08203rem;
        right: .08203rem
    }

    .avatar-lg.avatar-circle .avatar-lg-status {
        bottom: -.17773rem;
        right: -.17773rem
    }

.avatar-xl {
    width: 4.92188rem;
    height: 4.92188rem
}

    .avatar-xl .avatar-initials {
        font-size: 1.96875rem
    }

    .avatar-xl.avatar-circle .avatar-status {
        bottom: 2.625px;
        right: 2.625px
    }

    .avatar-xl.avatar-circle .avatar-sm-status {
        bottom: .20508rem;
        right: .20508rem
    }

    .avatar-xl.avatar-circle .avatar-lg-status {
        bottom: .11849rem;
        right: .11849rem
    }

.avatar-xxl {
    width: 7.875rem;
    height: 7.875rem
}

    .avatar-xxl .avatar-initials {
        font-size: 2.625rem
    }

    .avatar-xxl.avatar-circle .avatar-status {
        bottom: 6px;
        right: 6px
    }

    .avatar-xxl.avatar-circle .avatar-sm-status {
        bottom: .82031rem;
        right: .82031rem
    }

    .avatar-xxl.avatar-circle .avatar-lg-status {
        bottom: .35547rem;
        right: .35547rem
    }

.avatar-status {
    position: absolute;
    bottom: -8.4px;
    right: -8.4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: baseline;
    border: .125rem solid #fff;
    width: 21px;
    height: 21px;
    line-height: 1;
    font-size: .71094rem;
    border-radius: 50%
}

.avatar-sm-status {
    bottom: -4.2px;
    right: -4.2px;
    width: .82031rem;
    height: .82031rem;
    font-size: .4375rem
}

.avatar-lg-status {
    width: 1.42188rem;
    height: 1.42188rem;
    font-size: .65625rem
}

.avatar-uploader {
    cursor: pointer;
    display: inline-block;
    transition: .2s;
    margin-bottom: 0
}

    .avatar-uploader:hover {
        border-color: #377dff
    }

.avatar-uploader-input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(19,33,68,.25);
    border-radius: 50%;
    transition: .2s
}

.avatar-uploader-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    border-radius: 50%
}

.avatar-uploader-icon {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #677788;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s
}

.avatar-uploader:hover .avatar-uploader-icon {
    color: #fff;
    background-color: #377dff
}

.avatar-lg .avatar-uploader-icon {
    font-size: .75rem;
    width: 1.3125rem;
    height: 1.3125rem
}

.avatar-xl .avatar-uploader-icon {
    font-size: .8125rem;
    width: 1.53125rem;
    height: 1.53125rem
}

.avatar-xxl .avatar-uploader-icon {
    width: 2.1875rem;
    height: 2.1875rem
}


.toastify-sucess {
    background-color: #f44336; 
    color: white; 
}

.toastify-error {
    background-color: red;
    color: white;
}