/* ============================================================
   Eniazmandi - Unified Final Stylesheet
   Merged from boo19.css + eniaz.css
   boo19 = layout/structure, eniaz = base/components + existing UI refinements
   The original HTML/PHP class names are intentionally preserved.
   ============================================================ */

html {width: 100%;max-width: 100%;margin-right: auto;margin-left: auto;overflow-y: scroll;overflow-x: hidden}
  
  @media(max-width:359px) {
	  body {margin-right: 0px;margin-left: 0px}	     	   	   
  }
  
  @media(min-width:360px) {
	  body {margin-right: 5px;margin-left: 5px}	     	   	   
  }
  
  @media(min-width:768px) {
	  body {margin-right: 10px;margin-left: 10px}	     	   	   
  }

  @media(min-width:980px) {
	  body {margin-right: 15px;margin-left: 15px}	     	   	   
  }
  
  .col-content , .col-side {float: right;position: relative;min-height: 1px}
  .col-content {left: 0px}
  .col-side {right: auto}  
  
  .gl0pad {padding-left: 0;padding-right: 10px}  
  
  	   
  @media(max-width:767px)
  {
	.gl0pad {padding-right: 0px}
    .col-content {right: 0;width: 100%}
    .col-side {left: 0;width: 100%}    	     	   	   
  }

  @media(min-width:768px)  
  {
    .col-content {right: 20%;width: 80%}
    .col-side {left: 80%;width: 20%}    
  }
  
  @media(min-width:992px)
  {
    .col-content {right: 16%;width: 84%}
    .col-side {left: 84%;width: 16%}     
  }
    
  .gmaxpw {max-width: 500px}
  .g0pad  {padding: 0px}
  .g0mar  {margin: 0px}
  
	@media screen {
		div#preloader {position: absolute;left: 0;top:  -5px}
		div#preloader img {display: block;width: 1px;height: 1px}
		}
	@media print {
		div#preloader, 
		div#preloader img {visibility: hidden;display: none}
		}
	
	.mbrtop1 {position: absolute;top: 0;width: 155px;height: 86px;z-index: 101;background: url('logoeniaz2.png?ver=2');background-repeat: no-repeat}  
	
	.mbrtop2 {position: absolute;top: 39px;width: 187px;height: 51px;z-index: 102;background: none;background-repeat: no-repeat;border-bottom-right-radius:8px}
	
/* top menu */

	.menubox {position: relative;top: 0;height: 32px;width: 100%;background: url('header_backeniaz.jpg');background-repeat: repeat-x;border-bottom-left-radius:8px}	
	
	.menubox .menut {margin-right: 180px;padding-top: 4px}
    /* date */	
  	.menubox .ltdate {color: black;position: absolute;left : 6px;top: 4px;z-index: 101}		
 			
	.topbox {position: relative;padding-top: 13px;min-height: 34px;margin-right: 213px;z-index: 101}
	@media(max-width:767px) {
	  .topbox {margin-top: 45px;margin-right: 0}
	}	
	
	.topbox .serbox {padding-right: 5px;padding-left: 10px;padding-bottom : 5px;display: inline-block;vertical-align: top}
	
	.tcats {display: inline-block;vertical-align: top;text-align: center;padding-bottom: 5px;padding-right: 0px;padding-left: 0px}
		
	
  
/* cats */ 

	div.citem {vertical-align: top;display: inline-block;text-align: center;min-width: 48px;padding : 0px}
	
	.citem img {width: 24px;height: 20px}
	.citem .caption {display: block}
		
/* General */

.container-fluid {padding: 0;margin: 0;width: 100%;max-width: 100%}  
    
.panel {margin-bottom: 10px}

.panel-heading {padding: 5px 10px;border-bottom: 1px solid;font-weight: bold}    	

.list-group {margin-bottom: 10px}
.list-group-item {padding: 5px 10px}

.form-group {margin-bottom: 8px}

/* inav Boxes  */
		
/* inav Boxes  */
		
	.iv  {float: right;position: relative;min-height: 1px;padding: 5px;width: 100%}
	
	
	.cdiv  {overflow: hidden;position: relative;padding: 5px 10px 10px 10px;height: 150px}
	
	.cdiv .htit {display: inline-block;max-width: 100%;overflow: hidden;vertical-align: top;white-space: nowrap;text-overflow: ellipsis;padding-right: 1px;padding-bottom: 5px}
  
	.cdiv .ccont {height: 125px;padding: 0px}
	
	.cdiv .ccont h2 {font-size:13px;line-height: 20px;max-height : 60px;overflow: hidden;margin : 0px}
	
	.cdiv .cimg {padding: 0px;padding-bottom: 10px}
	
	.cdiv .img-contain {float: left;margin-right: 10px;padding-left: 13px;margin-top: 2px;padding-bottom: 5px;width: 140px;height: 120px;overflow: hidden}
	
	.cdiv .ctxt {font-size: 10px;float: left;margin-right: 10px;margin-top: 2px;padding-bottom: 5px;width: 140px;height: 120px;overflow: hidden;text-overflow: ellipsis}
		
	
	.cdiv .ccont .cpos {position: absolute;bottom: 10px;max-width: 55%;font-size: 1px;line-height:20px}
			
	.cdiv .clink {padding-right: 10px;direction: ltr;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
	
	.cdiv .clink a {position: absolute;color: #006621;bottom: 0px}
	
	.tavans {color: blue;font-weight: bold}
	
	.tavans:before {content:" \e105 ";font-family:"Glyphicons Halflings";padding-right:5px}	
	
	.sflash {border: 0px none !important;background-color: #006621 !important;color: #FFF !important;right: 0px !important;font-weight: normal !important;padding: 3px 12px 2px 5px !important;width: 50px !important}
	
	.sflash:before {content:"\e162";font-family:"Glyphicons Halflings"}	

	.flashprice {position : absolute;top:30px;left:210px;color:#006621}
	.flashprice:before {content:"\e162";font-family:"Glyphicons Halflings";font-size:50px}
 	.para-vij {padding: 0;max-width: 500px}
	
	ul.para-vij  li {margin-bottom: 5px;list-style-type: none}
	
 	ul.para-vij  li:before {content:"\e162";font-family:"Glyphicons Halflings"}


	.iv .panel {margin-bottom:0px}
		
	  @media(min-width:768px)
	  {
		  .iv{width: 50%}		
	  }

	  @media(min-width:1024px)
	  {
		  .iv{width: 33.3333%}		
	  }	
					
	.iv .osp {text-align: center;font-weight: bold;margin-bottom: 10px}
	
	.iv .osd {height: 150px}
	
	.iv .osd>ul {padding: 0px;padding-right: 10px;margin: 0px;list-style: square}


					
	.iv .s7 {background: url('stars/star_7.gif') top 2px left 0px;background-repeat: no-repeat}
	
	.iv .s6 {background: url('stars/star_6.gif') top 2px left 0px;background-repeat: no-repeat}
	
	.iv .s5 {background: url('stars/star_5.gif') top 2px left 0px;background-repeat: no-repeat}
	
	.iv .s4 {background: url('stars/star_4.gif') top 2px left 0px;background-repeat: no-repeat}
	
	.iv .s3 {background: url('stars/star_3.gif') top 2px left 0px;background-repeat: no-repeat}
	
	.iv .s2 {background: url('stars/star_2.gif') top 2px left 0px;background-repeat: no-repeat}
	
	.iv .s1 {background: url('stars/star_1.gif') top 2px left 0px;background-repeat: no-repeat}

	.iv .s0 {background: url('stars/star_0.gif') top 2px left 0px;background-repeat: no-repeat}
	
/* topav  */
 	
 	#topav {padding-bottom: 15px}			
 			
	#topav div  {overflow: hidden;padding: 10px;padding-bottom: 5px}
	
	#topav img {padding: 5px 5px 5px 20px}
	
	#topav .tpp {overflow: hidden;white-space: nowrap}
	#topav .tpp>a {}
	
	#topav  .tpt:before {content: "";width: 8em;display: block;overflow: hidden}	
	
	#topav .tpt {padding-top: 10px}
	
	#topav .tpl {padding-left:10px;padding-right: 10px;direction: ltr;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
	
		
	#topav .star7 {background: url('stars/star_7.gif') top 38px left 15px;background-repeat: no-repeat}
	
	#topav .star6 {background: url('stars/star_6.gif') top 38px left 15px;background-repeat: no-repeat}
	
	#topav .star5 {background: url('stars/star_5.gif') top 38px left 15px;background-repeat: no-repeat}
	
	#topav .star4 {background: url('stars/star_4.gif') top 38px left 15px;background-repeat: no-repeat}
	
	#topav .star3 {background: url('stars/star_3.gif') top 38px left 15px;background-repeat: no-repeat}
	
	#topav .star2 {background: url('stars/star_2.gif') top 38px left 15px;background-repeat: no-repeat}
	
	#topav .star1 {background: url('stars/star_1.gif') top 38px left 15px;background-repeat: no-repeat}

	#topav .star0 {background: url('stars/nostar.gif') top 38px left 15px;background-repeat: no-repeat}
	
	
	.searchword {color: black}
	
/* in List  */
		
	#inli  {overflow: hidden}
			
	#inli p>span.badge  {width: 80px}
	
	#inli img  {margin-top: 5px}
	
	.media {margin-top: 10px}
		
	#inli .media-body {max-width: 100%;padding-right:10px;padding-left:10px;height:80px;overflow:hidden}

	#inli .media-heading  {padding-left: 5px}

	#inli .lititle  {}

	#inli .limore {float: left;margin-left: 40px}
	#inli .limore , #inli .limore>a {color: #006621;padding-top: 10px}
	
	
	#inli .media-body>p  {padding-left: 5px}
	
		
	#inli .media-right  {text-align:center;padding: 4px;min-width: 100px;border:1px solid #e2e2e2}	
	
	.listvij  {background: url('stars/sspad.gif') top 10px left 10px;background-repeat: no-repeat}
		
	
	.inprc {float:left;color:#666666;padding-left: 10px;padding-bottom: 10px;text-align:left}	
	.insloc {color:#666666;padding-right: 80px;padding-bottom: 10px}	
		
	.hrdiv {text-align: center;border: 1px solid #FFDDBB;height: 1px;width: 80%;margin-right: 10%;margin-top: 10px;margin-bottom: 3px}
		
	#inli .star7 {background: url('stars/star_v_7.gif') top 0px left 0px;background-position: 50% 0;background-repeat: no-repeat}
	
	#inli .star6 {background: url('stars/star_v_6.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}
	
	#inli .star5 {background: url('stars/star_v_5.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}
	
	#inli .star4 {background: url('stars/star_v_4.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}
	
	#inli .star3 {background: url('stars/star_v_3.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}
	
	#inli .star2 {background: url('stars/star_v_2.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}
	
	#inli .star1 {background: url('stars/star_v_1.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}

	#inli .star0 {background: url('stars/nostar_v.gif') top 0px left 10px;background-position: 50% 0;background-repeat: no-repeat}
		
/*  Show Ad */ 

	#avshow  h1 {color:green;font-size:16px;font-weight:bold;margin:0;margin-bottom: 10px}
	
	#avshow  .avimg {float:left;margin: 20px 15px 15px 1px;min-width: 280px;max-width: 280px;max-height: 300px;min-height: 300px;text-align: center}

.img-responsive{max-height: 290px;min-height: 290px}



	#avshow  .avutop {font-weight: bold;color:#FF6600;margin-top: 5px}
	
	#avshow  .so-share {font-weight: bold;color:#FF6600}
	
	#avshow  .avucont {font-weight: bold;color:#FF6600;margin-top: 10px;margin-bottom: 5px}
	
	#avshow #contactform {margin-top: 10px}
		
		
	#avshow  .avp:before {content: "";width: 180px;display: block;overflow: hidden}	
			
	#avshow  .avp {max-width: 99%;line-height: 160%;padding-top: 12px}
	
	#avshow  .glyphicon {margin-left: 10px}
	#avshow  .uinfo {font-weight: bold;line-height: 160%;padding-bottom: 20px}
	
	
	#avshow .dl-horizontal dt{width: 45px}
		
    @media(min-width:768px)
    {
		#avshow .dl-horizontal dd{margin-right: 55px}  
    }
				
	
	#avshow  .avl {background: url('stars/clhere.gif');background-repeat: no-repeat;height: 18px;padding-left: 55px;direction: ltr}
		
	
	#avshow .vij {background: url('stars/spad.gif') top 1px left 0px;background-repeat: no-repeat}

	#avshow  .vstar {position: absolute;top: 10px;left: 5px;width : 70px;height : 9px;z-index: 101;background-repeat: no-repeat}
			
	#avshow  .star7 {background: url('stars/star_v_7.gif')}
	#avshow  .star6 {background: url('stars/star_v_6.gif')}
	#avshow  .star5 {background: url('stars/star_v_5.gif')}
	#avshow  .star4 {background: url('stars/star_v_4.gif')}
	#avshow  .star3 {background: url('stars/star_v_3.gif')}
	#avshow  .star2 {background: url('stars/star_v_2.gif')}
	#avshow  .star1 {background: url('stars/star_v_1.gif')}
	#avshow  .star0 {background: url('stars/nostar_v.gif')}
		

/* splink */

	#spl a {padding-right: 10px;background: url('stars/star.gif') top 5px right 0px;background-repeat: no-repeat;display: block;margin: 4px 0}
	
 /*  inside */
 
 	.foinside {padding: 0;line-height:150%;font-weight:bold;max-width: 500px}
	
	ul.foinside  li {margin-bottom: 15px}
	
	ol.foinside  li {margin-bottom: 15px}	
	
	ul.ruleinside li {margin-bottom: 0px;list-style-type: none}
		
/*  footer */
		
	.footer {position: relative;padding:10px 0;background-color:#e3e3e3;margin-bottom:5px}
	
	
	
	
	/* cats */ 

	div.citem {vertical-align: top;display: inline-block;text-align: center;min-width: 48px;padding : 0px;box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);border: 1px solid transparent}

	.citem a:hover {text-decoration: none;color: white}
	
	.citem img {margin-top:3px;width: 24px;height: 20px}

	.citem .caption:hover {color: white;display: block}
	
	.citem:hover {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);border: 1px solid transparent;border-radius: 4px;border-color: #DDD;background-color: #3276b1}
	    	
	.citempan {box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);border: 1px solid transparent;border-radius: 4px;border-color: #DDD;background-color: #3276b1;color: white}		
	
	.citempan .caption {color: white}

/* ============================================================
   eniaz.css
   ============================================================ */

@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
a,body,br,div,form,img,p,table,td,th,thead,tr,h2,h3,h4,h5,h1{font:bold 14px vazirlight;line-height:22px;color:#000;margin:0;padding:0;border:0;direction:rtl}

a{text-decoration:none;font-weight:600;font:normal 14px vazirblack}
a:link,a:visited{text-decoration:none}
a:hover{color:#9b0000}
.ok{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;width:auto;height:auto;overflow:hidden;COLOR:#000;border:1px solid #fff;border-radius:2px;text-align:center;background-color:#97d020}
.nook{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;width:auto;height:auto;overflow:hidden;COLOR:#fff;border:1px solid #fff;border-radius:2px;text-align:center;background-color:#ff595e}
.info{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;width:auto;height:auto;overflow:hidden;COLOR:#000;border:1px solid #fff;border-radius:2px;text-align:center;background-color:#73c0ee}
.read{margin:5px 5px 5px 5px;padding:5px 5px 5px 5px;width:auto;height:auto;overflow:hidden;COLOR:#000;border:1px solid #fff;border-radius:2px;text-align:right;background-color:#f2f2f2}
.divlive{padding:5px;COLOR:#222;PADDING-TOP:5px;BACKGROUND-COLOR:#f7f9ff}
.dll{FLOAT:left;WIDTH:15%}
.dlr{FLOAT:right;WIDTH:70%;TEXT-ALIGN:right}
.dlc{CLEAR:both;HEIGHT:0px}
.dlu{PADDING-RIGHT:10px;MARGIN-TOP:2px;BACKGROUND:url(pic/Arrow.gif) no-repeat right 50%;LINE-HEIGHT:11pt}
#yourBtn{top:7px;color:#fff;width:120px;padding:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px dashed #fff;text-align:center;background-color:#069;cursor:pointer}
.ratethis{width:30px;float:left;margin-left:5px}
.ratethis a{height:45px;width:30px;display:block;border:1px solid #e5e5e5;border-radius:3px;text-align:center;margin-bottom:3px}
.plus{background:url(/public/img/up.png) no-repeat;line-height:20px;background-position:center top 3px;padding-top:20px}
.minus{background:url(/public/img/down.png) no-repeat;line-height:20px;background-position:center bottom 1px;padding-top:5px}
.plus:hover{background:#7cc51e url(/public/img/uph.png) no-repeat;line-height:20px;background-position:center top 3px;padding-top:20px;color:#fff}
.minus:hover{background:#df260a url(/public/img/downh.png) no-repeat;line-height:20px;background-position:center bottom 1px;padding-top:5px;color:#fff}
.google-login{color:#fff;background:#ea4335}
.google-login:hover{color:#efefef;background:#c22525}
.yahoo-login{color:#fff;background:#9b60ea}
.yahoo-login:hover{color:#efefef;background:#581ca7}
.linkedin-login{color:#fff;background:#15023f}
.linkedin-login:hover{color:#efefef;background:#280e4b}
.i-box{margin-bottom:10px;padding:10px;background-color:#fff;-webkit-box-shadow:0 1px 3px #d9d9d9;-moz-box-shadow:0 1px 3px #d9d9d9;box-shadow:0 1px 3px #d9d9d9}
.i-box{padding:15px 10px;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}
.i-pagination{list-style:none;padding:0;margin:0;text-align:center}
.i-pagination li{display:inline}
.i-pagination li a,.i-pagination-button{display:inline-block;margin:5px;font-size:13px;font-weight:700;color:#333;background-color:#e8dde0;padding:5px 15px;-webkit-border-radius:3px!important;-moz-border-radius:3px!important;border-radius:3px!important}
.i-pagination li a:hover,.i-pagination-button:hover{color:#fff;background-color:#e76d66}
.i-pagination-button{width:auto;padding:5px 15px}
.i-pagination .active a{color:#fff;background-color:#e76d66;cursor:default}
#country-list{position:absolute;float:right;list-style:none;margin:0;padding:0;width:190px;z-index:3;border:1px solid #f2f2f2}
#country-list li{padding:5px;background:#fff;border-bottom:#e2e2e2 1px solid;color:#000}
#country-list li:hover{background:#fff;color:#000}
#avshow h1>a {color:green;font-size:16px}
.panel-heading h1{margin:0;padding:0;color:green;font-size:14px}
.av{border:none}
img{border:none}
.clearfix{clear:both}
.text-muted{font-size:11px;line-height:20px}
.media{min-height:135px;max-height:135px}
a.box{float:right;max-width:65%;height:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
input:required:focus{border:1px solid #ccc;outline:0}
input:required:hover{opacity:1}
textarea:required:focus{border:2px solid orange;outline:0}
select:required:focus{border:2px solid orange;outline:0}
.panel-body{padding:10px}
.sidenav{text-align:center;width:100%;position:fixed;bottom:10px;background-color:none}
.sidenav a{display:inline;color:#fff;font-size:13px;margin-left:3px}
img{max-width:100%}
.tags{margin-bottom:10px;padding-top:10px;border-top:1px solid #eaeaea}
.tags i{color:#fff}
.tags ul{list-style:none;display:inline;padding:0;margin:0}
.tags ul li{display:inline}
.tags ul li a{display:inline-block;padding:4px 5px;margin:5px 0 5px 5px;color:#000;-webkit-border-radius:10px!important;-moz-border-radius:10px!important;border-radius:10px!important}
.btn{padding:5px}
@media (max-width:768px){
.imgcss{display:block;margin-left:auto;margin-right:auto;border:1px solid #d8dbe2;width:150px;height:100px;margin-bottom:10px}
}
@media (min-width:768px){
.imgcss{float:right;border:1px solid #d8dbe2;width:150px;height:100px;margin-bottom:5px;margin-left:7px}
}
@media (min-width:768px){
.sidenav{display:none}
}
div.ex3{height:300px;overflow:auto;direction:ltr}
.form-control{font-size:13px}
#progress-bar{background-color:#12cc1a;height:20px;color:#fff;width:0;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s}
#progress-div{border:#0fa015 1px solid;padding:1px 0;margin:20px 0;border-radius:2px;text-align:center}
#targetLayer{width:100%;text-align:center}
.image_upload>form>input{display:none}
#selectimage{cursor:pointer;color:#000;font-weight:700;background-color:#e2e2e2;padding:5px;width:95%;height:40px!important;margin:5px auto;padding-top:10px;text-align:center;display:block}
h1{line-height:24px;font-weight:900}
.anyClass2{height:500px;overflow-y:scroll}
.anyClass{height:250px;overflow-y:scroll}
.nopadding{padding-left:2px!important;padding-right:0!important}
html{max-width:1350px}
#searchinput{width:200px}
#searchclear{position:absolute;left:160px;top:3px;bottom:0;height:15px;margin:auto;font-size:12px;cursor:pointer;color:red}
@-ms-viewport{width:device-width}
.tcats{text-align:left;float:left}
.text-muted,.text-muted a{font-size:11px}
.media-body p{line-height:20px;font-size:12.3px}
.iv hover{background-color:#e2e2e2}
.tag-entry{display:none}
.select2{color:#000}
.select2-container{border:none!important;margin:0!important;height:34px}
.select2-selection{text-align:right;border:none!important;height:34px}
.select2-selection__rendered{margin:0!important;height:34px;background-color:#fff!important;color:#000!important;border:1px solid #e2e2e2;border-radius:3px}
.select2-results{background-color:#fff}
.select2-search--dropdown{background-color:#fff}
.select2-search__field{background-color:#fff}
.navbar{background-color:#f3f3e1!important;padding:0 8px 5px 8px}
.navbar-nav>li>a{line-height:22px;color:#000;padding:5px 7px;margin-right:5px;margin-top:7px}
.navbar-nav>li>a :active,.navbar-nav>li>a:hover{color:#000;background:0 0!important}
.dropdown>ul>li>a:hover{color:red}
.dropdown a,.dropdown>ul>li>a{color:#000;background:0 0!important}
.navbar-brand{margin-left:5px;padding:2px 0 0 0;height:45px;font-weight:900}
.navbar-brand:focus,.navbar-brand:hover,.navbar-fixed-top{background-color:none}
.navbar-toggle{margin-top:12px;padding:2px;color:#000}
.navbar-toggle .icon-bar{background-color:#000;color:#fff}
.navbar{margin-bottom:0!important;padding:2px 7px 10px 5px}
.sele{width:150px!important}
@media screen and (max-width:900px){
.sele{width:200px!important}
}
.typeahead{white-space:normal}
ul{list-style-type:none;margin:0;padding:0}
@media screen and (max-width:900px){
.navbar-collapse{padding-top:25px}
.dropdown-menu>li{background:#fff;color:#000}
.dropdown-menu>li>a:hover,.dropdown-toggle{background:0 0}
}
.footer{background-color:#f3f3e1!important}
.content2{background-color:#f3f3f3!important;margin-top:0}


/* =========================================================
   Eniazmandi - Modern UI Layer
   Keeps existing HTML/PHP structure and class names
   ========================================================= */

:root{--eniaz-primary:#1769aa;--eniaz-primary-dark:#12548a;--eniaz-accent:#e76d66;--eniaz-text:#252525;--eniaz-muted:#737373;--eniaz-border:#e5e9ef;--eniaz-bg:#f6f8fb;--eniaz-card:#fff;--eniaz-radius:8px;--eniaz-shadow:0 2px 10px rgba(25,45,70,.07)}

html{scroll-behavior:smooth;background:var(--eniaz-bg)}

body{color:var(--eniaz-text);background:var(--eniaz-bg)}

a{transition:color .18s ease,background-color .18s ease,opacity .18s ease}

img{border-radius:4px}

.panel{border:1px solid var(--eniaz-border);border-radius:var(--eniaz-radius);background:var(--eniaz-card);box-shadow:var(--eniaz-shadow);overflow:hidden}

.panel-heading{background:#fff;border-bottom:1px solid var(--eniaz-border);color:var(--eniaz-text);min-height:34px}

.panel-body{background:#fff}

.list-group{border-radius:var(--eniaz-radius);overflow:hidden}

.list-group-item{border-color:var(--eniaz-border);transition:background-color .18s ease,padding-right .18s ease}

.list-group-item:hover{background:#f8fbff}

.menubox{background:#fff;border:1px solid var(--eniaz-border);border-top:3px solid var(--eniaz-primary);box-shadow:0 2px 8px rgba(25,45,70,.05)}

.menubox .menut a{color:var(--eniaz-text);border-radius:5px;padding:4px 7px}

.menubox .menut a:hover{color:#fff;background:var(--eniaz-primary)}

.topbox{padding-top:10px}

.form-control,
input,
textarea,
select{border:1px solid #dce2e9;border-radius:6px;box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease}

.form-control:focus,
input:focus,
textarea:focus,
select:focus{border-color:#8bbce2;box-shadow:0 0 0 3px rgba(23,105,170,.10);outline:0}

.btn{border-radius:6px;border:1px solid transparent;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}

.btn:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgba(0,0,0,.10)}

.citem{border-radius:7px !important;margin:2px;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease}

.citem:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgba(25,45,70,.12) !important;background-color:var(--eniaz-primary) !important}

.cdiv{background:#fff;box-shadow:var(--eniaz-shadow);transition:box-shadow .18s ease,transform .18s ease}

.cdiv:hover{box-shadow:0 5px 16px rgba(25,45,70,.11)}

.cdiv .clink a{color:var(--eniaz-primary)}

.cdiv .clink a:hover{color:var(--eniaz-primary-dark)}

#inli .media{background:#fff;border:1px solid var(--eniaz-border);border-radius:var(--eniaz-radius);padding:7px;box-shadow:var(--eniaz-shadow);transition:box-shadow .18s ease,transform .18s ease}

#inli .media:hover{box-shadow:0 5px 16px rgba(25,45,70,.11);transform:translateY(-1px)}

#inli .media-right{border:1px solid var(--eniaz-border);border-radius:6px;background:#fafbfd}

#avshow h1{color:var(--eniaz-text);background:none;border-bottom:2px solid var(--eniaz-primary);padding:4px 6px;max-width:90%;border-radius:6px}

#avshow .avimg{border:1px solid var(--eniaz-border);border-radius:8px;background:#fff;padding:8px;box-shadow:var(--eniaz-shadow)}

.tags{border-top:1px solid var(--eniaz-border)}

.tags ul li a{background:#f1f5f9;border:1px solid #e2e8f0;transition:background-color .18s ease,color .18s ease}

.tags ul li a:hover{background:var(--eniaz-primary);color:#fff}

.i-pagination li a,
.i-pagination-button{border:1px solid var(--eniaz-border);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}

.i-pagination li a:hover,
.i-pagination-button:hover,
.i-pagination .active a{background:var(--eniaz-primary);color:#fff}

.ok,.nook,.info,.read{border:0;border-radius:6px}

.footer{background:#fff !important;border:1px solid var(--eniaz-border);border-radius:var(--eniaz-radius);box-shadow:var(--eniaz-shadow);color:var(--eniaz-muted)}

.content2{background:var(--eniaz-bg) !important}

/* Mobile: preserve the current two-column-to-one-column behavior,
   but make cards and controls more comfortable. */
@media (max-width:767px){
  body{margin-right:5px;margin-left:5px}

  .panel{margin-bottom:8px}

  .panel-heading{padding:7px 9px}

  .cdiv{height:auto;min-height:150px}

  .cdiv .ccont{height:auto;min-height:125px}

  #inli .media{min-height:110px;max-height:none}

  .form-control{max-width:100%}
}

@media (prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto !important;transition:none !important}
}



/* ========================================
   Tooltip
   ======================================== */

.tooltip-inner {width: 300px !important;max-width: 300px !important;padding: 8px 12px;border-radius: 6px;font-size: 13px;line-height: 1.7}


/* ========================================
   Responsive Menu
   ======================================== */

@media (max-width: 900px) {

    .menu2 {display: none !important}

    .menu1 {display: block !important}
}


/* ========================================
   Tab Panel
   ======================================== */

.tabbable-panel {border: 0;padding: 5px;margin: 0}


/* ========================================
   Tabs Container
   ======================================== */

.tabbable-line > .nav-tabs {display: flex;flex-wrap: wrap;gap: 4px;margin: 0;padding: 0;border: 0;list-style: none}


/* ========================================
   Normal Tab
   ======================================== */

.tabbable-line > .nav-tabs > li {margin: 0;padding: 0;color: #333;background-color: #E0E0E0;border: 1px solid #D2D2D2;border-radius: 6px;text-align: center;overflow: hidden;transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease}


/* Tab Link */

.tabbable-line > .nav-tabs > li > a {display: block;margin: 0;padding: 7px 12px;color: #333;background: transparent;border: 0;text-decoration: none;font-size: 14px;font-weight: 500;line-height: 1.5;transition:
        color 0.2s ease,
        background-color 0.2s ease}


/* Icons */

.tabbable-line > .nav-tabs > li > a > i {color: #666;margin-left: 4px;transition: color 0.2s ease}


/* ========================================
   Hover
   ======================================== */

.tabbable-line > .nav-tabs > li:hover {background-color: #D2D2D2;border-color: #C5C5C5;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);transform: translateY(-1px)}

.tabbable-line > .nav-tabs > li:hover > a {color: #222;background: transparent !important}

.tabbable-line > .nav-tabs > li:hover > a > i {color: #444}


/* ========================================
   Active Tab
   ======================================== */

.tabbable-line > .nav-tabs > li.active {color: #fff;background-color: #E67E22;border: 1px solid #D96F0B;border-radius: 6px;box-shadow:
        0 2px 7px rgba(230, 126, 34, 0.22)}


/* Active Link */

.tabbable-line > .nav-tabs > li.active > a {margin: 0;color: #fff;background-color: transparent;border: 0;border-radius: 0;font-weight: 600}


/* Active Icon */

.tabbable-line > .nav-tabs > li.active > a > i {color: #fff;background: transparent;border: 0}


/* ========================================
   Dropdown
   ======================================== */

.tabbable-line > .nav-tabs > li.open .dropdown-menu,
.tabbable-line > .nav-tabs > li:hover .dropdown-menu {margin-top: 0;border: 0;border-radius: 6px;box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.12)}


/* ========================================
   Tab Content
   ======================================== */

.tabbable-line > .tab-content {margin-top: -1px;padding: 8px 0;background-color: #fff;border: 0;border-top: 1px solid #EEEEEE}


/* Portlet */

.portlet .tabbable-line > .tab-content {padding-bottom: 0}


/* Tab Pane */

.tab-pane {padding-top: 10px}


/* ========================================
   Tablet / Mobile
   ======================================== */

@media (max-width: 600px) {

    .tooltip-inner {width: 240px !important;max-width: 240px !important}

    .tabbable-line > .nav-tabs {gap: 3px}

    .tabbable-line > .nav-tabs > li {flex: 1 1 auto}

    .tabbable-line > .nav-tabs > li > a {padding: 6px 9px;font-size: 13px}

    .tab-pane {padding-top: 8px}
}


/* ========================================
   Small Mobile
   ======================================== */

@media (max-width: 400px) {

    .tabbable-line > .nav-tabs > li > a {padding: 5px 7px;font-size: 12px}
}

/* ============================================================
   Eniazmandi Modern Visual Refresh v2
   هدف: ظاهر جذاب‌تر با حفظ کامل ساختار و کلاس‌های موجود
   ============================================================ */
:root{--em-primary:#e6512e;--em-primary-dark:#c93d20;--em-accent:#f59e0b;--em-ink:#1f2937;--em-muted:#6b7280;--em-line:#e5e7eb;--em-bg:#f5f7fa;--em-card:#ffffff;--em-soft:#fff7f3;--em-radius:12px;--em-shadow:0 6px 22px rgba(15,23,42,.07);--em-shadow-hover:0 12px 32px rgba(15,23,42,.12)}

/* Base */
body{background:var(--em-bg);color:var(--em-ink)}

a{color:#374151;transition:all .18s ease}
a:hover{color:var(--em-primary)}

/* Top area / navigation */
.menubox{background: linear-gradient(135deg, #eef3f7, #e3eaf0);border:0;border-radius:0 0 12px 12px;box-shadow:0 4px 14px rgba(0,0,0,.12);height:34px}
.menubox .ltdate{color:#f3f4f6;font-size:12px;font-weight:600}
.menubox .menut{padding-top:5px}
.menubox .menut a{color:#f9fafb;padding:4px 9px;border-radius:6px}
.menubox .menut a:hover{color:#fff;background:rgba(255,255,255,.12)}

.topbox{padding-top:12px}
.topbox .serbox{background:var(--em-card);border:1px solid var(--em-line);border-radius:12px;box-shadow:var(--em-shadow);padding:7px}
#searchinput,
.topbox input[type=text],
.topbox input[type=search],
.topbox .form-control{border:0;background:#f8fafc;box-shadow:none;border-radius:8px}
#searchinput:focus,
.topbox .form-control:focus{background:#fff;box-shadow:0 0 0 3px rgba(230,81,46,.12)}

/* Category strip */
.tcats{padding-top:2px}
div.citem{min-width:56px;margin:2px 1px;padding:4px 6px;border:1px solid transparent;border-radius:10px;background:transparent;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.citem img{margin-top:1px}
.citem:hover{transform:translateY(-2px);background:#fff;border-color:#f1d7cf;box-shadow:0 5px 15px rgba(15,23,42,.08)}
.citem:hover a,
.citem:hover .caption{color:var(--em-primary)!important}

/* Main panels */
.panel{border:1px solid var(--em-line);border-radius:var(--em-radius);background:var(--em-card);box-shadow:var(--em-shadow);overflow:hidden}
.panel-heading{border-bottom:1px solid var(--em-line);background:linear-gradient(180deg,#fff 0%,#fafafa 100%);color:var(--em-ink);position:relative}

/* Side navigation */
.menubox + *{}
.list-group{border-radius:10px;overflow:hidden}
.list-group-item{background:#fff;border-color:#edf0f3;transition:all .18s ease}
.list-group-item:hover{background:#fff8f5;padding-right:14px;color:var(--em-primary)}

/* Ad cards */
.iv{padding:6px}
.iv .panel{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.iv .panel:hover{transform:translateY(-3px);border-color:#f0c8bd;box-shadow:var(--em-shadow-hover)}
.cdiv{background:#fff;border-radius:10px}
.cdiv .htit a,
.cdiv .clink a{color:#374151;font-weight:700}
.cdiv .htit a:hover,
.cdiv .clink a:hover{color:var(--em-primary)}
.cdiv .cimg img,
.cdiv .img-contain img{border-radius:9px}
.cdiv .ctxt{color:var(--em-muted)}
.tavans{color:var(--em-primary)}
.sflash{background:var(--em-primary)!important;border-radius:0 8px 8px 0!important}
.flashprice{color:var(--em-primary)}

/* Ad list */
#inli .media{background:#fff;border:1px solid var(--em-line);border-radius:11px;padding:8px;box-shadow:0 2px 10px rgba(15,23,42,.05);transition:all .18s ease}
#inli .media:hover{transform:translateY(-2px);border-color:#f0c8bd;box-shadow:var(--em-shadow-hover)}
#inli .media-right{border:0;border-radius:9px;background:#fafafa}
#inli .limore,
#inli .limore>a{color:var(--em-primary)}
.inprc,.insloc{color:#69707a}

/* Listing detail */
#avshow h1{color:var(--em-ink);background:transparent;border-bottom:0;position:relative;padding-bottom:8px;max-width:100%}
#avshow h1:after{content:"";display:block;width:64px;height:3px;margin-top:7px;background:linear-gradient(90deg,var(--em-primary),var(--em-accent));border-radius:4px}
#avshow .avimg{border:1px solid var(--em-line);border-radius:12px;background:#fff;box-shadow:var(--em-shadow);overflow:hidden}
#avshow .avutop,
#avshow .so-share,
#avshow .avucont{color:var(--em-primary)}

/* Tags */
.tags{border-top:1px solid var(--em-line)}
.tags ul li a{background:#fff6f2;border:1px solid #f3d8cf;color:#6b3b30;border-radius:20px!important;padding:4px 9px}
.tags ul li a:hover{background:var(--em-primary);border-color:var(--em-primary);color:#fff}

/* Buttons / status */
.btn{border-radius:8px;font-weight:600}
.btn-primary,
.btn-success{box-shadow:0 4px 12px rgba(230,81,46,.15)}
.ok,.nook,.info,.read{border-radius:8px}

/* Pagination */
.i-pagination li a,
.i-pagination-button{border:1px solid var(--em-line);background:#fff;border-radius:8px!important;padding:6px 12px}
.i-pagination .active a,
.i-pagination li a:hover,
.i-pagination-button:hover{background:var(--em-primary);border-color:var(--em-primary)}

/* Tabs */
.tabbable-line > .nav-tabs > li{background:#fff;border:1px solid var(--em-line);border-radius:9px}
.tabbable-line > .nav-tabs > li.active{background:linear-gradient(135deg,var(--em-primary),#ef754f);border-color:var(--em-primary)}
.tabbable-line > .nav-tabs > li:hover{background:#fff8f5;border-color:#f0c8bd}

/* Upload / form elements */
.form-control,
input,
textarea,
select,
.select2-selection__rendered{border:1px solid #dfe4ea!important;border-radius:8px!important;background:#fff!important}
.form-control:focus,
input:focus,
textarea:focus,
select:focus{border-color:#eba18e!important;box-shadow:0 0 0 3px rgba(230,81,46,.10)!important}
#selectimage{border:1px dashed #efb8a9;border-radius:9px;background:#fff8f5;color:#a3422e}

/* Footer */
.footer{margin-top:14px;border:1px solid var(--em-line);border-radius:12px;background:#fff!important;box-shadow:0 4px 18px rgba(15,23,42,.05)}

/* Mobile polish - no changes to the existing column logic */
@media (max-width:767px){
  .menubox{border-radius:0 0 10px 10px}
  .topbox .serbox{width:100%;box-sizing:border-box}
  .iv{padding:4px 2px}
  .iv .panel:hover,#inli .media:hover{transform:none}
  #inli .media{padding:7px}
  .cdiv{border-radius:9px}
  .panel{border-radius:10px}
}

@media (prefers-reduced-motion:reduce){
  .iv .panel,#inli .media,div.citem{transition:none!important}
}


/* FINAL PANEL */
.panel{background:#fff;border:1px solid #e4e7eb;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:12px}
.panel-heading{padding:10px 14px;background:linear-gradient(135deg,#292929,#3b3b3b)!important;color:#fff!important;border:0!important;border-right:4px solid #f39c12!important;border-radius:8px 8px 0 0;font-size:14px;font-weight:700;line-height:24px;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.panel-heading h1,.panel-heading h2,.panel-heading h3,.panel-heading h4,.panel-heading a{color:#fff!important}
.panel-heading a:hover{color:#f39c12!important}



/* Panel headings: no orange side bar */
/* ads.php - full-width title underline */
#avshow h1 {display: block !important;width: 100% !important;max-width: none !important;box-sizing: border-box;border-bottom: 2px solid #e76d66 !important;padding-bottom: 8px !important}

/* =========================================================
   ENIAZMANDI FINAL UI
   ========================================================= */

/* Panel header: modern dark background, no side bar */
.panel-heading {
    padding: 10px 14px !important;
    background: linear-gradient(135deg, #292929, #3b3b3b) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);
}
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading a {
    color: #fff !important;
}
.panel-heading a:hover {
    color: #f39c12 !important;
}

/* ads.php: full-width title underline */
#avshow h1 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
    margin-bottom: 10px !important;
    padding-bottom: 8px !important;
    border-bottom: 2px solid #e76d66 !important;
}
#avshow h1:after {
    display: none !important;
}

/* Soft panel heading */
.panel-heading {
    background: linear-gradient(135deg, #eef3f7, #e3eaf0) !important;
    color: #38434d !important;
    border-right: 0 !important;
    box-shadow: 0 1px 5px rgba(40,55,70,.06);
}
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading a {
    color: #38434d !important;
}
.panel-heading a:hover {
    color: #1769aa !important;
}

/* Final panel heading - soft gray */
.panel-heading {
    background: linear-gradient(135deg, #f1f1f1, #e5e5e5) !important;
    color: #444 !important;
    border-right: 0 !important;
    box-shadow: 0 1px 5px rgba(0,0,0,.05);
}
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.panel-heading a {
    color: #444 !important;
}
.panel-heading a:hover {
    color: #222 !important;
}
