@font-face { font-family: es_font; src: url('https://www.s-code.ir/1_es/3_file/0_font/Vazir.ttf'); }
@font-face { font-family: es_1_font; src: url('https://www.s-code.ir/1_es/3_file/0_font/es_2.woff'); }
@font-face { font-family: es_2_font; src: url('https://www.s-code.ir/1_es/3_file/0_font/es_3.woff2'); }
@font-face { font-family: es_3_font; src: url('https://www.s-code.ir/1_es/3_file/0_font/es_4.woff2'); }
@font-face { font-family: es_4_font; src: url('https://www.s-code.ir/1_es/3_file/0_font/es_5.woff'); }



#body{
    background:#00000000;
  /*  
    width:96%;
    max-width:1200px;
    min-width:340px;
    */
    padding:0px 0% 0px 0px;
    direction:rtl;
    float:none;
    text-align:center;  
    margin-right:auto;
    margin-left:auto;
    min-height:400px;
}
#body_items{
    background:#00000000;
    width:100%;
    height:auto;
    padding:0px;
    margin:0px;
    direction:rtl;
    float:right;
    text-align:center;  
}
input{
    font-family: es_font;  
    
}
div{
    font-family: es_font;  
    
}
body {font-family: Arial, Helvetica, sans-serif;}


textarea{
    font-family: es_font;  
    
}
select{
    font-family: es_font;  
}
option{
     font-family: es_font;  
}

::-webkit-scrollbar {
    width: 10px;  height:6px;
}
::-webkit-scrollbar-track {
    background:black; 
    box-shadow: inset 0 0 30px azure; 
    width: 20px;  height:5px;
}
::-webkit-scrollbar-thumb {
    background:  blue; 
}
::-webkit-scrollbar-thumb:hover {
    background: DodgerBlue; 
}

















/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}
/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}