* {
    box-sizing: border-box;
}
.container {
  position: relative;
  max-width: 800px;
  margin-top: -10px;
}

.container img {vertical-align: middle;}

.container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.6); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
  margin-bottom: 17px;
}

.kunlibonus {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(8, 8, 8, 0.55); /* Fallback color */
  background-color: rgba(8, 8, 8, 0.55);; /* Black w/ opacity */
  padding-top: 60px;
}
.akbfotcenter{
display:flex;
flex-direction:row;
justify-content: space-between;
    align-items: center;
}
#bannerakb a img {  
opacity:0.1; -moz-opacity:0.1; filter:alpha(opacity=20);  
}  
#bannerakb a:hover img {  
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);  
}

    div.avatar_32 {
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        text-transform: uppercase;
        background-color: #454643;
        color: #fff;
        font-size: 15px !important;
        font-weight: 100 !important;
        margin: 0px 6px 0px 0px;
        border-radius: 10px;
        float: left;
        display: block;
        }
     
    div.avatar_32 b {
        font-weight: 100 !important;
    }
    .avatar_32.a, .avatar_32.b, .avatar_32.d, .avatar_32.A, .avatar_32.B, .avatar_32.D {
        background-color: #9669D1;
    }
    .avatar_32.e, .avatar_32.f, .avatar_32.g, .avatar_32.E, .avatar_32.F, .avatar_32.G {
        background-color: #3E75D8;
    }
    .avatar_32.h, .avatar_32.i, .avatar_32.j, .avatar_32.H, .avatar_32.I, .avatar_32.J {
        background-color: #3EBCD8;
    }
    .avatar_32.k, .avatar_32.l, .avatar_32.m, .avatar_32.K, .avatar_32.L, .avatar_32.M {
        background-color: #3ED874;
    }
    .avatar_32.n, .avatar_32.o, .avatar_32.q, .avatar_32.N, .avatar_32.O, .avatar_32.Q {
        background-color: #ACBD1F;
    }
    .avatar_32.r, .avatar_32.s, .avatar_32.t, .avatar_32.R, .avatar_32.S, .avatar_32.T {
        background-color: #BD681F;
    }
    .avatar_32.u, .avatar_32.v, .avatar_32.x, .avatar_32.U, .avatar_32.V, .avatar_32.X {
        background-color: #717171;
    }
    .avatar_32.y, .avatar_32.z, .avatar_32.Y, .avatar_32.Z, .avatar_32.1, .2, .3, .4, .5, .6, .7, .8, .9, .0 {
        background-color: #2AA7A7;
    }
 .chatakxabar {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.akbmesuser1 + .akbmesuser2,
.akbmesuser2 + .akbmesuser1 {
  margin-top: 1em;
}
.akbmesuser1 + .akbmesuser1,
.akbmesuser2 + .akbmesuser2 {
  margin-top: .5em;
}
.akbcchatime {
  font-size: 10px;
  color: #ccc;
  width: 100%;
  margin: 0 0 5px 50px;
}
.chatakras {
  margin: 0 10px 0 0;
}
.chatakxabar__text {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #69b4f3;
  background-color: #bfe2ff;
  max-width: 70%;
}
.akbmesuser2 {
  justify-content: flex-end;
}
.akbmesuser2 .akbcchatime {
  text-align: right;
  margin: 0 50px 5px 0;
}
.akbmesuser2 .chatakras {
  order: 1;
  margin: 0 -28px 0 10px;
}
.akbmesuser2 .chatakxabar__text {
  background-color: #69b4f3;
}

/*
Akbar toolip kodlar
*/
.akbtolw3 {
  position: relative;
  display: inline-block;
}
.akbtolw3 .w3tolakb {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}
.akbtolw3 .w3tolakb::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.akbtolw3:hover .w3tolakb {
  visibility: visible;
  opacity: 1;
}
