.search {background-color:red;
      color:white;

    }
    .count_abonent{font-size:11px;
        background-color:#23bf08;padding:2px 5px 2px 5px;border-radius:5px;color:white;
    }
    
      .count_abonent_red{font-size:11px;
        background-color:#ff3f3f;padding:2px 5px 2px 5px;border-radius:5px;color:white;
    }
    
.mdi-36px {
               
     font-size: 39px;
     margin-right: 20px;
     }
     .app {
               border-radius:10px;
           }
           
           .app_ios {
               border-radius:10px;
           }
 
 #top_button {
  display: inline-block;
  border:2px solid #ff0000;
     background: white;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
    color:#ff0000;
    cursor:pointer;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}


 #top_button:hover {
  display: inline-block;
  border:2px solid #ff0000;
   background: #ff0000;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50px;
  position: fixed;
  bottom: 30px;
  right: 30px;
    color:white;
    cursor:pointer;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
 .btn_fad {
     font-size:20px;
         cursor:pointer;
padding:13px;
}

#top_button.show {
  opacity: 1;
  visibility: visible;
}
              #o_green{
      
        background-color:#BDECB5;
    
        
    }
#o_red{
        background-color:#FF6666;
color:white;
        
    }
                      @media only screen and (max-width: 600px) {

     #hidden{
                         display:none;
                     }
                      
}