/**
     * Loader screen
     */
    body:not(.loaded)>*{visibility:hidden}.box-row-col{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.box-row-col .a-col{position:relative}.box-row-col .a-auto{height:100%;overflow-y:scroll;-webkit-box-flex:1;-ms-flex:1;flex:1}.screen_box{visibility:visible!important;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000000000000000;background:url(https://picsum.photos/1024/1024) 0 0/cover no-repeat #fff}.lds-ripple{display:inline-block;position:relative;width:80px;height:80px}.lds-ripple div{position:absolute;border:4px solid #ed1b3a;opacity:1;border-radius:50%;-webkit-animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple;animation:1s cubic-bezier(0,.2,.8,1) infinite lds-ripple}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}@keyframes lds-ripple{0%{top:36px;left:36px;width:0;height:0;opacity:1}100%{top:0;left:0;width:72px;height:72px;opacity:0}}

    /**/
.blockUI.blockOverlay{
        z-index: 1000000000010!important;
}
.blockUI.blockPage{
        z-index: 1000000000011!important;
    border:none!important;
    border-radius: 8px;
    min-height: 45px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.autogrid{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row}.autogrid>*{margin-bottom:8px;margin-right:8px;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}
[data-setbg]::before{z-index: 100;position: absolute;content: "";height: 100%!important;width: 100%!important;background-image: -webkit-gradient(linear, left top, right top, from(#d9d9d9), color-stop(20%, rgba(0,0,0,0.05)), color-stop(40%, #d9d9d9), to(#d9d9d9))!important;background-image: -o-linear-gradient(left, #d9d9d9 0%, rgba(0,0,0,0.05) 20%, #d9d9d9 40%, #d9d9d9 100%)!important;background-image: linear-gradient(to right, #d9d9d9 0%, rgba(0,0,0,0.05) 20%, #d9d9d9 40%, #d9d9d9 100%)!important;background-repeat: no-repeat!important;background-size: 450px 400px!important;-webkit-animation: shimmer 1s linear infinite;animation: shimmer 1s linear infinite}@-webkit-keyframes shimmer{0%{background-position: -450px 0}100%{background-position: 450px 0}}@keyframes shimmer{0%{background-position: -450px 0}100%{background-position: 450px 0}}


  
 body.loaded .screen_box{
    visibility: hidden!important;
    z-index:-2;
 } 

 .bg-contain{
    background-size: contain;
 }

 .listitem{
    display:flex;
    flex:1
 }
  .listitem >*{
    
  }
 .listitem .leftitem{
    margin-bottom:8px;
        margin-right: 8px;
 }
 .listitem .leftitem .badge{
    background-color: #cecece;
    line-height:25px;
    height:25px;
    width:25px;
    border-radius:50%;
    text-align:center; 

 }
 .listitem .avataritem{
    background-color: #cecece;
    height:55px;
    width:55px;
    background-size: cover;
    border-radius:50%;
 }
 .listitem .avataritem.big{
    height:105px;
    width:105px;
 }
 .listitem .avataritem.small{
    height:25px;
    width:25px;
 }
 .listitem .bodyitem{
    flex: 1;
 }
 .listitem .leftitem{}