@font-face {
    font-family: 'GESSTwo';
    src: url('fonts/._GESSTwoLight.otf'),
         url('fonts/GESSTwoLight.otf') format('opentype');
    font-weight: normal; 
}
@font-face {
    font-family: 'GESSTwo';
    src: url('fonts/._GESSTwoBold.otf'),
         url('fonts/GESSTwoBold.otf') format('opentype');
    font-weight: bold; 
}
@font-face {
    font-family: 'GESSTwo';
    src: url('fonts/._GESSTwoMedium.otf'),
         url('fonts/GESSTwoMedium.otf') format('opentype');
        font-weight: 300; 
}

@font-face {
    font-family: 'Bliss';
    src: url('fonts/BlissProBold.otf'),
         url('fonts/BlissProExtraBold.otf') format('opentype');
        font-weight: bold;
}

@font-face {
    font-family: 'Bliss';
    src: url('fonts/BlissProLight.otf'),
        url('fonts/BlissProLightItalic.otf') format('opentype');
        font-weight: normal;
}

@font-face {
    font-family: 'Bliss';
    src: url('fonts/BlissProMedium.otf'),
         url('fonts/BlissProMediumItalic.otf') format('opentype');
    font-weight: 300;
}

body.en-GB {
    margin:0;
    padding:0;
    font-family: Bliss, sans-serif;
	font-size: 16px;
	color: #6F6F6F;
    background: transparent;
}

body.ar-AE {
    margin:0;
    padding:0;
    font-family: GESSTwo, sans-serif!important;
	font-size: 16px;
	color: #6F6F6F;
    background: transparent;
}

a:link,
a:hover,
a:visited,
a:active {
    text-decoration:none!important;
    color: #fff;
}
body.ar-AE {
    direction: rtl;
}
.MainC {
    max-width: 290px;
    margin: 0 auto;
    background: #FDFDFD;
    padding: 33px;
    padding-top: 30px;
    box-sizing: border-box;
    position: relative;
    color: #6F6F6F;
    top: 0;
    left: 0;
}
.DatatableC {
    padding-top: 10px;
    margin-bottom: 7px;
}
.HeadC {
    font-size: 16px !important;
    font-weight: 400;
    padding-bottom: 2px;
    color: #002F69;
    position: relative;
    top: -0.5em;
}
.TimeC {
    font-size: 0.85em;
}
.Row {
    border-bottom: 0.063em solid #ccc;
}
.Item,
.Label {
    display: inline-block;
    width: 50%;
    padding: 4px 0;
}

.ar-AE .Item, .ar-AE .Label {
    display: inline-block;
    width: 50%;
    padding: 4px 0;
}

.Label {
    color: #6F6F6F;
}
.Item {
    text-align: right;
    font-weight: bold;
}
body.ar-AE .Item {
    text-align: left;
}
.negative {
    color: #db292a;
}
.positive {
    color: #14A826;
}
.Disclaimer {
    position: absolute;
    font-size: 13px;
    text-align: center;
    bottom: 20px;
    left: 0px;
    width: 100%;
}
a{
    color: white;
}