@-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}
@-o-viewport{width:device-width}
@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}
img{max-width:100%}
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;
  }
}