@font-face {
  font-family: IranSans;
  src: url('../fonts/IRANSansWeb(FaNum).eot');
  src: url('../fonts/IRANSansWeb(FaNum).ttf') format('truetype')
}

.topBtnsIcon {
  margin-right: 7px;
  color: white;  
}

.modal.fade{
  opacity:1;
}
.modal.fade .modal-dialog {
   -webkit-transform: translate(0);
   -moz-transform: translate(0);
   transform: translate(0);
}

.currencyStyle {
  width: auto;
  height: 140px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;	
  margin-top: 20px;
}

.xlsIcon {
  background-image: url('/img/xls.png');
}

.dollarIcon {
  background-image: url('/img/flag/usa.png');
}

.euroIcon {
  background-image: url('/img/flag/euro.png');
}

.englandIcon {
  background-image: url('/img/flag/england.png');
}

.iraqIcon {
  background-image: url('/img/flag/iraq.png');
}

.turkeyIcon {
  background-image: url('/img/flag/turkey.png');
}

.arabIcon {
  background-image: url('/img/flag/arab.png');
}

.chinaIcon {
  background-image: url('/img/flag/china.png');
}

/*-------------------modal loading---------------*/
.boxes-bg {
    position: fixed;
    top: 0px;
    z-index: 999999999999;
    min-height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to left, rgb(101 156 215), rgba(23, 102, 97, 0.5));
}

.boxes {
    opacity: 1;
    height: 32px;
    width: 32px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin-top: 32px;
    -webkit-transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
    transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px);
}

.boxes .box {
    width: 32px;
    height: 32px;
    top: 0px;
    left: 0;
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.boxes .box:nth-child(1) {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-animation: box1 1s linear infinite;
    animation: box1 1s linear infinite;
}

.boxes .box:nth-child(2) {
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-animation: box2 1s linear infinite;
    animation: box2 1s linear infinite;
}

.boxes .box:nth-child(3) {
    -webkit-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
    -webkit-animation: box3 1s linear infinite;
    animation: box3 1s linear infinite;
}

.boxes .box:nth-child(4) {
    -webkit-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-animation: box4 1s linear infinite;
    animation: box4 1s linear infinite;
}

.boxes .box>div {
    background: #3e5cc7;
    --translateZ: 15.5px;
    --rotateY: 0deg;
    --rotateX: 0deg;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #3e5cc7;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    -webkit-transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
    transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ));
}

.boxes .box>div:nth-child(1) {
    top: 0;
    left: 0;
    background: #3e5cc7;
}

.boxes .box>div:nth-child(2) {
    background: #3e5cc7;
    right: 0;
    --rotateY: 90deg;
}

.boxes .box>div:nth-child(3) {
    background: #072693;
    --rotateX: -90deg;
}

.boxes .box>div:nth-child(4) {
    background: #EFF4FF;
    top: 0;
    left: 0;
    --translateZ: -90px;
}

@keyframes box1 {
    0%,
    50% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(200%, 0);
    }
}

@keyframes box2 {
    0% {
        transform: translate(0, 100%);
    }
    50% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(100%, 0);
    }
}

@keyframes box3 {
    0%,
    50% {
        transform: translate(100%, 100%);
    }
    100% {
        transform: translate(0, 100%);
    }
}

@keyframes box4 {
    0% {
        transform: translate(200%, 0);
    }
    50% {
        transform: translate(200%, 100%);
    }
    100% {
        transform: translate(100%, 100%);
    }
}
/*-------------------modal loading---------------*/

/*------------------------btnLoader----------------------------*/
.pswp__preloader__icn {
      /* opacity: 0.75; */
    position: absolute;
    right: 50%; 
    width: 20px;
    height: 20px;
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
    /* left: 10px; */
    margin-top: -5%;
}

.pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 20px;
  overflow: hidden;
  
  /*position: absolute;*/
  top: 0;
  /*left: 0;*/
}

.pswp__preloader__donut--fake {
   box-sizing: border-box;

  width: 20px;
	height: 20px;
	
  
  border: 2px solid red;
   border-radius: 50%;
  /*position: absolute;*/
  top: 0;
  /*left: 0;*/
  
	background: none;
	margin:0;
}

.pswp__preloader__donut {
  box-sizing: border-box;

  width: 20px;
	height: 20px;
	
  
  border: 2px solid #FFF;
   border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  
    position: absolute;
  top: 0;
  /*left: 0;*/
 
  
  
	/*position: absolute;*/
  top: 0;
  /*left: 0;*/
  
	background: none;
	margin:0;
  
    -webkit-animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(.4,0,.22,1) infinite;

}


@-webkit-keyframes clockwise {
  0% { -webkit-transform: rotate(0deg) }
  100% { -webkit-transform: rotate(360deg) }
}
@keyframes clockwise {
  0% { transform: rotate(0deg) }
  100% { transform: rotate(360deg) }
}
@-webkit-keyframes donut-rotate {
  0% { -webkit-transform: rotate(0) }
  50% { -webkit-transform: rotate(-140deg) }
  100% { -webkit-transform: rotate(0) }
}
@keyframes donut-rotate {
  0% { transform: rotate(0) }
  50% { transform: rotate(-140deg) }
  100% { transform: rotate(0) }
}
/*------------------------btnLoader----------------------------*/

.marginTab {
  margin-top: 10px;	
}

.lblForm {
  margin: 7px 11px 0px 14px;
  float: right;
  font-family: iransans !important;	  
}

.fontfa {
  font-family: iransans !important;	
}

.moviecard {
  overflow-y: auto;	
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.loader {
  width: 48px;
  height: 48px;
  display: inline-block;
  position: relative;
}
.loader::after,
.loader::before {
  content: '';  
  box-sizing: border-box;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  animation: animloader 2s linear infinite;
}
.loader::after {
  animation-delay: 1s;
}

@keyframes animloader {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
    
.disabled {
  pointer-events: none;	
}	

.disableEdt {
   user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   pointer-events:none;  
   /*background-color: #e9ecef !important;   */
}