body {
	background-color:#FFF;

}
table.edit_entry {
	border-collapse: collapse;
	padding: 20px;
}
table.edit_entry th, table.edit_entry tr {
  /*border: 1px solid #f2b00b; */
  padding: 10px 5px;
}
td.mosque {
	background-color:#F90;
	color:#FFF;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	text-align:center;
}

td.menup {
	background-color:#F90 !important;
	color:#FFF;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
td.menup a {color: white !important; text-decoration: none;} 
tr.even { background-color: #e4e1d6; }
tr.odd { background-color: transparent; }
td.red { background-color:#990000; }
tr.sot { background-color:#f2b00b !important;  }
td.titlemonth strong{ font-weight:bold; font-size: 14px; text-transform:uppercase; }
table.monthly-prayer  { 
	color: #999; 
	font-size: 12px;/*
	font-weight:bold;*/
	vertical-align: baseline;
	border: 1px solid #d0812f;	
	border-collapse: collapse;
}

table.monthly-prayer  td { 
	border: 1px solid #d0812f; 
}
 .boxpopup {
   font-family:Arial,sans-serif; /*TEXT FONT*/
   font-size:90%;		/*TEXT SIZE*/
   color:black; background:#FFFF99; /*COLOURS*/
   width:200px;			/*BOX WIDTH*/
   text-align:center; 		/*ALIGNMENT*/
   padding:4px 5px 4px 5px; 	/*SPACING*/
   /*font-weight:bold;	 	BOLD TEXT*/
   border:1px solid gray; 	/*BORDER STYLE*/
   }
  #pdqbox {position:absolute; visibility:hidden; z-index:200;}
  .page-title { color: #88683f; font-family: Titilliumtext, Arial, Helvetica, sans-serif; font-size: 20px; height: 40px; line-height: 40px; }
a.nextbefore, a.nextbefore:visited, a.nextbefore:hover { color: #FFF; text-decoration: none }

	#wrap-fluid {
		float: left;
		width: 100%;
	    margin:0;
	    overflow:hidden;/*contain child floats*/
	    margin: 40px auto 0px;
	    border: 1px solid #ccc;
	}	
    #leftbox {
        float:left; 
        width:auto;
        min-width: 300px;
    }
    #middlebox{
        float:left; 
        width:auto;
        min-width: 200px;
        height: 50px;
	    vertical-align: bottom;
	    padding: 10px 10px 0px 10px;
    }
    #rightbox{
        float:left;
        width:auto;
        min-width: 200px;
	    vertical-align: middle;
	    padding: 5px 10px 0px 10px;
    }
    #leftbox h1{
        color:green;
        text-align:center;
    }
	#rightbox .btn {
	  display: inline-block;
	  font-weight: 400;
	  line-height: 1.5;
	  color: #212529;
	  text-align: center;
	  text-decoration: none;
	  vertical-align: middle;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  user-select: none;
	  background-color: transparent;
	  border: 1px solid transparent;
	    border-top-color: transparent;
	    border-right-color: transparent;
	    border-bottom-color: transparent;
	    border-left-color: transparent;
	  padding: .375rem .75rem;
	  font-size: 1rem;
	  border-radius: .25rem;
	  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}	
    #rightbox .btn-success {
	  color: #fff;
	  background-color: #198754;
	  border-color: #198754;
	}
	
.jumah-label {
	font-size: 12px;
	color: #ffff66;
}

/* Info icon */
.jumah-info-icon {
	position: relative;
	display: inline-block;
	margin-left: 6px;
	font-size: 13px;
	color: #ffff66; /* WP blue */
	cursor: help;
}

/* Tooltip */
.jumah-tooltip-text {
	visibility: hidden;
	opacity: 0;
	width: 310px;
	background-color: #333;
	color: #fff;
	text-align: left;
	padding: 8px 10px;
	border-radius: 6px;

	position: absolute;
	z-index: 9999;
	bottom: 140%;
	left: 50%;
	transform: translateX(-50%);

	font-size: 12px;
	line-height: 1.4;

	transition: opacity 0.2s ease;
}

/* Arrow */
.jumah-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 5px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}

/* Show on hover */
.jumah-info-icon:hover .jumah-tooltip-text {
	visibility: visible;
	opacity: 1;
}