/*	================
	Salah widget Styles
	================
*/
.text-center{
	text-align:center;
}
.text-left{
	text-align:left;
}
.text-right{
	text-align:right;
}
.praytime-header-wrap{
	padding-bottom:40px;
}
.salah-wakt-wrap > div.salah-wakt{
	margin-right:20px;
}
.salah-time2{
	font-size:2.5em;
}
.salah-time3{
	text-transform:uppercase;
	font-size:1rem;
	letter-spacing: 0.145rem;
}
.salah-wakt-wrap2 > div.salah-wakt2{
	padding:4em 1em;
	background-color: rgba(0,0,0,0.075);
    border: 1px solid rgba(0,0,0,0.095);
}
.darken .salah-wakt-wrap2 > div.salah-wakt2,
.invert .salah-wakt-wrap2 > div.salah-wakt2{
	background-color:rgba(255,255,255,.035);
	border:1px solid rgba(255,255,255,.125);
}
.darken .salah-wakt-title2,
.invert .salah-wakt-title2{
	color:#888888;
}
.salah-wakt-wrap > div.salah-wakt:last-child{
	margin-right:0px;
}
.salah-wakt{
	display:inline-block;
}

.salah-wakt > div{
	line-height:25px;
	display:block;
	margin-bottom:5px;
	text-align:center;
	font-size:.85em
}
.salah-wakt.salah-wakt-time{
	text-transform:uppercase;
}
.salah-wakt.salah-wakt-time,
.salah-wakt-title{
	letter-spacing:.125em;
	font-size: .85em;
}
.salah-time{
	color:#121212;
	font-weight:700;
	border:1px solid #dddddd;
	padding:6px;
	min-width:60px;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}

#daily-salat-date,
#daily-salat-time{
	line-height:25px;
	margin-bottom:10px;
	font-size:1.25em;
	padding:6px 0;
	font-weight:600;
	color: #121212;
}
#daily-salat-date3{
	margin-bottom:10px;
	text-transform:uppercase;
	font-size:1em;
	font-weight:600;
	text-align:center;
	letter-spacing: .145rem;
}
.daily-salat-date3{
	display:inline-block;
	padding: 20px 32px;
	margin-top:40px;
    border-top: 1px dotted;
	font-size: .84rem;
    letter-spacing: .145rem;
}
.salah-wakt3{
	position:relative;
}
.salah-wakt3:after{
	content:"|";
	position:absolute;
	top:42px;
	right:0px;
}
.salah-wakt3:last-child:after{
	content:"";
}
.salah-icon3{
	padding-top:20px;
}
.salah-icon3 svg,
.salah-icon3 svg path{
	fill:#121212;
}
.salah-icon3 svg{
	width:40px;
	height:40px;
}
.salah-icon3 svg#magrib_svg{
	width:60px;
	height:60px;
}
#fajr_svg, #dhuhr_svg, #asr_svg, #isha_svg{
	margin-bottom:10px;
}
#magrib_svg{
	margin-top:-10px;
}

.darken .salah-time,
.darken #daily-salat-date,
.darken #daily-salat-time,
.darken #daily-salat-date3,
.darken #daily-salat-time3,
.invert .salah-time,
.invert #daily-salat-date3,
.invert #daily-salat-time3,
.invert #daily-salat-date,
.invert #daily-salat-time{
	color: rgba(255, 255, 255, 0.85);
}
.darken .salah-time,
.invert .salah-time{
	border-color: rgba(255, 255, 255, 0.25);
}
.darken #daily_time_table2 #daily-salat-date,
.darken #daily_time_table2 #daily-salat-time,
.invert #daily_time_table2 #daily-salat-date,
.invert #daily_time_table2 #daily-salat-time{
	color:rgba(255,255,255,0.45);
}
.salah-calender-selector{
	font-weight:800;
}
#lpe_displayMonth_left,
#lrc_displayMonth_left,
#lpe_displayMonth_right,
#lrc_displayMonth_right{
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-top: 1px solid #dddddd;
	height: 59px;
	line-height: 25px;
}
#lpe_displayMonth_left:hover,
#lrc_displayMonth_left:hover,
#lpe_displayMonth_right:hover,
#lrc_displayMonth_right:hover{
	color: #1a0dab;
}
.calender-selector{
	padding:17px;
	cursor:pointer;
	height: 59px;
	line-height: 25px;
}
.calender-caption{
	padding:17px;
	color:#121212;
	border-top: 1px solid #ddd;
	margin-left: -30px;
	margin-right: -30px;
	height: 59px;
	line-height: 25px;
}
table.table-bordered > tbody > tr.today-row > td{
	color:#F00;
	font-weight:700;
}
table#timetable tbody > tr.head-row{
	color:#121212;
}
table#timetable tbody > tr.head-row,
table#table-salah-time.table-bordered > thead > tr,
.calender-selector{
	font-size: 15px;
    font-weight: bold;
}
.prayer-time-calender.cal_light table#timetable tbody > tr.head-row,
.prayer-time-calender.cal_light table#table-salah-time.table-bordered > thead > tr,
.prayer-time-calender.cal_light .calender-selector{
    background: rgba(255,255,255,.35);
    background: -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(232,232,232,.35) 100%);
    background: -webkit-gradient(top, bottom, color-stop(0%, rgba(255,255,255,.35)), color-stop(100%, rgba(232,232,232,.35)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(232,232,232,.35) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(232,232,232,.35) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(232,232,232,.35) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,.35) 0%, rgba(232,232,232,.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8', GradientType=0 );    
} 

.prayer-time-calender.cal_light table#timetable tbody > tr,
.prayer-time-calender.cal_light table#table-salah-time.table-bordered > tbody > tr,
.prayer-time-calender.cal_light .salah-calender-selector,
.prayer-time-calender.cal_light .calender-selector:hover{
 	text-decoration: none;
    background: rgba(232,232,232,.35);
    background: -moz-linear-gradient(top, rgba(232,232,232,.35) 0%, rgba(255,255,255,.35) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,232,232,.35)), color-stop(100%, rgba(255,255,255,.35)));
    background: -webkit-linear-gradient(top, rgba(232,232,232,.35) 0%, rgba(255,255,255,.35) 100%);
    background: -o-linear-gradient(top, rgba(232,232,232,.35) 0%, rgba(255,255,255,.35) 100%);
    background: -ms-linear-gradient(top, rgba(232,232,232,.35) 0%, rgba(255,255,255,.35) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,.35) 0%, rgba(255,255,255,.35) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 );
}

table#table-salah-time.table-bordered > thead > tr > th, 
table#table-salah-time.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}
table#table-salah-time > tbody > tr > td,
table#table-salah-time > thead > tr > th{
	padding:6px 12px;
}

.prayer-time-calender.cal_light{
	background-color: #ffffff;
	/*
    webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	*/
}

.prayer-time-calender.cal_dark table > tbody > tr > th, 
.prayer-time-calender.cal_dark table > tfoot > tr > th, 
.prayer-time-calender.cal_dark table > tbody > tr > td, 
.prayer-time-calender.cal_dark table > tfoot > tr > td{
	color: #a7abb3;
}
.prayer-time-calender.cal_dark table#timetable tbody > tr.head-row,
.prayer-time-calender.cal_dark table > tbody > tr.head-row > th, 
.prayer-time-calender.cal_dark table > tbody > tr.head-row > td, 
.prayer-time-calender.cal_dark .calender-caption,
.prayer-time-calender.cal_dark #lpe_displayMonth_left,
.prayer-time-calender.cal_dark #lrc_displayMonth_left,
.prayer-time-calender.cal_dark #lpe_displayMonth_right,
.prayer-time-calender.cal_dark #lrc_displayMonth_right{
	color: #ffffff;
}
.prayer-time-calender.cal_dark table.table-bordered,
.prayer-time-calender.cal_dark .salah-calender-selector,
.prayer-time-calender.cal_dark #lpe_displayMonth_left,
.prayer-time-calender.cal_dark #lrc_displayMonth_left,
.prayer-time-calender.cal_dark #lpe_displayMonth_right,
.prayer-time-calender.cal_dark #lrc_displayMonth_right,
.prayer-time-calender.cal_dark table.table-bordered > thead > tr > th, 
.prayer-time-calender.cal_dark table.table-bordered > tbody > tr > th, 
.prayer-time-calender.cal_dark table.table-bordered > tfoot > tr > th, 
.prayer-time-calender.cal_dark table.table-bordered > thead > tr > td, 
.prayer-time-calender.cal_dark table.table-bordered > tbody > tr > td, 
.prayer-time-calender.cal_dark table.table-bordered > tfoot > tr > td{
	border-color: rgba(255,255,255, .23);
}

@media only screen and (max-width: 768px){
	.prayer-time-calender .prayer-time-table {
		overflow: hidden;
		overflow-x: auto;
	}
}

/* 	===================
	Madina table Styles
	===================
*/

table {
	border-collapse: collapse;
	border-spacing: 0;
	background-color: transparent;
	max-width: 100%;
  	margin-bottom: 20px;
}

thead {
    display: table-header-group;
}

.prayer-time-calender table > thead > tr > th,
.prayer-time-calender table > tbody > tr > th,
.prayer-time-calender table > tfoot > tr > th,
.prayer-time-calender table > thead > tr > td,
.prayer-time-calender table > tbody > tr > td,
.prayer-time-calender table > tfoot > tr > td {
  line-height: 1.42857143;
  vertical-align: top;
}
.prayer-time-calender table > thead > tr > th,
.prayer-time-calender table > tbody > tr > th,
.prayer-time-calender table > tfoot > tr > th,
.prayer-time-calender table > thead > tr > td,
.prayer-time-calender table > tbody > tr > td,
.prayer-time-calender table > tfoot > tr > td{
	padding: 8px 12px;
}

.prayer-time-calender table > thead > tr > th {
  vertical-align: bottom;
}
.prayer-time-calender table > thead > tr:first-child > th,
.prayer-time-calender table > thead > tr:first-child > th,
.prayer-time-calender table > thead:first-child > tr:first-child > th,
.prayer-time-calender table > thead > tr:first-child > td,
.prayer-time-calender table > thead > tr:first-child > td,
.prayer-time-calender table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.widget_calendar table > thead > tr:first-child > th,
.widget_calendar table > thead > tr:first-child > th,
.widget_calendar table > thead:first-child > tr:first-child > th,
.prayer-time-calender table > tbody + tbody {
  border-top: 1px solid #dddddd;
}

.prayer-time-calender table > thead > tr > th,
.prayer-time-calender table > thead > tr > td {
  border-bottom-width: 1px;
}

.prayer-time-calender table.table-bordered {
  border: 1px solid #dddddd;
  overflow:auto;
  color:#888888;
}
.prayer-time-calender table.table-bordered > thead > tr > th,
.prayer-time-calender table.table-bordered > tbody > tr > th,
.prayer-time-calender table.table-bordered > tfoot > tr > th,
.prayer-time-calender table.table-bordered > thead > tr > td,
.prayer-time-calender table.table-bordered > tbody > tr > td,
.prayer-time-calender table.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.prayer-time-calender table.table-bordered > thead > tr > th,
.prayer-time-calender table.table-bordered > thead > tr > td {
  border-bottom-width: 1px;
}
.prayer-time-calender table.table-bordered > tbody > tr:first-child > td{
	border-top:0;
}
.prayer-time-calender table.table-bordered > tbody > tr:last-child > td,
.prayer-time-calender table.table-bordered > tbody > tr > td{
	border-bottom:0;
}
.prayer-time-calender table.table-bordered > thead > tr > th:first-child,
.prayer-time-calender table.table-bordered > tbody > tr > td:first-child{
	border-left:0;
}
.prayer-time-calender table.table-bordered > thead > tr > th:last-child,
.prayer-time-calender table.table-bordered > thead > tr > th,
.prayer-time-calender table.table-bordered > tbody > tr > td:last-child,
.prayer-time-calender table.table-bordered > tbody > tr > td{
	border-right:0;
}

.salah-row.salah-timer{
	margin-left: -5px;
	margin-right: -5px;
}
.salah-row.salah-timer > div{
	padding-left: 5px;
	padding-right: 5px;
}
.next-salah{
	min-width:105px;
}

/*--------------------------------------------------------------
# Responsive Grid Layout
--------------------------------------------------------------*/

.clearfix::after, .salah-row::after {
  content: "";
  clear: both;
  display: table;
}

.salah-row {
  margin-right: -15px;
  margin-left: -15px;
}
.salah-col-xs-1, .salah-col-sm-1, .salah-col-md-1, .salah-col-lg-1, .salah-col-xs-2, .salah-col-sm-2, .salah-col-md-2, .salah-col-lg-2, .salah-col-xs-3, .salah-col-sm-3, .salah-col-md-3, .salah-col-lg-3, .salah-col-xs-4, .salah-col-sm-4, .salah-col-md-4, .salah-col-lg-4, .salah-col-xs-5, .salah-col-sm-5, .salah-col-md-5, .salah-col-lg-5, .salah-col-xs-6, .salah-col-sm-6, .salah-col-md-6, .salah-col-lg-6, .salah-col-xs-7, .salah-col-sm-7, .salah-col-md-7, .salah-col-lg-7, .salah-col-xs-8, .salah-col-sm-8, .salah-col-md-8, .salah-col-lg-8, .salah-col-xs-9, .salah-col-sm-9, .salah-col-md-9, .salah-col-lg-9, .salah-col-xs-10, .salah-col-sm-10, .salah-col-md-10, .salah-col-lg-10, .salah-col-xs-11, .salah-col-sm-11, .salah-col-md-11, .salah-col-lg-11, .salah-col-xs-12, .salah-col-sm-12, .salah-col-md-12, .salah-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.salah-col-xs-1, .salah-col-xs-2, .salah-col-xs-3, .salah-col-xs-4, .salah-col-xs-5, .salah-col-xs-6, .salah-col-xs-7, .salah-col-xs-8, .salah-col-xs-9, .salah-col-xs-10, .salah-col-xs-11, .salah-col-xs-12 {
  float: left;
}
.salah-col-xs-12 {
  width: 100%;
}
.salah-col-xs-11 {
  width: 91.66666667%;
}
.salah-col-xs-10 {
  width: 83.33333333%;
}
.salah-col-xs-9 {
  width: 75%;
}
.salah-col-xs-8 {
  width: 66.66666667%;
}
.salah-col-xs-7 {
  width: 58.33333333%;
}
.salah-col-xs-6 {
  width: 50%;
}
.salah-col-xs-5 {
  width: 41.66666667%;
}
.salah-col-xs-4 {
  width: 33.33333333%;
}
.salah-col-xs-3 {
  width: 25%;
}
.salah-col-xs-2 {
  width: 16.66666667%;
}
.salah-col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 768px) {
  .salah-col-sm-1, .salah-col-sm-2, .salah-col-sm-3, .salah-col-sm-4, .salah-col-sm-5, .salah-col-sm-6, .salah-col-sm-7, .salah-col-sm-8, .salah-col-sm-9, .salah-col-sm-10, .salah-col-sm-11, .salah-col-sm-12 {
    float: left;
  }
  .salah-col-sm-12 {
    width: 100%;
  }
  .salah-col-sm-11 {
    width: 91.66666667%;
  }
  .salah-col-sm-10 {
    width: 83.33333333%;
  }
  .salah-col-sm-9 {
    width: 75%;
  }
  .salah-col-sm-8 {
    width: 66.66666667%;
  }
  .salah-col-sm-7 {
    width: 58.33333333%;
  }
  .salah-col-sm-6 {
    width: 50%;
  }
  .salah-col-sm-5 {
    width: 41.66666667%;
  }
  .salah-col-sm-4 {
    width: 33.33333333%;
  }
  .salah-col-sm-3 {
    width: 25%;
  }
  .salah-col-sm-2 {
    width: 16.66666667%;
  }
  .salah-col-sm-1 {
    width: 8.33333333%;
  }  
}
@media (min-width: 992px) {
  .salah-col-md-1, .salah-col-md-2, .salah-col-md-3, .salah-col-md-4, .salah-col-md-5, .salah-col-md-6, .salah-col-md-7, .salah-col-md-8, .salah-col-md-9, .salah-col-md-10, .salah-col-md-11, .salah-col-md-12 {
    float: left;
  }
  .salah-col-md-12 {
    width: 100%;
  }
  .salah-col-md-11 {
    width: 91.66666667%;
  }
  .salah-col-md-10 {
    width: 83.33333333%;
  }
  .salah-col-md-9 {
    width: 75%;
  }
  .salah-col-md-8 {
    width: 66.66666667%;
  }
  .salah-col-md-7 {
    width: 58.33333333%;
  }
  .salah-col-md-6 {
    width: 50%;
  }
  .salah-col-md-5 {
    width: 41.66666667%;
  }
  .salah-col-md-4 {
    width: 33.33333333%;
  }
  .salah-col-md-3 {
    width: 25%;
  }
  .salah-col-md-2 {
    width: 16.66666667%;
  }
  .salah-col-md-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 1200px) {
  .salah-col-lg-1, .salah-col-lg-2, .salah-col-lg-3, .salah-col-lg-4, .salah-col-lg-5, .salah-col-lg-6, .salah-col-lg-7, .salah-col-lg-8, .salah-col-lg-9, .salah-col-lg-10, .salah-col-lg-11, .salah-col-lg-12 {
    float: left;
  }
  .salah-col-lg-12 {
    width: 100%;
  }
  .salah-col-lg-11 {
    width: 91.66666667%;
  }
  .salah-col-lg-10 {
    width: 83.33333333%;
  }
  .salah-col-lg-9 {
    width: 75%;
  }
  .salah-col-lg-8 {
    width: 66.66666667%;
  }
  .salah-col-lg-7 {
    width: 58.33333333%;
  }
  .salah-col-lg-6 {
    width: 50%;
  }
  .salah-col-lg-5 {
    width: 41.66666667%;
  }
  .salah-col-lg-4 {
    width: 33.33333333%;
  }
  .salah-col-lg-3 {
    width: 25%;
  }
  .salah-col-lg-2 {
    width: 16.66666667%;
  }
  .salah-col-lg-1 {
    width: 8.33333333%;
  }
}

/* Bootstrap 5 column layout */



.salah-col-xs-15,
.salah-col-sm-15,
.salah-col-md-15,
.salah-col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.salah-col-xs-15, .salah-col-sm-15, .salah-col-md-15, .salah-col-lg-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.salah-col-sm-15 {
        width: 20%;
    }
}
@media (min-width: 992px) {
    .salah-col-md-15 {
        width: 20%;
    }
}
@media (min-width: 1200px) {
    .salah-col-lg-15 {
        width: 20%;
    }
}
@media (max-width: 768px) {
	.salah-col-xs-15, .salah-col-sm-15, .salah-col-md-15, .salah-col-lg-15 {
        width: 50%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
	.salah-col-md-15 {
        width: 33.33%;
    }
}