/*بِسمِ اللهِ الرَّحمٰنِ الرَّحيمِ*/
@font-face{
font-family:'muhammad(saww)';
src:url('../../font/muhammad(saww).eot');
src:local('muhammad(saww)'), local('muhammad(saww)'),
url('../../font/muhammad(saww).eot?#iefix') format('embedded-opentype'),
url('../../font/muhammad(saww).woff2') format('woff2'),
url('../../font/muhammad(saww).woff') format('woff'),
url('../../font/muhammad(saww).otf') format('truetype'),
url('../../font/muhammad(saww).svg#muhammad(saww)') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}
@font-face{
font-family:'Arabic';
src:url('../../font/arabic-regular.eot');
src:local('Arabic Regular'), local('arabic-regular'),
url('../../font/arabic-regular.eot?#iefix') format('embedded-opentype'),
url('../../font/arabic-regular.woff2') format('woff2'),
url('../../font/arabic-regular.woff') format('woff'),
url('../../font/arabic-regular.otf') format('truetype'),
url('../../font/arabic-regular.svg#arabic-regular') format('svg');
font-weight:normal;
font-style:normal;
font-display:swap;
}
#start{
position: fixed;
background-color: rgba(210, 252, 252, 0.98);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2000;
}
#start>div{
background: no-repeat center;
background-size: contain;
height: 380px;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
max-width: 380px;
}
#start[week=w1]>div{
background-image: url(../img/w1.png);
}
#start[week=w2]>div{
background-image: url(../img/w2.png);
}
#start[week=w3]>div{
background-image: url(../img/w3.png);
}
#start[week=w4]>div{
background-image: url(../img/w4.png);
}
#start[week=w5]>div{
background-image: url(../img/w5.png);
}
#start[week=w6]>div{
background-image: url(../img/w6.png);
}
#start[week=w7]>div{
background-image: url(../img/w7.png);
}
body[dark] #start{
background-color: #232323;
}
body[dark] #start[week=w1]>div,body[sha] #start[week=w1]>div{
background-image: url(../img/dark-w1.png);
}
body[dark] #start[week=w2]>div,body[sha] #start[week=w2]>div{
background-image: url(../img/dark-w2.png);
}
body[dark] #start[week=w3]>div,body[sha] #start[week=w3]>div{
background-image: url(../img/dark-w3.png);
}
body[dark] #start[week=w4]>div,body[sha] #start[week=w4]>div{
background-image: url(../img/dark-w4.png);
}
body[dark] #start[week=w5]>div,body[sha] #start[week=w5]>div{
background-image: url(../img/dark-w5.png);
}
body[dark] #start[week=w6]>div,body[sha] #start[week=w6]>div{
background-image: url(../img/dark-w6.png);
}
body[dark] #start[week=w7]>div,body[sha] #start[week=w7]>div{
background-image: url(../img/dark-w7.png);
}
body[bri] #start{
background-color: #FCEE00;
}
body[dark][bri] #start{
background-color: #706200;
}
body[sha] #start{
background-color: #545454;
}
body[dark][sha] #start{
background-color: #232323;
}
body[muh] #start{
background-color: #540000;
}
body[dark][muh] #start{
background-color: #380000;
}
body[muh] #start[week=w1]>div{
background-image: url(../img/muharram-w1.png);
}
body[muh] #start[week=w2]>div{
background-image: url(../img/muharram-w2.png);
}
body[muh] #start[week=w3]>div{
background-image: url(../img/muharram-w3.png);
}
body[muh] #start[week=w4]>div{
background-image: url(../img/muharram-w4.png);
}
body[muh] #start[week=w5]>div{
background-image: url(../img/muharram-w5.png);
}
body[muh] #start[week=w6]>div{
background-image: url(../img/muharram-w6.png);
}
body[muh] #start[week=w7]>div{
background-image: url(../img/muharram-w7.png);
}
body[ar] ,body[fa]{
direction: rtl;
}

#loader{
position: fixed;
background-color: rgba(210, 252, 252, 0.98);
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2000;
}
body[dark] #loader{
background-color: #232323;
}
body[bri] #loader{
background-color: #FCEE00;
}
body[dark][bri] #loader{
background-color: #706200;
}
body[sha] #loader{
background-color: #545454;
}
body[dark][sha] #loader{
background-color: #232323;
}
body[muh] #loader{
background-color: #540000;
}
body[dark][muh] #loader{
background-color: #380000;
}
#loader>div {
transform: scale(1, 0.45);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
#loader>div>div {
height:140px;
width:140px;
background-color:#00E4FC;
rotate:45deg;
position:fixed;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
overflow: hidden;
}
@-webkit-keyframes RTload  {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes RTload {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes RTload  {
0% {
left: 0;
top: 0;
}
25% {
left: 126px;
top: 0;
}
50% {
left: 126px;
top: 126px;
}
75% {
left: 0;
top: 126px;
}
100% {
left: 0;
top: 0;
}
}
@keyframes RTload1 {
0% {
left: 0;
top: 0;
}
25% {
left: 126px;
top: 0;
}
50% {
left: 126px;
top: 126px;
}
75% {
left: 0;
top: 126px;
}
100% {
left: 0;
top: 0;
}
}
#loader>div>div::before {
content: '';
height:14px;
width:14px;
background-color:#fcfcfc;
position:absolute;
left: 0;
top: 0;
-webkit-animation: RTload1 2.8s linear infinite;
-moz-animation: RTload1 2.8s linear infinite;
-ms-animation: RTload1 2.8s linear infinite;
-o-animation: RTload1 2.8s linear infinite;
animation: RTload1 2.8s linear infinite;
}
#loader>div>div>div {
height: 120px;
width: 120px;
background-color: #fcfcfc;
margin: 10px;
rotate: 0deg;
position: fixed;
}
body[dark] #loader>div>div>div{
background-color: #232323;
}
body[bri] #loader>div>div>div{
background-color: #FCEE00;
}
body[dark][bri] #loader>div>div>div{
background-color: #706200;
}
body[sha] #loader>div>div>div{
background-color: #545454;
}
body[dark][sha] #loader>div>div>div{
background-color: #232323;
}
body[muh] #loader>div>div>div{
background-color: #540000;
}
body[dark][muh] #loader>div>div>div{
background-color: #380000;
}
#loader>div::after {
content: '';
background: url(../../img/icon.png) no-repeat top left;
width: 70px;
height: 70px;
display: block;
transform: scale(1, 2.222222);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 56px;
margin: auto;
}
#loader>p {
position:absolute;
left:0;
right:0;
bottom: 21%;
text-align:center;
font-size:35px;
color:#00E4FC;
line-height:1.2;
text-shadow:0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff;
}
body[dark] #loader>p {
text-shadow:0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000;
}
body[tday=shahadat] #loader>p {
text-shadow:0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000;
}
body[tday=muharram] #loader>p {
text-shadow:0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000;
}
body[dark][tday=veladat] #loader>p {
text-shadow:0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000;
}
#loader>p>b {
font-size:14px;
color:#313131;
text-shadow:0 5px 7px rgba(0, 0, 0, .14);
font-variant:small-caps;
font-weight:normal;
}
#loader>p>u {
font-size:16px;
color:#313131;
text-decoration:none;
display:block;
}
body[dark] #loader>p>b,
body[dark] #loader>p>u {
color:#eee;
}
#loader>span[splash] {
position:absolute;
left:0;
right:0;
top:5%;
height:25%;
max-height:430px;
background:transparent url(../img/inthenameofallah.png) no-repeat center;
background-size:contain;
}
body[dark] #loader>span[splash] {
background-image:url(../img/dark-inthenameofallah.png);
}
body[bri] #loader>span[splash]{
background-image:url(../img/veladat-inthenameofallah.png);
}
body[dark][bri] #loader>span[splash]{
background-image:url(../img/dark-v-inthenameofallah.png);
}
body[sha] #loader>span[splash]{
background-image:url(../img/dark-inthenameofallah.png);
}
body[dark][sha] #loader>span[splash]{
background-image:url(../img/dark-inthenameofallah.png);
}
body[muh] #loader>span[splash]{
background-image:url(../img/muharram-inthenameofallah.png);
}
body[dark][muh] #loader>span[splash]{
background-image:url(../img/muharram-inthenameofallah.png);
}
body{
min-width:360px;
cursor: default;
background-color: #15d2fc;
}
body[dark]{
background-color: #2A2A2A;
}
header[blur],section[blur]{
filter: blur(14px);
}
a{
text-decoration:none;
}
@font-face{
font-family:'RojatFont';
src:url('../../font/rojat-symbol.eot'); /* IE9 Compat Modes */
src:url('../../font/rojat-symbol.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../../font/rojat-symbol.woff2') format('woff2'), /* Super Modern Browsers */
url('../../font/rojat-symbol.woff') format('woff'), /* Pretty Modern Browsers */
url('../../font/rojat-symbol.ttf') format('truetype'), /* Safari, Android, iOS */
url('../../font/rojat-symbol.svg#svgFontName') format('svg'); /* Legacy iOS */
font-display:block;
}
*{
font-family:"muhammad(saww)","Segoe UI", Tahoma, Geneva, sans-serif ;
margin:0;
padding:0;
color: #232323;
user-select: none;
}
body[dark] *{
color: #eee;
}
*[logo]{
font-family:RojatFont;
}
*[hide]{
display: none !important;
}
*[quran] span {
position:relative;
color:#232323;
}
*[quran][moon] span {
color:#eee;
}
*[quran][moon] a {
color:#eee;
}
*[quran] s {
text-decoration:none;
color:#008CFC;
font-style:normal;
text-shadow:0px 1px 0px rgba(252,252,252,0.70),0px -1px 0px rgba(252,252,252,0.70),1px 0px 0px rgba(252,252,252,0.70),-1px 0px 0px rgba(252,252,252,0.70);
}
*[quran] s[obligatory] {
text-decoration:none;
color:#8CD200;
font-style:normal;
text-shadow:0px 1px 0px rgba(252,252,252,0.70),0px -1px 0px rgba(252,252,252,0.70),1px 0px 0px rgba(252,252,252,0.70),-1px 0px 0px rgba(252,252,252,0.70);
}
*[quran] x {
color:#8C8C8C;
position:relative;
}
*[quran] x>y {
color:#383838;
position:absolute;
top:14%;
left:21%;
}
*[quran][moon] x>y {
color:#EEEEEE;
}
*[quran] i {
color:#008CFC;
font-style:normal;
text-shadow:0px 1px 0px rgba(252,252,252,0.70),0px -1px 0px rgba(252,252,252,0.70),1px 0px 0px rgba(252,252,252,0.70),-1px 0px 0px rgba(252,252,252,0.70);
}
*[quran] b {
font-weight:normal;
position:relative;
color:#464646;
margin:0 5px;
display: inline-block;
}
*[quran][moon] b {
color:#EEEEEE;
}
*[quran] b>b {
color:#FCA80E !important;
position:absolute;
top:0;
left:0;
line-height:1.9;
margin:0;
}
*[quran] *[tname] {
display:block;
position:relative;
background:url(../img/quran/title-c.png) repeat-x;
font-size:21px !important;
text-align:center;
height:47px;
line-height:2.4;
margin:0 7px;
}
*[quran] *[tname]:before {
content:'';
position:absolute;
left:-12px;
top:0;
bottom:0;
width:84px;
background:url(../img/quran/title-l.png) no-repeat;
}
*[quran] *[tname]:after {
content:'';
position:absolute;
right:-12px;
top:0;
bottom:0;
width:84px;
background:url(../img/quran/title-r.png) no-repeat;
}
*[quran] *[tname]>x {
font-size:21px !important;
}
*[quran] *[tname]>b {
position:absolute;
right:3px;
top:7px;
font-size:14px !important;
z-index:1;
width:38px;
}
*[quran] *[tname]>b:last-child {
left:2px;
right:auto;
font-size:21px !important;
line-height:1.8;
}
*[quran] *[allah] {
display:block;
}
header {
border-bottom: solid 1px #A8A8A8;
background-color: #fcfcfc;
box-shadow: 0px 12px 0px 0px rgba(0, 0, 0, 0.14);
position: fixed;
left: 0;
top: 0;
right: 0;
height: 35px;
z-index: 1;
}
body[dark] header{
border-bottom: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
header:before {
content: '';
background: url(../img/in-the-name-of-ALLAH.png) no-repeat center;
position: fixed;
left: 0;
top: 0;
right: 0;
width: 218px;
height: 72px;
margin: 0 auto;
background-size: contain;
}
body[bri] header:before{
background-image: url(../img/in-the-name-of-ALLAH-br.png);
}
body[dark][bri] header:before{
background-image: url(../img/in-the-name-of-ALLAH-br.png);
}
body[sha] header:before{
background-image: url(../img/in-the-name-of-ALLAH-sh.png);
}
body[dark][sha] header:before{
background-image: url(../img/in-the-name-of-ALLAH-sh.png);
}
body[muh] header:before{
background-image: url(../img/in-the-name-of-ALLAH-mu.png);
}
body[dark][muh] header:before{
background-image: url(../img/in-the-name-of-ALLAH-mu.png);
}
header>span {
position: fixed;
left: 0;
top: 0;
height: 35px;
font-size: 21px;
width: 70px;
text-align: center;
line-height: 1.8;
}
header[mini] {
border-bottom: none !important;
box-shadow: none;
}
header[mini]:before  {
height: 56px;
}
header>time {
position: fixed;
right: 7px;
top: 3px;
height: 35px;
}
header>samp {
position: fixed;
right: 42px;
top: 3px;
height: 35px;
width: 49px;
text-align: center;
line-height: 1.8;
}
footer {
border-top: solid 1px #A8A8A8;
background-color: #fcfcfc;
box-shadow: 0px -12px 0px 0px rgba(0, 0, 0, 0.14);
position: fixed;
left: 0;
right: 0;
bottom: 0;
height: 70px;
z-index: 1;
}
body[dark] footer{
border-top: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
footer>p:before {
content: '';
background: url(../img/rojat-footer.png) no-repeat center;
width: 49px;
height: 56px;
margin: 0 auto;
position: absolute;
top: -25px;
left: 0;
right: 0;
z-index: 1;
}
footer[mini] {
border-top: none !important;
box-shadow: none;
}
footer[mini]>p:before {
display: none;
}
footer>p {
text-align: center;
line-height: 1.2;
font-size: 10px;
padding-top: 28px;
}
footer>p>b {
font-weight: normal;
display: block;
font-size: 28px;
line-height: 1;
}
footer>button {
position:absolute;
left: 0;
bottom: 0;
width: 70px;
height: 70px;
border: none;
}
footer>button[menu] {
left: auto;
right: 0;
font-size: 35px;
background-color: rgba(0, 0, 0, 0.14);
}
footer>button[dark] {
background:#2c2c2c url(../img/moon-min.png) no-repeat center;
}
footer>button[light] {
background:#008CFC url(../img/sun-min.png) no-repeat center;
}
footer>menu {
position:fixed;
right: -350px;
bottom: 70px;
top: 0;
width: 308px;
border-left: solid 1px #A8A8A8;
background-color: #fcfcfc;
box-shadow: -12px -13px 0px 0px rgba(0, 0, 0, 0.14);
padding-top: 84px;
transition: all ease-out 1000ms;
overflow: auto;
}
body[dark] footer>menu {
border-left: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
footer>menu[show] {
right: 0;
}
footer>menu:before {
content: '';
background: url(../img/rojat-menu.png);
width: 73px;
height: 84px;
margin: 0 auto;
position: absolute;
top: 5px;
left: 0;
right: 0;
}
footer>menu>li {
display: block;
line-height: 2.1;
list-style: none;
text-align: center;
font-size: 21px;
border-bottom: 1px solid #D2D2D2;
}
footer>menu>li[shlang] {
background-color:rgba(0, 210, 252, 0.42);
}
body[offline] footer>menu>li[shsetting] {
display: none;
}
footer>menu>li:hover {
background-color: #eee;
}
body[dark] footer>menu>li:hover {
background-color: #313131;
}
footer>menu>li[top] {
font-size: 35px;
line-height: 1.4;
}
footer>menu>li[top]:hover {
background-color: transparent !important;
}
footer>menu>li[top]>b {
font-size: 14px;
font-weight: normal;
position: absolute;
}
.input[check] {
position:relative;
list-style:none;
height:70px;
width:90%;
margin:0 auto;
font-size:19px;
text-align:left;
}
.input[check]>input {
display:none !important;
height:0 !important;
}
body[dark] .input>input,
body[dark] .input>select {
background-color:#3f3f3f;
color:#f2f2f2;
border: 1px solid #1C1C1C;
}
body[tday=shahadat] .input>input,
body[tday=shahadat] .input>select {
background-color:#3f3f3f;
color:#f2f2f2;
}
body[tday=muharram] .input>input,
body[tday=muharram] .input>select {
/*! background-color:#2A2A2A; *//*! color:#f2f2f2; */
}
body[dark][tday=veladat] .input>input,
body[dark][tday=veladat] .input>select {
background-color:#484848;
color:#f2f2f2;
}
.input[check]>label {
font-size:21px;
line-height:3.5;
position:absolute;
top:0;
bottom:0;
right:0;
left:0;
padding-left:70px;
}
body[rtl] .input[check]>label {
padding-left:0;
padding-right:70px;
}
body[dark] .input>label {
background-color:#464646;
color:#fcfcfc;
border-radius:7px;
}
body[tday=shahadat] .input>label {
background-color:#464646;
color:#fcfcfc;
border-radius:14px;
}
body[tday=muharram] .input>label {
background-color:#464646;
color:#fcfcfc;
border-radius:14px;
}
body[dark][tday=veladat] .input>label {
background-color:#464646;
color:#fcfcfc;
border-radius:14px;
}
.input[check]>label>samp {
border:solid 1px #A8A8A8;
border-radius:7px;
background-color:#E0E0E0;
width:56px;
height:56px;
color:#7e7e7e;
margin:7px 0;
font-size:42px;
text-align:center;
line-height:1.28;
position:absolute;
left:0;
top:0;
bottom:0;
}
body[rtl] .input[check]>label>samp {
left:auto;
right:0;
}
.input[check]>input:checked~label>samp {
border:solid 1px #8CB600;
background-color:#C4FC00;
color:#6e8c00;
}
.input[heart]>input:checked~label>samp {
border:solid 1px #A8A8A8;
background-color:#E0E0E0;
color:#FC0000;
}
body[rtl] .input>label{
left:auto;
right:35px;
}
.date {
margin-top: 28px;
}
.date>button {
position: absolute;
left: 0;
top: 14px;
height: 51px;
width: 56px;
font-size: 28px;
}
body[dark] .date>button{
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid #000;
border-radius: 5px;
}
.date>button[dback] {
left: auto;
right: -2px;
}
.date>label{
left:56px;
}
.date>label{
left:56px !important;
right:56px !important;
text-align: center;
}
.ButtonLoLa {
position:relative;
}
.ButtonLoLa>button {
position:absolute;
right: 9px;
bottom: 5px;
height: 128px;
width:56px;
border:solid 1px #8CD200;
border-radius:0 7px 7px 0;
background-color:#A8FC00;
color:#385400;
font-size:35px;
}
body[ar] .ButtonLoLa>button ,body[fa] .ButtonLoLa>button{
right: auto;
left: 9px;
border-radius:7px 0 0 7px;
}
.ButtonNB{
height: 56px;
display: block;
}
.ButtonNB>div{
border-top: solid 1px #A8A8A8;
background-color: #fcfcfc;
box-shadow: 0px -12px 0px 0px rgba(0, 0, 0, 0.14);
position: fixed;
left: 0;
bottom: 0;
right: 0;
height: 56px;
}
.ButtonNB>div>button{
position: fixed;
right: 14px;
bottom: 7px;
width: 110px;
height: 42px;
border-radius: 5px;
border: 1px solid #A8A8A8;
font-size: 28px;
background-color: #8CFC00;
color: #383838;
}
.ButtonNB>div>button[bback]{
right: auto;
left: 14px;
background-color: #E0E0E0;
}
.ButtonNB>div>button[disabled]{
}
#map{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1400;
}
.map-container{
width: 100%;
height: 100%;
position: relative;
display: inline-block;
}
#map>canvas{
border: solid 1px #A8A8A8;
background-color: #fcfcfc;
box-shadow: 0 0 0 14px rgba(0, 0, 0, 0.14);
position: fixed;
left: 14px;
right: 14px;
top: 14px;
bottom: 14px;
width: calc(100% - 28px);
height: calc(100% - 28px);
}
#map>button{
position: fixed;
left: -70px;
right: 0;
bottom: 42px;
width: 70px;
height: 42px;
margin: 0 auto;
border-radius: 5px 0 0 5px;
border: 1px solid #A8A8A8;
background-color: #FC0000;
font-size: 28px;
color: #fcfcfc;
}
#map>button[setmap]{
left: 70px;
border-radius: 0 5px 5px 0;
border-left: 0;
background-color: #8CFC00;
color: #383838;
}

#setup{
padding-top: 70px;
width:90%;
margin: 0 auto;
}
.ptlist{
list-style: none;
}
.ptlist>li {
border:solid 1px #d2d2d2;
border-radius:7px;
background-color:#fcfcfc;
margin:5px 0 0 0;
display: grid;
place-items: center;
color:#464646;
font-size:21px;
line-height:1.2;
cursor:pointer;
width:calc(100% - 70px);
position:relative;
padding-left:70px;
min-height:49px;
text-align: center;
}
.ptlist>li:hover {
border:solid 1px #7EEEFC;
background-color:#E0EEFC;
color:#013447;
}
.ptlist>li[sel] {
border:solid 1px #C4FC00;
background-color:#EEFCD2;
color:#2A3800;
}
.ptlist>li>b {
font-weight: normal;
}
.ptlist>li>img {
position:absolute;
left:7px;
top:0;
}
#windows {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(252,252,252,0.56);
z-index:140;
}
body[dark] #windows {
background-color:rgba(0,0,0,0.56);
}
#windows>div[window] {
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:140;
margin:auto;
border:3px solid #00a8fc;
box-shadow:0px 0px 0px 3px #fcfcfc,0px 14px 42px 0px rgba(0,0,0,0.28);
background-color: #fcfcfc;
}
body[dark] #windows>div[window] {
box-shadow:0px 0px 0px 3px #3f3f3f,0px 14px 42px 0px rgba(0,0,0,0.28);
background-color: #3f3f3f;
}
#windows>div[window]:before {
content:'';
width:84px;
height:12px;
position:absolute;
top:-5px;
left:0;
right:0;
margin:0 auto;
background-color:#fcfcfc;
}
body[dark] #windows>div[window]:before {
background-color: #3f3f3f;
}
#windows>div[window]:after {
content:'';
width:70px;
height:70px;
position:absolute;
top:-35px;
left:0;
right:0;
margin:0 auto;
background:url(../img/rojat-menu.png) no-repeat center;
background-size:contain;
}
#windows>div[window] button[closewin] {
border:none;
display: grid;
place-items: center;
color:#464646;
font-size:21px;
line-height:1.2;
cursor:pointer;
width:49px;
min-height:49px;
position: absolute;
top: 0;
right: 0;
}
#windows>div[window]>div>samp[closewin] {
border-radius:14px 0 0 0;
width:70px;
height:42px;
line-height:2.1;
display:inline-block;
text-align:center;
font-size:21px;
}
#windows>div[window]>div>p {
text-align:center;
font-size:21px;
line-height: 1.4;
}
#windows>div[setupcmpt] {
width: 320px;
height: 364px;
}
#windows>div[setupcmpt]>p {
padding: 49px 7px 5px 7px;
font-size: 18px;
line-height: 1.4;
}
#windows>div[setupcmpt]>p>u {
font-size: 18px;
line-height: 1.5;
}
#windows>div[setupcmpt]>p>u>b {
font-size: 21px;
background-color: #2A2A2A;
color: #fcfcfc;
height: 28px;
display: inline-block;
text-decoration: none;
padding: 0 5px;
line-height: 1.5;
border-radius: 5px;
}
#windows>div[setupcmpt]>p>b {
font-size: 18px;
}
#windows>div[setupcmpt]>p>b>u {
font-size: 18px;
background-color: #8CFC00;
height: 28px;
display: inline-block;
text-decoration: none;
padding: 0 5px;
border-radius: 5px;
}
#windows>div[window] button[bsetupok] {
border:none;
display: grid;
place-items: center;
color:#464646;
background-color: #8CFC00;
font-size:21px;
line-height:1.2;
cursor:pointer;
min-height:49px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
}
#windows>div[window] button[bsetupok]:hover {
background-color: #7EE000;
}
#windows>div[quransetting] {
border-radius:14px;
background-color:#fcfcfc;
width:336px;
height:532px;
}
#windows>div[window][Quran]>div:after {
background:url(../img/p-quran.png) no-repeat;
background-size:cover;
}
#windows>div[quranbookmark] {
border-radius:14px;
background-color:#fcfcfc;
width:294px;
height:392px;
}
#windows>div[quranbookmark]>div>div {
overflow:auto;
height:350px;
position: relative;
}
#windows>div[quranbookmark]>div>div>span {
position: absolute;
left: 0;
right: 35px;
top: 0;
bottom: 0;
display: none;
}
body[offline] #windows>div[quranbookmark]>div>div>span {
display: block;
}
#windows>div[quranbookmark]>div>p {
text-align:center;
font-size:18px;
}
#windows>div[quranbookmark]>div>div>ol {
list-style:none;
}
#windows>div[quranbookmark]>div>div>ol>li {
position:relative;
height:56px;
}
#windows>div[quranbookmark]>div>div>ol>li:nth-child(2n+1) {
background-color:#EEEEEE;
}
body[dark] #windows>div[quranbookmark]>div>div>ol>li:nth-child(2n+1) {
background-color: rgba(0, 0, 0, 0.28);
}
#windows>div[quranbookmark]>div>div>ol>li:before {
font-family:'RojatFont';
content:'\f05e';
position:absolute;
left:0;
top:0;
bottom:0;
width:42px;
height:42px;
font-size:28px;
text-align:center;
line-height:2.1;
color:#FC4600;
}
#windows>div[quranbookmark]>div>div>ol>li>button {
color:#FC0E0E;
position:absolute;
right:0;
top:0;
bottom:0;
font-size:28px;
text-align:center;
line-height:1.4;
width:42px;
border-radius:7px;
border:none;
}
body[dark] #windows>div[quranbookmark]>div>div>ol>li>button {
background-color: rgba(0, 0, 0, 0.35);
}
#windows>div[quranbookmark]>div>div>ol>li>a {
display:block;
text-align:center;
line-height:3.5;
margin:0 42px;
height:56px;
overflow:hidden;
line-break:anywhere;
}
#windows>div[quranbookmark]>div>div>ol>li>a>pre {
overflow:hidden;
width:100%;
text-overflow:ellipsis;
}
#windows>div[duaview] {
border-radius:14px;
background-color:#fcfcfc;
width: calc(100% - 14px);
height: 90%;
top: 21px;
}
#windows>div[duaview]>div>div {
overflow:auto;
position: absolute;
left: 0;
right: 0;
top: 35px;
bottom: 63px;
}
#windows>div[duaview]>div>div[moon]{
background-color: #1C1C1C;
color: #fcfcfc;
}
#windows>div[duaview]>div>div[moon]>span>b {
background-color: #0E0E0E;
}
#windows>div[duaview]>div>div[sun] {
background-color: #fcfcfc;
}
#windows>div[duaview]>div>div[antique] {
background-color: #FCEED2;
}
#windows>div[duaview]>div>div[antique]>span>b {
background-color: #FCE0B6;
}
#windows>div[duaview]>div>ul {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
#windows>div[duaview]>div>ul {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 63px;
background-color: #fcfcfc;
list-style: none;
border-radius: 0 0 14px 14px;
}
body[dark] #windows>div[duaview]>div>ul {
background-color: #3f3f3f;
}
#windows>div[duaview]>div>ul>li{
position: absolute;
height: 63px;
width: 63px;
left: 0;
bottom: 0;
text-align: center;
font-size: 35px;
line-height: 1.8;
color: #383838;
cursor: default;
user-select: none;
}
body[dark] #windows>div[duaview]>div>ul>li {
color: #eee;
}
#windows>div[duaview]>div>ul>li[light]:before{
content: '';
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #C4C4C4;
box-shadow: 14px 0 0 0 #C4C4C4, -14px 0 0 0 #15D2FC;
position: absolute;
margin: 0 auto;
top: 2px;
left: 0;
right: 0;
}
#windows>div[duaview]>div>ul>li[light][antique]:before{
background-color: #15D2FC;
box-shadow: 14px 0 0 0 #C4C4C4, -14px 0 0 0 #C4C4C4;
}
#windows>div[duaview]>div>ul>li[light][moon]:before{
background-color: #C4C4C4;
box-shadow: 14px 0 0 0 #15D2FC, -14px 0 0 0 #C4C4C4;
}
#windows>div[duaview]>div>ul>li[duafontsizeup]{
left: auto;
right: 0;
}
#windows>div[duaview]>div>ul>li[duafontsizedown]{
left: auto;
right: 63px;
}
#windows>div[duaview]>div>ul>li:hover{
background-color: #eee;
}
#windows>div[duaview]>div>p {
text-align:center;
font-size:18px;
}
#windows>div[duaview]>div>div>span {
position:relative;
display: block;
font-size: 35px;
direction: rtl;
text-align: center;
line-height: 1.8;
}
#windows>div[duaview]>div>div>span[text] {
background-color: #3f4654;
direction: initial;
color: #fff;
}
#windows>div[duaview]>div>div>span>b {
background-color:#EEEEEE;
font-weight: normal;
direction: initial;
display: block;
font-size: 23px;
line-height: 1.4;
}
#windows>div[wintasbih] {
border-radius:14px;
background-color:#fcfcfc;
width: calc(100% - 28px);
height: 224px;
top: 21px;
}
#windows>div[wintasbih] input {
font-size:28px;
color:#464646;
width:91%;
border:solid 1px #00C4FC;
border-radius:7px;
background-color:#fff;
height:54px;
text-align:center;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
margin:14px;
}
body[dark] #windows>div[wintasbih] input {
color:#eee;
background-color:#484848;
}
#windows>div[wintasbih] span {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:7px;
background-color:#FCE000;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
width: 90%;
display: block;
margin: 0 auto;
height:42px;
text-align:center;
color:#544600;
font-size:21px;
}
#windows>div[wintasbih] span:hover {
background-color:#E0C400;
}
#windows>div[setting] {
border-radius:14px;
background-color:#fcfcfc;
width: calc(100% - 28px);
top: 35px;
bottom: 14px;
}
#windows>div[setting]>div>div {
overflow-y: scroll;
position: absolute;
top: 42px;
bottom: 0;
width: 100%;
}
#windows>div[setting]>div>div>p {
font-size: 18px;
padding: 0 7px;
text-align: center;
line-height: 1.4;
}
#windows>div[lang] {
border-radius:14px;
background-color:#fcfcfc;
width: calc(90% - 48px);
top: 70px;
bottom: 42px;
}
#windows>div[lang]>div {
position: relative;
height: 100%;
}
#windows>div[lang]>div>div {
position: absolute;
top: 42px;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
#windows>div[lang]>div>div>ul {
list-style: none;
}
#windows>div[lang]>div>div>ul>li {
border:solid 1px #d2d2d2;
border-radius:7px;
background-color:#fcfcfc;
margin:7px 12px;
display:block;
color:#464646;
font-size:21px;
line-height:2.1;
cursor:pointer;
text-align:center;
}
body[dark] #windows>div[lang]>div>div>ul>li{
background-color: rgba(0, 0, 0, 0.35);
border: solid 1px #151515;
color:#eee;
}
#windows>div[calculation] {
border-radius:14px;
background-color:#fcfcfc;
width: calc(100% - 14px);
top: 42px;
bottom: 14px;
}
#windows>div[calculation]>div {
position: relative;
height: 100%;
}
#windows>div[calculation]>div>div {
position: absolute;
top: 42px;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
}
#windows>div[calculation]>div>div>ul {
list-style: none;
}
#windows>div[calculation]>div>div>ul>li {
border:solid 1px #d2d2d2;
border-radius:7px;
background-color:#fcfcfc;
margin:5px 7px;
display:block;
color:#464646;
font-size:21px;
line-height:1.4;
cursor:pointer;
text-align:center;
position: relative;
padding-left: 56px;
min-height: 49px;
}
body[ar] #windows>div[calculation]>div>div>ul>li ,body[fa] #windows>div[calculation]>div>div>ul>li{
padding-right: 56px;
padding-left: 0;
}
#windows>div[calculation]>div>div>ul>li>b {
font-weight: normal;
}
body[dark] #windows>div[calculation]>div>div>ul>li{
background-color: rgba(0, 0, 0, 0.35);
border: solid 1px #151515;
color:#eee;
}
#windows>div[calculation]>div>div>ul>li>img {
position: absolute;
left: 7px;
top: 0;
bottom: 0;
margin: auto;
}
body[ar] #windows>div[calculation]>div>div>ul>li>img ,body[fa] #windows>div[calculation]>div>div>ul>li>img{
left: auto;
right: 7px;
}
#windows>div[calculation]>div>div>ul>li:hover {
border:solid 1px #7EEEFC;
background-color:#E0EEFC;
color:#013447;
}
#windows>div[calculation]>div>div>ul>li[sel] {
border:solid 1px #C4FC00;
background-color:#EEFCD2;
color:#2A3800;
}
body[dark] #windows>div[calculation]>div>div>ul>li:hover{
background-color: rgba(0, 0, 0, 0.42);
border: solid 1px #9A9A9A;
}
body[dark] #windows>div[calculation]>div>div>ul>li[sel]{
background-color: rgba(0, 0, 0, 0.56);
border: solid 1px #8C8C8C;
}
#main{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 56px 0 70px 0;
text-align: center;
}
#main>div{
border-radius: 14px;
background-color: rgba(252, 252, 252, 0.35);
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
width: 140px;
height: 140px;
display: inline-block;
margin: 28px 14px 0 0;
position: relative;
z-index: 1;
}
body[dark] #main>div{
background-color: rgba(0, 0, 0, 0.35);
}
#main>div *{
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
}
body[dark] #main>div *{
text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
#main>div[cal]{
width: 100%;
height: auto;
max-width: calc(100% - 28px);
margin: 20px auto 0px auto;
}
#main>div[cal]>p{
font-size: 21px;
line-height: 1.4;
}
#main>div[cal]>p[clock] *{
font-size: 28px;
line-height: 1.4;
padding: 0 7px;
}
#main>div[cal]>p[clock]>b{
font-weight: normal;
padding: 0 5px;
}
#main>div[cal]>p[clock]>i{
padding: 0 5px;
font-style: normal;
}
#main>div[cal]>p[hijri]{
display: block;
font-size: 42px !important;
height: 49px;
}
#main>div[cal]>p[miladi]{
display: inline-block;
padding: 0 7px;
}
#main>div[cal]>p[sun]{
display: inline-block;
padding: 0 7px;
}
#main>div[qibla]{
width: 140px;
height: auto;
border: none;
background: none !important;
box-shadow: none;
display: inline-grid;
}
#main>div[qibla]>div{
width: 140px;
height: 140px;
background: url(../img/compass-490px.png) no-repeat center;
background-size: contain;
position: relative;
border-radius: 50%;
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
}
#main>div[qibla]>div>div{
width: 140px;
height: 140px;
background: url(../img/compass-d-490px.png) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 0;
transform: rotate(0);
-webkit-transition: 3s ease-out;
transition: 2s ease-out;
}
#main>div[qibla]>span{
border-radius: 14px;
background-color: rgba(252, 252, 252, 0.35);
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
display: block;
height: 42px;
font-size: 35px;
color: #1C1C1C;
line-height: 1.4;
margin-top: 7px;
}
body[dark] #main>div[qibla]>span{
background-color: rgba(0, 0, 0, 0.35);
color: #eee;
}
#main>div[salat]{
width: 100%;
max-width: calc(100% - 28px);
margin: 14px 0 0 0;
height: 110px;
position: relative;
border-radius: 14px 14px 0 0;
}
#main>div[salat]>p{
display: block;
}
#main>div[salat]>p>b{
display: inline-block;
font-size: 35px;
font-weight: normal;
}
#main>div[salat]>p>u{
display: inline-block;
font-size: 42px;
text-decoration: none;
}
#main>div[salat]>span{
background-color: #FCFCFC;
position: absolute;
bottom: 14px;
line-height: 1.4;
padding: 0 7px;
font-size: 21px;
border-radius: 5px;
}
body[dark] #main>div[salat]>span{
background-color: #464646;
}
#main>div[salat]>progress{
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 14px;
background-color: #fcfcfc;
border: none;
border-top: 1px solid #fcfcfc;
width: 100%;
}
body[dark] #main>div[salat]>progress{
background-color: #000;
border-top: 1px solid #000;
}
#main>div[ghaybat]{
width: 100%;
max-width: calc(100% - 28px);
height: auto;
margin-right: 0;
}
#main>div[ghaybat]>p{
font-size: 21px;
line-height: 1.4;
padding: 7px;
}
#main>div[ghaybat]>span{
border:solid 1px #000;
border-radius:12px;
background-color:#2A2A2A;
box-shadow:inset 0px 7px 7px 0px rgba(0,0,0,0.28);
text-align:center;
overflow: hidden;
display: inline-block;
}
#main>div[ghaybat]>span>s{
text-decoration: none;
padding: 0 7px;
text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
color:#fcfcfc;
font-size: 18px;
}
#main>div[ghaybat]>span>s[mili]{
line-height: 1.4;
}
#main>div[ghaybat]>span>s[day]{

}
#main>div[ghaybat]>span>s[ad]{

}
#main>div[ghaybat]>span>s[gh]{

}
#main>div[quran]{
width: 140px;
margin-right: 0;
height: 140px;
background: url(../img/quran.png) no-repeat center;
background-size: contain;
border-radius: 50%;
border: none;
display: inline-grid;
}
#main>div[dayquran]{
width: 100%;
max-width: calc(100% - 42px);
margin: 14px 0 0 0;
height: auto;
padding: 7px 7px 35px 7px;
background-color: rgba(252, 252, 252, 0.84);
}
#main>div[dayquran] *{
font-size: 28px;
}
#main>div[dayquran]>p>x {
color:#959aa0;
}
#main>div[dayquran]>p>i {
font-style:normal;
color:#06f;
}
#main>div[dayquran]>p>b{
position: relative;
font-weight: normal;
margin: 0 5px;
}
#main>div[dayquran]>p>b>b{
position: absolute;
left: 0;
top: 0;
color: #FCA80E !important;
}
#main>div[dayquran]>p[ta]{
font-size: 21px;
text-decoration: none;
line-height: 1.68;
}
#main>div[dayquran]>p[ta]>u{
text-decoration: none;
font-size: 21px;
letter-spacing: -1px;
display: inline-block;
}
#main>div[dayquran]>span[inthenameofallah]{
background:url(../img/quran-in-the-name-of-allah.png) no-repeat center;
display: block;
height: 35px;
margin-bottom: 7px;
}
#main>div[dayquran]>span[footer]{
font-size: 18px;
position: absolute;
bottom: 0;
left: 7px;
}
#main>div[dayhadith]{
width: 100%;
max-width: calc(100% - 42px);
margin: 14px 0 0 0;
height: auto;
padding: 7px 7px 35px 7px;
background-color: rgba(252, 252, 252, 0.84);
}
#main>div[dayhadith] *{
font-size: 28px;
}
#main>div[dayhadith]>p{
line-height: 1.4;
}
#main>div[dayhadith]>p>u{
font-size: 18px;
text-decoration: none;
}
#main>div[dayhadith]>p[ta]{
font-size: 21px;
text-decoration: none;
line-height: 1.68;
}
#main>div[dayhadith]>span[footer]{
font-size: 14px;
position: absolute;
bottom: 0;
left: 7px;
line-height: 1.4;
}
#main>div[space]{
width: 100%;
box-shadow: none;
border: none;
background: none !important;
height: 182px;
}
#main:after{
content: '';
width: 100%;
margin: 0;
background: url(../img/kaebe-bg.png) no-repeat bottom center;
position: fixed;
bottom: 70px;
left: 0;
height: 100%;
background-size: contain;
}
#portland{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #D2FCFC;
z-index: 140;
}
#portland>div{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #D2FCFC url(../img/portland.png) no-repeat center;
width: 100%;
margin: auto;
height: 100%;
max-width: 350px;
max-height: 350px;
}
#setupoff{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: #FCFC8C;
z-index: 140;
text-align: center;
}
#setupoff>div{
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
margin: auto;
max-height: 140px;
}
#setupoff>h2{
position: fixed;
left: 0;
right: 0;
top: -280px;
bottom: 0;
width: 100%;
margin: auto;
max-height: 42px;
font-weight: normal;

}
#quran{
position: fixed;
top: 56px;
bottom: 140px;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
background-color: #fcfcfc;
text-align: center;
}
*[quranload]{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(252, 252, 252, 0.70);
z-index: 14;
}
*[quranload]:before{
content: '';
width: 140px;
height: 140px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(252, 252, 252, 0.28) url(../img/quran.png) no-repeat center;
background-size: contain;
border-radius: 50%;
box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.28);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
*[quranload]:after{
content: '';
width: 128px;
height: 128px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 50%;
border: 2px dashed #FCA80E;
animation: spin 3.5s linear infinite;
}
#quran>nav[quranfix]{
border-bottom: solid 1px rgba(0, 0, 0, 0.28);
background-color: #FCFCFC;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.28);
left: 0;
right: 0;
top: 35px;
height: 77px;
z-index: 14;
min-width: 360px;
position: fixed;
}
body[dark] #quran>nav[quranfix] {
border-bottom: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
#quran>nav[quranfix]>span{
display: none;
position: absolute;
left: 0;
right: 0;
top: 14px;
height: 63px;
}
body[offline] #quran>nav[quranfix]>span {
display: block;
}
#quran>nav[quranfix]>ul{
list-style: none;
height: 70px;
}
#quran>nav[quranfix]>ul>li{
display: inline-block;
height: 70px;
width: 63px;
margin: 0 7px 0 0px;
float: left;
padding-top: 14px;
height: 56px;
}
#quran>nav[quranfix]>ul>li[juz]{
margin: 0 7px;
}
#quran>nav[quranfix]>ul>li[juz]>select{
margin-top: 14px;
font-size: 18px;
height: 42px;
}
#quran>nav[quranfix]>ul>li[juz]>label{
top: 14px;
left: 7px;
font-size: 18px;
}
#quran>nav[quranfix]>ul>li[hizb]>select{
margin-top: 14px;
font-size: 18px;
height: 42px;
}
#quran>nav[quranfix]>ul>li[hizb]>label{
top: 14px;
left: 7px;
font-size: 18px;
}
#quran>nav[quranfix]>ul>li[surah]{
width: 140px;
float: right;
}
#quran>nav[quranfix]>ul>li[surah]>select{
margin-top: 14px;
font-size: 18px;
height: 42px;
}
#quran>nav[quranfix]>ul>li[surah]>label{
top: 14px;
left: 7px;
font-size: 18px;
}
#quran>nav[quranfix]>ul>li[showquransetting]{
float: right;
margin: 0;
}
#quran>nav[quranfix]>ul>li[surah1]{
margin: 0 auto;
position: absolute;
left: 0;
right: 7px;
width: 140px;
}
#quran>nav[quranfix]>ul>li[surah1]>select{
margin-top: 14px;
font-size: 18px;
height: 42px;
}
#quran>nav[quranfix]>ul>li[surah1]>label{
top: 5px;
left: 7px;
font-size: 18px;
}
#quran>nav[quranfix]>ul>li[juz1]{
margin: 0 auto;
position: absolute;
left: 0;
right: 7px;
width: 140px;
}
#quran>nav[quranfix]>ul>li[juz1]>select{
margin-top: 14px;
}
#quran>nav[quranfix]>ul>li[juz1]>label{
top: 14px;
left: 7px;
}
#quran>nav[quranfix]>ul>li[hizb1]{
margin: 0 auto;
position: absolute;
left: 0;
right: 7px;
width: 140px;
}
#quran>nav[quranfix]>ul>li[hizb1]>select{
margin-top: 14px;
}
#quran>nav[quranfix]>ul>li[hizb1]>label{
top: 5px;
left: 7px;
}
#quran>nav[quranfix]>ul>li[page]{
margin: 0 auto;
position: absolute;
left: 0;
right: 7px;
width: 70px;
}
#quran>nav[quranfix]>ul>li[page]>select{
margin-top: 14px;
font-size: 18px;
height: 42px;
}
#quran>nav[quranfix]>ul>li[page]>label{
top: 14px;
left: 3px;
font-size: 18px;
max-width: 100%;
text-overflow: ellipsis;
}
body[ar] #quran>nav[quranfix]>ul>li[surah]>label ,body[fa] #quran>nav[quranfix]>ul>li[surah]>label,
body[ar] #quran>nav[quranfix]>ul>li[hizb]>label ,body[fa] #quran>nav[quranfix]>ul>li[hizb]>label,
body[ar] #quran>nav[quranfix]>ul>li[juz]>label ,body[fa] #quran>nav[quranfix]>ul>li[juz]>label
{
right: 7px;
}
body[ar] #quran>nav[quranfix]>ul>li[page]>label ,body[fa] #quran>nav[quranfix]>ul>li[page]>label{
right: 3px;
}
#quran>nav[quranfix1]{
background-color: #FCFCFC;
position: fixed;
left: 0;
right: 0;
bottom: 70px;
height: 68px;
z-index: 12;
border-top: solid 1px rgba(0, 0, 0, 0.28);
min-width: 360px;
box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.28);
}
body[dark] #quran>nav[quranfix1]{
border-top: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
#quran>nav[quranfix1]>div{
position: relative;
height: 68px;
}
#quran>nav[quranfix1]>div>progress{
position: absolute;
left: 0;
right: 0;
top: 0;
height: 5px;
display: block;
width: 100%;
border: none;
color: #00d2fc;
background-color: #eee;
z-index: 1;
}
#quran>nav[quranfix1]>div>progress::-moz-progress-bar { background: #00d2fc; }
#quran>nav[quranfix1]>div>progress::-webkit-progress-value { background: #00d2fc; }
#quran>nav[quranfix1]>div>ul{
list-style: none;
}
#quran>nav[quranfix1]>div>ul>li{
position: absolute;
height: 63px;
width: 63px;
left: 0;
bottom: 0;
text-align: center;
font-size: 35px;
line-height: 1.8;
color: #383838;
}
body[dark] #quran>nav[quranfix1]>div>ul>li{
color: #fcfcfc;
}
#quran>nav[quranfix1]>div>ul>li:hover{
background-color: #eee;
}
body[dark] #quran>nav[quranfix1]>div>ul>li:hover {
background-color: #313131;
}
#quran>nav[quranfix1]>div>ul>li[showquransetting]{
left: auto;
right: 0;
}
#quran>nav[quranfix1]>div>ul>li[showgoaye]{
left: auto;
right: 63px;
}
#quran>nav[quranfix1]>div>ul>li[light]{
left: 63px;
}
#quran>nav[quranfix1]>div>ul>li[light]:before{
content: '';
height: 7px;
width: 7px;
border-radius: 50%;
background-color: #C4C4C4;
box-shadow: 14px 0 0 0 #C4C4C4, -14px 0 0 0 #15D2FC;
position: absolute;
margin: 0 auto;
top: 2px;
left: 0;
right: 0;
}
#quran>nav[quranfix1]>div>ul>li[light][antique]:before{
background-color: #15D2FC;
box-shadow: 14px 0 0 0 #C4C4C4, -14px 0 0 0 #C4C4C4;
}
#quran>nav[quranfix1]>div>ul>li[light][moon]:before{
background-color: #C4C4C4;
box-shadow: 14px 0 0 0 #15D2FC, -14px 0 0 0 #C4C4C4;
}
#quran>nav[quranfix1]>div>ul>li[play]{
left: 0;
right: 0;
margin: 0 auto;
color: #15D2FC !important;
text-shadow: 0 1px 0 #009bd4, 0 -1px 0 #009bd4, 1px 0px 0 #009bd4, -1px 0px 0 #009bd4;
}
#quran>nav[quranfix1]>div>span{
left: 0;
right: 0;
margin: 0 auto;
width: 63px;
height: 63px;
display: none;
position: absolute;
}
body[offline] #quran>nav[quranfix1]>div>span{
display: block;
}

#quran>nav[quranfix1]>div>ul>li[ctime]{
left: 0;
font-size: 14px;
width: 42px;
margin: 0 auto;
right: 98px;
top: 21px;
}
#quran>nav[quranfix1]>div>ul>li[etime]{
left: 98px;
margin: 0 auto;
right: 0;
font-size: 14px;
width: 42px;
top: 21px;
}
#quran>nav[quranfix1]>div>ul>li[ctime]:hover, #quran>nav[quranfix1]>div>ul>li[etime]:hover{
background-color: transparent !important;
}
#quran>div[quran]{
background:url(../img/quran/t.png) repeat-x 37px top;
margin: 56px -28px 0 -28px;
position: relative;
}
#quran>div[quran][antique]{
background-color: #FCEED2;
}
#quran>div[quran][moon]{
background-color: #1C1C1C;
color: #fcfcfc;
}
#quran>div[quran]>div{
background: url(../img/quran/b.png) repeat-x 37px bottom;
}
#quran>div[quran]>div>div{
background: url(../img/quran/l.png) repeat-y left 37px;
}
#quran>div[quran]>div>div>div{
background: url(../img/quran/r.png) repeat-y right 37px;
}
#quran>div[quran]>div>div>div>div{
background: url(../img/quran/t-r.png) no-repeat right top;
}
#quran>div[quran]>div>div>div>div>div{
background: url(../img/quran/t-l.png) no-repeat left top;
}
#quran>div[quran]>div>div>div>div>div>div{
background: url(../img/quran/b-l.png) no-repeat left bottom;
}
#quran>div[quran]>div>div>div>div>div>div>div{
background: url(../img/quran/b-r.png) no-repeat right bottom;
}
#quran>div[quran]>div>div>div>div>div>div>div:before{
content: '';
background: url(../img/quran/l.png) repeat-y left bottom;
position: absolute;
left: 0;
bottom: 37px;
width: 39px;
top: 50%;
}
#quran>div[quran]>div>div>div>div>div>div>div:after{
content: '';
background: url(../img/quran/r.png) repeat-y left bottom;
position: absolute;
right: 0;
bottom: 37px;
width: 39px;
top: 50%;
}
#quran>div[quran]>div>div>div>div>div>div>div>div{
position: relative;
z-index: 1;
padding: 49px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div:before{
content: '';
background: url(../img/quran/light.png) repeat-x right center;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto 0;
width: 35px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div:after{
content: '';
background: url(../img/quran/light.png) repeat-x right center;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
width: 35px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p,#quran>div[quran]>div>div>div>div>div>div>div>div *{
font-size: 28px;
direction: rtl;
text-align: center;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[arabic],#quran>div[quran]>div>div>div>div>div>div>div>div>p[arabic] *{
font-family:'Arabic',"muhammad(saww)","Segoe UI", Tahoma, Geneva, sans-serif ;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[arabic] b{
font-family:"muhammad(saww)","Segoe UI", Tahoma, Geneva, sans-serif !important;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="9"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="9"] *,#windows>div[duaview]>div>div[size="9"]>span,#windows>div[duaview]>div>div[size="9"]>span>b{
font-size: 9px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="10"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="10"] *,#windows>div[duaview]>div>div[size="10"]>span,#windows>div[duaview]>div>div[size="10"]>span>b{
font-size: 10px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="11"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="11"] *,#windows>div[duaview]>div>div[size="11"]>span,#windows>div[duaview]>div>div[size="11"]>span>b{
font-size: 11px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="12"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="12"] *,#windows>div[duaview]>div>div[size="12"]>span,#windows>div[duaview]>div>div[size="12"]>span>b{
font-size: 12px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="13"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="13"] *,#windows>div[duaview]>div>div[size="13"]>span,#windows>div[duaview]>div>div[size="13"]>span>b{
font-size: 13px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="14"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="14"] *,#windows>div[duaview]>div>div[size="14"]>span,#windows>div[duaview]>div>div[size="14"]>span>b{
font-size: 14px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="15"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="15"] *,#windows>div[duaview]>div>div[size="15"]>span{
font-size: 15px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="16"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="16"] *,#windows>div[duaview]>div>div[size="16"]>span{
font-size: 16px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="17"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="17"] *,#windows>div[duaview]>div>div[size="17"]>span{
font-size: 17px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="18"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="18"] *,#windows>div[duaview]>div>div[size="18"]>span{
font-size: 18px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="19"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="19"] *,#windows>div[duaview]>div>div[size="19"]>span{
font-size: 19px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="20"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="20"] *,#windows>div[duaview]>div>div[size="20"]>span{
font-size: 20px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="21"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="21"] *,#windows>div[duaview]>div>div[size="21"]>span{
font-size: 21px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="22"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="22"] *,#windows>div[duaview]>div>div[size="22"]>span{
font-size: 22px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="23"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="23"] *,#windows>div[duaview]>div>div[size="23"]>span{
font-size: 23px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="24"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="24"] *,#windows>div[duaview]>div>div[size="24"]>span{
font-size: 24px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="25"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="25"] *,#windows>div[duaview]>div>div[size="25"]>span{
font-size: 25px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="26"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="26"] *,#windows>div[duaview]>div>div[size="26"]>span{
font-size: 26px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="27"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="27"] *,#windows>div[duaview]>div>div[size="27"]>span{
font-size: 27px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="28"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="28"] *,#windows>div[duaview]>div>div[size="28"]>span{
font-size: 28px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="29"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="29"] *,#windows>div[duaview]>div>div[size="29"]>span{
font-size: 29px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="30"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="30"] *,#windows>div[duaview]>div>div[size="30"]>span{
font-size: 30px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="31"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="31"] *,#windows>div[duaview]>div>div[size="31"]>span{
font-size: 31px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="32"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="32"] *,#windows>div[duaview]>div>div[size="32"]>span{
font-size: 32px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="33"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="33"] *,#windows>div[duaview]>div>div[size="33"]>span{
font-size: 33px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="34"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="34"] *,#windows>div[duaview]>div>div[size="34"]>span{
font-size: 34px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="35"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="35"] *,#windows>div[duaview]>div>div[size="35"]>span{
font-size: 35px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="36"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="36"] *,#windows>div[duaview]>div>div[size="36"]>span{
font-size: 36px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="37"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="37"] *,#windows>div[duaview]>div>div[size="37"]>span{
font-size: 37px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="38"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="38"] *,#windows>div[duaview]>div>div[size="38"]>span{
font-size: 38px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="39"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="39"] *,#windows>div[duaview]>div>div[size="39"]>span{
font-size: 39px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="40"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="40"] *,#windows>div[duaview]>div>div[size="40"]>span{
font-size: 40px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="41"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="41"] *,#windows>div[duaview]>div>div[size="41"]>span{
font-size: 41px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="42"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="42"] *,#windows>div[duaview]>div>div[size="42"]>span{
font-size: 42px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="43"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="43"] *,#windows>div[duaview]>div>div[size="43"]>span{
font-size: 43px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="44"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="44"] *,#windows>div[duaview]>div>div[size="44"]>span{
font-size: 44px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="45"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="45"] *,#windows>div[duaview]>div>div[size="45"]>span{
font-size: 45px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="46"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="46"] *,#windows>div[duaview]>div>div[size="46"]>span{
font-size: 46px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="47"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="47"] *,#windows>div[duaview]>div>div[size="47"]>span{
font-size: 47px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="48"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="48"] *,#windows>div[duaview]>div>div[size="48"]>span{
font-size: 48px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="49"],#quran>div[quran]>div>div>div>div>div>div>div>div>p[size="49"] *,#windows>div[duaview]>div>div[size="49"]>span{
font-size: 49px;
}
#windows>div[duaview]>div>div[size="15"]>span>b{
font-size: 14px;
}
#windows>div[duaview]>div>div[size="16"]>span>b{
font-size: 14px;
}
#windows>div[duaview]>div>div[size="17"]>span>b{
font-size: 15px;
}
#windows>div[duaview]>div>div[size="18"]>span>b{
font-size: 16px;
}
#windows>div[duaview]>div>div[size="19"]>span>b{
font-size: 16px;
}
#windows>div[duaview]>div>div[size="20"]>span>b{
font-size: 16px;
}
#windows>div[duaview]>div>div[size="21"]>span>b{
font-size: 17px;
}
#windows>div[duaview]>div>div[size="22"]>span>b{
font-size: 17px;
}
#windows>div[duaview]>div>div[size="23"]>span>b{
font-size: 17px;
}
#windows>div[duaview]>div>div[size="24"]>span>b{
font-size: 17px;
}
#windows>div[duaview]>div>div[size="25"]>span>b{
font-size: 18px;
}
#windows>div[duaview]>div>div[size="26"]>span>b{
font-size: 18px;
}
#windows>div[duaview]>div>div[size="27"]>span>b{
font-size: 18px;
}
#windows>div[duaview]>div>div[size="28"]>span>b{
font-size: 19px;
}
#windows>div[duaview]>div>div[size="29"]>span>b{
font-size: 19px;
}
#windows>div[duaview]>div>div[size="30"]>span>b{
font-size: 19px;
}
#windows>div[duaview]>div>div[size="31"]>span>b{
font-size: 19px;
}
#windows>div[duaview]>div>div[size="32"]>span>b{
font-size: 20px;
}
#windows>div[duaview]>div>div[size="33"]>span>b{
font-size: 21px;
}
#windows>div[duaview]>div>div[size="34"]>span>b{
font-size: 22px;
}
#windows>div[duaview]>div>div[size="35"]>span>b{
font-size: 23px;
}
#windows>div[duaview]>div>div[size="36"]>span>b{
font-size: 24px;
}
#windows>div[duaview]>div>div[size="37"]>span>b{
font-size: 25px;
}
#windows>div[duaview]>div>div[size="38"]>span>b{
font-size: 25px;
}
#windows>div[duaview]>div>div[size="39"]>span>b{
font-size: 25px;
}
#windows>div[duaview]>div>div[size="40"]>span>b{
font-size: 26px;
}
#windows>div[duaview]>div>div[size="41"]>span>b{
font-size: 27px;
}
#windows>div[duaview]>div>div[size="42"]>span>b{
font-size: 28px;
}
#windows>div[duaview]>div>div[size="43"]>span>b{
font-size: 29px;
}
#windows>div[duaview]>div>div[size="44"]>span>b{
font-size: 30px;
}
#windows>div[duaview]>div>div[size="45"]>span>b{
font-size: 31px;
}
#windows>div[duaview]>div>div[size="46"]>span>b{
font-size: 32px;
}
#windows>div[duaview]>div>div[size="47"]>span>b{
font-size: 33px;
}
#windows>div[duaview]>div>div[size="48"]>span>b{
font-size: 34px;
}
#windows>div[duaview]>div>div[size="49"]>span>b{
font-size: 35px;
}

#quran>div[quran]>div>div>div>div>div>div>div>div>p[hide]{
display: none;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p a{
border: #FCA80E 2px double;
margin: 5px;
display: inline-block;
padding: 0 5px;
line-height: 1.4;
border-radius: 7px;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p a>b{
display: none;
}
#TQuran,#TQuran *{
direction: ltr !important;
font-size: 18px;
}

#quran>div[quran]>div>div>div>div>div>div>div>div>div{
position: absolute;
left: 39px;
top: -9px;
height: 38px;
right: 0;
direction: ltr;
text-align: left;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>div>button{
border: solid 1px #E0A800;
background-color: #fcfcfc;
min-width: 110px;
height: 38px;
font-size: 18px;
line-height: 1;
margin-left: -1px;
border-radius: 7px 7px 0 0;
padding: 0 5px;
color: #232323;
}
body[ar] #quran>div[quran]>div>div>div>div>div>div>div>div>div>button[translate] {
display: none;
}
body[dark] #quran>div[quran]>div>div>div>div>div>div>div>div>div>button{
background-color: #3f3f3f;
color: #eee !important;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>div>button:hover{
background-color: #eee;
}
body[dark] #quran>div[quran]>div>div>div>div>div>div>div>div>div>button:hover{
background-color: #2A2A2A;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>div>button[sel],#quran>div[quran]>div>div>div>div>div>div>div>div>div>button[sel]:hover{
background-color: #fcfcfc;
border-bottom-color: #fcfcfc;
}
#quran>div[quran][antique]>div>div>div>div>div>div>div>div>div>button[sel],#quran>div[quran][antique]>div>div>div>div>div>div>div>div>div>button[sel]:hover{
background-color: #FCEED2;
color: #232323 !important;
}
#quran>div[quran][sun]>div>div>div>div>div>div>div>div>div>button[sel],#quran>div[quran][sun]>div>div>div>div>div>div>div>div>div>button[sel]:hover{
background-color: #fcfcfc;
color: #232323 !important;
}
#quran>div[quran][moon]>div>div>div>div>div>div>div>div>div>button[sel],#quran>div[quran][moon]>div>div>div>div>div>div>div>div>div>button[sel]:hover{
background-color: #1C1C1C;
color: #FCFCFC;
border-bottom-color: #1C1C1C;
color: #eee;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>div>samp{
color: #FC0E0E;
font-size: 56px;
position: fixed;
top: 107px;
line-height: 1;
right: 0;
text-shadow: 0px 2px 3px rgba(0,0,0,0.35);
z-index: 14;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p>span:hover,#quran>div[quran]>div>div>div>div>div>div>div>div>p>span[sel]{
background-color: #D2EEFC;
}
#quran>div[quran][moon]>div>div>div>div>div>div>div>div>p>span:hover,#quran>div[quran][moon]>div>div>div>div>div>div>div>div>p>span[sel]{
background-color: #2A2A2A;
}
#quran>div[quran][antique]>div>div>div>div>div>div>div>div>p>span:hover,#quran>div[quran][antique]>div>div>div>div>div>div>div>div>p>span[sel]{
background-color: #FCE4B6;
}
#quran>div[quran]>div>div>div>div>div>div>div>div>p>span[tname]:hover{
background-color: transparent;
}
#rightm {
border:1px solid #e0e0e0;
position:fixed;
left:0;
top:42px;
width:210px;
height:42px;
z-index:200000000;
text-align:center;
background-color: #FCFCFC;
color: #545454;
}
#BNotification,.phelp a {
box-shadow:0 2px 7px 0 rgba(0,0,0,.14)
}
#rightm:before {
content:'';
border:7px solid transparent;
background-color:transparent;
position:absolute;
left:0;
bottom:-7px;
width:0;
height:0;
right:0;
margin:0 auto;
border-bottom:7px solid #fcfcfc;
border-left:7px solid #fcfcfc;
transform:rotateZ(-45deg);
-webkit-transform:rotateZ(-45deg);
}
#rightm>samp {
width:42px;
height:42px;
float:left;
line-height:1.4;
font-size:24px;
cursor:pointer;
}
#rightm>samp[type=play] {
line-height:1.4;
color:#0bf;
text-shadow: 0 1px 0 #009bd4, 0 -1px 0 #009bd4, 1px 0px 0 #009bd4, -1px 0px 0 #009bd4;
}
#rightm>samp[type=bookmark][sel],#rightm>samp[type=close] {
color:#fc0000;
text-shadow:0 1px 0 #d20000,0 -1px 0 #d20000,1px 0 0 #d20000,-1px 0 0 #d20000
}
#rightm>samp[type=bookmark] {
color:#fcfcfc;
text-shadow: 0 1px 0 #545454,0 -1px 0 #545454,1px 0 0 #545454,-1px 0 0 #545454;
}
#rightm>samp[type=lang] {
color:#545454;
text-shadow:none
}
#rightm>samp[type=setting] {
color:#545454;
text-shadow:none
}
#Quraninfo>p{
font-size: 21px;
text-align: center;
padding: 28px 0;
}
#Quraninfo>ol>li{
font-size: 18px;
margin: 7px 0 0 35px;
}
#Quransort>div>ul{
margin: 0 28px;
list-style: none;
}
#Quransort>div>ul>li{
border: solid 1px #D2D2D2;
border-radius: 7px 7px 0 0;
background-color: #fcfcfc;
display: inline-block;
padding: 7px;
border-bottom-width: 0;
position: relative;
margin-right: 7px;
font-size: 18px;
height: 36px;
}
#Quransort>div>ul>li:hover{
background-color: #eee;
}
#Quransort>div>ul>li[sel]:hover{
background-color: #fcfcfc;
}
#Quransort>div>ul>li[Sort]{
border: none;
border-radius: 0;
background-color: transparent;
display: inline-block;
padding: 7px;
}
#Quransort>div>ul>li[Sort]>h3{
font-size: 21px;
font-weight: normal;

}
#Quransort>div>ul>li[sel]:before{
content: '';
background-color: #fcfcfc;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
height: 14px;
z-index: 1;
}
#Quransort>div>div{
border: solid 1px #D2D2D2;
border-radius: 7px;
background-color: #fcfcfc;
box-shadow: 0px 2px 14px 0px rgba(0, 0, 0, 0.14);
height: 280px;
margin: 0px 14px 14px 14px;
position: relative;
overflow: auto;
}
#Quransort>div>div>div{
text-align: center;
}
#Quransort>div>div>div>a{
padding: 7px 7px 7px 42px;
display: inline-block;
font-size: 18px;
margin: 7px;
position: relative;
color: #383838;
border-radius: 14px;
width: 110px;
text-align: center;
}
#Quransort>div>div>div>a:hover{
background-color: #eee;
}
#Quransort>div>div>div>a>b{
font-weight: normal;
font-size: 18px;
position: absolute;
left: 7px;
top: 10px;
line-height: 1.8;
background-color: #eee;
height: 28px;
width: 28px;
border-radius: 50%;
text-align: center;
}
#Quransort>div>div>div>a:hover>b{
background-color: #C4FC00;
}
.select {
position:relative;
height:42px;
margin:14px 7px 7px 7px;
padding: 14px 0 7px 0;
}
.select>select {
width:100%;
padding:0 5px;
border-radius:5px;
border:1px solid #d2d2d2;
height:49px;
text-align:center;
font-size: 21px;
background-color: #fcfcfc;
box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .14);
}
body[dark] .select>select{
border: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
.select>label {
position: absolute;
left: 14px;
top: 0;
background-color: #fcfcfc;
padding: 0 3px;
line-height: 1;
font-size: 21px;
overflow: hidden;
color: #464646;
}
body[ar] .select>label ,body[fa] .select>label{
left: auto !important;
right: 14px;
}
body[dark] .select>label{
background-color: #3f3f3f;
color: #eee;
}
.select>label[logo] {
position:absolute;
left:1px;
top:1px;
background-color:transparent;
height:42px;
border-radius:5px 0 0 5px;
font-size:28px;
line-height:1.54;
color:rgba(0,0,0,0.28);
}
.select>label[star] {
right:0;
left:auto;
background:none;
color:#fc0000;
font-size:21px;
top:5px;
}
.checkbox{
position: relative;
min-height: 28px;
margin: 14px 7px 7px 7px;
}
.checkbox>input{
display: none;
}
.checkbox>label:nth-child(1){
padding-left: 63px;
}
body[ar] .checkbox>label:nth-child(1) ,body[fa] .checkbox>label:nth-child(1){
padding-left: 0;
padding-right: 63px;
}
.checkbox>label:nth-child(3){
border: solid 1px #D2D2D2;
border-radius: 5px;
background-color: #fcfcfc;
position: absolute;
left: 0;
top: 0;
width: 56px;
height: 28px;
}
body[ar] .checkbox>label:nth-child(3) ,body[fa] .checkbox>label:nth-child(3){
left: auto;
right: 0;
}
body[dark] .checkbox>label:nth-child(3){
border: solid 1px #1C1C1C;
background-color: #3f3f3f;
}
.checkbox>label:nth-child(3):before{
content: '';
border: solid 1px #D2D2D2;
border-radius: 5px;
background-color: #E0E0E0;
position: absolute;
left: -1px;
top: -1px;
width: 28px;
height: 28px;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease 0.2s;
}
.checkbox>label:nth-child(3):after{
content: '';
background-color: rgba(0, 0, 0, 0.42);
box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.42),0 -4px 0 0 rgba(0, 0, 0, 0.42);
position: absolute;
left: 7px;
top: 13px;
width: 14px;
height: 2px;
-moz-transition:all 0.2s ease-in-out;
-webkit-transition:all 0.2s ease-in-out;
transition:all 0.2s ease 0.2s;
}
.checkbox>input:checked~label:nth-child(3):before{
border: solid 1px #008CFC;
background-color: #2AB6FC;
left: 27px;
}
.checkbox>input:checked~label:nth-child(3):after{
left: 35px;
}
.input{
position: relative;
height: 42px;
margin: 14px 7px 7px 7px;
padding: 14px 0 7px 0;
}
.input>select {
border:solid 1px rgba(0, 0, 0, .14);
border-radius:7px;
background-color:rgb(255, 255, 255);
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
width:100%;
height:49px;
text-align:center;
font-size:21px;
}
.textarea{
height: auto;
}
.input>input {
border-radius:7px;
background-color:rgb(255, 255, 255);
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
height:49px;
text-align:center;
font-size:21px;
width: calc(100% - 14px);
padding: 0 5px;
border: 1px solid #d2d2d2;
}

.input>textarea{
width: calc(100% - 14px);
padding: 0 5px;
border-radius: 5px;
border: 1px solid #d2d2d2;
height: 140px;
text-align: center;
}
.input *[invalid],.captcha *[invalid]{
border: 1px solid #FCA80E;
box-shadow: 0 0 5px 0 #FCA80E;
}
.input>label{
position:absolute;
left:14px;
top:0;
background:#fcfcfc;
padding:0 7px;
line-height:1;
font-size:21px;
overflow:hidden;
color: #464646;
height: 25px;
}
.input>label[Hijres1]{
padding:0 3px;
}
body[ar] .input>label ,body[fa] .input>label{
left: auto;
right: 14px;
}
.input>label[logo]{
position: absolute;
left: 1px;
top: 14px;
background-color: transparent;
height: 42px;
border-radius: 5px 0 0 5px;
font-size: 28px;
line-height: 1.54;
color: rgba(0, 0, 0, 0.28);
}
body[ar] .input>label[logo] ,body[fa] .input>label[logo]{
left: auto;
right: 1px;
}
.input>label[star]{
right: 0;
left: auto;
background: none;
color: #fc0000;
font-size: 21px;
top: 5px;
}
.input>label[star][for=ESettingCityLongitude],.input>label[star][for=ESettingCityLatitude]{
right: 56px;
}
.button {
position:relative;
margin:0 7px 7px 7px;
}
.button>button {
border:solid 1px #8CD200;
border-radius:5px;
background-color:#A8FC00;
width:100%;
height:49px;
color:#385400;
font-size: 21px;
}
.button>label {
color:#464646;
padding:7px 5px 0 5px;
height: 21px;
font-size: 21px;
line-height: 1;
display: block;
}
body[dark] .button>label {
color:#fcfcfc;
}
.button>label[logo] {
position:absolute;
padding:0 5px;
left:1px;
top:30px;
background-color:transparent;
height:42px;
border-radius:5px 0 0 5px;
font-size:35px;
line-height:1.4;
color:rgba(0,0,0,0.42) !important;
}
.button>p {
color:#464646;
font-size:14px;
padding:0 0 7px 0 !important;
line-height:1.4;
font-size: 18px;
}
body[dark] .button>p {
color:#fcfcfc;
}
.button>label[star] {
right:0;
left:auto;
background:none;
color:#fc0000;
font-size:21px;
top:28px;
position:absolute;
}
#qibla{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 70px 0;
text-align: center;
}
#qibla>div{
width: 308px;
height: 308px;
background: #fcfcfc url(../img/compass-560px.png) no-repeat center;
background-size: contain;
border-radius: 50%;
margin: auto;
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
position: relative;
}
body[dark] #qibla>div{
background-blend-mode: exclusion;
}
#qibla>div>div{
width: 308px;
height: 308px;
background: url(../img/compass-d-560px.png) no-repeat center;
background-size: contain;
position: absolute;
left: 0;
top: 0;
transform: rotate(0);
-webkit-transition: 3s ease-out;
transition: 2s ease-out;
}
#qibla>span{
border-radius: 14px;
background-color: rgba(252, 252, 252, 0.84);
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
width: 100%;
max-width: calc(100% - 42px);
display: inline-block;
margin: 28px 0;
position: relative;
z-index: 1;
line-height: 1.84;
}
body[dark] #qibla>span{
background-color: rgba(0, 0, 0, 0.35);
}
#qibla>span[img]{
margin: 0 0 28px 0;
}
#qibla>span[img]>img{
border-radius: 14px 14px;
max-height: 210px;
margin: 0 auto;
}
#qibla>span>p{
font-size: 18px;
padding: 14px;
}
#qibla>span>p *[red]{
color: #FC0000;
}
#qibla>span>p u[degree]{
color: #fcfcfc;
background-color: #1c1c1c;
padding: 0 7px;
display: inline-block;
border-radius: 7px;
text-decoration: none;
font-size: 21px;
line-height: 1.4;
}
#prayertime{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 70px 0;
text-align: center;
}
#prayertime>div[praytimes]>h1{
text-shadow: 0px 1px 0px rgba(252, 252, 252, 0.7), 0px -1px 0px rgba(252, 252, 252, 0.7), 1px 0px 0px rgba(252, 252, 252, 0.7), -1px 0px 0px rgba(252, 252, 252, 0.7);
font-size: 35px;
text-align: center;
line-height: 1.4;
padding-bottom: 14px;
color: #1c1c1c;
font-weight: normal;
}
body[dark] #prayertime>div[praytimes]>h1{
text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
color: #eee;
}
#prayertime>div[praytimes]>h1 *{
font-size: 42px;
font-style: normal;
font-weight: normal;
color: #1c1c1c;
}
body[dark] #prayertime>div[praytimes]>h1 *{
color: #eee;
}
#prayertime>div[praytimes]>h1>u{
text-decoration: none;
font-size: 18px;
display: block;
line-height: 1;
}
#prayertime>div>ul{
font-size: 21px;
font-weight: normal;
max-width: 378px;
display: inline-block;
text-align: center;
}
#prayertime>div>ul>li{
border-radius: 14px;
background-color: rgba(238, 238, 238, 0.7);
width: 110px;
height: 98px;
display: inline-table;
text-align: center;
margin: 7px 3px 0 3px;
color: #383838;
}
body[dark] #prayertime>div>ul>li{
background-color: rgba(0, 0, 0, 0.7);
}
body[dark] #prayertime>div>ul>li[active]{
background-color: #546200;
}
#prayertime>div>ul>li[sunset]>u:lang(fr),#prayertime>div>ul>li[midnight]>u,#prayertime>div>ul>li[month]>a>u:lang(fr){
line-height: 1.2;
display: inline-grid;
}
#prayertime>div>ul>li[sunset]>b:lang(fr),#prayertime>div>ul>li[midnight]>b{
line-height: 1;
display: table-row;
}
#prayertime>div>ul>li[disabled]{
background-color: rgba(245, 245, 245, 0.35);
color: #707070;
}
#prayertime>div>ul>li>u ,#prayertime>div>ul>li[month]>a>u{
text-decoration: none;
font-size: 21px;
}
body[ar] #prayertime>div>ul>li[sunrise]>u,body[fr] #prayertime>div>ul>li[sunrise]>u,body[fr] #prayertime>div>ul>li[sunset]>u, body[ch] #prayertime>div>ul>li[maghrib]>u{
line-height: 1.2;
display: inline-grid;
}
body[de] #prayertime>div>ul>li[sunrise] ,body[de] #prayertime>div>ul>li[sunset]{
display: inline-grid;
}
body[de] #prayertime>div>ul>li[sunrise]>u ,body[de] #prayertime>div>ul>li[sunset]>u{
text-overflow: ellipsis;
overflow: hidden;
}
#prayertime>div>ul>li>b ,#prayertime>div>ul>li[month]>a>b{
display: block;
font-size: 28px;
font-weight: normal;
}
body[ar] #prayertime>div>ul>li[sunrise]>b ,body[fr] #prayertime>div>ul>li[sunrise]>b ,body[fr] #prayertime>div>ul>li[sunset]>b ,body[ch] #prayertime>div>ul>li[maghrib]>b{
line-height: 1;
display: table-row;
}
#prayertime>div>ul>li[sel]{
background-color: #7eeefc;
color: #004654;
}
#prayertime>div>ul>li[active]{
background-color: #c4fc00;
color: #386200;
}
#prayertime>div>ul>li[month]{
background-color: #D2D2D2;
cursor: pointer;
border: 1px solid #A8A8A8;
width: 108px;
height: 82px;
}
#prayertime>div>ul>li[month]>a{
color: #383838;
}
#prayertime>div>ul>li[top]{
width: 354px;
height: 56px;
display: block;
background-color: transparent !important;
margin: 0 auto;
position: relative;
}
#prayertime>div>ul>li[top]>pre{
font-size: 28px;
line-height: 1.2;
border-radius: 14px;
background-color: rgba(238, 238, 238, 0.7);
height: 56px;
text-align: center;
color: #383838;
position: absolute;
top: 0;
left: 63px;
right: 63px;
}
body[dark] #prayertime>div>ul>li[top]>pre{
background-color: rgba(0, 0, 0, 0.7);
color: #eee;
}
#prayertime>div>ul>li[top]>pre>u{
display: block;
text-decoration: none;
font-size: 18px;
}
#prayertime>div>ul>li[top]>button{
height: 56px;
width: 56px;
position: absolute;
top: 0;
left: 0;
}
body[dark] #prayertime>div>ul>li[top]>button{
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid #000;
border-radius: 5px;
}
body[dark] #prayertime>div>ul>li[top]>button[disabled]{
background-color: rgba(0, 0, 0, 0.21);
border: 1px solid #1C1C1C;
color: #9A9A9A;
}
#prayertime>div>ul>li[top]>button:last-child{
right: 0;
left: auto;
}
#prayertime>div>ul>li[bottom]{
width: calc(100% - 14px);
height: auto;
display: block;
margin: 14px auto 0 auto;
position: relative;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.28);
line-height: 1.4;
font-size: 18px;
}
body[dark] #prayertime>div>ul>li[bottom]{
color: #eee;
}
#prayertime>div>ul>li[bottom]>u{
color: #008CFC;
font-size: 18px;
}
body[dark] #prayertime>div>ul>li[bottom]>u{
color: #62B6FC;
}
#prayertime>div>ul>li[bottom]>u[showsetting]{
cursor: pointer;
}
#prayertime>div[hadith] {
border:solid 1px #A8E000;
border-radius:7px;
background-color:#EEFCD2;
box-shadow:0px 2px 14px 0px rgba(0,0,0,0.14);
position:relative;
max-width:700px;
margin:28px auto;
padding:14px 7px 7px 7px;
text-align:center;
}
body[dark] #prayertime>div[hadith]{
background-color: #2A3815;
}
#prayertime>div[hadith]>p {
font-size:35px;
padding-bottom:7px;
line-height: 1.8;
}
#prayertime>div[hadith]>p[translate] {
font-size:21px;
line-height:1.4;
border-top:dashed 1px #A8E000;
padding-top:7px;
}
#prayertime>div[hadith]>p>x {
font-size:35px;
}
#prayertime>div[hadith]>p>u {
position:absolute;
right:14px;
top:-21px;
text-decoration:none;
border:solid 1px #A8E000;
border-radius:7px;
background-color:#fcfcfc;
font-size:16px;
padding:0 7px;
}
body[dark] #prayertime>div[hadith]>p>u{
background-color:#000;
}
#prayertime>div[hadith]>p>i {
color:#1C1C1C;
line-height: 1.4;
display: flex;
font-size: 18px;
}
body[dark] #prayertime>div[hadith]>p>i{
color: #eee;
text-shadow: none;
}
#prayertime>div[hadith]>p[translate]>u {
top:auto;
bottom:auto;
right:auto;
position:relative;
border:none;
background-color:transparent !important;
display: block;
}
#calender{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 70px 0;
text-align: center;
}
body[dark] #prayertime>div[hadith]>p>i{
color: #eee;
text-shadow: none;
}
#calender>div {
border:solid 1px #8CD200;
background-color:#fcfcfc;
margin:0 auto;
position:relative;
min-width:336px;
margin-bottom: 35px;
}
body[dark] #calender>div{
background-color: #3f3f3f;
}
#calender>div>div {
left:0;
top:0;
height:396px;
border-bottom:1px solid #8cd200;
width:100%;
position:relative;
overflow:hidden;
}
#calender>div>div[img] {
background-color:#8CD200;
left:auto;
right:0;
}
body[dark] #calender>div>div[img] {
background-color:#628C00;
}
#calender>div>div[img]>div {
position:relative;
height:396px;
width:100%;
}
#calender>div>div[img]>div>div {
position:absolute;
bottom:14px;
left:14px;
right:14px;
height:252px;
background-color:#fcfcfc;
background-size:cover;
background-position:center;
}
#calender>div>div[img]>div>div>time {
padding:7px;
font-size:21px;
}
#calender>div>div[img]>div>p {
position:absolute;
top:28px;
left:84px;
right:0;
font-size:28px;
text-align:center;
line-height:1;
margin:0 auto;
display:inline-table;
color:#2a3800;
}
#calender>div>div[img]>div>p>b {
font-size:84px;
color:#fcfcfc;
position:absolute;
left:-84px;
text-shadow:0 1px 0 #70a800,0 -1px 0 #70a800,1px 0px 0 #70a800,-1px 0px 0 #70a800;
top:-5px;
width:84px;
text-align:center;
}
#calender>div>div[cal]>div:nth-child(1) {
margin:7px;
position:relative;
}
#calender>div>div[info] {
width:auto;
position:relative;
height:auto;
margin-top:0;
}
#calender>div>div[info]>p {
text-align:center;
font-size:21px;
}
#calender>div>div[info]>p>u {
font-size:21px;
text-decoration:none;
}
#calender>div>div[info]>ol {
padding-left:28px;
}
body[ar] #calender>div>div[info]>ol,body[fa] #calender>div>div[info]>ol{
padding-left: 0;
padding-right: 28px;
}
@keyframes Rload {
0% {
box-shadow:20px 0 #15d2fc,-20px 0 #7EEEFC;
background:#15d2fc
}
33% {
box-shadow:20px 0 #15d2fc,-20px 0 #7EEEFC;
background:#7EEEFC
}
66% {
box-shadow:20px 0 #7EEEFC,-20px 0 #15d2fc;
background:#7EEEFC
}
100% {
box-shadow:20px 0 #7EEEFC,-20px 0 #15d2fc;
background:#15d2fc
}
}
#calender>div>div[info]>ol[wait]::before {
content:'';
width:15px;
aspect-ratio:1;
border-radius:50%;
background:#c0ff00;
box-shadow:-20px 0px,20px 0px;
-webkit-animation: Rload 1s infinite linear alternate;
animation:Rload 1s infinite linear alternate;
display:block;
margin:28px auto;
}
#calender>div>div[info]>ol>li {
font-size:18.2px;
}
#calender>div>div[info]>ol>li:nth-child(2n+1) {
background-color:#eee;
}
body[dark] #calender>div>div[info]>ol>li:nth-child(2n+1) {
background-color:rgba(0, 0, 0, 0.28);
}
#moon {
border:solid 1px #fff;
border-radius:7px;
background-color:#000000;
width:70px;
height:70px;
position:absolute;
left:0;
background-size:contain;
}
#Hijre {
width:140px;
height:70px;
position:absolute;
right:0;
line-height:1.2;
text-align:center;
padding-top:7px;
font-size:18.2px;
}
#Hijre>b {
font-size:35px;
font-weight:normal;
line-height:1;
}
#milshacal {
height:70px;
margin:0 126px 0 70px;
text-align:center;
padding-top:7px;
line-height:1.82;
}
#calender>div>div[cal]>div[button] {
position:relative;
height:42px;
}
#calender>div>div[cal]>div[button]>button {
position:absolute;
height:42px;
width:42px;
top:0;
right:7px;
border:none;
border-radius:5px;
}
body[dark] #calender>div>div[cal]>div[button]>button{
background-color: rgba(0, 0, 0, 0.7);
border: 1px solid #000;
border-radius: 5px;
}
body[dark] #calender>div>div[cal]>div[button]>button[disabled]{
background-color: rgba(0, 0, 0, 0.21);
border: 1px solid #1C1C1C;
color: #9A9A9A;
}
#calender>div>div[cal]>div[button]>button:nth-child(2) {
right:auto;
left:7px;
}
#calender>div>div[cal]>div[button]>pre {
text-align:center;
font-size:21px;
}
#calenderT {
position:relative;
height:266px;
}
#calenderT>table {
width: calc(100% - 14px);
margin: 0 auto;
}
#calenderT>p {
position:absolute;
right:0px;
bottom:7px;
color:#008cfc;
text-shadow:0px 1px 1px rgba(0,0,0,0.28);
padding:0 7px;
cursor:pointer;
text-decoration:underline;
}
#calenderT>p[sel1] {
display:none;
}
#calenderT>table>thead tr {
height:63px;
}
#calenderT>table>thead td {
position:relative;
width:14%;
}
#calenderT>table>thead td>span {
position:absolute;
transform:rotate(-45deg);
line-height:1.4;
left:0;
bottom: 21px;
width: 77px;
text-align: left;
}
#calenderT>table>tbody td {
text-align:center;
line-height:1.68;
font-size:21px;
position:relative;
border-radius:5px;
}
#calenderT>table>tbody td:hover,
#calenderT>table>tbody td[sel1] {
background-color:#E0E0E0;
}
body[dark] #calenderT>table>tbody td:hover,
body[dark] #calenderT>table>tbody td[sel1]{
background-color:rgba(0, 0, 0, 0.49);
}
#calenderT>table>tbody td[sel] {
background-color:#7EEEFC !important;
color: #232323;
}
#calenderT>table>tbody td>b {
position:absolute;
right:2px;
top:0;
font-weight:normal;
font-size:12px;
line-height:1.4;
}
body[dark] #calenderT>table>tbody td[sel]>b{
color: #232323;
}
#calenderT>table>tbody td:before {
content:'';
width:0;
height:0;
position:absolute;
left:0;
top:0
}
#calenderT>table>tbody td[bri]:before {
border:5px solid #00d2fc;
border-bottom:5px solid transparent;
border-right:5px solid transparent;
}
#calenderT>table>tbody td[sha]:before {
border:5px solid #232323;
border-bottom:5px solid transparent;
border-right:5px solid transparent;
}
body[dark] #calenderT>table>tbody td[sha]:before{
border:5px solid #000;
border-bottom:5px solid transparent;
border-right:5px solid transparent;
}
#calenderT>table>tbody td[muh]:before {
border:5px solid #720000;
border-bottom:5px solid transparent;
border-right:5px solid transparent;
}
#dua{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 70px 0;
text-align: center;
}
#dua>div{
border-radius: 14px;
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
width: 100%;
max-width: calc(100% - 63px);
display: inline-block;
margin: 28px 0;
position: relative;
z-index: 1;
line-height: 1.84;
background: rgba(252, 252, 252, 0.84) url(../img/quran/r.png) repeat-y right 37px;
padding-right: 35px;
}
body[dark] #dua>div {
background-color: rgba(0, 0, 0, 0.35);
}
#dua>div>ul{
list-style: none;
}
#dua>div>ul>li {
height:63px;
line-height:1.4;
position:relative;
}
#dua>div>ul>li:nth-child(2n+1) {
background-color:rgba(0, 0, 0, .07);
}
body[dark] #dua>div>ul>li:nth-child(2n+1) {
background-color: rgba(0, 0, 0, 0.35);
}
#dua>div>ul pre{
font-size: 28px;
overflow: hidden;
text-overflow: ellipsis;
min-height: 42px;
}
#dua>div>ul b{
position:absolute;
bottom:0;
font-weight:normal;
left:0;
right:0;
}
*[loaddua]{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(252, 252, 252, 0.70);
z-index: 14;
}
*[loaddua]:before{
content: '';
width: 140px;
height: 140px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(252, 252, 252, 0.28) url(../img/dua.png) no-repeat center;
background-size: contain;
border-radius: 50%;
box-shadow: 0 0px 5px 5px rgba(0, 0, 0, 0.28);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
*[loaddua]:after{
content: '';
width: 128px;
height: 128px;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
border-radius: 50%;
border: 2px dashed #FCA80E;
animation: spin 3.5s linear infinite;
}
#tasbih{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 70px 0;
text-align: center;
}
#tasbih>div {
max-width:490px;
margin:0 auto;
}
#tasbih>div[select] {
border:solid 1px rgba(0, 0, 0, .14);
border-radius:14px;
background-color:#FCFCFC;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .14);
height:98px;
position:relative;
overflow:hidden;
color:#464646;
margin:28px auto 14px auto;
font-size:35px;
line-height:2.8;
padding:0 56px 0 70px;
}
#tasbih>div[select]:before {
content:'';
position:absolute;
left:14px;
top:14px;
bottom:14px;
background:no-repeat center;
width:70px;
background-size:contain;
}
body[dark] #tasbih>div[select] {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
body[tday=shahadat] #tasbih>div[select] {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
body[tday=muharram] #tasbih>div[select] {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
body[dark][tday=veladat] #tasbih>div[select] {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
#tasbih>div[select][faraje]:before {
background-image:url(tasbih-doaa-faraje.png);
background-size:contain;
}
#tasbih>div[select][salawat]:before {
background-image:url(tasbih-salawat.png);
background-size:contain;
}
#tasbih>div[select][tasbih1]:before {
background-image:url(tasbih-1.png);
background-size:contain;
}
#tasbih>div[select][tasbih2]:before {
background-image:url(tasbih-2.png);
background-size:contain;
}
#tasbih>div[select]:after {
content:'\f031';
font-family:'RojatFont';
position:absolute;
right:0;
top:14px;
bottom:14px;
width:70px;
line-height:2.1;
}
#tasbih>div>div {
border:solid 1px rgba(0, 0, 0, .14);
background-color:rgba(252, 252, 252, 0.84);
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .14);
height:168px;
position:relative;
width: calc(100% - 21px);
margin: 14px auto;
}
body[dark] #tasbih>div>div {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
body[tday=shahadat] #tasbih>div>div {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
body[tday=muharram] #tasbih>div>div {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
body[dark][tday=veladat] #tasbih>div>div {
border:solid 1px #8c8c8c;
box-shadow:0 2px 5px 0 rgba(0, 0, 0, .28);
background:#464646 no-repeat center;
color:#fcfcfc;
}
#tasbih>div>div[select] {
height: auto;
background-color: transparent;
box-shadow: none;
border: none;
width: 90%;
margin: 14px auto;
}
body[dark] #tasbih>div>div[select] {
border: none;
box-shadow:none;
background:none;
}
#tasbih>div>div[tasbih] {
border-radius:140px 140px 14px 14px;
width:280px;
height:504px;
margin:0 auto;
}
#tasbih>div>div[tasbih]>span[click] {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:50%;
background-color:rgb(252, 224, 0);
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
position:absolute;
right:14px;
top:14px;
width:252px;
height:252px;
text-align:center;
color:#8c7800;
font-size:140px;
line-height:1.82;
}
#tasbih>div>div[tasbih]>span[click]:hover {
background-color:#E0C400;
}
#tasbih>div>div[tasbih]>div {
position:absolute;
left:-7px;
top:280px;
right:-7px;
}
#tasbih>div>div[tasbih]>div>label {
font-size:21px;
color:#464646;
}
body[dark] #tasbih>div>div[tasbih]>div>label {
color:#f2f2f2;
}
body[tday=shahadat] #tasbih>div>div[tasbih]>div>label {
color:#f2f2f2;
}
body[tday=muharram] #tasbih>div>div[tasbih]>div>label {
color:#f2f2f2;
}
body[dark][tday=veladat] #tasbih>div>div[tasbih]>div>label {
color:#f2f2f2;
}
#tasbih>div>div[tasbih]>div>input {
font-size:28px;
color:#464646;
width:100%;
border:solid 1px rgba(0, 0, 0, .14);
border-radius:7px;
background-color:#fff;
height:54px;
text-align:center;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
}
body[dark] #tasbih>div>div[tasbih]>div>input {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[tday=shahadat] #tasbih>div>div[tasbih]>div>input {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[tday=muharram] #tasbih>div>div[tasbih]>div>input {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[dark][tday=veladat] #tasbih>div>div[tasbih]>div>input {
background-color:#2A2A2A;
color:#f2f2f2;
}
#tasbih>div>div[tasbih]>span[add] {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:7px;
background-color:#FCE000;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
position:absolute;
right:14px;
bottom:63px;
left:14px;
height:42px;
text-align:center;
color:#544600;
font-size:21px;
}
#tasbih>div>div[tasbih]>span[add]:hover {
background-color:#E0C400;
}
#tasbih>div>div[tasbih]>span[reset] {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:7px;
background-color:#FC0000;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
position:absolute;
left:14px;
bottom:14px;
width:98px;
height:35px;
text-align:center;
color:#fff;
line-height:1.96;
font-size:18px;
}
#tasbih>div>div[tasbih]>span[reset]:hover {
background-color:#E00000;
}
#tasbih>div>div[send] {
height:auto;
border-radius:14px 70px 70px 14px;
}
body[rtl] #tasbih>div>div[send] {
border-radius:70px 14px 14px 70px;
}
#tasbih>div>div[send]>button {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:55px;
background-color:#A8FC00;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
position:absolute;
right:14px;
top:14px;
width:110px;
text-align:center;
bottom:14px;
color:#588400;
font-size:49px;
min-height:56px;
width:110px;
}
body[rtl] #tasbih>div>div[send]>button {
right:auto;
left:14px;
}
#tasbih>div>div[send]>button:hover {
background-color:#8CE000;
}
#tasbih>div>div[send]>div {
padding:7px 133px 7px 7px;
}
body[rtl] #tasbih>div>div[send]>div {
padding:7px 7px 7px 133px;
}
#tasbih>div>div[send]>div>label {
font-size:21px;
color:#464646;
line-height:1;
}
#tasbih>div>div[send]>div>label>u {
color:#00c4fc;
font-size:21px;
}
#tasbih>div>div[send]>div>label>u>b {
color:#00c4fc;
font-size:21px;
font-weight:normal;
}
#tasbih>div>div[send]>div>p {
font-size:16px;
color:#464646;
padding-top:14px;
line-height:1.4;
}
body[dark] #tasbih>div>div[send]>div>label,
body[dark] #tasbih>div>div[send]>div>p {
color:#fcfcfc;
}
body[tday=shahadat] #tasbih>div>div[send]>div>label,
body[tday=shahadat] #tasbih>div>div[send]>div>p {
color:#fcfcfc;
}
body[tday=muharram] #tasbih>div>div[send]>div>label,
body[tday=muharram] #tasbih>div>div[send]>div>p {
color:#fcfcfc;
}
body[dark][tday=veladat] #tasbih>div>div[send]>div>label,
body[dark][tday=veladat] #tasbih>div>div[send]>div>p {
color:#fcfcfc;
}
#tasbih>div>div[help] {
height:auto;
border-radius:14px 28px 14px 14px;
text-align:left;
padding:14px 7px 14px 21px;
color:#464646;
width: calc(90% - 14px);
margin: 14px auto 35px auto;
font-size: 18px;
line-height: 1.4;
}
body[ar] #tasbih>div>div[help],body[fa] #tasbih>div>div[help]{
padding:14px 21px 14px 7px;
text-align:right;
}
#tasbih>div>div[help]>samp {
color:#00c4fc;
position:absolute;
right:14px;
top:14px;
font-size:42px;
line-height:1;
}
body[ar] #tasbih>div>div[help]>samp,body[fa] #tasbih>div>div[help]>samp{
left:14px;
right:auto;
}
#tasbih>div>div[help]>ol>li {
padding-top:7px;
}
#tasbih>div>div[help]>ol>li:first-child {
padding-right:42px;
}
body[ar] #tasbih>div>div[help]>ol>li:first-child,body[fa] #tasbih>div>div[help]>ol>li:first-child{
padding-left:42px;
padding-right:0;
}
body[rtl] #tasbih>div>div[help] {
border-radius:28px 14px 14px 14px;
text-align:right;
padding:14px 28px 14px 14px;
}
body[rtl] #tasbih>div>div[help]>samp {
right:auto;
left:14px;
}
body[rtl] #tasbih>div>div[help]>ol>li:first-child {
padding-right:0;
padding-left:42px;
}
#tasbih>div[wintasbih] {
background-color:rgba(0, 0, 0, .72);
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
max-width:none;
}
#tasbih>div[wintasbih]>div {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:7px;
background-color:#fff;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
position:fixed;
left:0;
top:0;
right:0;
bottom:110px;
width:91%;
height:214px;
z-index:2;
margin:auto;
max-width:560px;
overflow:hidden;
}
#tasbih>div[wintasbih]>span {
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
}
#tasbih>div[wintasbih]>div>p {
background-color:#eee;
color:#626262;
font-size:21px;
position:relative;
padding:0 42px;
}
body[dark] #tasbih>div[wintasbih]>div>p {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[tday=shahadat] #tasbih>div[wintasbih]>div>p {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[tday=muharram] #tasbih>div[wintasbih]>div>p {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[dark][tday=veladat] #tasbih>div[wintasbih]>div>p {
background-color:#2A2A2A;
color:#f2f2f2;
}
#tasbih>div[wintasbih]>div>p>samp {
background-color:#eee;
font-size:21px;
position:absolute;
right:0;
top:0;
bottom:0;
width:42px;
text-align:center;
line-height:1.82;
}
body[dark] #tasbih>div[wintasbih]>div>p>samp {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[tday=shahadat] #tasbih>div[wintasbih]>div>p>samp {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[tday=muharram] #tasbih>div[wintasbih]>div>p>samp {
background-color:#2A2A2A;
color:#f2f2f2;
}
body[dark][tday=veladat] #tasbih>div[wintasbih]>div>p>samp {
background-color:#2A2A2A;
color:#f2f2f2;
}
#tasbih>div[wintasbih]>div>span {
border:solid 1px rgb(0, 0, 0, .42);
border-radius:7px;
background-color:#FCE000;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
position:absolute;
right:14px;
bottom:14px;
left:14px;
height:42px;
text-align:center;
color:#544600;
font-size:21px;
}
#tasbih>div[wintasbih]>div>span:hover {
background-color:#E0C400;
}
#tasbih>div[wintasbih]>div>input {
font-size:28px;
color:#464646;
width:91%;
border:solid 1px #00C4FC;
border-radius:7px;
background-color:#fff;
height:54px;
text-align:center;
box-shadow:0 3px 7px 0 rgba(0, 0, 0, .14);
margin:14px;
}
#about{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
background-color: #c4fcfc;
padding: 70px 0;
text-align: center;
}
body[dark] #about{
background-color: #232323;
}
#about>div>p{
font-size: 28px;
padding: 14px 7px;
line-height: 1.4;
}
#about>div>img{
width: 182px;
}
#about>div>span{
text-align: center;
font-size: 35px;
color: #0E8C9A;
line-height: 1.2;
text-shadow: 0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #fff,0 -1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff;
display: block;
}
body[dark] #about>div>span{
text-shadow: 0 3px 4px rgba(0, 0, 0, .14),0 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,-1px 0 0 #000;
}
#about>div>span>b{
font-size: 14px;
color: #313131;
text-shadow: 0 5px 7px rgba(0, 0, 0, .14);
font-variant: small-caps;
font-weight: normal;
}
body[dark] #about>div>span>b{
color: #eee;
}
#about>div>span>u{
font-size: 16px;
color: #313131;
text-decoration: none;
display: block;
}
body[dark] #about>div>span>u{
color: #eee;
}
#share{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 70px 0;
text-align: center;
}
#share>div {
border-radius: 14px;
background-color: rgba(252, 252, 252, 0.84);
box-shadow: 0 -1px 2px 2px rgba(0, 0, 0, 0.12);
width: 100%;
max-width: calc(100% - 42px);
display: inline-block;
margin: 28px 0;
position: relative;
z-index: 1;
line-height: 1.84;
}
body[dark] #share>div{
background-color: rgba(0, 0, 0, 0.35);
}
#share>div[topqr] {
}
#share>div[topqr]>img {
margin: 35px 0;
border: 14px solid #eee;
box-shadow: 0 0px 0px 2px rgba(0, 0, 0, 0.14);
}
#share>div>span[button] {
border:solid 1px #B69A00;
background-color:#FCE000;
height:84px;
margin:0 -1px -1px -1px;
font-size:25.2px;
color:rgb(42, 35, 0);
line-height:1.4;
text-align:center;
position:relative;
padding-top:14px;
display: block;
}
#share>div>span[button]>samp {
font-size:49px;
position:absolute;
line-height:1.54;
color:#8c7e00;
top:14px;
}
#share>div>span[button]>samp:first-child {
left:5px;
}
#share>div>span[button]>samp:last-child {
right:5px;
}
#share>div[text]>p {
font-size:18px;
line-height:1.54;
padding: 7px;
}
#share>div[text]>span[button] {
height:42px;
}
#share>div[text]>span[button]>samp {
top:7px;
line-height:1;
font-size: 42px;
}
#closeapp{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
overflow-y: auto;
padding: 0;
text-align: center;
z-index: 1400;
background-color: #15d2fc;
}
body[dark] #closeapp{
background-color: #2A2A2A;
}
body[bri] #closeapp{
background-color: #FCEE00;
}
body[dark][bri] #closeapp{
background-color: #706200;
}
body[sha] #closeapp{
background-color: #545454;
}
body[dark][sha] #closeapp{
background-color: #232323;
}
body[muh] #closeapp{
background-color: #540000;
}
body[dark][muh] #closeapp{
background-color: #380000;
}
#closeapp>p{
text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
font-size: 35px;
width: 280px;
margin: auto;
padding-top: 35px;
line-height: 1.4;
}
body[dark] #closeapp>p{
text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
}
#closeapp>p[lang]{
font-size: 21px;
padding-top: 7px;
line-height: 1.4;
}
#closeapp>p[copyright]{
font-size: 18px;
line-height: 1.2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
#closeapp>div{
background: rgba(0, 0, 0, 0.14) url(../img/exit.png) no-repeat center;
background-size: contain;
height: 380px;
}
body[dark] #closeapp>div{
background-image: url(../img/exit-sh.png);
}
body[bri] #closeapp>div{
background-image: url(../img/exit-br.png);
}
body[dark][bri] #closeapp>div{
background-image: url(../img/exit-br.png);
}
body[sha] #closeapp>div{
background-image: url(../img/exit-sh.png);
}
body[dark][sha] #closeapp>div{
background-image: url(../img/exit-sh.png);
}
body[muh] #closeapp>div{
background-image: url(../img/exit-mu.png);
}
body[dark][muh] #closeapp>div{
background-image: url(../img/exit-mu.png);
}
#closeapp>span{
background-color: #000;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 1;
transition: all ease-out 1000ms;
}
#closeapp>span[hide1]{
opacity: 0;
transition: all ease-out 1000ms;
}
@keyframes Rload5 {
0% {
bottom: 14px;
}
25% {
left: -70px;
}
50% {
bottom: calc(100% - 120px);
}
75% {
left: 70px;
}
100% {
bottom: 14px;
}
}
#closeapp>span>p{
color: #464646;
font-size: 42px;
-webkit-animation: RTload1 2.8s linear infinite;
animation: Rload5 10s linear infinite;
position: absolute;
left: 0;
right: 0;
bottom: 0;
line-height: 1.2;
}
*[azan]{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(252, 252, 252, 0.70);
z-index: 14;
}
body[dark] *[azan]{
background-color: rgba(0, 0, 0, 0.70);
}
*[azan]>div>ul{
list-style: none;
text-align: center;
}
*[azan]>div>ul>li{
font-size: 56px;
position: fixed;
left: 0;
right: 0;
top: 140px;
transition: all ease-out 1000ms;
opacity: 1;
scale: 1;
}
*[azan]>div>ul>li[hide1]{
top: -210px;
opacity: 0;
scale: 0.21;
}
*[azan]>div>ul>li[hide2]{
transition: all ease-in 1000ms;
top: 100%;
opacity: 0;
scale: 0.21;
}
.offline {
border: solid 2px #C4A82A;
border-radius: 12px;
background-color: #FCC40E;
box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.28),0px 0px 0px 6px rgba(0, 0, 0, 0.07);
position: fixed;
left: 21px;
right: 21px;
bottom: 84px;
min-height: 110px;
z-index: 140;
transition: all ease-out 700ms;
opacity: 1;
color: #2A2300;
}
.offline *{
color: #2A2300;
}
body[dark] .offline *{
color: #150E00;
}
.offline[hide1] {
bottom: -280px;
opacity: 0;
}
.offline>samp[closeoffline] {
border-radius: 14px 0 0 0;
width: 70px;
height: 42px;
line-height: 2.1;
text-align: center;
font-size: 21px;
float: right;
}
.offline>p {
text-align: center;
font-size: 21px;
height: 42px;
}
.offline>div {
position: relative;
}
.offline>div>samp[icon] {
font-size: 49px;
text-shadow:0 2px 0 #C8A32A,-2px 0 0 #C8A32A,2px 0 0 #C8A32A,0 -2px 0 #C8A32A;
color: #FCFCFC;
position: absolute;
left: 7px;
top: 0;
}
body[dark] .offline>div>samp[icon]{
color: #2A2300;
}
.offline>div>p {
text-align: center;
padding: 0 7px 0 63px;
}