html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

body.show-spinner>main {
  overflow: hidden !important;
}

.form-yellow {
    background-color: #fff5c087;
}
.btn-disable {
    color: #ececec;
    background-color: #6c6c6c;
    border-color: #6c6c6c;
}
.btn-disable:hover {
    color: #ececec;
    background-color: #6c6c6c;
    border-color: #6c6c6c;
}
/* Hide everything under body tag */
body.show-spinner > * {
    opacity: 0;
}

.tooltip-inner {
    padding: 0.5rem 0.75rem;
    color: white;
    background-color:#000000;
    border-radius: 0.1rem;
    border: 1px solid #d7d7d7;
    font-family:'iransans';
}

/* Spinner */
body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}

.form-control{
    font-size:1rem;
    font-family:'IranSans';
}

.textColor{
   border:3px solid #808080b2
}
@font-face {
    font-family: 'IRANSans';
    src: url('../font/iransansweb.eot') format('embedded-opentype'), url('../font/iransansweb.ttf') format('truetype'), url('../font/iransansweb.woff') format('woff'), url('../font/iransansweb.woff2') format('woff2');
}
.form-control option {
    font-family: 'IranSans';
}
img.img-thumbnail.border-0.rounded-circle.list-thumbnail.align-self-center.xsmall {
    width: 50px;
}