/*****Prayer Time******/
.timetable td,th {
	text-align:left;
	border:0px;
}
table {
	border:0px;
}
.filter_buttons_wrapper {
	display: flex;
    justify-content: space-between;
}
.timetable td {
	font-size:18px;
	font-weight:400;
}
.timetable .theading {
background-color:#000 !important;
	
	
	overflow:hidden;
	
}
.row_filter {
	display:flex;
	gap:10px;
}



































.prayer_right_column 
.bottom-green-bar {
    background: #0E926B;
    border-radius: 0px;
    color: #fff;
}
.theading th:last-child {
	border-radius:0px;
}
.theading th {
	color:#fff;
	width:12%;
}
.fajar {
	font-weight:600 !important;
	color:#000 !important;
}
.maghrib {
	font-weight:600 !important;
	color:#000 !important;
}
.theading th:first-child {
	padding-left:20px;
}
.today-prayer-times tr:first-child th {
  
	background:#202020;
}
.timetable table tr:nth-child(even) {
    background-color: #fff; /* Light gray background */
}
.timetable td:first-child {
	padding-left:20px;
}
    .btn {
      padding: 13px 20px;
      font-weight: bold;
      border: none;
      cursor: pointer;
      color: white;
      font-size: 15px;
      border-radius: 0px;
      margin-right: 11px;
     font-weight: 700;
     margin-bottom: 5px;
     outline: 0;
    }
#toggleSettingsBtn {
  width: 305px;
}
#green-gradient {
background: var(--Cover-Gradient, linear-gradient(83deg, var(--UM---Dark-Green, #0E926B) 48.46%, var(--UM---Gold, #FF9F0D) 123.42%));
box-shadow: 0px 0px 20px 1px rgba(0, 0, 0, 0.05);
}
.gren-last {
  margin-right: 0px;
}
    .btn-orange {
      background-color: #FF9F0D;
		width:305px;
    }

    .btn-green {
      background-color: #0E926B;
      width: 215px;
    }
    .btn-orange img {
      margin-left: 15px;
    }
    .btn-green img {
      margin-right: 10px;
    }
.prayer-calender {
    text-align: left;
   position:relative;
    margin: auto;
}
.bottom-green-bar {
    background: #0E926B !important;
}
    .settings-panel {
      margin-top: 0px;
      
      padding: 0px;
      border-radius: 0px;
      display: none;
      transition: all 0.3s ease-in-out;
    }
#filter-arrow {
	margin-left: 18px !important;
    margin-bottom: -2px;
}
.prayer-calender .search-btn {
	border-radius:0px !important;
	height:50px;
}
.btn-orange.active {
	background:#0E926B;
}
.prayer-calender .search-input {
	height:50px;
	border-radius:0px;
	border: 1px solid #EDEDED;
background: #FFF;
}
#currentlocation {
	font-size:36px;
	font-weight:600;
}
.apply-btn {
	border-radius:0px !important;
	height:50px;
}
#month {
	margin-left:0px !important;
}
#latitudeMethod {
	margin-left:0px !important;
}
#school {
		margin-right:0px !important;
}
#midnightMode {
		margin-right:0px !important;
}
#prayer_times_mak_new {
	width:70%;
}
.mak_prayer_calender {
	display:flex;
	gap:20px;
	 justify-content: space-between;
}
.bottom-green-bar
{
	font-size:14px !important;
}
.prayer_right_column {
width:30%;}
   .dropdown {
  margin: 5px 4px;
  padding: 11px;
  background: #666;
  color: white;
  
  font-size: 14px;
}
#today-prayer-times .timetable td:first-child {
    
}
/* Specific widths */
.dropdown.short {
  width: 166px;
}
.download_box {
	display:flex;
	gap:10px;
	height:100%;
	
}
.dropdown.medium {
  width: 230px;
}
.show_calender_box #toggle-filters {
	background:#202020;
}
.dropdown.wide {
  width: 375px;
}
/* select {
  appearance: none;           
  -webkit-appearance: none;   
  -moz-appearance: none;      
  background: none;            
} */

    .download-buttons {
      margin-top: 10px;
    }

    .download-buttons .btn {
      margin-top: 10px;
      background-color: #0E926B;
    }

    .apply-btn {
      background-color: #FF9F0D;
      display: block;
    }
    .search-wrapper {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.search-input {
  padding: 12px 15px;
  font-size: 16px;
  border: 1px solid #ccc;

  flex: 1;
}

.search-btn {
  padding: 12px 25px;
  background-color: #f39c12;
  color: white;
  border: none;
 
  font-weight: bold;
  cursor: pointer;
}
.custom-select {
  position: relative;
  
}

.custom-select select {
  width: 100%;
  padding: 10px 40px 10px 15px;
  font-size: 15px;
  border: 1px solid #ccc;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
 text-transform: uppercase;
  background-image: none;
  cursor: pointer;
	background-color:#fff;
	color:#202020;
}

/* Add dropdown icon using ::before */
.prayer-calender select.dropdown {
  appearance: none;         
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 30px;      
  background-image: url('https://sandbox.united-muslims.org/wp-content/uploads/2025/10/Vector-54.svg'); 
  background-repeat: no-repeat;
  background-position: right 10px center;                
  cursor: pointer;
  outline: 0;
}
#filter-arrow.rotate {
  transform: rotate(180deg); /* Points up */
}
#advanced-filters {
   display: none;
   margin-top: 10px;
	background:#F4F4F4;
	padding:20px;
}
#advanced-filters .dropdown {
	width:384px;
	margin:12px 0px;
	padding: 10px !important;
}
.filter_main_btns {
	display:flex;
	gap:10px;
}
.prayer-calender h2 {
	font-size:36px;
	font-weight:600;
	margin: 30px 0px;
}
.showing_results_box {
	margin-top:15px;
	font-size:15px;
}
.reset-btn {
	display: flex;
width: 168px;
height: 50px;
padding: 14px 34px;
justify-content: center;
align-items: center;
background: var(--Blood-red, #D01C00);
}

.hidden {
  display: none; 
}
#pdf-wrapper
{
	padding:0 !important;
	margin:0 !important;
}
#prayer_times_mak_new table thead tr, #pdf-wrapper #pdf-table table thead tr
{
	background:#000000 !important;
    overflow: hidden;
}

#prayer_times_mak_new table thead tr th:last-child, #pdf-wrapper #pdf-table table thead tr th:last-child
{
	border-radius: 0px !important;
}
#prayer_times_mak_new table thead tr th, #pdf-wrapper #pdf-table table thead tr th
{
	color:#fff !important;
	text-align:center;
}
#prayer_times_mak_new table tbody tr td
{
	border:0px;
	padding: 15px !important;
}
#pdf-table
{
	padding:0 !important;
}
#pdf-wrapper #pdf-table table thead tr th
{
		padding:8px !important;
}
#pdf-wrapper #pdf-table table tr td, #pdf-wrapper #pdf-table table
{
	border:0px !important;
		padding:8px !important;
}
#pdf-wrapper #pdf-table table
{
	margin:0 !important;
	padding:0 !important;
}
.mak_current_location
{
	font-weight:800;
	font-size:24px;
    font-family: Gainlove, cursive;
	color:#000;
	margin:25px 0 15px;
}
#suggestions {
  list-style: none !important;
  margin: 0;
  padding: 0;
  max-height: 150px;
  overflow-y: auto;
  background: #fff;
  position: absolute;
    width: 630px;
    z-index: 999;
    top: 50px;
}

#suggestions li {
  padding: 8px;
  cursor: pointer;
	list-style: none !important;
}

#suggestions li:hover {
  background-color: #f0f0f0;
}
#info_currently_display
{
	    vertical-align: middle;
    margin-top: 3px;
    display: inline-block;
    margin-left: 3px;
}
#loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none; /* Hide by default */
  z-index: 1000;
  background-color: rgba(000, 000, 000, 0.8); /* optional: dim background */
  padding: 20px;
	color:#fff;
  border-radius: 10px;
  text-align: center;
}
/*******Media Quries *********/

@media (max-width: 1250px) {
.mak_prayer_calender {
    flex-wrap:wrap;
}
	#prayer_times_mak_new {
    width: 100%;
}
.prayer_right_column {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 90px;
}
.prayer_right_column .elementor-33498 .elementor-element-2fe62fe6
	{
		margin-top:0px;
	}
}
@media (max-width: 850px) {
.filter_buttons_wrapper
{
flex-wrap: wrap;	
}
}
@media (max-width: 480px) {
	.download_box {
    flex-wrap: wrap;
}
	.prayer_right_column {
        gap: 0px;
    }
}