@media print {
@page{
     margin:0cm;
     size:auto;
 }   
    
body{
    width:100%;
    margin:0px;
    font-family:tahoma;
    color:black;
    background:#fff;
    
    
}
.pc{
     display:block;
}
.mobile{
    display:none;
}



@keyframes loadingAnimation {
     to {
       transform: translate(-50%, -50%) rotate(360deg);
     }
   }

.waiting{
    background:#000;
    color:#ddd;
    position:relative;
    display:none;
}

.waiting::after{
   content:'...';
   position:absolute;
   inset:0px;
  
}

@media(max-width:750px){
    .pc{
        display:none;
    }
    .mobile{
        display:block;
    }
}



  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: -ms-flexbox !important;
    display: flex !important;
  }
  .d-print-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
  }
}

.waitloading{
     position: relative;
     background:gray;
     visibility: hidden
    
   }

.waitloading::after {
     content: "";
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 20px;
     height: 20px;
    visibility: visible;
     border-radius: 50%;
     border: 2px solid #fff;
     border-top-color: transparent;
     animation: loadingAnimation 0.6s linear infinite;
   }
   

b{
    font-family:iransans_bold;
}
i{
    font-style:italic;
}
.center-flex{
    display:flex;
    justify-content:center;
    align-items:center;
}
/*قبلا اصلاح شد فرم های ثبت کالا و ویرایش کالا دچار مشکل شد*/
/*form{
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    animation: openform 0.5s ease; 
}*/
.form{
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 20px;
    animation: openform 0.5s ease; 
}

  @keyframes openform{
        0%{scale:0.0;opacity:0;}
        70%{scale:1.2; opacity:1;}
        100%{scale:1; opacity:1;}
    }



.form-group {
  margin-bottom: 15px;
}
.form-butt-group {
  margin-bottom: 15px;
  display:flex;
  justify-content:space-between;
}

.form-group h3{
    font-weight:bold;
    text-align:center;
  margin-bottom: 5px;
  background:var(--co1);
  color:var(--co2);
  padding:10px;
}
.form-group label {
  margin-bottom: 5px;
  color:gray;
  font-size:12px;
}
.form-group span{
    font-size:10px;
    color:red;
}


.form-group input,select {
  width:100%;
  max-width:100%;
  padding: 10px 0px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align:center;
}

.searchbtn{ /*for form group*/
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align:center;
}


.btn{
    direction:ltr;
    justify-content:space-between;
    width:95%;
    margin:auto;
}

.btn :nth-child(1){
font-family:iransans_bold;
  width: 50%;
  background-color: #008CBA;
  color: #fff;
  border: none;
 
  border-radius: 5px;
  border-style:solid;
  border-width:0.5px; 
  cursor: pointer;
  padding:10px;
}

.btn :nth-child(2){
    width: 45%;
  background: none;
  color: #008CBA;
  border: none;
 
  border-radius: 5px;
  border-style:solid;
  border-width:0.5px; 
  cursor: pointer;
  padding:10px;
}

.price{
    
}
.price::after{
    content:"تــومان";
    font-size:8px; 
}




.row-insert{
    display:flex; 
    width:95%; 
    max-width:500px;
    margin:5px auto;
} 
.input-insert{
    width:60%;
    text-align:center;
    border-radius:10px 0px 0px 10px ;
    background:#fff;
    color:#333;
    position:relative;
    padding:5px;
}
.center-insert{
    width:60%;
    text-align:center;
    background:#fff;
    color:#333;
    position:relative;
    padding:5px;
    border-radius:10px 0px 0px 10px ;
    z-index:1;
}
.lable-insert{
    width:40%;
    background:var(--co1); 
    color:#fff ;
    text-align:left; 
    padding:5px;
    white-space:nowrap;
    font-size:95%;
    border-radius:0px 10px  10px 0px;
}

.butt-insert{
    border-radius:10px 0px 0px 10px ;
    background:var(--co1); 
    color:#d3d3d3 ;
    left:10px;
    padding:5px;
    cursor:pointer;
    margin-right:-40px;
    z-index:3;
   
}
.flex-div-butt{
    display:flex;
    align-items:center;
    justify-content:center;
    direction:ltr;
}
.flex-div-butt input{
    border-radius:10px;
    font-family:iransans;
    
}
.full-page{
 position:absolute;top:0px; left:0;width:100%; bottom:0px;display:flex; justify-content:center; align-items:center; ;
}
.center-msg{
    background:var(--co2); width:300px; height: auto;padding:10px; 
    text-align:center;
   
}

.ok-butt{
    width:180px;
    height:40px;
    background:#56a219;
    padding:10px;
    color:#fff;
    margin-right:20px;
    border:none;
    border-radius:10px;
    cursor:pointer; 
    display:flex;
    justify-content:center;
    align-items:center;
    
}

.cancel-butt{
    width:180px;
    height:40px;
    background:#b73e2a;;
    padding:10px;
    color:#fff;
    margin-right:20px;
    border:none;
    border-radius:10px;
    cursor:pointer; 
    display:flex;
    justify-content:center;
    align-items:center;
    
}

.normal-butt{
    display:flex;
    align-items:center; 
    justify-content:center; 
    padding: 5px 10px;
    width:auto;
    cursor:pointer;
}

.w-100{
    width:100%;
}
.d-inline-block{
    display:inline-block;
}