


*{box-sizing: border-box;padding:0px;margin:0px;}
body{padding:0px;margin:0px;font-family:Yekan;}
: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);


}

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

.Husermenu{display:block;box-shadow:0px 5px 5px -4px #aaa;}
.Husermenu > li , .Husermenu > li >a{display:inline-block;}
.Husermenu li a{border-bottom:1px solid #fff;}
.Husermenu  li a:hover{border-bottom:1px solid #ee3a4f;}
.Husermenu  li a.active{border-bottom:1px solid #ee3a4f;}

.Hform-med{max-width:500px;margin:auto;display:block;overflow:auto;border:1px solid #ddd;}
.useraddress-list>div:nth-child(2){border:1px solid #aaa;border-left:0px;border-bottom:0px;}
.useraddress-list>div:nth-child(3){border:1px solid #aaa;border-bottom:0px;}
.useraddress-list>div:nth-child(4){border:1px solid #aaa;}

.usermedia{margin: 5px auto;padding:10px 0px;}
.usermedia > .user-view-media{border:1px dashed #aaa;border-radius:50px;background:#efefef;overflow: auto;}
.usermedia > .user-view-media .data{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#555}
.usermedia > .user-view-media .data>b{font-size: 25px;color:#222;position: relative;top:5px;float:right;}
.usermedia > .deletedBox{display:none;position:absolute;width:100%;height:100%;top:0px;right:0px;background:#aaaa;z-index:100;text-align: center;}
.usermedia.deactive > .deletedBox{display: block;}
.usermedia > .usermedia-form{background:#eee;border:2px solid #aaa;margin-top:2px;display:none;}
.usermedia > .usermedia-form.open{display:block;}

.usermedia .icon b{width:100%;border:2px solid #aaa;text-align: center;color:#444;box-shadow: 0px 0px 15px 5px #eee,inset -2px -2px 5px #fff,-1px 0px 1px #aaa inset,1px -2px 1px #fff inset,-20px 20px 30px #eee inset;padding:5px;font-size:30px;cursor:pointer;}
.usermedia input{border:1px solid #ddd;direction:ltr;}

#iconsBox{height:250px;overflow-y:auto;width:100%;padding:10px;}
#iconsBox div{padding:5px;cursor: pointer;}
#iconsBox div b{font-size:20px;}
#iconsBox div *{cursor: pointer;}
#iconsBox div:hover{background:#ddd;}
#selectedIcon > div > b{font-size:30px;}

/* 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) {

.useraddress-list>div:nth-child(2),.useraddress-list>div:nth-child(3){border-bottom:0px;}
.useraddress-list>div:nth-child(2){border-left:1px solid #aaa;}

}
/* 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) {

.useraddress-list>div:nth-child(2),.useraddress-list>div:nth-child(3){border-bottom:0px;}
.useraddress-list>div:nth-child(2){border-left:1px solid #aaa;}

.usermedia > div:first-child{border-radius:5px;}


}
@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) {

}



