@import url(../../assets/css/font/primary-iran-yekan.css);
@import url(../../assets/css/font/secondary-iran-yekan.css);

@import url(../css/IconStyle.css);


figure.avatar {
    display: inline-block;
    margin-bottom: 0;
    height: 3.3rem;
    width: 3.3rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

    figure.avatar .avatar-title {
        background: #d7d7d7;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 19px;
    }

    figure.avatar > a {
        width: 100%;
        height: 100%;
        display: block;
        -webkit-transition: color .3s;
        -o-transition: color .3s;
        -moz-transition: color .3s;
        transition: color .3s;
        color: #5867dd;
    }

        figure.avatar > a:hover,
        figure.avatar > a:focus {
            color: #646464;
        }

        figure.avatar > a > img,
        figure.avatar > img {
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
        }

    figure.avatar.avatar-xs {
        height: 1.6rem;
        width: 1.6rem;
    }

        figure.avatar.avatar-xs .avatar-title {
            font-size: 13px;
        }

        figure.avatar.avatar-xs.avatar-state-primary:before,
        figure.avatar.avatar-xs.avatar-state-success:before,
        figure.avatar.avatar-xs.avatar-state-danger:before,
        figure.avatar.avatar-xs.avatar-state-warning:before,
        figure.avatar.avatar-xs.avatar-state-info:before,
        figure.avatar.avatar-xs.avatar-state-secondary:before,
        figure.avatar.avatar-xs.avatar-state-light:before,
        figure.avatar.avatar-xs.avatar-state-dark:before {
            width: .6rem;
            height: .6rem;
            border-width: 2px;
        }

    figure.avatar.avatar-sm {
        height: 2.3rem;
        width: 2.3rem;
    }

        figure.avatar.avatar-sm .avatar-title {
            font-size: 14px;
        }

        figure.avatar.avatar-sm.avatar-state-primary:before,
        figure.avatar.avatar-sm.avatar-state-success:before,
        figure.avatar.avatar-sm.avatar-state-danger:before,
        figure.avatar.avatar-sm.avatar-state-warning:before,
        figure.avatar.avatar-sm.avatar-state-info:before,
        figure.avatar.avatar-sm.avatar-state-secondary:before,
        figure.avatar.avatar-sm.avatar-state-light:before,
        figure.avatar.avatar-sm.avatar-state-dark:before {
            width: .8rem;
            height: .8rem;
        }

    figure.avatar.avatar-lg {
        height: 4.8rem;
        width: 4.8rem;
    }

        figure.avatar.avatar-lg .avatar-title {
            font-size: 29px;
        }

        figure.avatar.avatar-lg.avatar-state-primary:before,
        figure.avatar.avatar-lg.avatar-state-success:before,
        figure.avatar.avatar-lg.avatar-state-danger:before,
        figure.avatar.avatar-lg.avatar-state-warning:before,
        figure.avatar.avatar-lg.avatar-state-info:before,
        figure.avatar.avatar-lg.avatar-state-secondary:before,
        figure.avatar.avatar-lg.avatar-state-light:before,
        figure.avatar.avatar-lg.avatar-state-dark:before {
            width: 1.3rem;
            height: 1.3rem;
            left: 4px;
        }

    figure.avatar.avatar-xl {
        height: 6.1rem;
        width: 6.1rem;
    }

        figure.avatar.avatar-xl .avatar-title {
            font-size: 39px;
        }

        figure.avatar.avatar-xl.avatar-state-primary:before,
        figure.avatar.avatar-xl.avatar-state-success:before,
        figure.avatar.avatar-xl.avatar-state-danger:before,
        figure.avatar.avatar-xl.avatar-state-warning:before,
        figure.avatar.avatar-xl.avatar-state-info:before,
        figure.avatar.avatar-xl.avatar-state-secondary:before,
        figure.avatar.avatar-xl.avatar-state-light:before,
        figure.avatar.avatar-xl.avatar-state-dark:before {
            width: 1.6rem;
            height: 1.6rem;
            top: 3px;
            left: 3px;
        }

    figure.avatar.avatar-state-primary,
    figure.avatar.avatar-state-success,
    figure.avatar.avatar-state-danger,
    figure.avatar.avatar-state-warning,
    figure.avatar.avatar-state-info,
    figure.avatar.avatar-state-secondary,
    figure.avatar.avatar-state-light,
    figure.avatar.avatar-state-dark {
        position: relative;
    }

        figure.avatar.avatar-state-primary:before,
        figure.avatar.avatar-state-success:before,
        figure.avatar.avatar-state-danger:before,
        figure.avatar.avatar-state-warning:before,
        figure.avatar.avatar-state-info:before,
        figure.avatar.avatar-state-secondary:before,
        figure.avatar.avatar-state-light:before,
        figure.avatar.avatar-state-dark:before {
            content: "";
            position: absolute;
            display: block;
            width: 1rem;
            height: 1rem;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            top: 0px;
            left: 0px;
            border: 3px solid white;
        }

        figure.avatar.avatar-state-primary:before {
            background: #5867dd;
        }

        figure.avatar.avatar-state-success:before {
            background: #0abb87;
        }

        figure.avatar.avatar-state-danger:before {
            background: #e04b4b;
        }

        figure.avatar.avatar-state-warning:before {
            background: #ffb822;
        }

        figure.avatar.avatar-state-info:before {
            background: #55a6eb;
        }

        figure.avatar.avatar-state-secondary:before {
            background: #6a6e92;
        }

        figure.avatar.avatar-state-light:before {
            background: #e2e2e2;
        }

        figure.avatar.avatar-state-dark:before {
            background: #242328;
        }

.avatar-group {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .avatar-group figure.avatar {
        margin-left: -.7rem;
    }

        .avatar-group figure.avatar:last-child {
            margin-left: 0;
        }

        .avatar-group figure.avatar:hover {
            position: relative;
            z-index: 1;
        }