@font-face{font-family:'arial';src:url('https://gotopray.com/files/fonts/5/subset-Arial-BoldMT.woff2') format('woff2'),url('https://gotopray.com/files/fonts/5/subset-Arial-BoldMT.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
.gotopray_monthly_prayer_button{background-color:#077293;height:auto;line-height:normal;text-align:center;padding:15px;width:80%;color:#fff;border-radius:5px;display:block;margin:20px auto;font-size:12pt;white-space:normal;word-wrap:break-word}
#overlay{position:fixed;top:0;bottom:0;right:0;left:0;background:#181818;border:0 solid red;box-sizing:border-box;z-index:999999}
body{margin:0;padding:0;height:100%;direction:ltr;font:bold 11pt arial,serif,tahoma}
a{text-decoration:none}
h1,h2,h3,h4,h5{text-align:center;margin:15px 0;padding:5px}
h1{font-size:15pt}
h2,h3{font-size:13pt}
#main_website_body{background:url(https://gotopray.com/files/img/main/body-background.png);position:relative;box-sizing:border-box;width:100%}
#main_website_header{box-sizing:border-box;background:url(https://gotopray.com/files/img/main/header/header-white-background.jpg);position:relative;top:0;height:100px;width:100%}
#main_website_footer{box-sizing:border-box;background-color:#000;position:relative;bottom:0;min-height:100px;width:100%}
#header_website_logo{box-sizing:border-box;position:relative;height:100%;width:60%;margin:0 auto}
#header_logo{position:absolute;top:0;bottom:0;left:15px;margin:auto}
#navbar{background-color:#2f3036;box-sizing:border-box;position:relative;top:0;right:0;left:0;width:60%;height:30px;margin:0 auto;display:table}
#navbar_list{display:table-cell;vertical-align:middle}
#navbar_list ul{padding:0;display:inline}
#navbar_list li{color:#fff;font:bold 11pt arial;border-right:1px #fff solid;padding:0 10px;display:inline}
#navbar_list li a{color:#fff;text-decoration:none}
#navbar_list .show-menu{display:none}
#second_navbar{background-color:#000;border:0 solid blue;box-sizing:border-box;position:relative;top:0;right:0;left:0;width:60%;height:33px;margin:0 auto;display:table;border-bottom:1px solid gray;font:bold 11pt arial,serif,tahoma}
#second_navbar .first_table{display:table;padding:0;width:200px;box-sizing:border-box;line-height:33px;position:absolute;color:#fff}
#second_navbar .activate_dark_theme{display:inline-table;padding:0 10px;width:100px}
#second_navbar .activate_dark_theme_button{display:inline-table;border:2px solid #ca9700;border-radius:15%;width:45px;height:20px;line-height:20px;text-align:center;margin:0 -10px}
#second_navbar .second_table{display:table;padding:0;width:100px;box-sizing:border-box;line-height:33px;position:absolute;right:0}
#second_navbar .second_table .table_cell{display:table-cell;color:#fff;width:100px;margin:10px}
#second_navbar .second_table .table_cell select{border:1px solid #ccc;border-radius:4px;margin-top:6px}
#second_navbar .lang_select{padding:0;width:95%;color:#484848;font:bold 11pt arial,serif,tahoma}
#second_navbar option{font:bold 10pt bold;height:25px}
#breadcrumb .main_table{border:0 solid #026719;width:100%;display:table;box-sizing:border-box;margin:0 auto;margin-bottom:2px;color:red;font:bold italic 11pt arial}
#breadcrumb .table_cell{border:0 solid #000;background-color:#dcedc8;height:auto;line-height:normal}
#breadcrumb ol{list-style:none;padding:0 10px;display:inline-block;margin:7px 0}
#breadcrumb li{display:inline;padding:0}
#breadcrumb a{text-decoration:none;color:#026719}
#main_container{background-color:#fff;border-right:2px #CACACA solid;border-left:2px #CACACA solid;box-sizing:border-box;right:0;left:0;position:relative;top:0;width:60%;margin:0 auto;display:block;padding:2px;min-height:100vh;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.more_countries_button{padding:7px;background-color:#C60000;border:1px #004560 solid;display:block;margin:0 auto;margin-bottom:50px;font:bold 11pt arial,serif,tahoma}
.more_countries_button a{color:#fff;text-decoration:none}
#share{width:30%;left:0;right:0;margin:0 auto;position:fixed;bottom:10px;z-index:2}
.main_share_div{border:0 solid #000;height:50px;position:relative}
.share_button{border:0 solid blue;height:50px;width:50px;box-sizing:border-box;border-radius:50px;background-color:#C60000;position:absolute;left:0;z-index:99;opacity:.85;background-image:url(https://gotopray.com/files/img/main/share/share-wight.svg);background-size:25px 25px;background-repeat:no-repeat;background-position:center}
.share_tab{margin-left:20px;box-sizing:border-box;background-color:#212121;width:calc(100% - 25px);height:50px;position:absolute;display:block;border-radius:80px;opacity:.85;-webkit-mask-image:radial-gradient(circle at left,transparent 0,transparent 35px,#212121 36px);padding:5px 20px 5px 35px}
.share_tab_main_table{border:0 solid #fff;height:100%;width:100%;display:table}
.share_tab_table_cell{display:table-cell;border:0 solid #fff;width:20%;text-align:center;vertical-align:middle}
.contactus{height:25px;width:25px;margin:0 auto;background-size:25px 25px;background-image:url(https://gotopray.com/files/img/main/share/contact.jpg);background-repeat:no-repeat}
.email{height:30px;width:30px;margin:0 auto;background-size:30px 30px;background-image:url(https://gotopray.com/files/img/main/share/email.svg);background-repeat:no-repeat}
.settings{height:30px;width:30px;margin:0 auto;background-size:30px 30px;background-image:url(https://gotopray.com/files/img/main/share/settings.png);background-repeat:no-repeat}
.whatsapp{height:35px;width:35px;margin:0 auto;background-size:35px 35px;background-image:url(https://gotopray.com/files/img/main/share/whatsapp.svg);background-repeat:no-repeat}
.twitter{height:25px;width:25px;margin:0 auto;background-size:25px 25px;background-image:url(https://gotopray.com/files/img/main/share/twitter.svg);background-repeat:no-repeat}
.facebook{height:25px;width:25px;margin:0 auto;background-size:25px 25px;background-image:url(https://gotopray.com/files/img/main/share/facebook.svg);background-repeat:no-repeat}
#monthly_salat_times{margin-top:0;border:1px solid #7f7777;box-sizing:border-box;border-bottom:20px solid #2f2f2f;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
#head_of_table{background-color:#FFF1A3;width:99.9%;margin:0 auto;border:1px solid #9d9d9d;box-sizing:border-box;border-bottom:0}
#main_semi_calculating{width:100%;border:1px solid grey;margin:5px auto;padding:0;box-sizing:border-box;background-color:#000;font:bold 11pt arial,serif,tahoma}
#main_semi_calculating .main_table{display:table;width:100%;box-sizing:border-box;border:1px solid #c6c6c6}
#main_semi_calculating .table_cell_right,.table_cell_left{display:table-cell;width:50%;color:#fff;box-sizing:border-box;height:30px;vertical-align:middle;border:1px solid #939393;border-bottom:0;border-top:0}
#main_semi_calculating .table_cell_right{text-align:center;padding:5px 10px;background-color:#313131}
#main_semi_calculating .table_cell_left{background-color:#E8E8E8;padding:0}
#semi_calc_button{height:30px;background-color:#b90000;color:#fff;font-weight:700;font-family:arial;font-size:12pt;width:100%;padding:0;border:0 solid red}
.main_div_country_table{margin:5px auto;margin-bottom:50px;width:95%;background-color:#f9f9f9}
.country_list_header{border-top:1px solid #006a0c;height:30px;border-radius:7px 7px 0 0;background-color:#006a0c}
.country_list{border:2px solid #006a0c;box-sizing:border-box;border-bottom:5px solid #006a0c;border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-top:0;height:auto;padding:20px 0}
.country_list ul{border:0 solid #000;margin:0 auto;padding:0;text-align:center;width:95%}
.country_list ul li{display:inline-block;border:1px solid #797979;box-sizing:border-box;padding:5px 0;padding-bottom:10px;width:100px;text-align:center;margin:10px .3%;background-color:#fff6db;color:#393939;border-radius:3px 3px 7px 7px;vertical-align:top;font:bold 11pt arial,serif,tahoma}
.country_list li .country_flag{border:1px solid #8c8c8c;box-sizing:border-box;height:60px;width:90px;margin:0 auto;display:block}
.country_list li img{width:100%;height:100%}
.search_country input{margin-top:-20px;width:100%;box-sizing:border-box;background-color:#ffffac;height:30px;padding:0 5px;vertical-align:middle;margin-bottom:20px;border:1px solid #006a0c;color:#006a0c;display:block;border-right:0;border-left:0;font:bold 11pt arial,serif,tahoma}
.country_list .country_name{padding:7px 3px;padding-bottom:0}
.country_list .country_name_ar{margin-bottom:0}
.country_list .country_name_en{display:none}
.country_list ul a{text-decoration:none}
.main_div_city_table{margin:5px auto;margin-bottom:50px;width:95%;background-color:#f9f9f9}
.city_list_header{border-top:1px solid #006a0c;min-height:30px;border-radius:7px 7px 0 0;background-color:#006a0c;line-height:30px;color:#fff}
.city_list_header a{color:#fff;text-decoration:none}
.city_list{border:2px solid #006a0c;box-sizing:border-box;border-bottom:5px solid #006a0c;border-bottom-left-radius:7px;border-bottom-right-radius:7px;border-top:0;height:auto;padding:20px 0}
.city_list ul{border:0 solid #000;margin:0 auto;padding:0;text-align:center;width:97%}
.city_list ul li{display:inline-block;min-width:240px;width:240px;border:1px solid #797979;box-sizing:border-box;padding:0;text-align:center;margin:3px .3%;background-color:#fff6db;color:#393939;border-radius:5px;vertical-align:top;height:auto;font:bold 11pt arial,serif,tahoma}
.search_city input{margin-top:-20px;width:100%;box-sizing:border-box;background-color:#ffffac;height:30px;padding:0 5px;vertical-align:middle;margin-bottom:20px;border:1px solid #006a0c;color:#006a0c;display:block;border-right:0;border-left:0;font:bold 11pt arial,serif,tahoma}
.city_list .city_name{padding:7px 3px}
.city_list .city_name_ar{margin-bottom:0}
.city_list .city_name_en{display:none}
.city_list ul a{text-decoration:none}
#qibla{margin:20px auto;min-width:295px;width:295px}
.main_qibla{height:266px;background-color:#2b2a2a;color:#fff;font:bold 11pt arial,serif,tahoma}
.qibla_first_row,.qibla_last_row{height:33px;display:table;width:100%}
.qibla_header,.qibla_footer{display:table-cell;text-align:center;vertical-align:middle}
.qibla_header{color:#fffc5f}
.qibla_header a{text-decoration:none;color:#fffc5f}
.qibla_middle_row{position:relative;width:295px;height:200px;display:table}
.qibla_middle_row_left,.qibla_middle_row_right{display:table-cell;width:33px;vertical-align:middle}
.qibla_middle_row_middle_cell{position:relative;display:table-cell;border:2px dotted #000;box-sizing:border-box;background-color:#fff8d0;width:230px;vertical-align:middle;text-align:center;color:#000}
#qibla_details_page{background-color:#FFFEEA;padding:20px;text-align:center;color:blue;margin:5px 0}
#qibla_details_page .qibla_details_page_box{background-color:#FFF1A3;color:#000;font-size:14pt;padding:10px;direction:rtl;text-align:center;margin-top:10px;border:1px #bdbdbd solid}
#west{position:absolute;top:85px;font-size:18pt;transform:rotate(-90deg);left:0}
#east{font-size:15pt;position:absolute;transform:rotate(90deg);top:85px;right:0;direction:rtl}
#qibla_degree{position:absolute;transform:rotate(-90deg);top:40px;opacity:.1;left:0;direction:rtl}
#sun{position:absolute;top:72px;right:0}
#sun img{height:40px;width:43px}
#qibla_compass img{height:160px;width:160px}
#south{font-size:15pt}
#main_salat_calc_details{width:70%;border:0 solid #2f3036;margin:50px auto;text-align:center;font:bold 11pt arial;border-bottom:0;box-sizing:border-box;border-radius:7px 7px 7px 7px}
#main_salat_calc_details .main_table{display:table;width:100%}
#main_salat_calc_details .main_table:nth-child(even){background-color:#dfdfdf}
#main_salat_calc_details .table_cell{display:table-cell;width:50%;border-right:1px dashed #2f3036;border-left:1px dashed #2f3036;border-bottom:1px dashed #2f3036;vertical-align:middle;padding:5px 4px;box-sizing:border-box}
#main_salat_calc_details .table_cell:first-child{border-right:0}
#main_salat_calc_details_header{background-color:#2f3036;padding:5px;border:1px solid #2f3036;color:#fff;border-radius:7px 7px 0 0}
#main_salat_calc_details_footer{background-color:#2f3036;border:1px solid #2f3036;border-radius:0 0 7px 7px;height:10px;box-sizing:border-box}
#contact .main_contact_div{border:1px solid #bdbcbc;padding:15px;box-sizing:border-box;width:99%;margin:7px auto;border-radius:0 0 5px 5px;background-color:#f2f2f2;height:auto;font:bold 11pt arial,serif,tahoma}
#contact .contact_table_header{border:0 solid #000;padding:10px;background-color:#D0D0D0;margin:-15px;margin-bottom:20px}
#contact .main_table{display:table;width:100%}
#contact input[type="text"],#contact select,#contact textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-top:6px;margin-bottom:16px;resize:vertical}
#contact textarea{height:200px;white-space:pre-wrap;width:100%}
#contact input[type="submit"]{background-color:#4CAF50;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;margin-top:10px;font:bold 11pt arial,serif,tahoma}
#contact input[type=submit]:hover{background-color:#45a049}
#contact label{padding:5px}
#contact .label_red{color:red}
#holy_quran{border:10px solid #007330;width:50%;margin:30px auto;box-sizing:border-box}
#holy_quran button{font:bold 11pt arial}
#main_holy_quran{width:100%;margin:0 auto;border:5px #ffb300 solid;box-sizing:border-box}
#holy_quran .first_main_table{display:table;border:0 solid #000;width:100%;box-sizing:border-box;background-color:#2f3036;vertical-align:middle}
#holy_quran .first_table_cell{display:table-cell;width:70%;vertical-align:middle;text-align:center;box-sizing:border-box;border:0 solid #ffb300}
#holy_quran .second_table_cell{display:table-cell;width:30%;border:0 #ffb300 solid;vertical-align:middle;text-align:center;box-sizing:border-box}
.second_table_cell input{height:25px;width:35%;vertical-align:middle;margin:0;padding:0 2px}
.second_table_cell button{height:30px;width:50%;vertical-align:middle;margin:0;padding:0}
.second_main_table{display:table;border:1px solid #000;width:100%;box-sizing:border-box;background-color:#000;vertical-align:middle}
.third_table_cell{height:30px;display:table-cell;width:100%;border:1px green solid;vertical-align:middle;text-align:center;box-sizing:border-box}
.third_main_table{display:table;border:1px solid #000;width:100%;box-sizing:border-box;background-color:gray;vertical-align:middle}
.fourth_table_cell{position:relative;display:table-cell;width:100%;border:0 green solid;vertical-align:middle;text-align:center;box-sizing:border-box}
.reading_stop_flag{position:absolute;right:3px;width:21px;height:63px;top:0;background-position:center;background-repeat:no-repeat;background-image:url(https://gotopray.com/files/img/main/quran/banner/banner.png)}
.third_main_table img{width:100%;max-width:100%;max-height:100%;display:block}
#holy_quran #less,#holy_quran #more{height:30px;width:30%;vertical-align:middle;margin:0;padding:0}
#holy_quran select{width:33.3%;height:27px;vertical-align:middle;margin:0;padding:0;font:bold 11pt arial;background-color:#ffff9b}
.ramadan_notify{margin-bottom:5px;background-color:#245DAC;padding:7px;font-size:10pt}
.youtube_notify{background-color:#FFFF6B;text-align:center;padding:5px;margin-top:30px}
#back_button,#green_button,#red_button{display:block;box-sizing:border-box;background-image:linear-gradient(#007fb0,#005373,#007fb0);margin:25px auto;padding:10px;color:#fff;background-color:#007fb0;border:2px #004560 dotted;font:bold 11pt arial,serif,tahoma}
#green_button{background-image:linear-gradient(#027E0D,#005107,#027E0D);border:2px #005107 dotted}
#red_button{background-image:linear-gradient(#C60000,#9B0000,#C60000);border:2px #9B0000 dotted}
.eidalfitrtable{background-color:#EAF5FF;padding:20px;text-align:center;color:blue;margin:5px 0}
.eidalfitrbox{background-color:#FFF1A3;color:#000;font-size:14pt;padding:10px;text-align:center;margin-top:10px;border:1px #bdbdbd solid}
#header_logo_mobile{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.ShareButtons{margin:20px auto;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;direction:ltr}
.SharebuttonBar{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:1px green dotted;background-color:#ffffab;color:#fff;text-align:center;padding:0 5px}
.SharebuttonImg{display:inline-block;margin:10px 20px;height:45px;width:45px}
.ShareButtonHref{border:0;text-decoration:none}
.ShareButtonWord{font-size:12pt;background-color:#d90000;color:#fff;text-align:center;height:30px;width:100%;line-height:30px;padding:0 5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;direction:ltr}
.ShareButtonCopyLink{font-size:12pt;vertical-align:super;font-family:arial;width:30%;height:30px;border-radius:0;border:0;background-color:#119b31;color:#fff;font-weight:700;border-top-right-radius:10px}
.ShareButtonInpuField{float:left;border-top-left-radius:10px;padding-left:5px;text-align:left;height:30px;margin-bottom:2px;background-color:#96EF95;border:0;width:70%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
@media screen and (max-width: 930px) {
.adsense{min-height:300px}
h1{font-size:14pt}
h2,h3{font-size:11pt}
#header_website_logo{width:100%;background-position:center}
#header_logo{position:absolute;top:0;bottom:0;right:0;left:0}
#second_navbar{width:100%}
#navbar{width:100%}
#navbar_list{display:block;vertical-align:middle;width:100%}
#navbar_list ul{padding:0;display:inline}
#navbar_list li{display:block;padding:15px 20px;border-bottom:1px #000 solid;box-sizing:border-box;background-color:#2f3036;text-align:center;font:bold 16pt arial;color:#fff;width:100%;float:none;border-left:0 #fff solid;border-right:0 #fff solid}
#navbar_list .nav_bar_li:hover{background-color:#088}
#navbar_list .nav_bar_li{display:none}
#navbar_list .show-menu{display:block;background-color:#bd0000}
#navbar_list .show-menu:hover{cursor:pointer}
#main_container{width:100%}
#clock{font-size:10pt}
#share{width:90%}
.country_list ul li{width:80px;font:bold 11pt arial}
.search_country input{font:bold 10.5pt arial}
.country_list li .country_flag{height:50px;width:70px}
.city_list ul li{font:bold 11pt arial}
.search_city input{font:bold 10.5pt arial}
#holy_quran{width:98%}
#main_semi_calculating,#main_semi_calculating select,#semi_calc_button{font:bold 9pt arial,serif,tahoma}
#main_website_body{background:none!important}
#main_website_header{background:none!important;height:70px}
#header_logo{display:none}
#header_logo_mobile{display:block}
}
@media screen and (max-width: 300px) {
#header_logo{width:100%;height:70%}
#qibla{width:100%;min-width:inherit}
.qibla_middle_row_middle_cell{width:80%}
.qibla_middle_row_left,.qibla_middle_row_right{width:10%}
.qibla_middle_row,.qibla_first_row,.qibla_last_row{width:100%}
}
.main-wrapper{width:100%;overflow-x:auto}
.header-wrapper{position:sticky;top:0;background:#fff;z-index:100;border-bottom:1px solid #ccc}
.header-table{border-collapse:collapse;width:100%;table-layout:fixed}
.header-table th{background:#333;color:#fff;padding:10px;border:1px solid #999;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
.content-table{border-collapse:collapse;width:100%;table-layout:fixed}
.content-table td{padding:10px;border:1px solid #ccc;text-align:center;background-color:#f9f9f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}
tbody tr:nth-child(even) td{background:#e9e9e9}
tbody tr:nth-child(odd) td{background:#fdfdfd}
#headerTable th,#contentTable td{box-sizing:border-box;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width: 600px) {
.header-table th,.content-table td{padding:6px;font-size:14px}
}
.horizontal-scroll-hint{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;color:#444;margin:5px 0;animation:fadein 1s ease-in-out;flex-wrap:wrap;overflow:hidden;max-width:100%;padding:0 10px;box-sizing:border-box;text-align:center}
.horizontal-scroll-hint .text{word-break:break-word;max-width:90%}
.horizontal-scroll-hint.is-arabic{direction:rtl}
.horizontal-scroll-hint.not-arabic{direction:ltr}
.arrow{font-size:24px;animation:moveArrow 1.2s infinite;flex-shrink:0}
@keyframes moveArrow {
0%{transform:translateX(0);opacity:.3}
50%{transform:translateX(10px);opacity:1}
100%{transform:translateX(0);opacity:.3}
}
@keyframes fadein {
from{opacity:0}
to{opacity:1}
}
#no-js-prayer-times{margin-top:0;border:1px solid #ddd;padding:15px;background-color:#f0f8ff;text-align:center}
#js-enabled-content{display:none}
.ad-container{margin:20px auto;text-align:center;border:1px dashed #ccc;padding:15px;background-color:#f5f5f5}
.prayer-times-table{width:100%;border-collapse:collapse;margin-top:30px}
.prayer-times-table + .prayer-times-table{margin-top:0}
.prayer-times-table th,.prayer-times-table td{border:1px solid #ddd;padding:12px;text-align:center;font-size:14px}
.prayer-times-table th{background-color:#f2f2f2;color:#555}
.prayer-times-table td{background-color:#f9f9f9}
#message{margin-top:20px;font-size:16px;color:#888}
.error-message{color:red;font-weight:700}
:root{--max-control-width:400px;--gap-between-selects:5px}
.controls-container{display:flex;flex-direction:column;align-items:center;gap:0;padding:15px;border:1px solid #eee;border-radius:8px;background-color:#fcfcfc;margin-bottom:0;width:100%;box-sizing:border-box}
.main-options-row{display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--max-control-width);box-sizing:border-box;gap:var(--gap-between-selects);margin-bottom:5px;padding:0;overflow:hidden}
.main-options-row .method{flex-grow:1;flex-shrink:0;flex-basis:calc(75% - (var(--gap-between-selects) * 0.75));min-width:150px;padding:10px 8px;border:1px solid #ccc;border-radius:5px;font-size:15px;height:40px;cursor:pointer;box-sizing:border-box;margin:0}
.main-options-row .ampm{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - (var(--gap-between-selects) * 0.25));min-width:70px;padding:10px 5px;border:1px solid #ccc;border-radius:5px;font-size:14px;height:40px;cursor:pointer;box-sizing:border-box;text-align:center;margin:0}
#toggle-settings-btn,#save-settings-btn{background-color:#077293;color:#fff;padding:10px 0;border:none;border-radius:5px;cursor:pointer;font-size:15px;transition:background-color .3s ease;width:100%;max-width:var(--max-control-width);box-sizing:border-box;margin-top:0;margin-bottom:3px;padding-top:10px;padding-bottom:10px}
#toggle-settings-btn:hover,#save-settings-btn:hover{background-color:#007bff}
#save-settings-btn.reset-button{background-color:#dc3545}
#save-settings-btn.reset-button:hover{background-color:#bd2130}
#additional-settings{display:flex;flex-direction:column;gap:15px;width:100%;border-top:1px dashed #ddd;align-items:center;margin-top:0;padding:15px 0 0}
#additional-settings select{display:block;box-sizing:border-box;height:45px;margin:0 auto;width:100%;max-width:var(--max-control-width)}
#diff-container{display:flex;justify-content:center;width:100%;box-sizing:border-box;margin-left:0;margin-right:0}
#diff-container select{margin:0 auto;width:100%;max-width:var(--max-control-width)}
.angle-input{width:100%;max-width:var(--max-control-width);box-sizing:border-box;padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:15px;height:45px;margin:0 auto;text-align:center;-moz-appearance:textfield;transition:all .3s ease-in-out}
.angle-input::-webkit-outer-spin-button,.angle-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hidden-element{opacity:0!important;height:0!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important;border:0!important;overflow:hidden!important;pointer-events:none!important}
.angle-input:not(.hidden-element){opacity:1;height:45px;padding:10px 15px;margin:0 auto;border:1px solid #ccc;pointer-events:auto}
#diff-container.hidden-element{display:none!important}
@media (max-width: 480px) {
:root{--max-control-width:100%;--gap-between-selects:5px}
.controls-container{padding:10px}
.main-options-row{padding:0;max-width:100%;overflow:visible}
.main-options-row .method{min-width:120px;font-size:13px;padding:8px 5px;flex-basis:calc(75% - (var(--gap-between-selects) * 0.75))}
.main-options-row .ampm{min-width:50px;font-size:12px;padding:8px 3px;flex-basis:calc(25% - (var(--gap-between-selects) * 0.25))}
#toggle-settings-btn,#save-settings-btn{width:100%;max-width:100%;padding:10px 0}
#additional-settings{width:100%;padding-left:0;padding-right:0;padding-top:10px;gap:10px}
#additional-settings select,#diff-container select{width:100%;max-width:100%;margin:0 auto}
input.angle-input:not(.hidden-element){height:45px;padding:10px 15px;margin:0 auto;border:1px solid #ccc}
}
.control-group,.setting-item,#diff-container,#additional-settings,#asr-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:var(--max-control-width);box-sizing:border-box;margin-bottom:15px}
.control-group label,.setting-item label,#diff-container label,#additional-settings label,#asr-container label{margin-bottom:5px;font-size:15px;color:#555;text-align:center}
.control-group select,.setting-item select,#diff-container select,#additional-settings select,#asr-container select{display:block;box-sizing:border-box;width:100%;max-width:var(--max-control-width);height:45px;padding:10px 15px;border:1px solid #ccc;border-radius:5px;font-size:15px;cursor:pointer;text-align:center}
@media (max-width: 480px) {
.control-group,.setting-item,#diff-container,#additional-settings,#asr-container{margin-bottom:10px}
.control-group label,.setting-item label,#diff-container label,#additional-settings label,#asr-container label{font-size:14px}
.control-group select,.setting-item select,#diff-container select,#additional-settings select,#asr-container select{height:40px;font-size:14px;padding:8px 10px}
}
.header-wrapper,.main-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:0}
.header-wrapper{position:sticky;top:0;z-index:100;background-color:#fff;box-shadow:0 2px 5px #0003}
.header-table,.content-table{border-collapse:collapse;border-spacing:0;width:auto;table-layout:auto;width:100%}
.header-table th,.content-table td{padding:10px 0;text-align:center;border:1px solid #ddd;white-space:nowrap}
.header-table th{background-color:#333;color:#fff;font-weight:700}
.content-table tbody tr:nth-child(odd){background-color:#fff}
.content-table tbody tr:nth-child(even){background-color:#f5f5f5}
.day{min-width:90px;width:90px;max-width:90px}
.miladi{min-width:100px;max-width:70px;width:100px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hijri{min-width:100px;width:100px;max-width:120px}
.miladismall{min-width:35px;max-width:50px;width:50px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Fajr,.sunrise,.dhuhr,.asr,.alasr,.magrib,.isha,.imsak,.iftar,.Lastthird{min-width:35px;max-width:80px;width:80px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#clock-time,#current-time-text{direction:ltr}
#more_cities_tab{flex-grow:1;flex-shrink:0;flex-basis:calc(75% - (var(--gap-between-selects) * 0.75));width:100%;padding:10px 8px;border:1px solid #ccc;border-radius:5px;font-size:15px;height:40px;cursor:pointer;box-sizing:border-box;margin:0;font:bold 12pt arial,serif,tahoma}
.table_notify{width:99.5%;background-color:#a80000;color:#fff;box-sizing:border-box;text-align:center;padding:5px;margin:0 auto;font:bold 11pt arial,serif,tahoma}