/*------------------------------------
    Avatar
  ------------------------------------*/
  .avatar {
    position: relative;
    display: inline-block;
    width: 2.875rem;
    height: 2.875rem;
    border-radius: 0.3125rem;
  }
  
  .avatar:not(img) {
    background-color: #fff;
  }
  
  .avatar-img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 0.3125rem;
  }
  
  .avatar-initials {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    font-weight: 500;
    pointer-events: none;
    text-transform: uppercase;
    border-radius: 0.3125rem;
  }
  
  .avatar-circle {
    border-radius: 50%;
  }
  
  .avatar-circle .avatar-initials,
  .avatar-circle .avatar-img {
    border-radius: 50%;
  }
  
  .avatar-centered {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
  }
  
  /*------------------------------------
    Avatar Group
  ------------------------------------*/
  .avatar-group {
    display: -ms-flexbox;
    display: flex;
  }
  
  .avatar-group .avatar:hover {
    z-index: 2;
  }
  
  .avatar-group .avatar-circle .avatar-initials {
    border-radius: 50%;
  }
  
  .avatar-group .avatar-xs .avatar-img,
  .avatar-group .avatar-xs .avatar-initials,
  .avatar-group .avatar-sm .avatar-img,
  .avatar-group .avatar-sm .avatar-initials,
  .avatar-group .avatar .avatar-img,
  .avatar-group .avatar .avatar-initials {
    border: 2px solid #fff;
  }
  
  .avatar-group .avatar-lg .avatar-img,
  .avatar-group .avatar-lg .avatar-initials {
    border: 5px solid #fff;
  }
  
  .avatar-group .avatar-xl .avatar-img,
  .avatar-group .avatar-xl .avatar-initials {
    border: 7px solid #fff;
  }
  
  .avatar-group .avatar + .avatar {
    margin-left: -1rem;
  }
  
  .avatar-group .avatar-xs + .avatar-xs {
    margin-left: -0.6125rem;
  }
  
  .avatar-group .avatar-sm + .avatar-sm {
    margin-left: -0.875rem;
  }
  
  .avatar-group .avatar-lg + .avatar-lg {
    margin-left: -1.5rem;
  }
  
  .avatar-group .avatar-xl + .avatar-xl {
    margin-left: -2rem;
  }
  
  /*------------------------------------
    Avatar Sizes
  ------------------------------------*/
  .avatar.avatar-circle .avatar-status {
    bottom: -0.21875rem;
    right: -0.21875rem;
  }
  
  .avatar.avatar-circle .avatar-sm-status {
    bottom: 0;
    right: 0;
  }
  
  .avatar.avatar-circle .avatar-lg-status {
    bottom: -0.325rem;
    right: -0.325rem;
  }
  
  .avatar-xss {
    width: 1rem;
    height: 1rem;
  }
  
  .avatar-xss .avatar-initials {
    font-size: 0.75rem;
  }
  
  .avatar-xs {
    width: 1.75rem;
    height: 1.75rem;
  }
  
  .avatar-xs .avatar-initials {
    font-size: 0.75rem;
  }
  
  .avatar-xs.avatar-circle .avatar-status {
    bottom: -0.21875rem;
    right: -0.21875rem;
  }
  
  .avatar-xs.avatar-circle .avatar-sm-status {
    bottom: -0.11719rem;
    right: -0.11719rem;
  }
  
  .avatar-xs.avatar-circle .avatar-lg-status {
    bottom: -0.325rem;
    right: -0.325rem;
  }
  
  .avatar-xs {
    width: 1.75rem;
    height: 1.75rem;
  }
  
  .avatar-xs .avatar-initials {
    font-size: 0.75rem;
  }
  
  .avatar-xs.avatar-circle .avatar-status {
    bottom: -0.21875rem;
    right: -0.21875rem;
  }
  
  .avatar-xs.avatar-circle .avatar-sm-status {
    bottom: -0.11719rem;
    right: -0.11719rem;
  }
  
  .avatar-xs.avatar-circle .avatar-lg-status {
    bottom: -0.325rem;
    right: -0.325rem;
  }
  
  .avatar-sm {
    width: 2.3125rem;
    height: 2.3125rem;
  }
  
  .avatar-sm .avatar-initials {
    font-size: 0.8125rem;
  }
  
  .avatar-sm.avatar-circle .avatar-status {
    bottom: -0.21875rem;
    right: -0.21875rem;
  }
  
  .avatar-sm.avatar-circle .avatar-sm-status {
    bottom: -0.09375rem;
    right: -0.09375rem;
  }
  
  .avatar-sm.avatar-circle .avatar-lg-status {
    bottom: -0.40625rem;
    right: -0.40625rem;
  }
  
  .avatar-lg {
    width: 4.25rem;
    height: 4.25rem;
  }
  
  .avatar-lg .avatar-initials {
    font-size: 1.125rem;
  }
  
  .avatar-lg.avatar-circle .avatar-status {
    bottom: -0.13125rem;
    right: -0.13125rem;
  }
  
  .avatar-lg.avatar-circle .avatar-sm-status {
    bottom: 0.09375rem;
    right: 0.09375rem;
  }
  
  .avatar-lg.avatar-circle .avatar-lg-status {
    bottom: -0.20312rem;
    right: -0.20312rem;
  }
  
  .avatar-xl {
    width: 5.625rem;
    height: 5.625rem;
  }
  
  .avatar-xl .avatar-initials {
    font-size: 2rem;
  }
  
  .avatar-xl.avatar-circle .avatar-status {
    bottom: 0.16406rem;
    right: 0.16406rem;
  }
  
  .avatar-xl.avatar-circle .avatar-sm-status {
    bottom: 0.23438rem;
    right: 0.23438rem;
  }
  
  .avatar-xl.avatar-circle .avatar-lg-status {
    bottom: 0.13542rem;
    right: 0.13542rem;
  }
  
  .avatar-xxl {
    width: 7rem;
    height: 7rem;
  }
  
  .avatar-xxl .avatar-initials {
    font-size: 3rem;
  }
  
  .avatar-xxl.avatar-circle .avatar-status {
    bottom: 0.4375rem;
    right: 0.4375rem;
  }
  
  .avatar-xxl.avatar-circle .avatar-sm-status {
    bottom: 0.58333rem;
    right: 0.58333rem;
  }
  
  .avatar-xxl.avatar-circle .avatar-lg-status {
    bottom: 0.29545rem;
    right: 0.29545rem;
  }
  
  /*------------------------------------
    Avatar Status
  ------------------------------------*/
  .avatar-status {
    position: absolute;
    bottom: -0.525rem;
    right: -0.525rem;
    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: 0.125rem solid #fff;
    width: 1.3125rem;
    height: 1.3125rem;
    line-height: 1;
    font-size: 0.625rem;
    border-radius: 50%;
  }
  
  .avatar-sm-status {
    bottom: -0.2625rem;
    right: -0.2625rem;
    width: 0.9375rem;
    height: 0.9375rem;
    font-size: 0.5rem;
  }
  
  .avatar-lg-status {
    width: 1.625rem;
    height: 1.625rem;
    font-size: 0.75rem;
  }
  
  /*------------------------------------
    Avatar Styles
  ------------------------------------*/
  .avatar-primary .avatar-initials {
    color: #fff;
    background-color: #008060;
  }
  
  .avatar-status-primary {
    color: #fff;
    background-color: #008060;
  }
  
  .avatar-secondary .avatar-initials {
    color: #fff;
    background-color: #51596C;
  }
  
  .avatar-status-secondary {
    color: #fff;
    background-color: #51596C;
  }
  
  .avatar-success .avatar-initials {
    color: #fff;
    background-color: #077C76;
  }
  
  .avatar-status-success {
    color: #fff;
    background-color: #077C76;
  }
  
  .avatar-info .avatar-initials {
    color: #fff;
    background-color: #334AC0;
  }
  
  .avatar-status-info {
    color: #fff;
    background-color: #334AC0;
  }
  
  .avatar-warning .avatar-initials {
    color: #000;
    background-color: #F1B980;
  }
  
  .avatar-status-warning {
    color: #000;
    background-color: #F1B980;
  }
  
  .avatar-danger .avatar-initials {
    color: #fff;
    background-color: #692340;
  }
  
  .avatar-status-danger {
    color: #fff;
    background-color: #692340;
  }
  
  .avatar-light .avatar-initials {
    color: #000;
    background-color: #F9FAFC;
  }
  
  .avatar-status-light {
    color: #000;
    background-color: #F9FAFC;
  }
  
  .avatar-dark .avatar-initials {
    color: #fff;
    background-color: #00221C;
  }
  
  .avatar-status-dark {
    color: #fff;
    background-color: #00221C;
  }
  
  .avatar-soft-primary .avatar-initials {
    color: #008060;
    background-color: rgba(0, 128, 96, 0.1);
  }
  
  .avatar-status-soft-primary {
    color: #008060;
    background-color: rgba(0, 128, 96, 0.1);
  }
  
  .avatar-soft-secondary .avatar-initials {
    color: #51596C;
    background-color: rgba(81, 89, 108, 0.1);
  }
  
  .avatar-status-soft-secondary {
    color: #51596C;
    background-color: rgba(81, 89, 108, 0.1);
  }
  
  .avatar-soft-success .avatar-initials {
    color: #077C76;
    background-color: rgba(7, 124, 118, 0.1);
  }
  
  .avatar-status-soft-success {
    color: #077C76;
    background-color: rgba(7, 124, 118, 0.1);
  }
  
  .avatar-soft-info .avatar-initials {
    color: #334AC0;
    background-color: rgba(51, 74, 192, 0.1);
  }
  
  .avatar-status-soft-info {
    color: #334AC0;
    background-color: rgba(51, 74, 192, 0.1);
  }
  
  .avatar-soft-warning .avatar-initials {
    color: #F1B980;
    background-color: rgba(241, 185, 128, 0.1);
  }
  
  .avatar-status-soft-warning {
    color: #F1B980;
    background-color: rgba(241, 185, 128, 0.1);
  }
  
  .avatar-soft-danger .avatar-initials {
    color: #692340;
    background-color: rgba(105, 35, 64, 0.1);
  }
  
  .avatar-status-soft-danger {
    color: #692340;
    background-color: rgba(105, 35, 64, 0.1);
  }
  
  .avatar-soft-light .avatar-initials {
    color: #F9FAFC;
    background-color: rgba(249, 250, 252, 0.1);
  }
  
  .avatar-status-soft-light {
    color: #F9FAFC;
    background-color: rgba(249, 250, 252, 0.1);
  }
  
  .avatar-soft-dark .avatar-initials {
    color: #00221C;
    background-color: rgba(0, 34, 28, 0.1);
  }
  
  .avatar-status-soft-dark {
    color: #00221C;
    background-color: rgba(0, 34, 28, 0.1);
  }
  
  /*------------------------------------
    Avatar Ratio
  ------------------------------------*/
  .avatar.avatar-4x3 {
    width: 3.83333rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar.avatar-4x3 .avatar-img {
    height: inherit;
  }
  
  .avatar-xss.avatar-4x3 {
    width: 1.33333rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar-xss.avatar-4x3 .avatar-img {
    height: inherit;
  }
  
  .avatar-xs.avatar-4x3 {
    width: 2.33333rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar-xs.avatar-4x3 .avatar-img {
    height: inherit;
  }
  
  .avatar-sm.avatar-4x3 {
    width: 3.08333rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar-sm.avatar-4x3 .avatar-img {
    height: inherit;
  }
  
  .avatar-lg.avatar-4x3 {
    width: 5.66667rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar-lg.avatar-4x3 .avatar-img {
    height: inherit;
  }
  
  .avatar-xl.avatar-4x3 {
    width: 7.5rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar-xl.avatar-4x3 .avatar-img {
    height: inherit;
  }
  
  .avatar-xxl.avatar-4x3 {
    width: 9.33333rem;
    height: auto;
    border-radius: 0;
  }
  
  .avatar-xxl.avatar-4x3 .avatar-img {
    height: inherit;
  }