html {
  height: 100%;
  width: 100%;
}
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic,700,700italic,900,900italic,300italic,300,100italic,100);

body {
  font-family: 'Roboto', sans-serif;
  -ms-overflow-style: none;
  /* for Internet Explorer, Edge */
  scrollbar-width: none;
  /* for Firefox */
  margin: 0px;
  padding: 0px;
  overflow-y: scroll;
  background: url(background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body::-webkit-scrollbar {
  display: none;
  /* for Chrome, Safari, and Opera */
}

.banner {
  font-size: 12px
}

.col {
  margin: 7px;
}

[class^="col"] {
  border-radius: 8px;
}

.dashed {
  border: 1px dashed white;
  opacity: 0.7;
}

.hide-5s {
  visibility: hidden;
}

.tomorrow-block {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

#fajr.active, #zuhr.active, #asr.active, #asr.active, #maghrib.active, #isha.active, #jummah1.active, #jummah2.active {
  background: linear-gradient(45deg, #AC843B, #DAA520)
}

#fajr.inactive, #zuhr.inactive, #asr.inactive, #asr.inactive, #maghrib.inactive, #isha.inactive, #jummah1.inactive, #jummah2.inactive {
  background: linear-gradient(rgb(92, 90, 98), rgb(163, 155, 164))
}

#fajr {
  border-radius: 8px;
  background: linear-gradient(rgb(78, 56, 124), rgb(131, 74, 143))
}

#zuhr {
  background: linear-gradient(rgb(75, 148, 194), rgba(91, 119, 165, 0.48));
}

#asr {
  background: linear-gradient(rgb(50, 80, 147), rgb(185, 157, 150))
}

#maghrib {
  background: linear-gradient(#c0392b, #8e44ad)
}

#isha {
  background: linear-gradient(#1B2845, #17223B)
}

#jummah1 {
  background: linear-gradient(#ce9823b6, #1eadafba);
}

#jummah2 {
  background: linear-gradient(rgb(120, 112, 205), rgba(180, 134, 134, 0.696));
}

.timing {
  font-size: 20px;
  font-weight: normal !important;
}

.tomorrow-timing {
  font-size: 10px;
  font-weight: bolder !important;
}

.clock {
  font-size: 30px
}

.date {
  font-size: 22px
}

.hijri-date {
  font-size: 15px
}

.prayer-name {
  font-size: 20px;
}

.tomorrow-prayer-name {
  font-weight: bolder;
  font-size: 10px;
}

.prayer-footer {
  font-size: 12px;
  font-weight: normal !important;
}

.p-45 {
  padding: 2rem !important;
}