/* القواعد العامة للمشروع */
* {
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}

html {
  width: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0;
  font: 100% Verdana, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  width: 100%;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  background-color: #120f36;
  background-image: url("../images/tile_body.png");
  background-repeat: repeat;
  background-size: 4px 4px;
  color: #cdcde7;
}

button,
input {
  font: inherit;
}

button:disabled {
  cursor: wait;
  opacity: 0.7;
}

.full { width: 100%; }
.clear { clear: both; }
.none { display: none; }
.inline { display: inline; }
.iblock { display: inline-block; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

body::-webkit-scrollbar { width: 12px; }
body::-webkit-scrollbar-track { background-color: #444486; }
body::-webkit-scrollbar-thumb { background-color: #565799; }