@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css);
@import url(/fr_z/css/css3.css);
@import url(/fr_z/css/chat_fr.css);
/* chatwaak */
.waakchatss span { 
 display: block; 
 position: absolute; 
 right: 70px; 
 top: 0; 
 color: #8F95A3; 
 cursor: pointer; 
} 
.waakchatss i { 
 font-size: 36px; 
 font-weight: bold; 
} 

.waakchatno {display: none;} 
.dopwaakchatok {display: none;} 
.dopwaakchatno {display: block;} 

.waakchatbc {
 background: #191a1f;
}
.waakchatvid {
 background: rgba(0, 0, 0, .4);
 display: flex ;
 margin: 10px 5px;
}

.waakchatvid a {text-decoration: none;}
.waakchattopbc {
 background: #000;
 padding: 15px 20px;
 border-left: 5px solid #0f741b;
 position: relative;
 padding-left: 80px;
 cursor: pointer;
}
.waakchattopbc i {
 color: #0f741b;
 font-size: 35px;
 margin-right: 20px;
 position: absolute;
 top: 12px;
 left: 20px;
}
.waakchattopbc b {
 font-size: 16px;
 color: #FFF;
}
.waakchattopbc span {
 font-size: 13px;
 color: #7e7e7e;
 display: block;
}
.waakchatl {
 min-width: 170px;
 padding: 10px;
}
.waakchatc {
 width: calc(100% - 270px);
 padding: 10px;
}
.waakchatr {
 min-width: 100px;
 padding: 10px;
}

.waakchatl a {display: block;}
.imgwaakchat {
 width: 30px;
 float: left;
 margin-right: 15px;
}
.imgwaakchat img {
 width: 30px;
 height: 30px;
 border-radius: 100%;
 object-fit: cover;
}

.userwaakchat b {
 display: block;
 font-size: 13px;
 color: #ccc;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.waakchatl a:hover b {
 color: #0f741b;
}
.userwaakchat span {
 font-size: 10px;
 color: #686868;
}

.waakchatvtssage {
 color: #7e7e7e;
 font-size: 12px;
 line-height: 20px;
}
.waakchatvtssage b {
 color: #c7c7c7;
}
.waakchatvtssage a {
 color: #0f741b;
}
.waakchatvtssage a:hover {
 text-decoration: underline;
}
.waakchatr span {
 width: 30px;
 height: 30px;
 display: inline-block;
 line-height: 30px;
 text-align: center;
 color: rgba(255,255,255,.5);
 background: rgba(0, 0, 0, .3);
 border-radius: 100%;
}
.waakchatr span a {
 display: block;
 color: rgba(255,255,255,.5);
 font-size: 11px;
}
.waakchatr span:hover {
 color: rgba(255,255,255,.8);
 background: #0f741b;
}
.waakchatr span:hover a {
 color: rgba(255,255,255,.8);
}

.waakchatform {
 position: relative;
 padding: 5px 15px;
 background: rgba(0, 0, 0, .4);
}
.waakcomformsmiless a {
 position: absolute;
 z-index: 2;
 top: 22px;
 left: 30px;
 color: rgba(255,255,255,.4);
 font-size: 20px;
}
.waakcomformsmiless a:hover {color: #0f741b;}

.mchat {
 padding: 10px 15px;
 padding-left: 50px;
 background: #000;
 border: none;
 border-radius: 20px;
 color: #0f741b;
 font-size: 13px;
 margin-right: 50px;
 width: calc(100% - 50px)!important;
line-height: normal;
}

#mchatBtn {
 border: none;
 border-radius: 100%;
 width: 30px!important;
 height: 30px;
 line-height: 32px;
 font-size: 12px;
 background: #0f741b;
 color: #FFF;
 cursor: pointer;
 position: absolute;
 top: 18px;
 right: 20px;
}
 .waakchat {
 overflow-y: auto;
 overflow-x: hidden;

 background: rgba(0, 0, 0, .2);
}
.waakchatcontent {
 padding: 0 10px;
}

::-webkit-scrollbar {
 width: 4px;
 height: 4px;
}
 ::-webkit-scrollbar-thumb {
 background-color: rgb(241 241 241);
 border-radius: 2px;
 border: 2px solid hsl(127deg 100% 31%);
}
::-webkit-scrollbar-track {
 background: hsla(0,0%,50.2%,.1);
}
::selection {
 text-shadow: none;
 background: #aaffaa;
}
.mchat::-webkit-input-placeholder {
 color: rgba(255,255,255,.4);
}

.mchat::-moz-placeholder {
 color: rgba(255,255,255,.4);
}

.mchat:-ms-input-placeholder {
 color: rgba(255,255,255,.4);
}

.mchat::-ms-input-placeholder {
 color: #F0BBD7;
}

body.mchat-body {
 background: #141519;
}

 
 input#mchatAjax {
 position: absolute;
 right: 23px;
 top: 23px;
}
 .mDetails a {
 font-size: 11px;
 color: #434343;
 padding: 0 5px;
 line-height: 25px;
}
#inf_bc_off {
 color: #FFF;
 background: #f72424;
 padding: 15px;
 text-align: center;
 display: none;
 left: 0;
 right: 0;
 bottom: 0;
 position: fixed;
}
.waaksitibc {
 position: relative;
}
 a.uvchat_uss.uvchat_ussadmin {
 position: absolute;
 z-index: 999;
 font-size: 30px;
 color: #ffffff9e;
 right: 60px;
 top: 14px;
}
 a.uvchat_uss.uvchat_ussadmin:hover {
 color: #FFF;
}

.clr {clear: both;}
/* chatwaak */

@media screen and (max-width: 800px){ 
 .waakchatvid {display: block;padding: 20px;}
 .waakchatl, .waakchatr { min-width: 100%;}
 .waakchatc { width: 100%;}
}