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


}

.trans0_25{transition:0.25s;-webkit-transition:0.25s;-moz-transition:0.25s;-ms-transition:0.25s;-o-transition:0.25s;}
.trans0_5{transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------HScroll-----------------------------------------------GENERAL----------*/
.HScroll-1{scrollbar-width: thin;scrollbar-color: rgba(200, 200, 200, 0.687) rgba(200, 200, 200, 0.272);}
.HScroll-1::-webkit-scrollbar {height:8px;}
/* Track */.HScroll-1::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(200, 200, 200, 0.272); border-radius: 10px;}
/* Handle */.HScroll-1::-webkit-scrollbar-thumb {background: rgba(14, 14, 14, 0.687) ; border-radius: 10px;}  
/* Handle on hover */.HScroll-1::-webkit-scrollbar-thumb:hover {background: rgb(200, 200, 200,0.8) ; }


/*------------------------------------------------pannel---------------------------------------------------------*/
.Hpannel-dashboard .HheadMenuFix{height: 75px;background: #3c3c48;display:block;width:100%;position: fixed;top:0px;z-index: 2000;}
.Hpannel-dashboard .back-cover{display:none;position: fixed;top:0px;right:0px;height:100%;width:100%;background:rgba(0,0,0,0.5);z-index:3000;}
.Hpannel-dashboard .HrightMenuFix{z-index:5000;height:  calc(100% - 75px);width:200px;background: #0a2731;display:block;position: fixed;top:75px;background:#fff;box-shadow:-5px 0px 5px -2px #eee;}
.Hpannel-dashboard .HrightMenuFix #RightMenuButton{z-index:1000;cursor:pointer;border-radius:15px 0px 0px 15px;position: absolute;top:50%;padding:30px 10px 30px 15px;background:#fff;box-shadow:-3px 0px 4px 0.5px #eee;;left:-31px;transform: translateY(-50%);}
.Hpannel-dashboard .HrightMenuFix .menu{padding:7px;overflow-y:auto;position: absolute;top:0px;display:block;height: 100%;width:100%;z-index:1000;}
.Hpannel-dashboard .HrightMenuFix .menu li{list-style-type: none;margin-top:5px;}
.Hpannel-dashboard .HrightMenuFix .menu li a{padding:4px;display:block;cursor: pointer;border-bottom:1px solid #ddd;}
.Hpannel-dashboard .HrightMenuFix .menu li a *{cursor: pointer;}
.Hpannel-dashboard .HrightMenuFix .menu li:hover{background:#23b99e;color:#fff !important;}
.Hpannel-dashboard .HrightMenuFix .menu li a:hover{background:#ddd;color:#36425c !important;}
.Hpannel-dashboard .HrightMenuFix .menu .hasChildNodes{padding:4px;border-bottom:1px solid #ddd;}
.Hpannel-dashboard .HrightMenuFix .menu .childNode{display:none}
.Hpannel-dashboard .HrightMenuFix .menu .opened{display:block;}
.Hpannel-dashboard .HrightMenuFix .menu .parentOpened{background:#23b99e;color:#fff !important;}
.Hpannel-dashboard .HrightMenuFix .menu .parentOpened .icon ,.Hpannel-dashboard .HrightMenuFix .menu .hasChildNodes:hover .icon{color:#fff !important;}
.Hpannel-dashboard .Hbody{width:  calc(100% - 200px);float:left;margin-top: 75px;}
.Hpannel-dashboard .HrightMenuFix_CLOSE{margin-right:-200px;}
.Hpannel-dashboard .HbodyFull{width:100%;}
.Hpannel-dashboard .HrightMenuFix .menu .icon{width:25px;text-align: center;color:#23b99e;}

.Hpannel-dashboard  .wellcome {padding:10px;position: relative;padding-top:20px;display: inline-block;}
.Hpannel-dashboard  .wellcome .title{position:relative;top:-15px;}
.Hpannel-dashboard  .wellcome .img{width:40px;height:40px;position:relative;display:inline-block;border-radius:50%;background-size:cover;background-position:center center;background-repeat:no-repeat;}
.pannel-logout{margin-left:30px;}
.pannel-logout,.pannel-bell{font-size:20px;display:inline-block;padding:10px;margin-top:15px;position: relative;}
.pannel-logout *,.pannel-bell *{cursor: pointer;}



.listShow-N2>div:nth-child(2n+1){background:#eee;}
.listShow-N2>div:nth-child(2n){background:#fff;}
.listShow-N2>div{color:#333}


.listShow-N3>div:nth-child(2n+1){background:#f7f7f7;}
.listShow-N3>div:nth-child(2n){background:#fff;}
.listShow-N3>div{color:#333}


#technology_collection_box > span{display:inline-block;margin:5px;padding:2px 15px;border-radius:20px;border:1px solid #34444e;background:#34444e;color:#fff;}
#technology_collection_box > span >b{margin-right:5px;cursor: pointer;padding:0px 5px;}


#hashtagsVal{display: block;width: 100%;}
#hashtagsAdd{cursor:pointer;position:absolute;top:0px;left:0px;background:#66cd42;color:#fff;padding:14px 14px;;}

#hashtagsLST>div{font-size: 17px;display:inline-block;padding:4px 12px;border:1px solid #ccc;margin:4px;}
#hashtagsLST>div>span{padding:0px 5px;color:#ff3333;cursor: pointer;}

/* xss 320*/
@media only screen and (max-width : 320px) {
    #hashtagsAdd{width:100%;text-align:center;position:relative;top:0px;left:0px;margin-top:10px;}
    #hashtagsLST>div{display:block;width:100%;}
    #hashtagsLST>div>span{float:left;position: relative;top:8px;}
}
/* xs */
@media only screen and (min-width : 321px) and (max-width : 481px) {
    #hashtagsLST>div{display:block;width:100%;}
    #hashtagsLST>div>span{float:left;position: relative;top:8px;}
}
/* 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) {
    .Hpannel-dashboard  .back-cover{display:block;}
    .Hpannel-dashboard .HheadMenuFix{display:block;height:auto;padding:3%;position: relative;overflow:auto;}
    .Hpannel-dashboard .HrightMenuFix{height:100%;top:0px;}
    .Hpannel-dashboard .Hbody{width:100%;margin-top:10px;}
    .Hpannel-dashboard .HrightMenuFix .menu{z-index:1000;}

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


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

}