.Top-Bar-Website {
  background-color: #1b65c5;
  color: #ffffff;
}
.Top-Bar-Musjid {
  background-color: #0647a7;
  color: #1f2228;
}
.Fajr {
  background-color: #dce8fa;
  color: #0c0d0d;
}
.Zuhr {
  background-color: #dce8fa;
  color: #0d0d0d;
}
.Asr {
  background-color: #dce8fa;
  color: #0d0d0d;
}
.Maghrib {
  background-color: #dce8fa;
  color: #0d0d0d;
}
.Isha {
  background-color: #dce8fa;
  color: #0d0d0d;
}
.Jumuah {
  background-color: #0966f1;
  color: #b4ae04;
}
.Perpetual-Times {
  background-color: #0162f4;
  color: #e2e534;
}
.Odd-Notices {
  background-color: #0b6af9;
  color: #a5b8d9;
}
.Even-Notices {
  background-color: #0b6afa;
  color: #a5b8d9;
}
.Time-Change-Heading {
  background-color: #0262f2;
  color: #2d2c01;
}
.Time-Change-Blocks {
  background-color: #4b4f81;
  color: #e2e605;
}
.New-Time-Change {
  background-color: #f20202;
  color: #eae543;
  animation-name: new-change;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.Programmes-Heading {
  background-color: #5a47e6;
  color: #0f0f10;
}
.Programmes-Blocks {
  background-color: #630311;
  color: #d5d90d;
}
.New-Programmes {
  background-color: #dce8fa;
  color: #0547a5;
  animation-name: new-prog;
  animation-duration: 3s;
  animation-iteration-count: infinite;
}
.Footer-Website {
  background-color: #484b55;
  color: #fcfcfc;
}
.Footer-Musjid {
  background-color: #0647a4;
  color: #ffffff;
}
.change-date {
  border-bottom: 2px solid #e2e605;
}
.azaan-change {
  border-right: 1px solid #e2e605;
}
.jamaat-change {
  border-left: 1px solid #e2e605;
}
.changed-today {
  outline: 8px solid #f20202;
  background-color: #4b4f81;
  outline-offset: -5px;
  animation-name: todays-change;
  animation-duration:3s;
  animation-iteration-count:infinite;
}
.forbidden-in {
  animation-name: forbidden;
  animation-duration:1s;
  animation-iteration-count:infinite;
}
@keyframes forbidden {
  from {
    background-color: #f00
  }
  to {
    background-color: #0162f4  }
}
@keyframes new-change{
  0%{background-color: #f20202}
  25%{background-color: #4b4f81}
  50%{background-color: #f20202}
  75%{background-color: #4b4f81}
  100%{background-color: #f20202}
}
@keyframes todays-change{
  0%{outline-style:dashed}
  25%{outline-style:solid}
  50%{outline-style:dashed}
  75%{outline-style:solid}
  100%{outline-style:dashed}
}
@keyframes new-prog{
  0%{background-color: #dce8fa}
  25%{background-color: #630311}
  50%{background-color: #dce8fa}
  75%{background-color: #630311}
  100%{background-color: #dce8fa}
}