@media print {
        /*@page {
            margin: 0mm;
            size: 8.5in 11in;
        }*/
        
        /*@page {size: letter; max-height:500px;}
        
        body {
            max-height: 700px;
        }*/
        
        /*prayer_timing {page-break-inside: avoid;}
        
        pre, blockquote {page-break-inside: avoid;}
        */
        img {
          width: 70px;
          padding-left: 10px;
          padding-right: 10px;
        }
        
        #time-table {
            margin:8px;
            max-width: 100%;
            border-collapse: collapse;
            page-break-inside: avoid;
            table-layout: fixed;
        }
        
        #iqamah-table {
            border-collapse: collapse;
            width: 100%;
            
        }
        
        #header-table {
            border-collapse: collapse;
            width: 100%;
            
        }
        
        #jumuah-table {
            border-collapse: collapse;
            width: 100%;
            margin-left: 8px;
            
        }
        
        a:link {
            text-decoration: none;
            color: black;
        }
        
        a:visited {
            text-decoration: none;
            color: black;
        }

        #jumuah-table tr td.jumuah {
            border-bottom: none;
            font-size: 32px;
            padding: 0px;
        }
        
        #jumuah-table tr td.jumuahText {
            border-top: none;
            padding: 5px;
            font-size: 14px;
        }
        
        #iqamah-table td {
		    border: 1px solid black;
		    text-align: center;
		    padding: 3px;
		    padding-top: 4px;
		    padding-bottom: 4px;
		    /*max-width: 70px;*/
		    font-family: 'sans-serif';
        }
        
        #time-table td {
		    border: 1px solid black;
		    text-align: center;
		    padding: 1px;
		    padding-top: 4px;
		    padding-bottom: 4px;
		    font-family: 'sans-serif';
        }
        
        #time-table tr td.subtableCell {
		    padding-left: 0px;
		    padding-right: 8px;
		    border-collapse: collapse;
		    border: none;
		    vertical-align: top;
		    
        }
        
        #header-table tr td.subtableCell {
		    width: 100%;
		    padding: 0px;
		    border-collapse: collapse;
		    border: none;
        }
        
        #time-table tr td.masjidName {
            font-size: 35px;
            border: none;
            color: black;   
            text-align: left;
            white-space: nowrap;
    	}
    	
    	#time-table tr td.noMasjidName {
            font-size: 40px;
            border: none;
            color: black;   
            text-align: left;
    	}
    	
    	
    	#time-table tr td.options {
            border: none;
            display:none;
    	}
    	
        .dropdown {
          display: none;
        }
        
        #nav-table {
    	    width: 100%;
    	    border-top: 1px solid black;
    	}
    	
    	#time-table tr td.logoCell {
            text-align: center;
		    font-size: 12px;
		    border: none;
        }
        
        #nav-table tr td.cMonth {
            text-align: left;
            width: 100%;
		    padding-top: 8px;
		    padding-left: 8px;
            font-size: 28px;
		    border: none;
		    white-space: nowrap;
        }
        
        #nav-table tr td.month {
            color: black;
		    font-size: 20px;
		    border: none;
		    padding-top: 8px;
		    min-width:5px;
		    vertical-align: bottom;
		    white-space: nowrap;
        }
        
        
        #nav-table tr td.monthOnly {
            color: black;
		    font-size: 30px;
		    border: none;
		    padding-top: 8px;
		    min-width:5px;
		    text-align: left;
        }
        
        #nav-table tr td.nav {
            cursor:pointer;
            color:blue;
            text-decoration:underline;
            border: none;
            padding: 0;
            text-align: left;
            font-size: 10px;
            white-space: nowrap;
        }
        
        #time-table tr td.masjidalText {
            border: none;
            background-color: white;
            font-size: 16px;
            padding-top: 15px;
            color: black; 
            text-decoration: none;
        }
        
        
        .title {
            font-size: 24px;
            color: black;
            white-space:pre;
            table-layout: fixed;
            width: 80%;
        }
        
        .mainHeader {
            font-weight: bold;
            color: black;
            font-size: 20px;
        }
		   
		.subHeader {
            font-weight: bold;
            color: black;
            font-size: 14px;
            table-layout: fixed;
        }    
        
        .regCell {
            color: black;
            font-size: 16px;
            width:11%;
        }
        
        .monthChangeCell {
            color: black;
            font-size: 12px;
        }
        
        #time-table tr td.masjidAddress {
            color: black;
            border: none;
            font-weight: bold;
            font-size: 16px;
            padding-top: 15px;
            padding-bottom: 0px;
            
        }
        
        
        #time-table tr td.masjidAnnouncement, #time-table tr td.masjidAnnouncementFooter {
    		    max-width: 100%;
    		    text-align: center;
    		    padding: 7px;
    		    font-family: 'Palatino Linotype';
    		    border: none;
        }
        
        #time-table tr td.masjidAnnouncementSecondary {
    		    text-align: center;
    		    padding: 7px;
    		    font-family: 'Palatino Linotype';
    		    border: 1px solid black;
    		    
        }
        
        .friday {  
            font-weight: bold;
        }
    }
    
    @media screen {
        
        
        body {
            background-color: #0C71C3;
        }
        
        

        #time-table {
            margin:8px;
            background-color: #fff;
		    border-collapse: collapse;
        }
        
        #iqamah-table {
            border-collapse: collapse;
            width: 100%;
            
        }
        
        #header-table {
            border-collapse: collapse;
            width: 100%;
            
        }
        
        #jumuah-table {
            border-collapse: collapse;
            width: 100%;
            margin-left: 8px;
            
        }
        
        #iqamah-table td, #time-table td {
		    border: 1px solid black;
		    text-align: center;
		    padding: 7px;
		    font-family: 'sans-serif';
        }
        
        #time-table tr td.subtableCell {
		    width: 100%;
		    padding-left: 0px;
		    padding-right: 8px;
		    border-collapse: collapse;
		    border: none;
		    vertical-align: top;
		    
        }
        
        #header-table tr td.subtableCell {
		    width: 100%;
		    padding: 0px;
		    border-collapse: collapse;
		    border: none;
        }
        
        
        .masjidal1:after {
            content: "Powered by Masjidal";
            float: right;
            padding-right: 4px;
            padding-top: 8px;
            font-size: 12px;
        }
        
        .title {
            /*background-color: #0C71C3;*/
            font-size: 24px;
            color: white;
            white-space:pre; 
        }
        
        #time-table tr td.masjidal {
            border: none;
            background-color: white;
            font-size: 16px;
            padding-top: 0px;
            color: white; 
            text-decoration: none;
        }
        
        #time-table tr td.masjidalText {
            border: none;
            background-color: white;
            font-size: 16px;
            padding-top: 15px;
            color: black; 
            text-decoration: none;
        }
        
        a:link {
            text-decoration: none;
            color: black;
        }
        
        a:visited {
            text-decoration: none;
            color: black;
        }

        .masjidalLogo {
            width: 60px;
        }
        
        #jumuah-table tr td.jumuah {
            border-bottom: none;
            font-size: 32px;
            padding: 0px;
        }
        
        #jumuah-table tr td.jumuahText {
            border-top: none;
            padding: 5px;
            font-size: 14px;
        }
        
         
        br {
            line-height: 20%;
            font-size:12px;
            color: black;
        }
         
        /*#time-table tr:nth-child(even) {
    		    background-color: #f2f2f2;
    	}*/
    	
        #main {
            margin: auto;
            background-color: white;
            box-shadow: 0px 0px 10px 5px #000;
        }
        
        .mainHeader {
            /*background-color: #0C71C3;*/
            color: white;
            font-size: 20px;
        }
		   
		.subHeader {
            /*background-color: #464646;
            color: white;*/
            font-size: 16px;
        }    
        
        .subHeaderLong {
            background-color: #464646;
            color: white;
            font-size: 16px;
        }
        	
        .regCell {
            color: black;
            font-size: 16px;
            min-width: 70px;
        }
        
        .monthChangeCell {
            color: black;
            font-size: 12px;
        }
        
        .friday {  
                /*background-color: #b3e5f3;*/
                font-weight: bold;
        }
        
        .logo {
          width: 100px;
          padding-left: 10px;
          padding-right: 10px;
        }
    	
    	
    	#nav-table {
    	    width: 100%;
    	    border-top: 1px solid black;
    	}
    	
    	#time-table tr td.logoCell {
            text-align: center;
		    font-size: 12px;
		    border: none;
        }
        
        
        #jumuahChange {
            font-size: 15px;
            color:black;
        }
        
        #time-table tr td.masjidAddress {
            font-size: 16px;
            padding: 2px;
            border: none;
            color: black;
            border-top: 1px solid #0C71C3;
            font-weight: bold;
            white-space:pre;
        }
        
        
        
    	/*#time-table {
    		    border-color:#D3D3D3;
    		    text-align: center;
    		    border-collapse: collapse;
    		    /*border: 1px solid gray;
    	}
    	
    	#header-table {
    	    font-family: 'Palatino Linotype';
    	    
    	}*/
    	#time-table tr td.masjidName {
            font-size: 35px;
            border: none;
            color: black;   
            text-align: left;
    	}
    	
    	#time-table tr td.noMasjidName {
            font-size: 40px;
            border: none;
            color: black;   
            text-align: left;
    	}
    	
    	#time-table tr td.options {
            border: none;
            text-align: right;
    	}
    
        #nav-table tr td.cMonth {
            text-align: left;
            width: 100%;
		    padding-top: 8px;
		    padding-left: 8px;
            font-size: 28px;
		    border: none;
        }
        
        #nav-table tr td.month {
            color: black;
		    font-size: 20px;
		    border: none;
		    padding-top: 8px;
		    min-width:5px;
		    vertical-align: bottom;
		    white-space: nowrap;
		    cursor:pointer;
        }
        
        #nav-table tr td.monthOnly {
            color: black;
		    font-size: 30px;
		    border: none;
		    padding-top: 8px;
		    min-width:5px;
		    text-align: left;
        }
        
        #nav-table tr td.nav {
            cursor:pointer;
            color:blue;
            text-decoration:underline;
            border: none;
            padding: 0;
            text-align: left;
            font-size: 10px;
        }
    	/*#time-table th {
    		    border-color:#D3D3D3;
    		    text-align: center;
    		    padding: 7px;
    		    font-family: 'Palatino Linotype';
    		   
        	}
    	
    	
    	#time-table td {
    		    border-color:#D3D3D3;
    		    text-align: center;
    		    padding: 7px;
    		    font-family: 'Palatino Linotype';
    		    border: 1px solid #D3D3D3;
        }*/	
        #time-table tr td.masjidAnnouncement, #time-table tr td.masjidAnnouncementFooter {
    		    max-width: 100%;
    		    text-align: center;
    		    padding: 7px;
    		    font-family: 'Palatino Linotype';
    		    border: none;
        }
        
        #time-table tr td.masjidAnnouncementSecondary {
    		    max-width: 100%;
    		    text-align: center;
    		    padding: 7px;
    		    font-family: 'Palatino Linotype';
    		    border: 1px solid black;
    		    
        }
        	
        
        #iqama {
    		    background: #d8f9d8;
    		    font-weight: bold;
        }
        
        #subHeading {
                font-size: 9px;
                background-color: #ffffff;
                
        }
        
        #subHeadingIqama {
                font-size: 9px;
                background-color: #d8f9d8;
                
        }
    
    	
    	
    	#footNote {
        	    font-style: italic;
        	    font-size:10px;
        	    padding: 3px;
        	    cursor:pointer;
                color:blue;
                text-decoration:underline;
                padding-left: 30px;
                padding-right: 30px;
    	}
    	
    	#link {
                cursor:pointer;
                color:blue;
                text-decoration:underline;
                
        }	
        #pMonth, #nMonth {
                cursor:pointer;
                color:blue;
                text-decoration:underline;
                font-size: 20px;
                padding-bottom:6px;
        }
        #1month1, #1month2 {
                cursor:pointer;
                color:blue;
                text-decoration:underline;
                text-align: center;
                
        }
        
        
                
        #time-table .dropbtn {
            text-align: right;
    	    background-color: white;
            color: blue;
            font-size: 10px;
            text-decoration:underline;
            border: none;
        }
        
        #time-table .dropdown {
          position: relative;
          display: inline-block;
          border: none;
          text-align: right;
    	    
        }
        
        #time-table .dropdown-content {
          display: none;
          left: 0;
          position: absolute;
          font-size: 10px;
          background-color: #f1f1f1;
          min-width: 160px;
          box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
          z-index: 1; 
        }
        
        #time-table .dropdown-content a {
          color: black;
          padding: 12px 16px;
          text-decoration: none;
          display: block;
        }
        
        #time-table .dropdown-content a:hover {background-color: #ddd;}
        
        #time-table .dropdown:hover .dropdown-content {display: block;}
        
        /*.dropdown:hover .dropbtn {background-color: green;} */
    }
    		
    		/* Center the loader */
    	#loader {
              position: absolute;
              left: 55%;
              top: 50%;
              z-index: 1;
              width: 50px;
              height: 50px;
              margin: -75px 0 0 -75px;
              border: 6px solid #f3f3f3;
              border-radius: 50%;
              border-top: 6px solid #3498db;
              width: 40px;
              height: 40px;
              -webkit-animation: spin 2s linear infinite;
              animation: spin 2s linear infinite;
        }
    
        @-webkit-keyframes spin {
              0% { -webkit-transform: rotate(0deg); }
              100% { -webkit-transform: rotate(360deg); }
        }
    
        @keyframes spin {
              0% { transform: rotate(0deg); }
              100% { transform: rotate(360deg); }
        }
    
    /* Add animation to "page content" */
        .animate-bottom {
              position: relative;
              -webkit-animation-name: animatebottom;
              -webkit-animation-duration: 1s;
              animation-name: animatebottom;
              animation-duration: 1s
        }
    
        @-webkit-keyframes animatebottom {
              from { bottom:-100px; opacity:0 } 
              to { bottom:0px; opacity:1 }
        }
        
        @keyframes animatebottom { 
              from{ bottom:-100px; opacity:0 } 
              to{ bottom:0; opacity:1 }
        }
        
        #myDiv {
              display: none;
              text-align: center;
        }
    
    
        @keyframes spin {
              0% { transform: rotate(0deg); }
              100% { transform: rotate(360deg); }
        }
        
        #prayer_timing{
            background: #0C71C3;
        }