@font-face {
  font-family: "nassim";
  src: url("../font/nassim.eot");
  src: url("../font/nassim.woff") format("woff");
  src: url("../font/nassim.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'traffic';
  src: url('../font/traffic.eot');
  src: url('../font/traffic.otf') format('opentype');
  src: url('../font/traffic.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'yekan';
  src: url('../font/yekan.eot');
  src: url('../font/yekan.otf') format('opentype');
  src: url('../font/yekan.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
body {
  direction: rtl;
  font-family: nassim;
  background-position: center;
}
* {
  text-align: center;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  outline: none;
  border-radius: 5px;
}
html,body {
  min-height: 100%;
  direction: rtl;
}
a{
  text-decoration: none;
  color: black;
}
input {
  border: 1px solid #dddddd;
  font-size: 9pt;
  padding: 4px 6px;
}
input:hover,
textarea:hover {
  border: 1px solid #cccccc;
}
input:focus,
textarea:focus {
  border: 1px solid #aaaaff;
}
input[name="invoice_date"]{
  direction: ltr;
}
#content {
  margin: auto;
}
#header{
  border-bottom: 1px solid #d6b469;
}
#messageBox{
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top:0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.fullScreenMessageBox{
  background: #FFC000;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  text-align: center;
  padding-top: 15px;
}
#mainBackground{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  min-height: 100%;
  text-align: center;
  z-index: -1;
  padding-top: 15px;
}
.mt25{
  margin-top: 25pt;
}
.itemC{
  /*border: 1pt solid gold;*/
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
}
.item{
  border: 1pt solid gold;
  border-radius: 10pt;
  padding: 20px;
  margin: 10px;
  cursor: pointer;
}
.btn{
  border-radius: 5pt;
  background-color: goldenrod;
  padding: 0 5pt;
  cursor: pointer;
}
.cp{
  cursor: pointer;
}
.W3P{width: 3%;}
.W6P{width: 6%;}
.W7P{width: 7%;}
.W8P{width: 8%;}
.W10P{width: 10%;}
.W15P{width: 15%;}
.W25P{width: 25%;}
.W30P{width: 30%;}
.W50P{width: 50%;}
.W100P{width: 100%;}
.W24{width: 24px;}
.W30{width: 30px;}
.W40{width: 40px;}
.W50{width: 50px;}
.W60{width: 60px;}
.W80{width: 80px;}
.W100{width: 100px;}
.W140{width: 140px;}
.W190{width: 190px;}
.W194{width: 194px;}
.W230{width: 230px;}
#submit{
  color: white;
  background-color: black;
  box-shadow: 0 0 1px 1px;
  border-radius: 10px;
  cursor: pointer;
  padding: 5px 20px;
  margin: auto;

}
.dn{
  display: none;
}
#reportMenu>span{
  padding: 5px 10%;
  cursor: pointer;
}
.activeItem{
  box-shadow: 0 0 10px yellow;
}
#close{
  cursor: pointer;
}
.df{
  display: flex;
}
.searchResult{
  z-index: 10;
  display: none;
  position:absolute;
  background:yellow;
  min-width: 100%;
  width:max-content;
  right: 0;
  border-radius: 0 0 5px 5px;
}
.searchResult>p{
  display: flex;
  justify-content: space-around;
  border-radius: 5px;
}
.pr{
  position: relative;
}
.p5{
  padding: 5px;
}
.ptb5{
  padding: 5px;
}
.ltr{
  direction: ltr !important;
}
.hv1:hover{
  background-color: white;
  border-radius: 5px;
}
.hv2:hover{
  background-color: yellow;
  border-radius: 5px;
}
@keyframes gold-pulse {
  0%   { box-shadow: 0 0 5px #ffd700; border-color: #ffd700; }
  50%  { box-shadow: 0 0 30px #ffcc00; border-color: #ffaa00; }
  100% { box-shadow: 0 0 5px #ffd700; border-color: #ffd700; }
}
.breathing-effect {
  animation: gold-pulse 2s infinite ease-in-out;
}