/*referal banner*/
.banplace_text{
    display: block;
    max-width: 456px;
    padding: 5px;
    margin: 5px auto;
    border: 1px solid #555;
    border-radius: 3px;
    color: #999;
}
.banplace, .b-b-ref{
    display: block; margin: 5px auto;
}
.b-b-ref img{
    max-width: 468px;
    display: block;
    margin: 10px auto;
}
/* end referal banner*/
/*referal main statistic*/
.tabletRow{
    width: 96%;
    display: block;
    margin: 5px auto;
}
.tabletRow img{
    width: 60px;
    height: 60px;
    margin: 0 10px;
    display: inline-block;
}
.cols-4{
    display: inline-block;
    font-size: 12px;
    margin: 1px;
    width: 140px;
    vertical-align: top;
    text-align: center;
    padding: 5px;
    color: #ccc;
}
.cols-4 div{
    display: block;
    margin: 10px auto;
    width: 100%;
    font-size: 22px;
    color: #fff;
    text-shadow: 0 0 3px #000;
    cursor: help;
}
.row_block_ern{
   display: inline-block;
   width: 19%;
   margin: 3px;
   background: rgb(256,255,255, .3);
   text-align: center;
   border-radius: 5px;
}
.row_block_ern_name{
   display: block;
   margin: 3px auto;
   font-size: 12px;
   color: #000;
   text-transform: uppercase;
}
.row_block_ern_val{
   display: block;
   margin: 5px auto;
   font-size: 16px;
   color: #fff;
}
.rofRefback{
   display: block;
   margin: 20px auto;
   position: relative;
   z-index: 2;
}
.row_ref_back{
   display: inline-block;
   margin: 1px;
   width: 7%;
   background: #444;
   padding: 5px 0;
   border-radius: 20px;
   font-size: 12px;
   color: #ccc;
   cursor: pointer;
   position: relative;
}
.row_ref_back:hover{
   background: rgb(252, 182, 3, .6);
}
.row_set_back{
   display: inline-block;
   margin: 0 5px;
   width: 30%;
   background: #444;
   padding: 5px 0;
   border-radius: 20px;
   font-size: 12px;
   color: #ccc;
   cursor: pointer;
   position: relative;
}
.row_set_back:hover{
   background: rgb(252, 182, 3, .6);
}
.row_ref_back_active{
   position: relative;
}
.row_ref_back_active::after{
   content: ' ';
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 100%;
   border-radius: 20px;
   background: rgb(252, 182, 3, .5);
   animation-name: pulsare;
   animation-duration: 2.2s;   
   animation-iteration-count: infinite;
}
.statRefUpdate{
   padding: 6px 10px;
   background: rgb(31, 130, 49, .7);
   color: #ccc;
   font-size: 14px;
   text-transform: uppercase;
   display: inline-block;
   border-radius: 10px;
}