@charset "UTF-8";
/* CSS Document */

 body {
	/*background: url("../../../Mobile/app/images/35596a.png") no-repeat top center fixed;*/
	/*background:url(../images/35596a.png) no-repeat top center fixed;*/
	background-position:0px 0px ;
	background-size: 100% 77px;
	background-color: #FBE765;
 }
 
/*  body {
	background: url("../../../Mobile/app/images/JesusFilmPoster.png") no-repeat center fixed , url("../../../Mobile/app/images/35596a.png") no-repeat top center fixed;
	background-position:50% 120px, 0px 0px ;
	background-size: 81%, 100%;
 }*/

#pagewrap {
	margin: 0 auto;
	position: relative;
}


.bg_image {
    background-position:0px 0px ;
	/*background-size: 100% 77px;*/
    background-color: #002BDB;
    background-position: center;
    background-image: url("../app_images/bg_night2.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    height: 100vh;
    min-height: 100%;
    }


.nodisplay {
	display: none;
}

.BGMaggi{
	background: rgba(255,255,255,0.30)
}

.DarkBaseColour {
    color: #35596a;
}

.MediumBaseColor {
    color: #4c6c7b;
}

.LightBaseColor {
    color: #829fad;
}

.DarkYellowColour {
    color: #B06D00;
}

.MediumYellowColor {
    color: #ff9900;
}

.LightYellowColor {
    color: #FBE765;
}


.HeaderNarrow {
	/*color: #FFF;*/
	/*background-color = MediumBaseColor;*/
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.Menu {
    background-color: #ff0000;
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.Page {
    background-color: #4CAF50;
	/*background-color: #35596a;*/
	/*background-color: #ff0000;*/
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.LargeTextWhite {	
	font-size: large;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.LTextWhiteAR {	
	font-size: large;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	lang=ar;
	direction: rtl;
}

.xLargeTextWhite {	
	font-size: x-large;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.NormalTextWhite {	
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.onlyHideWhite {	
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	opacity: 0.0;
}

.TextBigMediumDark {
	color: #35596a;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}


.TextBigDarkYellow {
	color: #643205;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextXxBigDarkYellow {
	color: #643205;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextBigMediumYellow {
	color: #ff6600;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}
.TextBigLightYellow {
	color: #ff9900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextBigRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextLargeRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: medium;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}


.copyright {
	font-family: Arial, Helvetica, sans-serif;
	/*text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);*/
	font-size: x-small;
	font-style: italic;
	font-weight: lighter;
	font-variant: normal;
	color: #000;
}

.smallBlack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-style: italic;
	font-weight: lighter;
	font-variant: normal;
	color: #000;
}

.XLTextBlack {	
	font-size: x-large;
	text-shadow: 2px 2px 7px rgba(250, 250, 250, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}

.TextBigBlack {
	color: #000000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextBigBlue {
	color: #0033ff;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextBigGreen {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
} 

.TextXGreen {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextLGreen {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextMGreen {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: medium;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextMediumLightYellow{
	color: #FFF999;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: medium;
	font-family: Tahoma, Geneva, sans-serif;
}

.TextMediumRed {
	color: #ff0000;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: medium;
	font-family: "Times New Roman";
}

.TextBlueBig {
	color: #0033ff;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TextBlue {
	color: #0033ff;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}


.TextGreen {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}

.TxtGreenNor {
	color: #009900;
	font-size: large;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justified;
}


.MyNormal {
	color: #FFF;
	text-shadow: 1px 1px 4px rgba(50, 50, 50, 1);
	font-size: x-large;
	font-family:Tahoma, Geneva, sans-serif;
}

.Text {
	color: #ffff99;
	text-shadow: 2px 2px 5px rgba(50, 50, 50, 2);
	font-size: xx-large;
	font-family: Tahoma, Geneva, sans-serif;
}

.mediumText {	
	font-size: medium;
	text-shadow: 1px 1px 4px rgba(250, 250, 250, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}

.mediumWhiteText {	
	font-size: medium;
	text-shadow: 1px 1px 4px rgba(250, 250, 250, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFFFFF;
}

.HypOverYellow {
    background-color: #FF0;
	/*background-color: #35596a;*/
	/*background-color: #ff0000;*/
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
	font-size: large;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	font-stretch:extra-condensed;
	text-align: center;
}

.stickyTable{
	align-content: center;
	position: sticky;
	background-color: #000086;
	width: 100%;
	top: 0;
}

/*<!--.DarkBaseColour {
    color: #35596a;
}

.MediumBaseColor {
    color: #4c6c7b;
}

.LightBaseColor {
	color: #829fad; 
}
-->*/