@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Poppins-Light';
  src: url('fonts/Poppins-Light.eot?#') format('eot'),
       url('fonts/Poppins-Light.woff') format('woff'), 
       url('fonts/Poppins-Light.ttf') format('truetype');  
}
@font-face {
    font-family: 'AdobeArabic-Regular';
    src: url('fonts/AdobeArabic/AdobeArabic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas Neue';
    src: url('fonts/Bebas_Neue/BebasNeue-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Far_Arabics';
    src: url('fonts/Far_Arabics.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'persian-alkharashi52';
    src: url('fonts/persian-alkharashi52.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'a-JannatLT-Regular';
    src: url('fonts/a-JannatLT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'a-JannatLT-Regular';
    src: url('fonts/a-JannatLT-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ReadexPro-Regular';
    src: url('fonts/ReadexPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Janna LT Regular';
    src: url('fonts/Janna LT Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.darkoobmainlist a{
    font-family: 'Bebas Neue';
    letter-spacing: 1.5px;
}


html {
  scroll-behavior: smooth;
}
body{ direction:rtl ; 

	font-family: 'Janna LT Regular' !important;
	overflow-x: hidden;
}

body , input , button , select , p {
	font:300 16px/1.4 ;
}
form{ margin:0px;}
a{ text-decoration:none;   } 
a:hover{ color:#DC3023;}
.darkoobheaderrow{     border-bottom: 1px solid #ebebeb; clear:both; width:100%; float:right;background: #fff;}
.darkoobheaderrow a{color: #fff;}
.darkooblogo a{ font-size:35px;}

.darkoobsearch{ float:right;}
.darkoobsearchdiv{ padding:20px;}

.darkoobbottun{ float:left;}

.darkoobbody{ clear:both; width:100%; } 
.darkoobbody-in{ padding:3px;}

.darkoobfooter{ clear:both; width:100%; color:black;}



	
	.searchbottun{ border: 1px solid #dfe1e5;
    border-radius: 3px; padding:9px;  }
	
	a.darjeagahi {
    background-color: #DC3023;
    border-radius: 8px;
    color: #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,.5);
    border: 1px solid transparent;
    margin-right: 20px;
	padding: 7px;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
	margin-top: 14px;
}
input,textarea,select{ border: 1px solid #aaa;
    border-radius: 4px;
    padding: 8px;  }
	
	select{ padding:7px;}

a.darjeagahi:hover{ background-color:#F22613;} 

.darkoobfooter{
background: #f2f2f2;
    line-height: 40px;
    border-top: 1px solid #e4e4e4;
	text-align:center;
	direction: rtl;
}
.khosh{
	color: #fff;
}

.darkoobbody-row {
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
    box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
    text-align: justify;
    padding: 20px;
    margin: 15px;
	background-color:white;
}
.divformedarj,.pagekarbar , .orderpage{  border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    text-align: justify;
    padding: 20px;
    margin: 15px; }
	
	.divformedarj-row{ padding:5px; }

.divformedarj label{ clear:both;  }

.date {
    font-size: 17px;
    color: #fff;
    text-align: right;
    margin-top: 8px;
}
.card-title{
    font-size:20px;
}
.darkoobmenu{
	padding-right: 0;
}
.commentsbutton , .questionsbutton{
    font-family: monospace;
    font-size: 17px !important;
}

.message-box-in{
    text-align:right !important;
    color:#F9060A; border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    text-align: justify;
    padding: 20px;
    margin: 15px; background-color:#fff;} 
	
	.safhebandi{ text-align:center;  clear:both; width:100%; padding-top:20px;}
	
	.safhebandi a{ border:1px #ccc solid; padding:10px; margin:5px; display:inline-block;     border-radius: 5px;font-family: 'Bebas Neue';}
	.safhebandi a:hover , a.selectedpage{color: white;
    box-shadow: 1px 1px 4px #171717;
	    background:red;
	}
	
	.backto{ background-color: #DC3023;
    border-radius: 8px;
    color: #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,.5);
    border: 1px solid transparent;
    padding: 8px;
    font-size: 14px;
    font-weight: bold; margin:10px; display:inline-block;}
	.loginpagecss{
	    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Arial', sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;

	}
	.logintitle{
	    display:none;
	}
	.submitlogin{
	    width:100% !important;
	   
	}
	.submitregister{
	    width:100% !important;
	}
	.newpasslogin{
	    width:100%;
	}
	.darkoobpagetitle P{
	    text-align:center;
	}
	
	@keyframes slideDown {
    from {
        opacity: 0;
        transform: translateY(-100%);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.head1{
	background: #2E7D32;
}
.head3{
	clear: both;
	background: #2E7D32;
}
.head3 a{
	color: #fff;
	font-weight:600;
}
.darkoobmenu{
	margin-bottom: 0;
}
.lang ul{
display: inline-flex;
	padding: 10px;
	margin: 0px;
	list-style-type: none;
	
}
.lang ul li{
	margin-right: 20px;
}
.lang ul li a{
	color: green;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 19px;
    transition: all 0.3s ease-in-out;
    border: 1px solid gray;
    background: #fff;
}
.darkoob-login-in {
    animation: slideDown 1s ease-in-out;
}

	.aregister{
	    background:#337ab700 !important;
	    color:#DC3023 !important;
	}
	.aregister:hover{
	    color:#337ab7;
	}
	.alogin{
	    background:#337ab700 !important;
	    color:#DC3023 !important;
	}
	.alogin:hover{
	    color:#337ab7 !important;
	}
	.darkoobimagev img{ max-width:100%;}
	.darkoob-login{ width:380px; margin-left:auto; margin-right:auto;padding-top: 50px;padding-bottom: 60px; }
	.darkoob-registerpage{
	    width:380px; margin-left:auto; margin-right:auto;
	}
	.darkoob-login-in h2{ margin:0px;}
	.darkoob-login input[type=text] , .darkoob-registerpage input[type=text] , .darkoob-registerpage input[type=url] , .darkoob-registerpage input[type=email] , .darkoob-login input[type=password] , .darkoob-registerpage input[type=password] , .darkoob-registerpage input[type=tel]{ width:95%; }
	.darkoob-login h1 , .darkoob-login h2{ padding:0px; margin:0px !important;}
	
	.logintitle{ padding-top:10px;}
	
	.darkoob-login-in{ padding:10px;} 
	
	textarea#darkoobdesc{ width:90%;}
	
	.darjecodemobile-in {
    color: #000;
    border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    padding: 20px;
    margin: 15px;
	text-align:center;
}


.darkoobadver-in{ color: #000;
    border-radius: 7px;
    border: 1px solid #e5e5e5;
    text-align: justify;
    padding: 20px;
    margin: 15px;  line-height:2; background-color:white; font-size:12px;     display: flow-root; }
	.darkoobadver-in h6{ padding:0px; margin:0px; font-size:14px;}
	.darkoobadver-in a{ font-size:16px;}
	.darkoobagahi-in , .cpsetting{
	 border-radius: 8px;
    -webkit-box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
    box-shadow: 1px 1px 2px 2px rgb(0 0 0 / 10%);
    text-align: justify;
    padding: 10px;
    margin: 10px;
	}
	.darkoob-login-in{
	    text-align: justify;
    padding: 10px;
    margin: 10px;
	}
	.darkoobdescv{
		direction: rtl !important;
	}
	
	.darkoob-support{ position:fixed; left:1%; bottom:0px; z-index:10000; }
	.darkoob-support a{ background-color:limegreen; padding:9px; color:#fff; display:block;box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);}
	
	.joomir-share-on{ padding-top:10px; padding-bottom:10px;}
	.joomir-share-on h4{ display:inline-block;}
	.joomir-share-on a{ font-size:12px; margin:0px;}
	.joomirsharelinkedin{ display:inline-block; padding:7px; margin:0px; color:#fff; background-color:#0077b5; border-radius: .2rem;}
	.joomirsharelinkedin:hover{ background-color:#4CAF50; color:#fff; }
	.joomirsharetelegram{ display:inline-block; padding:7px; margin:0px; color:#fff; background-color:rgb(23, 156, 222); border-radius: .2rem; }
	.joomirsharetelegram:hover{ background-color:#4CAF50; color:#fff; }
	.joomirsharefacebook{ display:inline-block; padding:7px; margin:0px; color:#fff; background-color:#3b5998; border-radius: .2rem; }
	.joomirsharefacebook:hover{ background-color:#4CAF50; color:#fff; }
	.joomirsharetwitter{ display:inline-block; padding:7px; margin:0px; color:#fff; background-color:#00acee; border-radius: .2rem; }
	.joomirsharetwitter:hover{ background-color:#4CAF50; color:#fff; }
	.joomirsharewhatsapp{ display:inline-block; padding:7px; margin:0px; color:#fff; background-color:#43d854; border-radius: .2rem; }
	.joomirsharewhatsapp:hover{ background-color:#4CAF50; color:#fff; }
	
	
	.divformedarj img{ max-width:100%;}
	.mobilelogo{ display:none;}
	.addtobasket{ border-radius: 5px;    background-color: #26C281; display:inline-block; padding:5px; color: #fff;
    box-shadow: 1px 1px 4px rgba(0,0,0,.5);
    border: 1px solid transparent;}
	.addtobasket:hover{ background-color: #DC3023; color:#fff;}
	.basket{ position:fixed; left:50%; bottom:0px; background-color:#fff; padding:5px; }
	.vijeh{     
	    
    color: #ff0000;
    text-shadow: 0.5px 0.5px 0.5px #171717;
    border: 1px solid transparent; 
    font-size:18px; display:inline-block; 
    padding:5px; border-radius:5px; 
    text-indent:0px; 
    vertical-align: super;
    
	    margin-left: 5px;   }
		.darkoobbody-row .vijeh{ vertical-align: middle;    font-family: cursive;     rotate: -10deg;}
	
	.darkoob-form ,.darkoob-list{     border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    text-align: justify;
    padding: 20px;
    margin: 15px;}
    .darkoobbody-row span{
        color:red;
    }
	.darkoob-form .darkoob-row{ clear:both; width:100%; padding:5px;} 
	.darkoob-form .darkoob-row label{ display:inline-block; width:200px; text-align:left;}
	.darkoob-list .darkooblistrow{ background-color:#ECE8E8; border-radius: 7px; margin-bottom:5px; padding:5px; width:100%; float:right; clear:both;  }
	.darkoob-list .darkooblistrow img{ float:left;}
	.enamad{ position:fixed; right:0; bottom:0px; z-index:999999;}
	.darkoobsayerv a , a.removebasket , a.reddokme{ background-color: inherit;
    box-shadow: 1px 1px 4px rgba(0,0,0,.5);
    border: 1px solid whitesmoke;
    color: #000;
    font-size: 16px;
    display: inline-block;
    padding: 5px;
    border-radius: 5px; margin:5px; padding-left:10px; padding-right:10px;}
	.darkoobsayerv a:hover , a.removebasket:hover , a.reddokme:hover{     background-color: yellow;
    color: #000;
    transform: translateY(10px);
    transition: 0.5s;}
	.orderby{ padding-left:10px; padding-right:10px; }
	
	.sabad-top{ display:none;}
	.cart table.table{ width:100%;}
	.cart table.table th , .cart table.table td{
		    border: 1px solid #dee2e6;
		}
		.cart table.table .remove{ margin-top:10px;}
	table, th, td {
  border: 1px solid #EFEDED;
  border-collapse: collapse;
}
th, td{ padding:5px;}

.uploaderwrapper .uploaderbox{ float:left !important; direction:rtl !important;}
.uploaderwrapper .uploaderbox .uploaderbox-close{ line-height:1.5;}
.orderby .extrafilter{     display: inline-block;
    padding: 4px;
    margin: 0px;
    color: #000;
    background-color:lightgrey;
    border-radius: 5px; font-size:12px;}
	.searchextrafields input{ padding:4px;}
	.searchextrafields select{ padding:1px; }
	.orderby .extrafieldspan{ display:inline-block; padding:3px; }
	.hiddensearch{ display:none;}
	.categoryfield a{ color:#fff; 
    border: 1px solid transparent;
    color: #000;
    display: inline-block;
    padding: 5px;
    border-radius: 5px;
    margin: 5px;}
	.fas{ font-size:25px; margin:2px;}
	.categoryfield a:hover{ background-color:red; color:#fff;}
	
	.itemextrafields{ padding:0px; background-color:#fff; border-radius:5px; color:#55565a;}
	.itemextrafields h3{ padding:5px; margin:0px; font-size:12px;}
	.itemextrafields .dextrafields-row{ padding: 5px;
    margin: 3px;
    background-color:#fcfcfc;
    border-radius: 5px;
    text-align: right;}
	
	.alaghemandi{ 
	    color: #000;
    border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    text-align: justify;
    padding: 20px;
    margin: 15px;
    line-height: 2;
    background-color: #F1E3E3;
	}
	.alaghemandi h4{ font-size:14px; padding:5px;}
	.alaghemandi h5{ font-size:12px; padding:5px;}
	.alaghemandi h4,.alaghemandi h5{ margin:0px;}
	
	.compare{ 
	    color: #000;
    border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    text-align: justify;
    padding: 20px;
    margin: 15px;
    line-height: 2;
    background-color: ghostwhite;
	}
	.compare h4,.compare h5{ margin:0px;}
	.compare ol{ padding:10px; margin:0px; }
	.compare h5{ font-size:12px;}
	
	.score {
  display: inline-block;
  font-size: 16px;
  position: relative;
  overflow: hidden;
  vertical-align:middle;
}

.score-wrap {
  display: inline-block;
  position: relative;
  height: 30px;
}

.score .stars-active {
  color: #EEBD01;
  position: relative;
  z-index: 10;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}

.score .stars-inactive {
  color: grey;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: initial;
  /* overflow: hidden; */
}

.commentitem{ padding:20px; direction:rtl;     border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    text-align: justify;
    margin: 10px; background-color:#fff;}
	
	.bidrows{ direction:rtl;}
	.bidrows span{ display:inline-block; direction:rtl;}
	
	.persiandatetimeinput{ direction:rtl;}
	.messages span{ display:inline-block; padding:3px; border:1px solid #EFEBEB;}
	
	.searchlocation{ display:inline-block; }
	.searchlocation input{ width:100px;}
	.searchform .orderby h2{ margin:0px; padding:0px;}
	.searchform .orderby{
	color: #000;
    border-radius: 8px;
    -webkit-box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
    text-align: justify;
    padding: 20px;
    margin: 15px;
    line-height: 2;
    background-color: whitesmoke;
    position: relative;
    z-index: 999;
	}
	
	.voteonitem{ padding:0px; float:left;}
	.voteonitem select{ border: 1px solid #dfe1e5;
    border-radius: 3px;     padding: 6px;}
	
	.outsidechart{ padding:10px; width:90%;}
	
	.darkoobdate , .darkoobmodified  , .darkoobdatevijev  , .sizeitemrow{  border-radius:5px; background:#fcfcfc; padding: 5px;
    margin: 3px;
	 clear:both; color:#55565a;  }
	textarea{ width: 50%;
    height: 100px;}
	.uptools{ color: #000;
    border-radius: 7px;
        box-shadow: 2px 6px 6px 5px rgb(0 0 0 / 42%);
    text-align: justify;
    padding: 20px;
    margin: 15px;
    line-height: 2;
    background-color: #cdcdcd; display: flow-root; }
	
	.pricesearch{ width:80px;}
	
	.orderby h2{ display:inline-block;}
	
	.internal-pages{ clear:both;} 
	
	.select2-container .select2-selection--single , .select2-container--default .select2-selection--single .select2-selection__arrow{ height:40px !important;}
	.select2-container--default .select2-selection--single .select2-selection__rendered { line-height:40px !important;}
	
	.searchformextra{ display:none; }
	
	.homesearchform .orderby{ background-color:whitesmoke; text-align:center;}
	.showextrasearch{ display:block;}
	
	.darkoobkeshvarv , .darkoobostanv , .darkoobshahrv , .darkoobrustav , .darkoobmahalev , .darkoobkhiabanv , .darkoobshenasev , .page-address , .bazdid , .darkoobtelv , .darkoobmailv , .darkoobwebsitev , .darkoobmapv , .darkoobitemfields , .darkoobmobilev , .darkoobdescv{ padding:5px; margin:3px; background:#fcfcfc;  border-radius:5px; text-align:right; color:#55565a; }
	
	.commentform{ padding:0px; border-radius:10px; } 
	.commentform h3{ margin:0px; padding:0px;}
	
	.relateditem{ padding:10px; border-radius:10px; background:whitesmoke; margin-top:10px; clear:both;  }
	.backtpdiv{ clear:both; width:100%;}
	.pagekarbaruser{ padding:5px; margin:5px; background:whitesmoke; border-radius:5px; text-align:left;} 
	
	.relateditem h3{ text-indent:5px; margin:0px;}
	
	.darkoobfooter-in{ padding-top:30px; text-align:center; }
	
	.yellow{ background:yellow; }
	input[type=submit]{ background:#337ab7; color:#fff;   }
	input[type=submit]:hover,input[type=reset]:hover,.loginbut:hover{ 
	background:#DC3023; color:#fff;border:1px solid yellow; cursor: pointer;
	}
	input[type=button]:hover{ background-color: #7a7a7a; color:#fff; cursor: pointer;}
	 .userup{ text-align:right;} 
	 
	 .darkoobpricev{  border-radius:5px; margin:5px; display:inline-block; font-size:20px;}
	 i{ vertical-align:middle;}
	 .itemtypeinad{ display:none;} 
	 
	 .darkoobagahi .categoryfield{ font-size:12px;  margin-bottom:10px;}
	 .darkoobagahi .categoryfield i{ font-size:10px; vertical-align:unset;}
	 .darkoobagahi .categoryfield i.fas{ font-size:12px;}
	 .red{ color:red;}
	 .darkoobagahi{
	     position: absolute;
   
    animation: slideUp 1.5s ease-out forwards;
	 }
	 
	 @keyframes slideUp {
    from {
        bottom: -100px;
    }
    to {
        bottom: 50%;
        transform: translateY(50%);
    }
}


	 .select2-results{ font-size:12px;} 
	 .featuredcathome-in{ text-align:center; padding-top:13px; }
	 .featuredcathome-in a{ display:inline-block; padding:5px; margin:5px; border-radius:5px; color:red;
	 background-color:white; border:1px solid red;}
	 .featuredcathome-in a:hover{ background-color:#F22613; color:#fff;}
	 .searchextrafields{ display:inline-block;}
	  .darkoobsearchform input[type=number]{ width:100px;}
	  .transdiv , .bidinform{ display:none;}
	  .showbidform{ display:block;}
	  .multipricetoggle{ display:none;}
	  .tedadomdeh{ width:50px;}
	  .allpricesdiv{ padding:20px; border-radius:10px; background-color:whitesmoke; font-size:12px;} 
	  .allpricesdiv h4{ padding:5px; border-radius:5px; background-color:red; color:#fff; margin:0px; border-bottom:#e4e4e4 1px solid;}
	  .allpricesdiv p{ font-size:12px;}
	  #pricetakhfif , #omdehdate{ color:red; font-size:14px;}
	  p#pricetakhfif{ padding-right:10px;}
	  .pricehasdis{ text-decoration: line-through; color: #b4b4b4; font-size:16px;}
	  .darkoobpricev .fa-percent{ color:#f59f00; font-size:16px;}
	  .darkoobpricev .currency{ font-size:12px;}
	  .itemrow{ width:100%; clear:both; margin-bottom:10px; display:inline-table;}
	  .rowdown{ width:100%; clear:both;   margin-top:10px;  display:inline-table; }
	  .itemcol1{ float:left;}
	  .itemcol2{  float:right; }
	  .itemcol3{  float:left; }
	  .column1{ width:100%;}
	  .column2{ width:50%;}
	  .column3{ width:33%;}
	  .biddive{ padding: 10px;
    margin: 3px;
    background: peachpuff;
    border-radius: 5px;}
	.biddive div{ font-size:16px;}
	.darkoobgallery img{ width:80px;     border: 1px solid #ccc;
    border-radius: 5px;}
	.darkoobimagev img{ border: 1px solid #ccc;
    border-radius: 5px; }
	.itemattachment , .productattacgmentex{  background: #f5f5f5;     border-radius: 5px; padding: 10px;
    margin: 3px;}
	.itemcol1-in{ padding:0px; color:#55565a; font-size:14px;}
	.itemcol1-in a{ color:#000;}
	.itemcol1-in a:hover{ color:red;}
	.darkoobaddtobasketv{ text-align:center;}
	.darkoobaddtobasketv  button.addtobasket{ font-size:18px; padding:10px;}
	.darkoobimagev{ text-align:center; margin-bottom:5px;}
	.stepprice{ text-align:right;}
	.searchextrafields input[type=search]{ width:150px;}
	.darkoobajaxdropdown{ width:100px; display:inline-block; vertical-align:top;}
	.darkoobcatdropdown{ width:150px; display:inline-block; vertical-align:top; }
	.footersocial i.fa-instagram{ font-size:25px;}
	.categoryfieldsubmit , .divformedarj .formdarjlocation , .divformedarj select{ width:300px;}
	
	.divformedarj input[type=text] , .divformedarj input[type=tel] , .divformedarj input[type=number] ,  .divformedarj input[type=email] ,  .divformedarj input[type=url] { width:300px; padding:0px; height:37px; text-indent:10px; }
	button:hover{ background:white;}
	.divformedarj .dextrafields-row{ padding-top:5px; padding-bottom:5px;}
	.divformedarj .dextrafields{ padding-top:5px;}
	.registercountry , .registerostan , .registershahr , .registermahaleh{ width:340px;}
	.darkoob-registerpage textarea{ width:95%;}
	.topshoppingcart{ color:red;}
	label , #togglesearchform{ cursor:pointer; color:black;}
	.darkoobpms , .document-page , .backfrommellat , .mozayedehapage , .socialpage , .alarampage , .discountspage , .pricestatitem{ border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06); padding: 10px;
    margin: 10px;}
	table th{ background:#2E7D32; color:#fff;}
	.ticketcontent{ padding:10px; background-color:whitesmoke; border-radius:10px;}
	.showticketcode{ padding:10px; background-color:white;  border-radius:10px; margin:10px; text-align:center; font-size:20px; } 
	span.ticketid{ display:inline-block; padding:5px; background-color:mediumspringgreen;}
	.ticketnotfound{ text-align:center; color:red; padding:10px; }
	.product-box_discount {
    width: 64px;
    height: 64px;
    background: rgba(255,255,255,.7);
    color: #fb4b63;
    font-size: 1rem;
    line-height: 1.2;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fb4b63;
	float:left;
}
span.discountpelekani{ display:inline-block;     border-radius: 50%;
    border: 1px solid #fb4b63; padding:5px; color:#fb4b63;}
.product-box_discount small {
    display: block;
    font-size: 80%;
    font-weight: normal;
}
.pricepele{ padding:5px;}
.darkoobbody-col .darkoobbody-row{ display:flow-root;}
.darkoobbody-col .darkoobbody-row img{ float:right;     border: 1px solid #ccc;
    border-radius: 5px; margin-left: 10px; }
	.darkoobagahi .darkoobgallery img{ width:90px; height:90px;}
	.darkoobbody-row:hover{ box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1); background:oldlace;}
	.listtakhfifdarad{ text-decoration:line-through; color:#acacac; }
	.listdiscountpercent {
    background-color: #fb3449;
    font-weight: 700;
    color: #fff;
    border-radius: 20px;
    padding: 4px 6px 1px;
    letter-spacing: 0;
    margin-bottom: 3px; 
	display:inline-block;
	text-align:center;

    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    margin-right: 8px;
    min-width: 43px;
    height: 23px;
}
.pricedisinlist{ font-size:20px;}
.hide{ display:none;}
.darkoobfooter-in a{ 
 color:#424750;

  }
  .lb-nav a.lb-next,
.lb-nav a.lb-prev{
  opacity:1;
}
.darkoob-form .formdarjlocation{ width:250px;}
#bulkdiscountpercent , #stepdiscountpercent , .registercomment , .askquestion , .commentsbutton , .questionsbutton , .commntuserbutton{ cursor:pointer; }
#bulkdiscountpercent:hover , #stepdiscountpercent:hover{ color:tomato;}
.bulkdiscountpercent , .stepdiscountpercent{ display:none; }
.commentquestion h4 , .commentform .commentsbutton , .commentform .questionsbutton , .commntuserbutton{ display:inline-block; margin:5px; padding:5px; border:1px solid tomato;  border-radius: 8px; font-size:13px; line-height:35px; width:220px; text-align:center;}
.commentquestion h4:hover , .commentsbutton:hover , .questionsbutton:hover , .commntuserbutton:hover{ color:tomato; }
.clicked{ color:tomato;}
.commentform h3{ padding:10px; }
.commentform .comments , .commentform .questions{ display:none;}
.kharidazmojodifield{ width:215px;}
@media (max-width: 756px) {
    .darkoobbottun-in {
        margin-top:9px;
        padding-left:5px;
}
}
/*Chrome*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type='range'] {
      overflow: hidden;
      width: 200px;
      -webkit-appearance: none;
      background-color: #43e5f7;
	  vertical-align: text-bottom;
    }
    
    input[type='range']::-webkit-slider-runnable-track {
      height: 5px;
      -webkit-appearance: none;
      color: #13bba4;
      margin-top: -1px;
    }
    
    input[type='range']::-webkit-slider-thumb {
      width: 5px;
      -webkit-appearance: none;
      height: 5px;
      cursor: ew-resize;
      background: #434343;
      box-shadow: -80px 0 0 80px #fff;
    }

}
/** FF*/
input[type="range"]::-moz-range-progress {
  background-color: #43e5f7; 
}
input[type="range"]::-moz-range-track {  
  background-color: #9a905d;
}
/* IE*/
input[type="range"]::-ms-fill-lower {
  background-color: #43e5f7; 
}
input[type="range"]::-ms-fill-upper {  
  background-color: #9a905d;
}

.c-rating--general {
    background-color: #d5d5d5;
}
.c-rating {
    position: relative;
    height: 4px;
    border-radius: 3px;
    background: #eaeaea;
}
.c-rating--general .c-rating__rate {
    background-color: #00bfd6;
}
.c-rating__rate {
    width: 0;
    height: 100%;
    background: silver;
    border-radius: 3px;
}
.c-comments__item-rating{ list-style:none;  margin:0px; padding:20px;}
.commentonitem{ display:none;}
button{ cursor:pointer;}
.lightgreen{ color:mediumaquamarine;}
.lightred{ color:#ff637d;}
.attachmentinform{ }
.itemattachments{ background-color:whitesmoke; border-radius:10px;  padding:10px; }

.pagekarbar .userpic{     float: right;
    padding: 7px;     }
	.pagekarbar .userpic img{ border: 1px solid #ccc;
    border-radius: 5px; }
	.commentonuser{ display:none;}
	
	.searchboxdivout{ display:inline-block; position:relative;     vertical-align: top;}
	
	 .resultajaxsearch{
        position: absolute;        
        z-index: 999;
        top: 100%;
        left: 0;
		
    }
   .resultajaxsearch{
        width: 100%;
        box-sizing: border-box;
    }
    /* Formatting result items */
    .resultajaxsearch p{
        margin: 0;
        padding: 7px 10px;
        border: 1px solid #CCCCCC;
        border-top: none;
		background:#fff;
		font-size:12px;
    }
	.resultajaxsearch .ajaxmostsearch{ text-align:center; font-weight:bold;}
    .resultajaxsearch p:hover{
        background: #f2f2f2;
    }
	
	.colorlist span{ display:inline-block; width:10px; height:10px; }
	.coloritemrow span{ display:inline-block; width:15px; height:15px; margin:5px; vertical-align:top; cursor:pointer; border:2px solid #eee; font-size:0px;}
	.allpricesdiv .coloritemrow span{ width:30px; height:30px; }
	.coloritemrow span:hover , .clickedprice{ border:2px solid red !important; }
	
	.sizeitemrow span{ display:inline-block; padding:3px; margin:5px; background-color:#fff;}
	.orderaddress{ border-radius: 7px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);
    padding: 10px;
    margin: 10px;}
	.buyaddress .orderaddress{ display:none;} 

	
	.buy-location-row{ width:100%; position:relative;}
	.profileaddress , .newaddress{ border-radius: 7px;
    box-shadow: 2px 3px 3px 2px rgba(0,0,0,.06);
    padding: 10px;
    margin: 10px; background:whitesmoke; }
	.darkoobbody-in .cart{ 
    padding: 10px;
    margin: 10px; }
	
	.bankaccount{ background-color:whitesmoke; padding:10px; }
	.buyerselect , .sellerselect{ display:inline-block; min-width:200px;}
	.controlpaneltools{ clear:both; width:100%; float:right; }
	ul.usertoolsoptions{ list-style:none; padding:0px; margin:0px;  }
	.usertoolsoptions li{ float:left; width:20%; text-align:center; margin:0px; padding:0px;  }
	.usertoolsoptions li i{ display:block; font-size:80px;}
	.usertoolsoptions li a{color:#226225; display:block; margin:5px; background-color:#fff; padding:2px; border-radius:5px; height:120px;
	    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
        transition: box-shadow 0.3s ease-in-out;
	}
	.usertoolsoptions li a:hover {
        box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
    }
	
	.imageincontrolpanel{ float:right; padding:5px;  }
	.imageincontrolpanel img{ border-radius:5px; max-width:200px; }
	.logoutcp{ float:left;}
	.profilepicnotfount i{ font-size:140px; color:#ccc; margin:0px; border:1px solid #ccc; border-radius:5px; padding:5px; background-color:#fff;}
	.userselect{ display:inline-block; width:150px; vertical-align:bottom;}
	.nextpiccp{ font-size:12px;} 
	.cpfield{ padding:5px;}
	.cpfield label{ display:block;}
	.messagetouser h4{ padding:5px; margin:2px;}
	.messagetouser{ padding:10px;}
	button{ border-radius:5px; padding:5px; } 
	.formedarj .colorchooser , .formedarj .sizechooser{ display:none;}
	.formedarj  .itemattachments{ display:none;}
	.uploaderwrapper .uploaderbox{ margin: 10px 10px 10px 5px !important;}
	.uploaderwrapper{ padding:0px !important;}
	.contactinformation{ display:none;}
	.cart .table img{ width:90px;}
	img:hover{ opacity:0.8;}
	.showfieldonform{ display:block !important;}
	.auto-uploader , #toggleattach , #toggleomdeh , #togglecontact , #toggletras , #togglepricesection{ width:100%; text-align:center; text-align:right;}
	.itenpreview , .editonproduct{  border: 1px solid tomato;
    border-radius: 8px; padding:5px; display:inline-block; margin-left:10px; vertical-align: super;  }
	.multipricetoggle{ padding:5px; background-color:whitesmoke;}
	.requiredfield{ color:red;}
	input#darkoobmobile{     direction: rtl;
    text-align: right;}
	.reportcatfield{ width:300px; vertical-align:top; display:inline-block;}
	.hideondiscount{ display:none;} 
	.showfield{ display:block;}
	.creatediscountform{ display:none;}
	.filefromaddress{ padding-top:10px;}
	.formedarj .itementrynotify{ line-height:2;}
	.itembottuns{ position:absolute; right:25px; top:150px; z-index:50000;}
	.itembottuns a{ display:block; color:#9b9b9b; margin-bottom:20px;}
	.itembottunsnoimage a{ color:#9b9b9b; }
	.itembottunsnoimage a:hover{ color:#DC3023; }
	.darkoobagahi{ position:relative;}
	.darkoobpagetitle{      display: flow-root; }
	.darkoobpagetitle h1{ display:inline-block; margin:0px;}
	.darkoobpagetitle a{ color: white;
    font-family: 'Bebas Neue';
    letter-spacing: 1.5px;
    padding: 5px 10px;
    background: #2E7D32;
    border-radius: 6px;
 }
	.itemcol1  i{ font-size:18px;}
	.briefdescription{ padding:10px; color:#55565a; font-size:14px; line-height:2;}
	.briefdescription p{ font-size:12px;}
	.darkoobsayerv{ text-align:center;}
	.priceomdehagahi{ padding:5px;}
	.priceomdehagahi i{ font-size:16px;}
	.commentlist{  border-radius: 8px;}
	.commentonitem{ padding:10px; background-color:#fcfcfc; border-radius: 8px;}
	.commentrow label { display:inline-block; width:100px; vertical-align:top; height:45px; line-height:45px;}
	.commentrow{ margin-bottom:5px;}
	 .surveyitem label{ display:inline-block; width:100px; }
	 .surveyitem{ padding-top:5px; padding-bottom:5px;}
	.specialpoints{ padding:10px; }
	.specialpoints i{ font-size:12px;}
	.specialpoints input , .specialpoints button{ width:200px; }
	.specialpoints .add_field_button{ background-color: #f1feff;
    border: 1px solid #c2f2f7;
    border-radius: 3px;
    color: #1599a9;}
	.specialpoints .add_field_button2{     background-color: #fff8f9;
    border: 1px solid #ffbcc7;
    border-radius: 3px;
    color: #ff637d;}
	.c-comments__summary-box{ width:400px; margin-left:auto; margin-right:auto;}
	.commentby{ font-weight:bold; font-size:16px;}
	.commentid{ float:left;}
	.commentitem .commentsubject{ font-size:16px; }
	.commentitem .commenttext{ font-size:14px;}
	.replycomment{     background-color: #f1feff;
    border: 1px solid #c2f2f7;
    border-radius: 3px;
    color: #1599a9; padding:5px; display:inline-block;}
	.commentcomment input{ border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    padding: 2px 13px;
    color: #8c8c8c;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;}
	.buypoint{ padding-top:10px; font-size:12px;}
	.buypoint i{ font-size:16px; color:#f9b000;}
	
	.sectionsearch{ background-color: whitesmoke; padding:10px; margin-bottom:10px; margin-top:10px; line-height:50px; }
	.sectionsearch label{ padding-left:5px; padding-right:10px;}
	.sectionsearch input[type=datetime-local]{ padding:4px;}
	.sectionsearch input[type=submit]{ padding:5px;}
	.sectionsearch input[type=text]{ padding:5px;}
	.sectionsearch input[type=search]{ padding:5px; }
	.sectionsearch input[type=number]{ padding:5px; width:100px; }
	 .sectionsearch .sellerselect  , .sectionsearch .reportcatfield{ vertical-align: sub;}
	.sectionsearch .buyerselect{ vertical-align: baseline;}
	
	.paymentform , .commentonpanel{ display:none;}
	.darkoobtable{ font-size:12px;}
	.messagerow input[type=checkbox]{ margin-left:5px;}
	.pagekarbaruser input[type=submit]{ padding:5px;}
	.comparetable td{ vertical-align:top;}
	.ticketlist{ padding-top:10px;}
	.sectiontools{ text-align:left; padding-left:20px;}
	.canvasjs-chart-credit , .regwhenbasket{ display:none;}
	.listtitle , .numlist , .comparepage h1{ text-indent:10px;}
	.basketwhennot{ text-align:center;}
	.commentonitem .normalcomment{ float:left; width:50%;}
	.commentonitem .commentsurvey{ float:left; width:50%;  }
	.commentonitem .downcomment{ width:100%; clear:both;}
	.forgetpassfield{ direction:rtl;} 
	.darkoobadver-in .adveritem{ width:50%; float:right;}
		p , div{ line-height:2;}
		.makespecialnotlogin{     padding: 10px;
    font-size: 20px;}
	.berooz{ cursor:pointer;}
	.darkoobdescv{ text-align:justify; line-height:2;}
   .darkoobdescv p{ line-height:2;font-size: 24px;}
   .makespecial button#makespecial{ background:gold;}
    .makespecial button#makespecial:hover{ background:#DC3023; color:#fff;}
   
   .darkoobdescv img{ max-width:100%;}
   
   .divformedarj .multiprice{ display:none;}
.cart table .shoppingcartomdeh , .discounttypesearch{ display:none; }
.itembottuns a{ border:1px solid #fff; border-radius:3px;}
div.makespecial{ display:block; text-align:center; color: red;
    font-weight: bold;     background: antiquewhite;}
	div.makespecial a{ color: red;}
	

.makespecial button#makespecial{ margin-left:auto; margin-right:auto;}

.darkoobfooter-in{ line-height:3;}

.darkoobfooter-in i , .footersocial i.fa-instagram { font-size:20px;}

a.darjeagahi{ animation: pulse-yellow 2s infinite; }

  @keyframes pulse-yellow {
	0% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0.7);
	}
	
	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(255, 177, 66, 0);
	}
	
	100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(255, 177, 66, 0);
	}
}
.enamad{
	position: relative;
	text-align:center;
	}
	
	.formpricesection{ display:none;}
	.voteonitem .votebot{ font-size:12px;} 
	.voteonitem select{ font-size:12px;}
	
	
	table{
		
		 border-collapse: collapse;
    margin: 5px 0;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); 

	}
	table thead tr {
    background-color: #009879;
}
table th,
table td {
    padding: 12px 15px;
	vertical-align:middle !important;
}
table tbody tr {
    border-bottom: 1px solid #dddddd;
}

table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}

table tbody tr:last-of-type {
    border-bottom: 2px solid #26C281;
}

.basketwhennot h2{ font-size:16px;}
.basketwhennot button{ font-size:20px;}
video , .darkoobdescv img{ max-width:100%;     border-radius: 10px;
    box-shadow: 2px 6px 6px 5px rgba(0,0,0,.06);}
	.shopcartremovebasket{ display:none !important;} 
	.makeorderpage button , .pardakhtonline input[type=submit] , .trytopay button{     padding: 10px !important;
    font-size: 20px;
    border-radius: 5px;
    background-color: #26C281;
    padding: 5px;
    color: #fff;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 50%);
    border: 1px solid transparent;}
	.formedarj input#darkoobmobile{ font-family:tahoma; padding-right:10px; width:290px;}
	.searchform .orderby h2{ display:none; }
	
	.listtoprow, .darkoobmainlist {
    width: 100%;
    clear: both;
}
.listtoprow .darkoobpagetitle {
    float: right;
}
.listtoprow .numofresult {
    float: left;
    margin: 0px;
    padding: 10px;
    padding-left: 20px;
	padding-top:14px;
    font-size: 14px;
}
.listtoprow .darkoobpagetitle h2{ margin:0px; }
.userlistdiv{ width:100%; clear:both;}
.itemcol2 .darkoobgallery{
	max-width: 400px;
    margin-left: auto;
    margin-right: auto;
	}
	.select2-selection__rendered{ text-align:right;}
	.darkoobbody-row h2{ margin:0px;}
	.darkoobbody-row p{ margin-bottom:0px;}
	.resubmitsms{ font-size:12px;}
	a.submitadintext{
	    display: inline-block;
    border-radius: 5px;
    color: #fff;
    background-color: #DC3023;
    animation: pulse-yellow 2s infinite;
	padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 30px;
	}
	
	.makespecial button#makespecial{ animation: pulse-yellow 2s infinite;}
	
	.item49225 .darkoobsayerv , .item49225 .darkoobdate , .item49225 .darkoobmodified{ display:none;}
	.table-days{ min-width:auto;}
	.toolbox .pwt-btn-calendar{ display:none !important;}
	.dateinputtext { direction:rtl;}
	.logindarkoobwrapper{ max-width:390px; margin-left:auto; margin-right:auto;}
	.pardakhtonline i.fa{     font-size: 22px; margin: 2px;}
	.backto:hover{ background-color:#F7AB07; color:#F5F3F3;}
	ul.darkoobbullet{ padding:0px; margin:0px; width:100%; clear:both; columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2; list-style:none;}
	ul.darkoobbullet li{    
    background: bisque;
    margin-bottom: 5px;
    border-radius: 5px;padding: 5px;
    padding-right: 10px; color:#000;}
	.displaynone{ display:none;}
	.totalshopcart i{ font-size: 22px;}
	.voteonuser span.score{ float:right; padding: 3px;}

   
	@media (max-width: 500px) {
		ul.darkoobbullet{ padding:0px; margin:0px; width:100%; clear:both; columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;}
		.pardakhtonline input[type=number]{   width: 90%;}
		.searchbyfav{ display:block;}
		.item49734 .voteonitem select , .item49734 .voteonitem .votebot , .item56976 .voteonitem select , .item56976 .voteonitem .votebot{ display:none; }
		div.makespecial .specialsep{ display:none;}
		.hidebasketmobile{ display:none;}
		.cart table{ min-width:100%;}
		.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px !important;
}
.searchextrafields {
    display: block;
}
		.darkoobsearchform input[type=search] , .darkoobsearchform input[type=text] , .darkoobsearchform input[type=number]{     padding-bottom: 3px;
    padding-top: 3px;}
	.darkoobsearchform input[type=submit]{ width:300px;} 
	.formedarj input#darkoobmobile{ width: 278px;}
		body, input, button, select, p {
    font: 300 14px/2 tahoma;
}
h1{ font-size:20px;}
.vijeh{ font-size: 12px; padding:3px; }
.vijeh i{ font-size: 14px; }
		.searchform .orderby{ padding:0px; padding-top:5px; padding-bottom:5px;}
		#togglesearchform {
    font-size: 16px;
}
		.darkoobbody-row h2{ font-size:16px;}
		.searchform .orderby h2{ display:block; }
		.darkoobagahi-in img{ height:auto;}
		div.makespecial button#makespecial{ 
    margin-bottom: 15px;
}
		.makespecial button#makespecial , .joomir-share-on h4{ display:block;}
		.relateditem .darkoobbody-row{ margin:0px; margin-top:5px; padding-bottom:5px;}
		.itembottuns { position:inherit;}
		.itembottuns a{ display:inline-block; padding:5px;}
		 .commentform .commentsbutton, .commentform .questionsbutton, .commntuserbutton{ width:110px;}
		.darkoobadver-in .adveritem{ width:100%; float:none; clear:both;}
		.commentonitem .normalcomment{ float:none; width:100%; clear:both;}
	    .commentonitem .commentsurvey{ float:none; width:100%; clear:both;  }
		.nextpiccp{ float:none; clear:both; width:100%;  }
		.imageincontrolpanel{ text-align:center; float:none;  }
		.logoutcp{ float:none; text-align:center;}
		.logoutcp a{ font-size:14px;}
		.userurlcp{ font-size:9px; }
		.usertoolsoptions li{ display:inline-block; width:100%; }
		.urluserpage{ font-size:10px;}
		.pagekarbar .userpic{ width:100%; float:none; text-align:center; clear:both;}
		.darkoobbody-col .darkoobbody-row img{ width:100px; margin-right:10px; margin-bottom:10px; height:auto;}
		.registercountry , .registerostan , .registershahr , .registermahaleh{ width:95%;}
		.categoryfieldsubmit , .divformedarj .formdarjlocation , .divformedarj select{ width:100%;}
	
	.divformedarj input[type=text] , .divformedarj input[type=tel] , .divformedarj input[type=number] ,  .divformedarj input[type=email] ,  .divformedarj input[type=url] { width:100%;  }
	.divformedarj textarea{ width:94%;}
		.categoryfieldsubmit{ width:100%;}
		.darkoobcatdropdown{ width:300px; display:block;     margin-left: auto;
    margin-right: auto; }
		.darkoobajaxdropdown , .userselect{ width:300px; display:block;     margin-left: auto;
    margin-right: auto;}
		.darkoobbottun-in{ padding-right:10px; padding-left:20px;margin-top:7px !important;}
		.darkoobsearchdiv{ padding:5px;}
		.darkoobsearchdiv input,select{ font-size:14px !important;}
		.mobilelogo{ display:block;}
		.desktoplogo{ display:none;}
		.khosh{ display:none;}
		textarea{ width: 90%;
    height: 100px;}
	input[type=text] , input[type=url] , input[type=password] , input[type=email] , input[type=tel] , select{ width:90%; clear:both;}
	.darkoobsearchform input[type=text], .darkoobsearchform select , .darkoobsearchform input[type=search]{ width:300px;}
	input[type=checkbox]{ width:auto;}
	.darkoobsearchform input[type=number]{ width:282px;}
	.adsearchspan{ display:block;} 
	.voteonitem select{ width:auto;}
	.searchuserfield{ width:auto !important;} 
	.baskettext{ display:none;}
	a.darjeagahi { margin-right:5px;}
	.darjehagahimobile .darjspan{ display:none;}
	.darkoobsearchform{ display:none;}
	.itemcol1 , .itemcol2, .itemcol3{ width:100%; clear:both;}
	
	}
	@media (max-width: 400px) {
		.joomir-share-on i{ display:none; }
		.joomir-share-on a{ font-size:14px;}
	     .fas{ font-size:22px; margin:2px;}
 
	}
	@media (max-width: 370px) {
		input[type=submit] , .loginbut , input[type=reset]{ font-size:14px !important; }
		.searchform .orderby{ padding:10px;}
	}
	@media (max-width: 330px) {
		a.darjeagahi{ margin-right: 5px; font-size:16px; }
		.darkoobsearchdiv input,select{ font-size:13px !important;}
		.searchform .orderby{ margin:1px; padding:1px;}
     .joomir-share-on a{ font-size:11px;}
	 input[type=submit] , .loginbut , input[type=reset]{ font-size:12px !important; }
	 .darjeagahi .fas{ display:none;}
	 .darjehagahimobile .fas{ display:block;}
	}
	
	.darkoobbody-row {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.darkoobbody-row:hover {
  transform: translateY(-10px);
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}



@keyframes slideUp {
  0% {
    transform: translateY(100px);
    opacity: 0; 
  }
  100% {
    transform: translateY(0); 
    opacity: 1; 
  }
}

.orderby {
  transform: translateY(-100px); 
  opacity: 0;
  animation: slideDown 0.5s ease-out forwards;
}

@keyframes slideDown {
  0% {
    transform: translateY(-100px); 
    opacity: 0; 
  }
  100% {
    transform: translateY(0); 
    opacity: 1; 
  }
}
.itemcol1-in .fas{
    color:red;
}


.darkoobmenu{
	display: inline-flex;
	    padding-top: 10px;
    padding-bottom: 10px;
}
.menu{
	text-align: right;
}
.darkoobmenu li{
	list-style-type: none;
	margin-right: 40px;
}
.darkoobmenu li a{
    text-decoration: none;
	font-size: 18px;
    font-weight: 600;
}
.darkooblogo{
	text-align: right;
	margin-top: 10px;
	
}	
.darkooblogo img{
	height: 100px;
	width: 100px;
}
	
.usermenu{
	font-size: 18px;
}

.articles-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	padding: 20px;

}
.categoryp{
        font-weight: 600;
    font-size: 18px !important;
    color: #176517 !important;
}
.article-box {
	flex: 1 1 calc(33.333% - 20px);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	direction: rtl;
}
.article-box-home {
	flex: 1 1 calc(33.333% - 20px);
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	z-index:999;
}
.article-box img {
	max-width: 100%;
	border-radius: 5px;
	margin-bottom: 10px;
	height: 350px;
}
.article-box-home img {
	max-width: 100%;
	border-radius: 5px;
	height: 240px;
}
.article-box h2 {
	font-size: 1.5em;
	margin-bottom: 10px;
}
.article-box-home h2 {
	font-size: 20px;
	margin-bottom: 10px;
}
.article-box p {
	font-size: 1em;
	color: #666;
	margin-bottom: 15px;
	flex-grow: 1;
}
.article-box-home p {
	font-size: 18px;
	color: #666;
	margin-bottom: 15px;
	flex-grow: 1;
}
.article-box .read-more {
	text-decoration: none;
    color: #fff;
    text-align: none;
    background: #2E7D32;
    text-align: center;
    font-size: 21px;
    border-radius:3px;
}
.article-box-home .read-more {
	text-decoration: none;
	color: #007BFF;
	font-weight: bold;
	text-align: none;
}
.article-box .read-more:hover {
	text-decoration: underline;
}
.article-box-home .read-more:hover {
	text-decoration: underline;
}
.darkoobbottun-in{
	text-align: left;
	margin-top:14px;
}
.slider{
	margin-top: 30px;

}
.slider img{
	height: 450px;
}
.slides{
	background: url("./uploads/Group.jpg") no-repeat center center;
}
.carousel-control-next:hover, .carousel-control-prev:hover{
	background-color: #ffffff00;
}
.service {
    direction: rtl;
}

.carousel-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
}

#scrollCarousel {
    display: flex;
    width: max-content;
    animation: scroll 60s linear infinite;
    padding: 10px 0;
}

.card-service {
    width: 18rem;
    flex-shrink: 0;
    margin: 0 10px;
    transition: transform 0.1s ease;
}

.card-service:hover {
    transform: translateY(-5px);
}

.card-service img {
    padding: 15px;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    object-fit: contain;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(50% - 20px));
    }
}


@media (min-width: 1200px) {
    .carousel-wrapper {
        mask-image: linear-gradient(
            to right,
            transparent,
            black 20%,
            black 80%,
            transparent
        );
    }
}
.iraq{
	margin-top: 70px;
}
.iraqtext h2{
	font-weight: 600;
	font-size: 25px;
}
.iraqtext p{
	font-size: 19px;
	text-align: justify;
}

.iraqimg img{
	border-radius: 5px;
}
.news{
	margin-top: 70px;
	margin-bottom:60px;
}
.iraqtext{
    margin-top:25px;
}
.flag p{
	margin-bottom: 0;
}
.iraq1 p{
	text-align: left;
	margin-bottom: 0;
}
.iraq1 img{
	height: 120px;
}
.logofoot{
	text-align: right;
}
.arazi{
	text-align: right;
	color: #686868;
	margin-top: 10px;
}
.arazi h2{
	margin-top: 13px;
	font-size:22px;
	font-weight:600;
}
.arazi p{
	margin-bottom: 0 !important;
}
.aboutus-text{
	text-align: justify;
    font-size: 18px;
	color: #424750;
	font-family: 'Janna LT Regular';
}
.quicklinks{
	margin-top: 30px;
}
.quicklinks h2{
	text-align: right;
	font-size:22px ;
}

.quicklinks ul{
	list-style-type: none;
	text-align: right;
	padding-right: 0;
}
.quicklinks ul li{
	margin-top: 20px;
}.quicklinks ul li::before{
	margin-left: 5px;
}
.quicklinks ul li a{
	text-decoration: none;
	
	font-size: 16px;
}
.xx{
	margin-left: 10px;
}
.lastnews{
	margin-top: 30px;
}
.lastnews ul{
	list-style-type: none;
	text-align: right;
	padding-right: 0;
}
.lastnews h2{
	text-align: right;
	font-size:22px;
}
.lastnews ul li {
    margin-top: 20px;
}
.lastnews ul li a{
	text-decoration: none;
	
	font-size: 16px;
}
.contacus{
	margin-top:30px;
	    font-family: 'Janna LT Regular';
	
}
.contacus h2{
	text-align: right;
	font-size:22px;
}
.contacus p{
	text-align: right;
	color: #424750;
	font-size: 16px;

}
.xs{
	margin-left: 10px;
}
.archives{
	margin-top: 30px;
}
.menu-home{
	margin-right:0 !important;
}
.input-modern {
	border-radius: 10px;
	border: 1px solid #ced4da;
	padding: 10px 15px;
	transition: border-color 0.3s, box-shadow 0.3s;
  }
  
  .input-modern:focus {
	border-color: #28a745;
	box-shadow: 0 0 8px rgba(40, 167, 69, 0.2);
	outline: none;
  }
  
  .form-container {
	background-color: #fff;
	padding: 40px 30px;
	border-radius: 15px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.05);
  }
  .service-single{
	margin-top: 50px;
	font-size: 25px;
	margin-bottom: 50px;
  }
  .page-content{
	font-size: 22px;
  }

  .page-address{
      display:none;
  }
  .darkoobsayerv{
      display:none;
  }
  .category-title {
    font-size: 24px;
    font-weight: bold;
    color: #1d3b20;
}

.category-box {
    background: #fff;
    border-radius: 20px;
    padding: 20px 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
    z-index:999;
}

.category-box:hover {
    transform: translateY(-5px);
}

.icon-box {
    background-color: #054d1a;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 10px;
    display: inline-block;
}

.icon-box img {
    width: 40px;
    height: 40px;
    filter: invert(100%);
}

.category-box p {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #1b1b1b;
}
.categories{
	background: url("./uploads/Rectangle25.png");
	position:relative;
	padding-top: 30px;
    padding-bottom: 50px;
    margin-top:60px;
}
.categories h2{
    z-index:999;
    color:#fff;
    margin-bottom:30px;
    padding-bottom:15px;
    border-bottom:1px solid #fff;
    
}
.categories:before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(270deg, hsl(120, 100%, 17%, 0.91) 0%, hsl(120, 100%, 17%, 0.91) 100%);
}
.category-box-home{
    z-index:999;
    border-radius:15px;
}
.sidebara{
    font-size:15px;
    padding:14px;
}
.nextpiccp{
    display:none;
}
.logoutcp{
    display:none;
}
.imageincontrolpanel{
    display:none;
}
.dates{
    color:#333;
}
.messnot{
    margin-bottom: 20px;
    padding: 16px;
    background: #565454;
    color: #fff;
    text-align: center;

}
.tickettitile{
    margin-top:20px;
    margin-bottom:10px;
}
.auto-uploader{
    text-align:right !important;
}
.scrollable-list {
    max-height: 354px;
    overflow-y: auto;
}
.lataq{
    color: red; font-size: 12px;
    border:none !important;
    padding-right:20px !important;
}
.archivetext{
    font-size:14px;
}
body.loginpagecss {
    font-family: 'Vazir', sans-serif;
    background-color: #f7f8fa;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    direction : rtl;
}
.logindarkoobwrapper {
    display: flex;
    background: white;
    border-radius: 20px;
    box-shadow: 0 0 25px rgb(0 0 0 / 50%);
    overflow: hidden;
    max-width: 900px;
    width: 100%;
}
.left-panel {
    background: #123c59;
    color: white;
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:right;
}
.left-panel h2 {
    font-size: 22px;
    margin-bottom: 20px;
    text-align:center !important;
}
.left-panel p {
    line-height: 1.8;
    font-size: 18px;
}
.download-btn {
    background: white;
    color: #123c59;
    padding: 12px 20px;
    border: none;
    border-radius: 8px;
    margin-top: 30px;
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.download-btn span {
    margin-left: 8px;
    font-size: 18px;
}
.right-panel {
    flex: 1;

}
.right-panel .logo {
    text-align: center;
    margin-bottom: 20px;
}
.right-panel .logo img {
    height: 60px;
}
.tab-buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.tab-buttons button {
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 13px;
}
.tab-buttons .active {
    background: #123c59;
    color: white;
    border-radius: 8px;
}
.input-group {
    margin-bottom: 15px;
}
.input-group input {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 8px;
    font-size: 13px;
}
.captcha-box {
    display: flex;
    align-items: center;
    gap: 10px;
}
.captcha-box img {
    height: 40px;
    border-radius: 6px;
    border: 1px solid #ccc;
}
.captcha-box button {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
}
.privacy {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}
.privacy a {
    color: #007bff;
    text-decoration: none;
}
.leftpanel-img{
    height:150px;
    width:150px;
    margin-right: auto;
    margin-left: auto;
}
.navbar-nav{
    padding-right:0;
}
.nav-item a{
    font-size:17px;
    margin-left:10px;
}
.bargasht-button{
    text-align:left;
    margin-bottom:5px;
}
.dokme-bargasht{
    width:50px;
    height:50px;
    border-radius:50% !important;
}
.sidebar ul{
    margin-top:30px;
}
.makespecial{
    display:none !important;
}
.darkoobwebsitev{
    display:none !important;
}
@media (max-width: 767px) {
    .ticket-status{
        font-size:15px !important;
    }
    .status{
        font-size:15px !important;
    }
}
@media (max-width: 1024px) {
    .sidebar-heading  span{
        font-size:20px !important;
    }
    .sidebar a{
        padding-right: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: 15px;
    padding-bottom:35px;
    }
    .sidebar ul{
        padding-right:5px !important;
    }
    .khosh{
        font-size:15px;
    }
    
}
@media (min-width: 1000px) {
    .sidebar-heading  span{
        font-size:18px !important;
    }
    .sidebar a{
        padding-right: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: 14px;
    padding-bottom:35px;
    }
    .sidebar ul{
        padding-right:5px !important;
    }
    .khosh{
        font-size:12px;
    }
}
.itemcol1{
    display:none;
}
.darkoobmobilev{
    display:none;
}
.joomir-share-on{
    display:none;
}
.relateditem{
    display:none;
}
.searchonsection{
    display:none;
}
.commentform{
    display:none;
}
.dateinputtext{
    display:none;
}
.auto-uploader, #toggleattach, #toggleomdeh, #togglecontact, #toggletras, #togglepricesection{
    text-align:right !important;
}
.modal-body p{
            font-size:20px;
        }
        .table th {
            white-space: nowrap;
        }
   
        .filter-sidebar {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            border-radius: 20px;
            padding: 30px 20px;
            box-shadow: 0 15px 35px rgba(46, 125, 50, 0.3);
            position: sticky;
            top: 20px;
            max-height: calc(100vh - 40px);
            overflow-y: auto;
        }
        
        .filter-sidebar::-webkit-scrollbar {
            width: 6px;
        }
        
        .filter-sidebar::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
        }
        
        .filter-sidebar::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.3);
            border-radius: 10px;
        }
        
        .filter-header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid rgba(255,255,255,0.2);
        }
        
        .filter-header h4 {
            color: white;
            font-weight: bold;
            margin: 0;
            font-size: 24px;
        }
        
        .filter-header .icon {
            font-size: 40px;
            color: white;
            margin-bottom: 10px;
        }
        
        .filter-group {
            margin-bottom: 25px;
        }
        
        .filter-label {
            color: white;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .filter-label i {
            font-size: 18px;
        }
        
        .filter-input, .filter-select {
            width: 100%;
            padding: 14px 16px;
            border: none;
            border-radius: 12px;
            font-size: 14px;
            background: rgba(255,255,255,0.95);
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .filter-input:focus, .filter-select:focus {
            outline: none;
            background: white;
            box-shadow: 0 0 0 4px rgba(255,255,255,0.3);
            transform: translateY(-2px);
        }
        
        .filter-input::placeholder {
            color: #999;
        }
        
        .filter-btn-group {
            margin-top: 30px;
        }
        
        .btn-filter {
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 12px;
            font-weight: bold;
            font-size: 15px;
            transition: all 0.3s ease;
            cursor: pointer;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .btn-filter-submit {
            background: white;
            color: #2E7D32;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .btn-filter-submit:hover {
            background: #f8f9fa;
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }
        
        .btn-filter-reset {
            background: rgba(255,255,255,0.15);
            color: white;
            border: 2px solid white;
            text-decoration: none;
        }
        
        .btn-filter-reset:hover {
            background: rgba(255,255,255,0.25);
            transform: translateY(-2px);
            color: white;
        }
        
        .active-filters {
            background: rgba(255,255,255,0.15);
            border-radius: 12px;
            padding: 15px;
            margin-top: 20px;
            color: white;
            font-size: 13px;
        }
        
        .active-filters strong {
            display: block;
            margin-bottom: 10px;
        }
        
        .filter-badge {
            display: inline-block;
            background: white;
            color: #2E7D32;
            padding: 6px 14px;
            border-radius: 20px;
            margin: 3px;
            font-size: 12px;
            font-weight: 600;
        }
      
        .content-area {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        
        .page-title {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #2E7D32;
        }
        
        .page-title h5 {
            margin: 0;
            font-size: 24px;
            font-weight: bold;
            color: #2d3748;
        }
        
        .page-title .badge {
            font-size: 16px;
            padding: 8px 16px;
            background-color: #2E7D32;
        }
        
        .table-responsive {
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        }
        
        .table {
            margin-bottom: 0;
        }
        
        .table thead th {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            color: white;
            font-weight: 600;
            border: none;
            padding: 15px;
        }
        
        .table tbody tr {
            transition: all 0.3s ease;
        }
        
        .table tbody tr:hover {
            background: #E8F5E9;
            transform: scale(1.01);
        }
        
        .btn-primary {
            background-color: #2E7D32;
            border-color: #2E7D32;
        }
        
        .btn-primary:hover {
            background-color: #1B5E20;
            border-color: #1B5E20;
        }
 
        .excel-download-section {
            margin-top: 25px;
            padding: 20px;
            background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
            border-radius: 12px;
            border: 2px dashed #2E7D32;
        }
        
        .btn-excel {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 12px;
            font-weight: bold;
            font-size: 16px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(46, 125, 50, 0.3);
            text-decoration: none;
        }
        
        .btn-excel:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(46, 125, 50, 0.4);
            color: white;
        }
        
        .btn-excel i {
            font-size: 24px;
        }
        
        .excel-info {
            color: #1B5E20;
            font-size: 14px;
            margin-top: 10px;
        }
        
        .excel-info i {
            margin-left: 5px;
        }
        .filter-sidebar {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            border-radius: 20px;
            padding: 30px 20px;
            box-shadow: 0 15px 35px rgba(46, 125, 50, 0.3);
            position: sticky;
            top: 20px;
            max-height: calc(100vh - 40px);
            overflow-y: auto;
        }
        
        .filter-sidebar::-webkit-scrollbar {
            width: 6px;
        }
        
        .filter-sidebar::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
        }
        
        .filter-sidebar::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.3);
            border-radius: 10px;
        }
        
        .filter-header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid rgba(255,255,255,0.2);
        }
        
        .filter-header h4 {
            color: white;
            font-weight: bold;
            margin: 0;
            font-size: 24px;
        }
        
        .filter-header .icon {
            font-size: 40px;
            color: white;
            margin-bottom: 10px;
        }
        
        .filter-group {
            margin-bottom: 25px;
        }
        
        .filter-label {
            color: white;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .filter-label i {
            font-size: 18px;
        }
        
        .filter-input, .filter-select {
            width: 100%;
            padding: 14px 16px;
            border: none;
            border-radius: 12px;
            font-size: 14px;
            background: rgba(255,255,255,0.95);
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .filter-input:focus, .filter-select:focus {
            outline: none;
            background: white;
            box-shadow: 0 0 0 4px rgba(255,255,255,0.3);
            transform: translateY(-2px);
        }
        
        .filter-input::placeholder {
            color: #999;
        }
        
        .filter-btn-group {
            margin-top: 30px;
        }
        
        .btn-filter {
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 12px;
            font-weight: bold;
            font-size: 15px;
            transition: all 0.3s ease;
            cursor: pointer;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .btn-filter-submit {
            background: white;
            color: #2E7D32;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .btn-filter-submit:hover {
            background: #f8f9fa;
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }
        
        .btn-filter-reset {
            background: rgba(255,255,255,0.15);
            color: white;
            border: 2px solid white;
            text-decoration: none;
        }
        
        .btn-filter-reset:hover {
            background: rgba(255,255,255,0.25);
            transform: translateY(-2px);
            color: white;
        }
        
        .active-filters {
            background: rgba(255,255,255,0.15);
            border-radius: 12px;
            padding: 15px;
            margin-top: 20px;
            color: white;
            font-size: 13px;
        }
        
        .active-filters strong {
            display: block;
            margin-bottom: 10px;
        }
        
        .filter-badge {
            display: inline-block;
            background: white;
            color: #2E7D32;
            padding: 6px 14px;
            border-radius: 20px;
            margin: 3px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .content-area {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        
        .page-title {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #2E7D32;
        }
        
        .page-title h5 {
            margin: 0;
            font-size: 24px;
            font-weight: bold;
            color: #2d3748;
        }
        
        .income-card {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            border-radius: 20px;
            padding: 40px;
            color: white;
            box-shadow: 0 15px 35px rgba(46, 125, 50, 0.3);
            margin-bottom: 30px;
            text-align: center;
        }
        
        .income-card .income-icon {
            font-size: 60px;
            margin-bottom: 20px;
            opacity: 0.9;
        }
        
        .income-card .income-label {
            font-size: 18px;
            margin-bottom: 15px;
            opacity: 0.9;
            font-weight: 500;
        }
        
        .income-card .income-amount {
            font-size: 48px;
            font-weight: bold;
            margin-bottom: 10px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        
        .income-card .income-currency {
            font-size: 24px;
            opacity: 0.9;
        }
        
        .stats-row {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .stat-card {
            background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
            border-radius: 15px;
            padding: 25px;
            text-align: center;
            border: 2px solid #2E7D32;
            transition: transform 0.3s ease;
        }
        
        .stat-card:hover {
            transform: translateY(-5px);
        }
        
        .stat-card .stat-icon {
            font-size: 36px;
            color: #2E7D32;
            margin-bottom: 10px;
        }
        
        .stat-card .stat-label {
            font-size: 14px;
            color: #1B5E20;
            margin-bottom: 8px;
            font-weight: 600;
        }
        
        .stat-card .stat-value {
            font-size: 28px;
            color: #1B5E20;
            font-weight: bold;
        }
        
        .price-list {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 25px;
            max-height: 400px;
            overflow-y: auto;
        }
        
        .price-list::-webkit-scrollbar {
            width: 8px;
        }
        
        .price-list::-webkit-scrollbar-track {
            background: #e9ecef;
            border-radius: 10px;
        }
        
        .price-list::-webkit-scrollbar-thumb {
            background: #2E7D32;
            border-radius: 10px;
        }
        
        .price-item {
            background: white;
            border-radius: 10px;
            padding: 15px 20px;
            margin-bottom: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-left: 4px solid #2E7D32;
            transition: transform 0.2s ease;
            cursor: pointer;
        }
        
        .price-item:hover {
            transform: translateX(-5px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            background: #f8f9fa;
        }
        
        .price-item .price-info {
            flex: 1;
        }
        
        .price-item .service-name {
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 5px;
        }
        
        .price-item .price-date {
            font-size: 12px;
            color: #718096;
        }
        
        .price-item .price-amount {
            font-size: 20px;
            font-weight: bold;
            color: #2E7D32;
        }
        
        .section-title {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: bold;
            color: #2d3748;
        }
        
        .section-title i {
            font-size: 24px;
            color: #2E7D32;
        }
        
        .no-data {
            text-align: center;
            padding: 60px 20px;
            color: #718096;
        }
        
        .no-data i {
            font-size: 80px;
            margin-bottom: 20px;
            opacity: 0.5;
        }
        
        .no-data p {
            font-size: 18px;
        }
        
        .modal-body p {
            font-size: 16px;
            margin-bottom: 10px;
        }
        
        .modal-header {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            color: white;
        }
        
        .modal-header .btn-close {
            filter: brightness(0) invert(1);
        }
        
        .info-section {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }
        
        .info-section h6 {
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #2E7D32;
        }
 .filter-sidebar {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            border-radius: 20px;
            padding: 30px 20px;
            box-shadow: 0 15px 35px rgba(46, 125, 50, 0.3);
            position: sticky;
            top: 20px;
            max-height: calc(100vh - 40px);
            overflow-y: auto;
        }
        
        .filter-sidebar::-webkit-scrollbar {
            width: 6px;
        }
        
        .filter-sidebar::-webkit-scrollbar-track {
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
        }
        
        .filter-sidebar::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.3);
            border-radius: 10px;
        }
        
        .filter-header {
            text-align: center;
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: 2px solid rgba(255,255,255,0.2);
        }
        
        .filter-header h4 {
            color: white;
            font-weight: bold;
            margin: 0;
            font-size: 24px;
        }
        
        .filter-header .icon {
            font-size: 40px;
            color: white;
            margin-bottom: 10px;
        }
        
        .filter-group {
            margin-bottom: 25px;
        }
        
        .filter-label {
            color: white;
            font-size: 14px;
            font-weight: 600;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        
        .filter-label i {
            font-size: 18px;
        }
        
        .filter-input, .filter-select {
            width: 100%;
            padding: 14px 16px;
            border: none;
            border-radius: 12px;
            font-size: 14px;
            background: rgba(255,255,255,0.95);
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .filter-input:focus, .filter-select:focus {
            outline: none;
            background: white;
            box-shadow: 0 0 0 4px rgba(255,255,255,0.3);
            transform: translateY(-2px);
        }
        
        .filter-input::placeholder {
            color: #999;
        }
        
        .filter-btn-group {
            margin-top: 30px;
        }
        
        .btn-filter {
            width: 100%;
            padding: 14px;
            border: none;
            border-radius: 12px;
            font-weight: bold;
            font-size: 15px;
            transition: all 0.3s ease;
            cursor: pointer;
            margin-bottom: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        
        .btn-filter-submit {
            background: white;
            color: #2E7D32;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }
        
        .btn-filter-submit:hover {
            background: #f8f9fa;
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0,0,0,0.15);
        }
        
        .btn-filter-reset {
            background: rgba(255,255,255,0.15);
            color: white;
            border: 2px solid white;
            text-decoration: none;
        }
        
        .btn-filter-reset:hover {
            background: rgba(255,255,255,0.25);
            transform: translateY(-2px);
            color: white;
        }
        
        .active-filters {
            background: rgba(255,255,255,0.15);
            border-radius: 12px;
            padding: 15px;
            margin-top: 20px;
            color: white;
            font-size: 13px;
        }
        
        .active-filters strong {
            display: block;
            margin-bottom: 10px;
        }
        
        .filter-badge {
            display: inline-block;
            background: white;
            color: #2E7D32;
            padding: 6px 14px;
            border-radius: 20px;
            margin: 3px;
            font-size: 12px;
            font-weight: 600;
        }
        
        .content-area {
            background: white;
            border-radius: 20px;
            padding: 30px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        
        .page-title {
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid #2E7D32;
        }
        
        .page-title h5 {
            margin: 0;
            font-size: 24px;
            font-weight: bold;
            color: #2d3748;
        }
        
        .income-card {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            border-radius: 20px;
            padding: 40px;
            color: white;
            box-shadow: 0 15px 35px rgba(46, 125, 50, 0.3);
            margin-bottom: 30px;
            text-align: center;
        }
        
        .income-card .income-icon {
            font-size: 60px;
            margin-bottom: 20px;
            opacity: 0.9;
        }
        
        .income-card .income-label {
            font-size: 18px;
            margin-bottom: 15px;
            opacity: 0.9;
            font-weight: 500;
        }
        
        .income-card .income-amount {
            font-size: 48px;
            font-weight: bold;
            margin-bottom: 10px;
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
        }
        
        .income-card .income-currency {
            font-size: 24px;
            opacity: 0.9;
        }
        
        .stats-row {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 20px;
            margin-bottom: 30px;
        }
        
        .stat-card {
            background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
            border-radius: 15px;
            padding: 25px;
            text-align: center;
            border: 2px solid #2E7D32;
            transition: transform 0.3s ease;
        }
        
        .stat-card:hover {
            transform: translateY(-5px);
        }
        
        .stat-card .stat-icon {
            font-size: 36px;
            color: #2E7D32;
            margin-bottom: 10px;
        }
        
        .stat-card .stat-label {
            font-size: 14px;
            color: #1B5E20;
            margin-bottom: 8px;
            font-weight: 600;
        }
        
        .stat-card .stat-value {
            font-size: 28px;
            color: #1B5E20;
            font-weight: bold;
        }
        
        .price-list {
            background: #f8f9fa;
            border-radius: 15px;
            padding: 25px;
            max-height: 400px;
            overflow-y: auto;
        }
        
        .price-list::-webkit-scrollbar {
            width: 8px;
        }
        
        .price-list::-webkit-scrollbar-track {
            background: #e9ecef;
            border-radius: 10px;
        }
        
        .price-list::-webkit-scrollbar-thumb {
            background: #2E7D32;
            border-radius: 10px;
        }
        
        .price-item {
            background: white;
            border-radius: 10px;
            padding: 15px 20px;
            margin-bottom: 12px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-left: 4px solid #2E7D32;
            transition: transform 0.2s ease;
            cursor: pointer;
        }
        
        .price-item:hover {
            transform: translateX(-5px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            background: #f8f9fa;
        }
        
        .price-item .price-info {
            flex: 1;
        }
        
        .price-item .service-name {
            font-weight: 600;
            color: #2d3748;
            margin-bottom: 5px;
        }
        
        .price-item .price-date {
            font-size: 12px;
            color: #718096;
        }
        
        .price-item .price-amount {
            font-size: 20px;
            font-weight: bold;
            color: #2E7D32;
        }
        
        .section-title {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;
            font-size: 20px;
            font-weight: bold;
            color: #2d3748;
        }
        
        .section-title i {
            font-size: 24px;
            color: #2E7D32;
        }
        
        .no-data {
            text-align: center;
            padding: 60px 20px;
            color: #718096;
        }
        
        .no-data i {
            font-size: 80px;
            margin-bottom: 20px;
            opacity: 0.5;
        }
        
        .no-data p {
            font-size: 18px;
        }
        
        .modal-body p {
            font-size: 16px;
            margin-bottom: 10px;
        }
        
        .modal-header {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            color: white;
        }
        
        .modal-header .btn-close {
            filter: brightness(0) invert(1);
        }
        
        .info-section {
            background: #f8f9fa;
            border-radius: 10px;
            padding: 15px;
            margin-bottom: 15px;
        }
        
        .info-section h6 {
            margin-bottom: 15px;
            padding-bottom: 10px;
            border-bottom: 2px solid #2E7D32;
        }
        
        .download-section {
            margin-top: 30px;
            padding: 25px;
            background: linear-gradient(135deg, #E8F5E9 0%, #C8E6C9 100%);
            border-radius: 15px;
            border: 2px dashed #2E7D32;
        }
        
        .btn-download {
            background: linear-gradient(135deg, #2E7D32 0%, #1B5E20 100%);
            color: white;
            padding: 15px 30px;
            border: none;
            border-radius: 12px;
            font-weight: bold;
            font-size: 16px;
            display: inline-flex;
            align-items: center;
            gap: 12px;
            transition: all 0.3s ease;
            box-shadow: 0 4px 15px rgba(46, 125, 50, 0.3);
            text-decoration: none;
            margin: 5px;
        }
        
        .btn-download:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 20px rgba(46, 125, 50, 0.4);
            color: white;
        }
        
        .btn-download i {
            font-size: 24px;
        }
        
        .btn-pdf {
            background: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
        }
        
        .btn-pdf:hover {
            box-shadow: 0 6px 20px rgba(211, 47, 47, 0.4);
        }
        
        .download-info {
            color: #1B5E20;
            font-size: 14px;
            margin-top: 15px;
            text-align: center;
        }
        
        .download-info i {
            margin-left: 5px;
        }