*{box-sizing: border-box;padding:0px;margin:0px;}

:root{
--topcolor:#3D9AEB;
--darktext:#11589B;
--btnfinder:#032B44;
--btnBRDfinder:#72C8F1;
--btn_amir:rgb(5, 158, 120);
--base:rgb(2, 107, 168);


--head1:rgba(50,130,255,0.2);
--head:rgba(7,60,82,0.6);
--navbar:rgb(2, 107, 168);
--withe:#fff;
--newnav:rgb(242,242,242);
--shadow1:#212788;
--amirMatn:#eee;
--amirMatn2:#333;
--olivergba:rgba(176,203,31,0.2);
--olive:#b0cb1f;
--yellow:rgb(177, 196, 6);
--darkgreen:#096430;
--darkgreen:#096430;
--newgreen1:rgb(106,209,213);
--newgreen:rgb(56,159,163);
--newgreenlight:rgb(112,175,190);
--newblue:rgb(92,154,191);
--newbludark:rgb(152,165,174);
--newolive:rgb(135,159,80);
}

/*---------------------------------------------------------------------------------------------------------------------*/

.user-notifbox{border:1px solid #ddd;}
.user-notifbox .img{display:inline-block;width:35px;height:35px;background-position:center center;background-repeat:no-repeat;background-size:cover;border-radius:50%;}
.user-notifbox .sender{position:relative;top:-15px;}
.user-notifbox .leftinfo .icon{display:block;text-align:left;}
.user-notifbox .leftinfo .icon .i1{position:relative;right:4px;top:2px;}
.user-notifbox .leftinfo .icon .i2{font-weight:bold;}
.user-notifbox .leftinfo > small:not(.icon){}
.user-notifbox .line-split{height:1px;width:100%;display:block;margin:auto;}
.user-notifbox .notif{display:none;text-align:justify;}


/* xss 320*/
@media only screen and (max-width : 320px) {

}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {

}
/* sm */
@media only screen and (min-width : 481px) and (max-width : 623px) {

}
/* xsm */
@media only screen and (min-width : 624px) and (max-width : 767px) {
 


}
/* md */
@media only screen and (min-width : 768px) and (max-width : 879px) {
  


}

/* md to dpwn for menu*/
@media only screen and (max-width : 879px) {


}
/* xmd */
@media only screen and (min-width : 880px) and (max-width : 991px) {
 


}
/* lg */
@media only screen and (min-width : 992px) and (max-width : 1200px) {


}
/* xlg */
@media only screen and (min-width : 1201px) {



}  

/*----------- md TO down --------------*/
@media only screen and (max-width : 879px){



}
/*----------- xsm TO down --------------*/
@media only screen and (max-width : 767px) {

}
/*----------- sm TO down --------------*/
@media only screen and (max-width : 623px) {

.leftinfo{display:block;width:100%;overflow:auto;float:none;}
.leftinfo > .icon{float:right;position:relative;top:4px;}
.leftinfo > small:nth-last-child(1),.leftinfo > small:nth-last-child(2){float:left;}

}
@media only screen and (max-width : 623px){


}
@media only screen and (max-width : 623px) {

}

@media only screen and (min-width : 481px) and (max-width : 991px) {

}