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


.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);
	align-self: center;
}

.ArabicText{
    text-align: right;
    direction: rtl;
    lang:arabic;
}

.HeaderNarrow {
	/*color: #FFF;*/
	/*background-color = MediumBaseColor;*/
	text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);
    top: 0px;
	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;
}



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

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

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

.WhiteL {	
	font-size: 2.8vw;
	text-shadow: 2px 2px 2px rgba(23,23,23,1.00);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
}

.WhiteLAR {	
	font-size: 2.8vw;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	direction: rtl;
}

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

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

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

.GreyL {	
	font-size: 2.8vw;
	text-shadow: 1px 1px 1px rgba(7,7,7,1.00);
	font-family: Tahoma, Geneva, sans-serif;
	color: #AAAAAA;
}

.GreyXL {	
	font-size: 3.2vw;
	text-shadow: 1px 1px 3px rgba(41,41,41,1.00);
	font-family: Tahoma, Geneva, sans-serif;
	color: #AAAAAA;
}

.BlueL {	
	font-size: 2.8vw;
	text-shadow: 1px 1px 3px rgba(41,41,41,1.00);
	font-family: Tahoma, Geneva, sans-serif;
	color: #000086;
}

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


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

.BigMediumDark {
	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;
}


.BrownXL {
	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;
}

.BrownXXL {
	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;
}

.OrangeXXL {
	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;
}
.OrangeXLLight {
	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;
}

.RedXL {
	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;
}

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

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

.RedLAR {	
	font-size: 2.8vw;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #ff0000;
	direction: rtl;
}



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

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



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

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

.BlackXL {	
	font-size: 3.2vw;
	font-weight:bolder;
	text-shadow: 2px 2px 7px rgba(250, 250, 250, 1);
	font-family: Tahoma, Geneva, sans-serif;
	color: #000;
}

.BlackXXL {
	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;
}

.BlueXXL {
	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;
}

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

.GreenXL {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: 3.5vw;
	font-family: Tahoma, Geneva, sans-serif;
}

.GreenL {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: 2.8vw;
	font-family: Tahoma, Geneva, sans-serif;
}

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

.Green {
	color: #009900;
	text-shadow: 1px 1px 1px rgba(50, 50, 50, 1);
	font-size: 2.8vw;
	font-family: Tahoma, Geneva, sans-serif;
}

.GreenPL {
	color: #009900;
	font-size: 2.8vw;
	font-family: Tahoma, Geneva, sans-serif;
}


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

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

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

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


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

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

.Yellow {	
	color: #FF0;
	text-shadow: 2px 2px 7px rgba(50, 50, 50, 1);
	font-size: 1.5vw;
	font-weight:bolder;
	font-family: "Times New Roman";
}

.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;
	text-decoration: none;
}

.stickyTable{
    align-content: center;
    position: sticky;
    background-color: hsla(228,100%,50%,0.0);
    width: 100%;
    top: 0;
    max-height: 144px;
    z-index: 99;
}

.stickyBottomTable{
	align-content: center;
	position: sticky;
	background-color: hsla(210,7%,46%,0.77);
	width: 100%;
    bottom: 0;
    top: 100vh;
    z-index: 99;
}