/*Google Fonts Import
    @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,50,600,700,800,900');
    @import url('https://fonts.googleapis.com/css?family=Scheherazade:400,700');*/
    
 
    /*Full Screen Posters*/
    .fullScreenPosters {
        width: 1526px;
        height: 854px;
        position: absolute;
        top: 5px;
        left: 5px;
        display: none;
    }
    .circle-progress-value {
	    stroke-width: 6px;
	    stroke-linecap: round;
        width: 45px;
        height: 45px;
    }
    .circle-progress {
        height: 35px;
    }
    .circle-progress-circle {
    	stroke-width: 2px;
        width: 45px;
        height: 45px;
    }
    .circle-progress-text {
        font-size: 30px;
    }
    
    #posterStatus{
        display: flex;
        overflow: hidden;
        position: absolute;
        bottom: 6px;
        right: -25px;
        z-index: 500;
    }
    
    /* Poster Z-Index*/
    #iftaarPoster,#tashreeqPoster{
        z-index: 300;
    }
    #bigPosterImage0 {z-index: 249;}
    #bigPosterImage1 {z-index: 248;}
    #bigPosterImage2 {z-index: 247;}
    #bigPosterImage3 {z-index: 246;}
    #bigPosterImage4 {z-index: 245;}
    #bigPosterImage5 {z-index: 244;}
    #bigPosterImage6 {z-index: 243;}
    #bigPosterImage7 {z-index: 242;}
    #bigPosterImage8 {z-index: 241;}
    #bigPosterImage9 {z-index: 240;}
    #ayaamPoster     {z-index: 230;}
    #jumuahDurood    {z-index: 227;}
    #jumuahSunnah    {z-index: 225;}
    #thursDuroodPoster{z-index: 220;}
    #islamicMonthPoster{z-index: 205;}
    .ramadanPoster,.hajjPoster,.muharramPoster,#eidDuaPoster,#ashuraSpendPoster,#rajabPoster{
        z-index: 200;
    }

    #boardDisable{
        z-index: 998;
        display: none;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 1920px;
        height: 1080px;
        min-width: 1920px;
        min-height: 1080px;
        background-color: rgba(0,0,0,0.95);
        transition: visibility 0s, opacity 0.5s linear;
        visibility: hidden;
        opacity: 0;
    }

    .pu_tahajjud {
        font-size: 16px;
    }
    
    /*Headings*/
    h1 {
        font-size: 35px;
        font-weight: 700;
        line-height: 1.4;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Open Sans;
    }
    h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Open Sans;
    }
    h3 {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.0;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Open Sans;
        /*white-space: nowrap;*/
        overflow: visible;
    }
    h4 {
        font-size: 33px;
        font-weight: 600;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Open Sans;
    }
    h5 {
        font-size: 53px;
        font-weight: 700;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Open Sans;
    }
    h6 {
        font-size: 40px;
        font-weight: 700;
        line-height: 1.5;
        margin-top: 0;
        margin-bottom: 0;
        font-family: Open Sans;
        text-align: left;
        padding-left: 6px;
    }
    p,span {
        margin: 0;
        font-family: Open Sans;
    }

    .tomorrow{
        font-size: 16px !important;
        font-weight: 400;
    }
    .pu_tomorrow {
        color: white;
        font-size: 16px !important;
        font-weight: 400;
        margin: 0px;
        padding: 0px;
      }
      
      .pu_tomorrow::before {
        content: "";
        display: block;
        margin: 0;
        padding: 0;
        margin-top: -16px;
      }
    
    /* Spacing on entire site as well as text align*/
    #bg {
        width: 1920px;
        height: 1080px;
        left: 195px;
    }
    body {
        margin: 0;
        text-align: center;
        background-repeat: no-repeat;
        background-blend-mode: unset !important;
    }
    /*#content{ height: 0px !important; }*/
    
    /* Removing scroll bar*/
    ::-webkit-scrollbar {
        display: none;
    }
    @-moz-document url-prefix() {
        body,
        html {
            overflow: hidden !important;
        }
    }
    
    /*Spacing for countdown*/
    #countdownTimer {
        margin-bottom: -5px !important;
        z-index: 50;
    }
    #countdownTimerName {
        padding-top: 2px !important;
        z-index: 50;
    }
    
    /*Main Time Color*/
    #currentTime {
        font-size: 80px;
        font-weight: 700;
        font-family: Open Sans;
        z-index: 50;
        text-align: center;
    }
    
    /*Masjid Name*/
    #masjidName1 {
        font-size: 36px;
        font-weight: 550;
        font-family: Open Sans;
        z-index: 50;
        white-space: nowrap;
        overflow: visible;
    }
    #masjidName2 {
        font-size: 36px;
        font-weight: 550;
        font-family: Open Sans;
        z-index: 50;
        white-space: nowrap;
        overflow: visible;
        margin-top: -33px;
    }
    
    /*Masjid Name Tables*/
    #masjidNameTable {
        position: absolute;
        left: 720px;
        top: 128px;
        height: 55px;
        width: 480px;
        font-family: Open Sans !important;
        z-index: 50;
    }
    #masjidNameTable2 {
        position: absolute;
        left: 710px;
        top: 172px;
        height: 50px;
        width: 500px;
        font-family: Open Sans !important;
        z-index: 50;
    }
    
    /*Live Time*/
    .tableTime {
        position: absolute;
        left: 752px;
        top: 214px;
        height: 106px;
        width: 414px;
        font-family: Open Sans !important;
        z-index: 999;
    }
    
    #zawaalPopUp {
        position: absolute;
        top: 857px;
        left: 715px;
        font-size: 66px;
        width: 490px;
        height: 137px;
        align-items: center;
        padding-top: 31px;
        font-family: Open Sans;
        font-weight: 700;
    }
    
    /*Table borders*/
    .mst tr td {
        text-align: center;
    }
    .pumst tr td {
        text-align: center;
    }

    .zstart {
        border-width: 2px 0 2px 2px;
    }
    .zend {
        border-width: 2px 2px 2px 0;
    }
    .zto {
        border-width: 2px 0 2px 0;
    }
    .msttop {
        border-width: 0 0 0 0 !important;
    }
    
    /* Bootstrap Carousel*/
    #carousel {
        text-align: center;
        width: 471px;
        height: 664px !important;
        margin: 0 auto;
        overflow: hidden;
        overflow-wrap: break-word;
        line-height: auto;
        z-index: 50;
    }
    #posterCarousel {
        position: absolute;
        width: 1920px;
        height: 1080px;
        top: 0;
        left: 0;
    }
    .sliderInfoHeadings {
        text-align: center;
        text-decoration: underline;
        padding-left: 0;
        font-size: 33px;
        font-weight: 700;
    }
    .fSliderInfoHeadings {
        text-align: center;
        text-decoration: underline;
        padding-left: 0;
        font-weight: 700;
    }
    .nikahInfoHeadings {
        text-align: center;
        text-decoration: underline;
        padding-left: 0;
        /*font-size: 33px;*/
        font-weight: 700;
    }
    .carousel-inner {
        height: 664px;
    }
    #nikahSlide {
        padding-left: 5px;
        padding-right: 5px;
    }

    #sickC{
        height: 518px;
        width: 445px;
        margin: auto;
    }
    .ahsSlides {
        padding-left: 5px;
        padding-right: 5px;
    }
    .nikahHeadings {
        text-align: center;
        text-decoration: underline;
        /*font-size: 33px;*/
        font-weight: 700;
        padding-top: 10px;
    }
    .fSliderText {
        text-align: center;
        padding-left: 0;
        font-weight: 600;
        /*font-size: 33px;
        white-space: nowrap;
        overflow: visible;*/
    }
    .sliderText {
        text-align: center;
        padding-left: 0;
        font-size: 33px;
        font-weight: 600;
        white-space: nowrap;
        overflow: visible;
    }
    .sliderTextWr {
        text-align: center;
        padding-left: 0;
        /*font-size: 33px;*/
        font-weight: 600;
        overflow: visible;
    }
    .nikahText {
        text-align: center;
        padding-left: 0;
        /*font-size: 33px;*/
        font-weight: 600;
        /*white-space: nowrap;*/
        overflow: visible;
    }
    #gashtOut1C,#gashtOut2C,#sick1c,#sick2C,#sick3C,#sick4C,#sick5C,#sick6C,#sick7C,#sick8C,#sick9C,#sick10C{
        width: 451px;
        /*height: 50px;*/
    }
    #funeralNameC,#funeralRelationC,#funeralAddyC,#funeralPickupC,#funeralCemeteryC,#funeralSalaahVenueC,#funeralSalaahTimeC{
        width: 461px;
    }
    #nikaahPopUpSpan .nikahMainHeadings,.nikahInfoHeadings,.nikahText{
        width: 455px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .nikahMainHeadings,.nikahInfoHeadings,.nikahText{
        width: 461px;
    }
    #eidSlideC{
        width: 471px;
    }

    .tabline {
        margin: 8px;
        padding: 0;
        height: 2px;
    }
    table.fixed {
        table-layout: fixed;
    }
    table.fixed td {
        overflow: hidden;
    }
    .carousel-control {
        z-index: 999;
    }
    #posterImage {
        z-index: 40;
    }
    
    #popUpDate{
        font-family: 'Open Sans';
        font-size: 43px;
        font-weight: 700;
        white-space: nowrap;
        position: absolute;
        top: 869px;
        left: 1541px;
        width: 374px;
        height: 103px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: center;
        align-content: center;
        align-items: center;
        z-index: 9999;
    }
    
    /* Jumu'ah Table */
    #jumuahHeadingC {
        position: absolute;
        left: 106px;
        top: 464px;
        width: 405px;
        height: 55px;
        text-align: center;
        z-index: 50;
    }
    #jumuahTable {
        position: absolute;
        left: 106px;
        top: 528px;
        width: 405px;
        height: 146px;
        text-align: center;
        z-index: 50;
        table-layout: fixed;
    }
    #jumuahAdhaanHeading {
        border-width: 2px 2px thin 2px;
    }
    #jumuahSunnanHeading {
        border-width: 2px 2px thin 2px;
    }
    #jumuahKhutbahHeading {
        border-width: 2px 2px thin 2px;
    }
    #jumuahAdaanTime {
        border-width: thin 2px 2px 2px;
    }
    #jumuahSunanTime {
        border-width: thin 2px 2px 2px;
    }
    #jumuahKhutbahTime {
        border-width: thin 2px 2px 2px;
    }
    #jumuahKhateebHeading {
        border-width: 2px;
        width: 400px;
        height: 45px;
        white-space: nowrap;
    }
    #jumuahAdhaanHeading,#jumuahSunnanHeading,#jumuahKhutbahHeading {
        width: 130px;
        height: 50px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #jumuahKhateeb{
        font-size:30px;
        font-weight: 600;
    }
    
    /*Times Box Table*/
    #timesBoxHead {
        position: absolute;
        left: 1396px;
        top: 862px;
        width: 440px;
        text-align: center;
        z-index: 50;
        white-space: nowrap;
        overflow: visible;
    }
    #timesBoxHeadC {
        width: 440px;
        height: 50px;
    }
    #zrefresh {
        position: absolute;
        left: 1416px;
        top: 929px;
        width: 400px;
        height: 50px;
        text-align: center;
        z-index: 50;
    }
    .zto {
        border-width: 2px 0 2px 0;
    }
    
    /*Next Salaah Change Table*/
    #nextChangeHeadingC{
        position: absolute;
        left: 106px;
        top: 155px; /*Without IA = 161px*/
        width: 405px;
        text-align: center;
        z-index: 50;
        height: 55px;
        font-size: 35px;
    }
    .nsct {
        position: absolute;
        left: 106px;
        top: 222px;
        width: 405px;
        height: 146px;
        text-align: center;
        z-index: 50;
    }
    #fcc {
        border-width: 2px;
    }
    #acc {
        border-width: 2px;
    }
    #ecc {
        border-width: 2px;
    }
    #fccs {
        border-width: 2px 2px thin 2px;
    }
    #accs {
        border-width: 2px 2px thin 2px;
    }
    #eccs {
        border-width: 2px 2px thin 2px;
    }
    #fccss {
        border-width: thin 2px 2px 2px;
    }
    #accss {
        border-width: thin 2px 2px 2px;
    }
    #eccss {
        border-width: thin 2px 2px 2px;
    }
    
    /*Main Salaah Table*/
    .mst {
        position: absolute;
        left: 714px;
        top: 339px;
        width: 493px;
        height: 657px;
        z-index: 50;
    }
    
    /* Dates English & Islamic */
    #islamicDateC {
        height: 91px;
        width: 538px; /*566*/
        position: absolute;
        left: 1338px; /*1332*/
        top: 31px;
        z-index: 50;
    }
    #islamicDate {
        font-size: 35px;
        font-family: 'Open Sans';
        z-index: 50;
        white-space: nowrap;
        overflow: visible;
    }
    #todaysDateC {
        width: 544px;
        height: 81px;
        position: absolute;
        left: 40px;
        top: 50px;
    }
    #todaysDate {
        font-size: 33px; /*35*/
        font-family: Open Sans;
        z-index: 50;
        white-space: nowrap;
        overflow: visible;
    }
    
    /*Main Slider*/
    #mySlider {
        position: absolute;
        left: 1382px;
        top: 130px;
        height: 664px;
        width: 471px;
        z-index: 50;
    }
    .transition-timer-carousel-progress-bar {
        height: 5px;
        width: 100%;
        margin: 0;
        border: none;
        position: relative;
        z-index: 40;
        top: 2px;
    }
    @keyframes sliderProgBar {
        0% {
            width: 0;
        }
        100% {
            width: 100;
        }
    }
    
    @keyframes tickerAnimate {
        0% {
            transform: "translateX(0)";
        }
        100% {
            transform: "translateX(100)";
        }
    }
    
    /*HD Poster Slider*/
    #hdSlider {
        position: absolute;
        width: 1920px;
        height: 1080px;
        top: 0;
        left: 0;
        z-index: 999;
    }
    
    
    #moonDirectionHeading { 
        position: absolute; 
        top: 795px;
        left: 10px;
        font-size: 22px;
    }
    
    #compass{
        height: 10%;
        z-index: 100;
        top: 86.5%;
        position: absolute;
        left: 79.5%;
    }
    
    /*Moon Table*/
    /*	.scroll { border-width: 3px 3px 3px 3px; font-weight: 600; position: absolute; left: 106px; top: 938px; width: 405px; height: 48px; }
                #mbh { border-width: 0px 3px 0px 0px; }
                #moonBirth { margin: 0px; font-size: 30px; font-weight: 600; }
                #mvh { border-width: thin thin 3px 3px; background-color: rgba(148, 201, 255, 0.35); }
                #mvhh { border-width: thin 3px 3px thin; background-color: rgba(148, 201, 255, 0.35); }
                #moonVisibil { margin: 0px; font-size: 30px; font-weight: 600; }
                #moonHeading { position: absolute; left: 106px; top: 777px; width: 405px; text-align: center; z-index: 50; text-decoration: underline; }
                */
    
    /*News Ticker*/

    #tick li, #tick2 li {
      list-style-type: none;
      float: none;
      padding-right: 20px;
      display: inline-block;
      left: 0;
      white-space: nowrap;
      position: inherit !important;
    }
    #outer {
      float: left;
      display: flex;
      left: 0;
      text-overflow: clip !important;
      width: 100%;
        overflow: hidden;
        position: absolute;
        left: 30px;
        top: 995px;
        width: 1864px;
        height: 85px;
        padding-top: 25px;
    }
    #tick {
      display: inline-block;
      white-space: nowrap;
      width: 100%;
        position: relative;
        margin: 0;
        height: 0;
    }
    #tick2 {
      display: inline-block;
      white-space: nowrap;
      width: 100%;
        position: relative;
        margin: 0;
        height: 0;
    }
    
    /* CSS Used in JS*/
    #funeralBoard{
        width: 474px !important;
        height: 868px !important;
        margin: auto;
    }
    #funeralBoardSpan{
        width: 474px !important;
        height: 868px !important;
        margin: auto; 
    }
    .funeralShow {
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 474px;
        height: 868px;
        left: 72px;
        top: 129px;
        padding-left: 0.5%;
        padding-right: 0.5%;
        z-index: 197;
        animation: fadeInF ease-in-out 4s;
    }
    @keyframes fadeInF {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .funeralHeadings {
        /*font-size: 33px;*/
        font-weight: 700;
        text-align: center;
        text-decoration: underline;
    }
    
    .duaAfterAdhanShow {
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 503px;
        height: 868px;
        left: 55px;
        padding-left: 20px;
        padding-right: 20px;
        top: 129px;
        z-index: 116;
        animation: fadeIn ease-in-out 4s;
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    .cellphoneShow {
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 503px;
        height: 868px;
        left: 57px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 117px;
        top: 129px;
        z-index: 129;
        animation: fadeIn ease-in-out 4s;
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    #moonShow {
        position: absolute;
        width: 452px;
        height: 868px;
        left: 82px;
        top: 118px;
    }
    
    .moonShow {
        visibility: visible;
        opacity: 1;
        position: absolute;
        width: 503px;
        height: 868px;
        left: 55px;
        top: 129px;
        z-index: 131;
        animation: fadeInF ease-in-out 4s;
    }
    @keyframes fadeInF {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    #ayaam {
        position: absolute;
        width: 474px;
        height: 560px;
        left: 71px;
        padding-left: 5px;
        padding-right: 5px;
        top: 436px;
        z-index: 94;
        animation: fadeIn ease-in-out 4s;
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    #nikahPopUp {
        position: absolute;
        width: 474px;
        height: 560px;
        left: 71px;
        padding-left: 5px;
        padding-right: 5px;
        top: 436px;
        z-index: 101;
        animation: fadeIn ease-in-out 4s;
    }
    @keyframes fadeIn {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    
    /* Else Statements*/
    .hidden {
        opacity: 0; /*display: none;*/
        /*visibility: hidden !important;*/
        position: absolute;
        /*top: 1081px !important;*/
        animation: fadeOut ease-in-out 1s;
        z-index: -1 !important;
    }
    @keyframes fadeOut {
        1% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    .hiddenNd {
        opacity: 0; /*display: none;*/
        /*visibility: hidden !important;*/
        position: absolute;
        /*top: 1081px !important;*/
        animation: fadeOut ease-in-out 0s;
        z-index: -1 !important;
    }
    @keyframes fadeOut {
        1% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }
    
    /*Moon*/
    #moonBox {
        display: flex;
        position: absolute;
        left: 95px;
        top: 768px;
        width: 427px;
        height: 226px;
        margin: 0 auto;
        padding: 0;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }
    headline {
        font-family: Julius Sans One;
        font-size: 30px;
        text-align: center;
        white-space: nowrap;
        font-weight: bold;
        letter-spacing: 20px;
        z-index: 20;
    }
    
    #nikahPopUpBg {
        position: absolute;
        top: 306px;
    }
    
    #currentMoon {
        z-index: 30;
        font-size: 35px;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        white-space: nowrap;
    }
    #currentMoonBox {
        position: absolute;
        top: 791px;
        left: 300px;
        width: 221px;
        height: 168px;
    }
    #moonImage {
        position: absolute;
        left: 28px;
        top: 24px;
        height: 180px;
        z-index: 30;
    }
    
    #right-carousel-control {
        position: absolute;
        z-index: 900;
        top: 0;
        left: 278px;
        width: 173px;
        height: 27px;
        cursor: none;
    }
    #left-carousel-control {
        position: absolute;
        z-index: 900;
        top: 0;
        left: 1px;
        width: 173px;
        height: 27px;
        cursor: none;
    }
    
    /*Moon Pop Up*/
    #masjidImage {
        width: 478px;
        height: 397px;
        position: absolute;
        top: 0;
        left: 0;
    }
    #masjidImageMask {
        overflow: hidden;
        border-radius: 50%;
        width: 385px;
        height: 385px;
        position: absolute;
        top: 435px;
        left: 34px;
    }
    #circle {
        border-radius: 50%;
        width: 385px;
        height: 385px;
        position: absolute;
        top: 435px;
        left: 34px;
    }
    #circle2 {
        width: 50px;
        height: 50px;
        z-index: 98;
        position: relative;
        top: 12px;
        transform: rotate(0deg);
        overflow: hidden;
        animation: arrowFlash ease-in-out 2s infinite;
    }
    @keyframes arrowFlash {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .moonPopTable td {
        padding: 8px 3px 8px 3px;
        border: 1px solid var(--moontableBorderColors);
    }
    .moonPopTable tr td {
        /*max-height: 77.63px;*/
        overflow: hidden;
        white-space: nowrap;
    }
    .moonPopTable {
        table-layout: fixed;
        width: 451px;
        height: 310px;
    }
    
    /* if Blank Hide*/
    .v-slide:blank {
        display: none;
    }
    .v-slide:empty {
        display: none;
    }
    
    /*Address*/
    #masjidWeb {
        font-size: 20px;
        font-weight: 600;
        position: absolute;
        top: 0;
        left: 1512px;
    }
    #masjidAddy2 {
        font-size: 20px;
        font-weight: 600;
        position: absolute;
        top: 0;
        left: 70px;
    }
    
    /*VSlide*/
    /* Slider */
    .v-slider-frame {
        height: 50px;
        overflow: hidden;
        text-align: center;
    }
    ul.v-slides {
        list-style-type: none;
        transform: translateY(50px);
        padding: 0;
    }
    .v-slide {
        font-size: 24px;
        line-height: 50px;
    }
    
    /* Sliders */
    #ayahSurah {
        font-size: 34px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
    }
    #AyahNo {
        font-size: 33px;
        font-weight: 700;
        text-decoration: underline;
    }
    #ayah {
        font-size: 33px;
        font-weight: 600;
        text-align: left;
        padding-left: 0;
    }
    #ayahC{
        height: 518px;
        width: 445px;
        margin: auto;
        text-align: left;
    }
    
    #hadithHeading {
        font-size: 35px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
        text-align: center;
    }
    #hadith {
        font-size: 33px;
        font-weight: 600;
        text-align: left;
        padding-left: 0;
    }
    #hadithRef,.hadithRef {
        font-size: 20px;
        font-weight: 400;
        text-align: center;
    }
    
    #sunnahHeading {
        font-size: 35px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
    }
    #hadithC{
        height: 535px !important;
        width: 445px !important;
        margin: auto;
        text-align: left;
    }
    
    #sunnah {
        font-size: 33px;
        font-weight: 600;
        text-align: left;
        padding-left: 0;
    }
    #sunnahC {
        height: 535px !important;
        width: 445px !important;
        margin: auto;
    }
    .sunnahRef,#sunnahRef {
        font-size: 20px;
        font-weight: 400;
    }
    
 
    #taleemDateHeading,#taleemResiHeading,#taleemAddyHeading {
        font-size: 26px;
        font-weight: 700;
        /*padding-top: px;*/
    }
    #taleemTime1,#taleemTime2 {
        /*font-size: 33px;*/
        font-weight: 700;
        padding-top: 10px;
    }
    #taleemDate1,#taleemDate2 {
        /*font-size: 33px;*/
        font-weight: 600;
        padding-top: 5px;
    }
    #taleemResi1,#taleemAddy1,#taleemResi2,#taleemAddy2 {
        /*font-size: 33px;*/
        font-weight: 600;
        padding-top: 5px;
        /*white-space: nowrap;*/
        overflow: visible;
    }
    #taleemResi1C,#taleemAddy1C,#taleemResi2C,#taleemAddy2C {
        /*height: 54px;*/
        width: 461px;
    }


    
    .sliderMainHeadings {
        font-size: 35px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
    }
    .nikahMainHeadings {
        font-size: 35px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
    }

    .funeralHeading {
        font-size: 42px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
    }
    
    .announceHeading {
        font-size: 35px;
        font-weight: 700;
        padding-top: 40px;
        text-decoration: underline;
    }
    .announceText {
        font-size: 33px;
        font-weight: 600;
    }
    
    #dawahSlide {
        padding-top: 60px !important;
        padding-left: 25px;
        padding-right: 25px !important;
    }
    #masjidTaleem {
        font-size: 33px;
        font-weight: 700;
    }
    
    .gashtInOutHeadings {
        /*font-size: 33px;*/
        font-weight: 700;
        text-align: center;
    }
    .gashtVenues {
        /*font-size: 33px;*/
        font-weight: 700;
        text-align: left;
        /*white-space: nowrap;*/
        overflow: visible;
    }
    #threeDaysHeader {
        /*font-size: 33px;*/
        font-weight: 700;
        text-align: center;
        text-decoration: underline;
    }
    .gashtVenuesDate {
        text-align: right !important;
    }
    .threeDaysBox{
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-content: center;
        justify-content: space-between;
        align-items: center;
    }
    #funeralArabic {
        font-size: 50px;
        font-weight: 400;
        font-family: 'Scheherazade', serif;
        font-weight: 700;
    }
    #funeralDuaEnglish {
        padding-left: 24px;
        padding-right: 24px;
        font-size: 16px;
        font-weight: 600;
        position: absolute;
        bottom: 35px;
    }
    
    #duaAfterAdhanArabic {
        padding-left: 16px;
        padding-right: 16px;
        overflow-wrap: break-word;
        font-size: 55px;
        font-weight: 700;
        font-family: 'Scheherazade', serif;
    }
    #duaAfterAdhanEnglish {
        font-size: 24px;
        font-weight: 400;
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #cellImage {
        display: block;
        margin: 45px auto auto;
    }
    
    .flashcellphone{ 
        font-size: 49px; 
        font-weight: 700;
        }
    
    #cellPhoneText {
        margin-top: -10px;
        padding-left: 20px;
        padding-right: 20px;
        overflow-wrap: break-word;
        font-size: 33px;
        font-weight: 600;
    }
    
    #ayaamArabic {
        font-size: 55px;
        font-family: 'Scheherazade', serif;
        font-weight: 700;
        padding-top: 40px;
    }
    #ayaamText {
        padding-left: 15px;
        padding-right: 15px;
        font-size: 30px;
        font-weight: 600;
        margin-top: -10px;
    }
    
    .ten {
        line-height: 10px;
    }
    .twenty {
        line-height: 20px;
    }

    #masjidUrl {
        margin-bottom: -5px !important;
    }
    
    /*Global Alignment Setting*/
    a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video {
        vertical-align: middle;
    }
    span,u {
        vertical-align: baseline !important;
    }
  
  body {
    width: 100% !important;
  }

  /* Full Screen Pop Ups*/
  #posterContainer {
    height: 1080px;
    width: 1920px;
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    z-index: 999;
  }

  #popUpPerpetual {
    position: absolute;
    left: 1541px;
    width: 374px;
    top: 5px;
    padding-left: 0%;
    padding-right: 0%;
    height: 854px;
    table-layout: fixed;
  }

  #popUpPerpetual tr td {
    padding: 0%;
    height: 77.63px;
    max-height: 77.63px;
    overflow: hidden;
    white-space: nowrap;
    max-width: 60%;
  }
 
    #popUpPerpetual td:first-child {
      width: 60%;
    }
    
    #popUpPerpetual td:last-child {
      width: 40%;
    }

  .pu_tableTime {
    position: absolute;
    z-index: 9999;
    top: 961px;
    left: 1541px;
    width: 374px;
    height: 103px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-end;
  }
  #pu_tableTimeBG {
    position: absolute;
    background-color: white;
    top: 869px;
    left: 1541px;
    width: 374px;
    height: 206px;
    z-index: 1;
  }

  .pu_box_bg {
    position: absolute;
    top: 869px;
    left: 1541px;
    width: 374px;
    height: 206px;
    opacity: 0.7;
    z-index: 2;
  }

  .pu_progress {
    position: relative;
    top: 70%;
    left: 0%;
    text-align: left;
    width: 0%;
    max-width: 70%;
    height: 5px;
    margin: 0px;
  }

  .pu_mst {
    width: 1526px;
    height: 206px;
    position: absolute;
    top: 869px;
    left: 5px;
  }

  .pu_mst tr td {
    padding: 0%;
  }

  .pu_salaah_times {
    font-size: 45px ;
    text-align: center !important;
  }

  .pu_salaah_times_row {
    height: 50%;
  }

  .pu_timer_name {
    top: 80%;
    position: absolute;
    z-index: 9999;
  }

  .pu_timer {
    top: 80%;
    position: absolute;
    z-index: 9999;
  }

  .sundayzuhr {
        font-size: 16px;
        margin-left: 12px;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        color: white;
    }
  
  
  
  /*sort out belwo*/
      body {
        background-image: none !important;
        background-color: white !important;
    }
    .very-specific-design {
          width: 1920px;
          height: 1080px;
          padding: 0px;
          text-align: center;
          background: transparent;
          position: absolute;
          left: 50%;
          top: 50%;
          transform: translate(-50%, -50%);
          transform-origin: center center;
          background-image: url("https://premium.masjidboardlive.com/v2/images/pillars.png") !important;
          background-color: var(--background);
        }
        
    .scaleable-wrapper {
          padding: 0px;
          resize: both;
          position: relative;
          background: transparent;
          width: 100vw;
          height:100vh;
          /*top: 0;
          left: 0;
          width: 960px;*/
        }

        
    .ui-resizable-se {
          width: 0px;
          height: 0px;
          background: red;
          position: absolute;
          bottom: 0px;
          right: 0px;
          z-index: 99999;
          display: none;
          visibility: hidden;
        }

#apiCheck{
    position: absolute;
    bottom: 0px;
    right: 0px;
    max-width: 100px;
    max-height: 100px;
    z-index: 99999;
    font-size: 30px;
}