@font-face {
  font-family: btexte;
  font-style: normal;
  font-weight: 400;
  src: url(./assets/css/fonts/btexte.eot?#iefix) format("embedded-opentype"),
    url(./assets/css/fonts/btexte.woff) format("woff"),
    url(./assets/css/fonts/btexte.ttf) format("truetype");
}

@font-face {
  font-family: gess;
  src: url("fonts/gess.eot");
  src: local(""), url("./assets/css/fonts/gess.woff") format("woff"),
    url("./assets/css/fonts/gess.ttf") format("truetype"),
    url("./assets/css/fonts/gess.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  margin: 0;
  font-family: rabat, "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  color: #4d4d4d;
  background: #475d0c;
  direction: rtl;
}

.sub {
  font-size: x-small;
}

.lbody {
  font-size: 1.05em;
  direction: rtl;
}

.laki {
  font-size: 20px;
  color: #a7a7a7;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

.daba {
  background: #de791b !important;
}

.date {
  font-size: 20px;
}

.ltr {
  direction: ltr;
}

.ui-btn-text {
  font-size: 24px;
  /* Play with font size of the text */
}

.base-timer {
  position: relative;
  width: 25px;
  height: 25px;
  margin: auto;
  margin-top: 10px;
}

.base-timer__svg {
  transform: scaleX(-1);
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.daz {
  background: #eeeeee !important;
}

.qrib {
  background: #cc6633 !important;
}

.mazal {
  background: #33cc33 !important;
}

.green {
  color: green;
  font-weight: bold;
}

.red {
  color: red;
  font-weight: bold;
}

.gray {
  color: gray;
  font-weight: bold;
}