/* -----------------------------
   فونت‌ها
-------------------------------- 
@font-face {
  font-family: 'expo';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/smh.eot);
  src: url(../fonts/smh.eot?#iefix) format('embedded-opentype'),
       url(../fonts/smh.woff) format('woff'),
       url(../fonts/smh.ttf) format('truetype');
}

@font-face {
  font-family: 'expo';
  font-style: normal;
  font-weight: bold;
  src: url(../fonts/smh-Bold.eot);
  src: url(../fonts/smh-Bold.eot?#iefix) format('embedded-opentype'),
       url(../fonts/smh-Bold.woff) format('woff'),
       url(../fonts/smh-Bold.ttf) format('truetype');
}
*/
/* -----------------------------
   تنظیمات عمومی فونت
-------------------------------- 
html,
body,
a,
abbr,
acronym,
address,
article,
aside,
audio,
b,
blockquote,
button,
canvas,
caption,
cite,
code,
data,
datalist,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h6,
header,
hr,
i,
img,
input,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
ol,
optgroup,
option,
output,
p,
picture,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
select,
small,
span,
strong,
sub,
summary,
sup,
svg,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
track,
u,
ul,
var,
video {
  font-family: 'expo', simple-line-icons, FontAwesome, Arial, sans-serif, aicons, tahoma !important;
}
*/
/* -----------------------------
   آیکون‌های وضعیت پرداخت
-------------------------------- */
.cash::after {
  content: "\f0c8"; /* checkbox-empty */
  font-family: FontAwesome;
  margin-right: 5px;

}

.non-cash::after {
  content: "\f096"; /* square-o */
  font-family: FontAwesome;
  margin-right: 5px;

}

/* -----------------------------
   استایل عمومی جدول
-------------------------------- */
.node-invoice table {
  width: 100%;
  border-collapse: collapse;
  direction: rtl;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
}

.node-invoice td,
.node-invoice th {
  padding: 2px !important;
  line-height: 1.5 !important;
  border: 1px solid #000 !important;
}

.node-invoice .in-label {
  background-color: #e9e9e9;
  font-size: 0.9em;
  text-align: center;
  vertical-align: middle;
}

.node-invoice .notice {
  font-size: 0.9em;
  background-color: #e9e9e9;
  color: black;
}

.node-invoice tr.emza td {
    padding: 1.3em 0em !important;
    font-size: 0.9em;
    color: black;
}

.node-invoice .in-item {
  font-size: 0.9em;
}

.middle {
  text-align: center !important;
  vertical-align: middle !important;
}

/* -----------------------------
   هدر جدول
-------------------------------- */
.node-invoice .in-table-head th.in-label-head {
  background-color: #e9e9e9;
  font-size: 0.85em;
  font-weight: bold;
  text-align: center !important;
  vertical-align: middle !important;
  border: 1px solid #000 !important;
}

.node-invoice .table-bordered {
  border: none !important;
}

/* -----------------------------
   هدر فاکتور
-------------------------------- */
.invoice-header table {
  min-height: 80px;
}

.invoice-header .table-bordered td,
.invoice-header .table-bordered {
  border: none !important;
}

.invoice-header .in-type .in-title {
  font-size: 1.5em;
  color: black;
}

.invoice-header .in-type .in-Subtitle {
  font-size: 1em;
  margin-top: 0.5em;
}

.invoice-header img {
  max-width: 100%;
}

.invoice-header .in-time {
  width: 20%;
  text-align: right;
  vertical-align: middle !important;
  font-size: 0.9em;
  color: black;
}

/* -----------------------------
   نوار عنوان (مشخصات فروشنده/خریدار)
-------------------------------- */
.in-navbar {
	background: #ddd !important;
	border: 1px solid #000 !important;
	padding: 2px 0 !important;
	text-align: center;
	margin-top: 10px !important;
	color: black !important;
	font-size: 0.9em;
}

/* -----------------------------
   اندازه ردیف
-------------------------------- */
.node-invoice .loop {
  width: 45px !important;
}

/* -----------------------------
   جدول‌های داخلی
-------------------------------- */
.node-invoice .table-invoice table {
  width: 100%;
  margin-bottom: 10px;
}

.node-invoice .label-item.item-project span.item-Categories > div > div:nth-child(1),
.node-invoice .field--label-inline > .field__label:lang(fa){
    float: right;
    font-weight: bold;
    margin-left: 0.2em;
}

/* -----------------------------
   طراحی واکنش‌گرا (Responsive)
-------------------------------- */
@media (max-width: 768px) {
  .node-invoice table {
    font-size: 12px;
  }

  .node-invoice .loop {
    width: 30px !important;
  }

  .invoice-header .in-type .in-title {
    font-size: 1.2em;
  }

  .invoice-header .in-type .in-Subtitle {
    font-size: 0.9em;
  }
}

/* -----------------------------
   دکمه چاپ
-------------------------------- */
.in-p-button button {
  padding: 10px 20px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.in-p-button button:hover {
  background: #0056b3;
}

@media print {
  body * {
    display: none !important;
  }
  article, article * {
    display: block !important;
  }
  @page {
    size: A4 landscape;
    margin: 7mm;
  }
}
.c-invoice-list-page .row.c-invoice-table-row {
    border: 1px solid black;
    display: block;
    margin-bottom: 0.1em;
	padding: 0.2em 0em;
}
.c-invoice-list-page .in-invoice-list .btn {
    padding: 3px 10px 2px 10px;
}
.c-invoice-list-page .in-invoice-list .btn a{
    color: white;
}

.invoice-type {
  position: relative;
  padding-right: 25px; /* فضای آیکون */
}

.c-in-type::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  vertical-align: middle;
  line-height: 1;
}

.in-main_invoice::after {

	content: "\e028";
	font-family: "simple-line-icons";
	color: red;
	font-size: 1em;
}

.in-pre_invoice::after {
	content: "\e060"; 
	font-family: "simple-line-icons";
	color:green; 
	font-size: 1em;
}

.in-Informal_invoice::after {
	content: "\e01a"; 
	font-family: "simple-line-icons";
	color: #c3c3c3;
	font-size: 1em;
}

.in-invoice-list span.in-counter {
    margin: 0px 0px 0px 0.5em;
    border: 1px solid #717171;
    border-radius: 50%;
    color: black;
    font-size: 12px;
    height: 25px;
    line-height: 27px;
    width: 25px;
    float: RIGHT;
    text-align: center;
}
.in-invoice-list.in-issued .in-counter {
  background-color: #A8D5BA; /* سبز پاستیلی */
}

.in-invoice-list.in-settled .in-counter {
  background-color: #A0D2EB; /* آبی پاستیلی */
}

.in-invoice-list.in-cancelled .in-counter {
  background-color: #F7CACA; /* صورتی پاستیلی */
}

.in-invoice-list.in-overdue .in-counter {
  background-color: #FFD8A8; /* نارنجی پاستیلی */
}

.in-invoice-list.in-suspended .in-counter {
  background-color: #D7C5F7; /* بنفش پاستیلی */
}

.invoice-user-page .views-exposed-form {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    margin-block: 1.5rem;
    padding: 1.5rem;
    border: 1px solid #dedfe4;
    border-radius: 8px;
    box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.1);
}
.invoice-user-page .views-exposed-form .form-item {
    margin-top: 10px;
    max-width: 100%;
    margin-block: 0.75rem 0;
    margin-inline: 0 0.5rem;
}
.invoice-user-page .views-exposed-form .form-item label {
    font-weight: bold;
    cursor: pointer;
    display: table;
    margin-block: calc(0.5rem);
    font-size: 0.8em;
    line-height: calc(18rem / 16);
}
.invoice-user-page .views-exposed-form .input-lg,
.invoice-user-page .views-exposed-form .form-control,
.invoice-user-page .views-exposed-form .chosen-container-single .chosen-single {
    border-radius: 8px !important;
    line-height: 30px !important;
	height: 30px;
}
.invoice-user-page .views-exposed-form .form-group {
    margin-bottom: 0px;
}
.invoice-user-page .views-exposed-form .form-actions .btn-medium {
    margin-top: 25px;
    border-radius: 8px;
}

/*----------  event  -----------*/
.invoice-header td.event-header{
	width: 80%;
	background-image: url('../img/expo-img/navar.jpg');
	background-position-x: 50%;
	background-repeat: no-repeat;
	height: 70px;
	vertical-align: top;
	position: relative;"
}
.node-event .in-item{
	 line-height: 1.5;
	 width: 205px;
	 height: 35px;
	 color: black;
	 top: 10px;
	 left: 40px;
	 position: absolute;
	 border: none;
	 overflow-wrap: normal;
	 overflow: hidden;
	 resize: none;
 }
.node-event .in-item div{
  font-size: 0.7em;
}
.node-event .invoice-header table{
    margin: 1em 0em;
}
.node-event .in-label{
    font-weight: bold;
}
.in-label {
    background-color: #e9e9e9;
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
}
/*----------  event  -----------*/
.invoice-header td.event-header{
	width: 70%;
	background-image: url('../img/expo-img/navar.jpg');
	background-position-x: 0%;
	background-repeat: no-repeat;
	height: 70px;
	vertical-align: top;
	position: relative;"
}
.node-event .in-item{
	 line-height: 1.5;
	 width: 205px;
	 height: 35px;
	 color: black;
	 top: 10px;
	 left: 40px;
	 position: absolute;
	 border: none;
	 overflow-wrap: normal;
	 overflow: hidden;
	 resize: none;
 }
.node-event .in-item div{
  font-size: 0.7em;
}
.node-event .invoice-header table{
    margin: 1em 0em;
}
.node-event .in-label-head,
.node-event .in-label{
    font-weight: bold;
}
.in-label {
    font-size: 0.9em;
    text-align: center;
    vertical-align: middle;
	background-color: #f1f1f1;
}
.table > tfooter > tr > td,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > thead > tr > th {
    border-color:  black !important;
}

.c-invoice-list-page {
    margin: 0em 2em;
}