/* 
  121212 darkest
  1c1c1c
  262626  
  303030  
  424242  
  a3a3a3 lightest
  */

.bubble-title {
    background-color:rgb(28,28,28,0.5); 
    color: #fff; 
    border-radius:12px; 
    padding: 4px 6px 4px 6px; 
    font-size: 12px;
}

.bubble {
    background-color: #1c1c1c; 
    color: #fff; 
    border-radius:12px; 
    padding: 4px 6px 4px 6px; 
    font-size: 12px;
}

.text-muty {
    color: #b9bbbe !important;
}

.bg-surround {
    background-color: #000000 !important;
}

.bg-page {
    background-color: #303030 !important;
}

.bg-card {
    background-color: #424242 !important;
}

.bg-online {
    background-color: #1c1c1c !important;
}

.bg-picker {
    background-color: #616161 !important;
}

.nav-link {
    color: #fff !important;
}

.navbar-toggler {
    color: #fff !important;
}

.accordion-button {
    color: #fff !important;
}

.accordion-header {
    color: #fff !important;
}

.card {
    background-color: #303030 !important;
}

.iti__country-list {
    background-color: #424242 !important;
}

.profile-tab:hover {
    color: #ffffff;
    background-color: #262626;
}