body {
   font-family : RobotoLight;
   background-color: #212121;
   font-size : 1em;
   font-weight : normal;
   margin:0px;
   color      : #EAEDED;
}

.mainlogo {text-align: right; color: black;}

.companyLogo
{
 border: 0px;
 margin:0px;
 padding:0em;
 height: 1.4em;
 margin-left: 0.5em;
 font-size: 0.8em;
}

@font-face {
  font-family: 'RobotoBold';
  src: url(fonts/Roboto-Bold.ttf);
}

@font-face {
  font-family: 'RobotoThin';
  src: url(fonts/Roboto-Thin.ttf);
}

@font-face {
  font-family: 'RobotoLight';
  src: url(fonts/Roboto-Light.ttf);
}

.pTagRobotoThin {font-family: RobotoThin; font-size: 3em;}

.pTagRobotoThinContactsTitle {font-family: RobotoThin; text-align: left; font-size: 3em; margin: 0; margin-top: 0.75em; margin-bottom: 0.75em;}

.pTagRobotoThinMARKETSTitle {font-family: RobotoThin; text-align: left; font-size: 3em; margin: 0; margin-top: 0.75em; margin-bottom: 0.75em;}

.pTagRobotoThinABOUTTitle {font-family: RobotoThin; text-align: left; font-size: 3em; margin: 0; margin-top: 0.75em; margin-bottom: 0.75em;}

.pTagRobotoThinABOUTMiniTitle {font-family: RobotoThin; text-align: left; font-size: 2.5em; margin: 0; margin-top: 0.75em; margin-bottom: 0.75em;}

.pTagRobotoThinRAKETitle {font-family: RobotoThin; text-align: left; font-size: 3em; margin: 0; margin-top: 0.75em; margin-bottom: 0.75em;}

.pTagRobotoThinRAKEMiniTitle {font-family: RobotoThin; text-align: left; font-size: 2.5em; margin: 0; margin-top: 0.75em; margin-bottom: 0.75em;}

.pTagRobotoThin1Point5Em {font-family: RobotoThin; font-size: 1.5em; color: #F70000;}

.pTagRobotoThin1Point5EmGreen {font-family: RobotoThin; font-size: 1.5em; color: #42dfa2;}

.pTagRobotoThinMedium {font-family: RobotoThin; font-size: 0.8em;}

.pTagRobotoThinSmall {font-family: RobotoThin; font-size: 0.75em;}

.pTagRobotoThinContactDesp {font-family: RobotoThin; font-size: 2em; margin-bottom: 0;}

.pTagRobotoBold {font-family: RobotoBold;}

.pTagRobotoThinOnly {font-family: RobotoThin;}

.pTagRobotoThinOnlyLeft {font-family: RobotoThin; text-align: left;}

.textColourLightGrey {color: #EAEDED; text-align: left;}

.exchangeNQuoteChoice {color: #EAEDED; text-align: left; cursor: pointer;}

.exchangeNQuoteChoiceSelected {color: #EAEDED; text-align: left; cursor: pointer; border: 2px #EAEDED; border-style: solid;}

.textColourLightGreyRight {color: #EAEDED; text-align: right;}

.cursorPointer {cursor: pointer;}

.candleRow {background-color:#424949}

p.linkClassDarkMode:hover  {color:#48c9b0; text-decoration: underline !important; cursor: pointer; font-size: 0.8em;}
.linkClassDarkMode {color:#48c9b0; text-decoration: none; font-size: 0.8em;}

a.linkClassTopDarkMode:link   {color:#48c9b0; text-decoration: none; font-size: 0.8em;}
a.linkClassTopDarkMode:visited{color:#48c9b0; text-decoration: none; font-size: 0.8em;}
a.linkClassTopDarkMode:hover  {color:#48c9b0; text-decoration: underline !important; font-size: 0.8em;}
a.linkClassTopDarkMode:active {color:#48c9b0; text-decoration: none; font-size: 0.8em;}

.Td24hrPrice {text-align: right;}

.saleOnColourGreen {color: #42dfa2;}

.saleOnColourRed {color: red; font-family: RobotoThin; font-size: 3em;}

.onclick24hrPrice {text-align: right; cursor: pointer;}

.divToolTip {cursor: pointer; cursor: pointer; position: relative; display: inline-block;}

.tooltiptext 
{
 visibility: hidden;
 width: 120px;
 background-color: #555;
 color: #fff;
 text-align: center;
 border-radius: 6px;
 padding: 5px 0;
 position: absolute;
 bottom: 125%;
 left: 50%;
 margin-left: -60px;
 opacity: 0;
 transition: opacity 0.1s;
 z-index: 1;
}

.tooltiptext::after 
{
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 border-width: 5px;
 border-style: solid;
 border-color: #555 transparent transparent transparent;
}

.divLightGreyToolTip:hover .tooltiptext 
{
 visibility: visible;
 opacity: 1;
}

.lightBlueHeader {background-color: #76d7c4; text-align: right; cursor: pointer; color: #EAEDED;}

.redHeader {background-color:#d35400; text-align: right; cursor: pointer; color: black;}

.priceGreenRightAlign {color: #42dfa2; text-align: right;}

.priceRedRightAlign {color: red; text-align: right;}

.textColourBlackOrangeBack {color: black; background-color: #FFA500;}

.textColourBlackGreyBack {color: black; background-color: #808080;}

.textColourBlackGreenBack {color: black; background-color: #42dfa2;}

.exchangeNQuoteChoice {color: #EAEDED; text-align: left; cursor: pointer;}

.exchangeNQuoteChoiceSelected {color: #EAEDED; text-align: left; cursor: pointer; border: 2px #EAEDED; border-style: solid;}

a.tradeLink:visited{text-decoration: none; cursor: pointer; width: 5em; padding-bottom: 0.2em; padding-top: 0.2em;}
a.tradeLink {text-decoration: none; cursor: pointer; width: 5em; padding-bottom: 0.2em; padding-top: 0.2em;}

.tradeLinkExgAsp {color: #EAEDED; text-decoration: none; cursor: pointer;}

a.tradeLinkExgAsp:link   {color: #EAEDED; text-decoration: none; cursor: pointer;}
a.tradeLinkExgAsp:visited{color: #EAEDED; text-decoration: none; cursor: pointer;}
a.tradeLinkExgAsp:hover  {color: #EAEDED; text-decoration: none; cursor: pointer;}
a.tradeLinkExgAsp:active {color: #EAEDED; text-decoration: none; cursor: pointer;}


.tradeLinkExgAspRightGrey {color: #EAEDED; text-decoration: none; cursor: pointer; text-align: right;}

a.tradeLinkExgAspRightGrey:link   {color: #EAEDED; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightGrey:visited{color: #EAEDED; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightGrey:hover  {color: #EAEDED; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightGrey:active {color: #EAEDED; text-decoration: none; cursor: pointer; text-align: right;}


.tradeLinkExgAspRightGreen {color: #42dfa2; text-decoration: none; cursor: pointer; text-align: right;}

a.tradeLinkExgAspRightGreen:link   {color: #42dfa2; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightGreen:visited{color: #42dfa2; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightGreen:hover  {color: #42dfa2; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightGreen:active {color: #42dfa2; text-decoration: none; cursor: pointer; text-align: right;}


.tradeLinkExgAspRightRed {color: red; text-decoration: none; cursor: pointer; text-align: right;}

a.tradeLinkExgAspRightRed:link   {color: red; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightRed:visited{color: red; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightRed:hover  {color: red; text-decoration: none; cursor: pointer; text-align: right;}
a.tradeLinkExgAspRightRed:active {color: red; text-decoration: none; cursor: pointer; text-align: right;}

a.viewMoreMarketsClass:hover  {font-size: 0.9em; color: #EAEDED; text-decoration: underline !important; cursor: pointer;}
a.viewMoreMarketsClass:visited  {font-size: 0.9em; color: #EAEDED; text-decoration: none;}
a.viewMoreMarketsClass:active  {font-size: 0.9em; color: #EAEDED; text-decoration: underline !important; cursor: pointer;}
a.viewMoreMarketsClass {font-size: 0.9em; color: #EAEDED; text-decoration: none;}

.rowClass {cursor: pointer;}

.rowClass:hover {background-color: rgb(45, 45, 45); cursor: pointer;}

.greyCircle {
  height: 50px;
  width: 50px;
  background-color: #555;
  border-radius: 50%;
  background-color: #808080;
}


.greenCircle {
  height: 50px;
  width: 50px;
  background-color: #555;
  border-radius: 50%;
  background-color: #42dfa2;
}


.redCircle {
  height: 50px;
  width: 50px;
  background-color: #555;
  border-radius: 50%;
  background-color: red;
}


.imgContainer {
  position: relative;
  text-align: center;
  color: #EAEDED;
}

.pTagRobotoThinAbout {font-family: RobotoThin; font-size: 1.3em; margin-bottom: 0;}


.pTagRobotoThinLeft {font-family: RobotoThin; font-size: 1.2em; text-align: left;}

.pTagRobotoThinNoFontSizeLeft {font-family: RobotoThin; text-align: left;}

.pTagRobotoThinRight {font-family: RobotoThin; font-size: 1.5em; text-align: right;}


.codeClass {
  font-family: RobotoThin;
  color: crimson;
  background-color: #212121;
  font-size: 105%;
}


.collapsible {
  color: #EAEDED;
  cursor: pointer;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.3em;
  font-family: RobotoThin;
}

.active, .collapsible:hover {
  background-color: #555;
}

.collapsible:after {
  color: #EAEDED;
  font-weight: bold;
  float: right;
  font-size: 1.3em;
  font-family: RobotoThin;
}

.content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #212121;
}

.masterBodyDiv {display: inline-block; width: 90%; min-width: 62em; text-align: center;}

.masterBodyDivAbout {display: inline-block; width: 90%; min-width: 74em; text-align: center;}

.masterAboutBlock {width: 100%; padding: 0; margin: 0; border: none; margin-top: 1em; margin-bottom: 1em; font-family: RobotoThin;}

.masterAboutBlockMediumFP {height: 12em; padding-left: 3em; text-align: left;}

.masterAboutBlockMedium {height: 29em; padding-left: 3em; text-align: left;}

.masterAboutBlockMediumHead {text-align: left; font-size: 2.5em; width: 100%;}

.masterAboutBlockMediumText {text-align: left; font-size: 1.53em; width: 100%;}

.pTagAboutMediumHead {margin: 0; margin-top: 0.3em;}


.masterAboutBlockSmall {width: 72%; height: 23em; padding: 3em; text-align: center; vertical-align: middle; display: inherit;}

.masterAboutBlockSmallText {text-align: left;}

.masterAboutBlockSmallText_Text {font-size: 1.53em;}


.emptyGifClass {height: 1em;}

.masterFPText {font-size: 0.8em; margin: 0; margin-top: 0.75em;}


.learnMoreLinkDarkBlue {color: #1a1aff; text-decoration: none; cursor: pointer;}

a.learnMoreLinkDarkBlue:link   {color: #1a1aff; text-decoration: none; cursor: pointer;}
a.learnMoreLinkDarkBlue:visited{color: #1a1aff; text-decoration: none; cursor: pointer;}
a.learnMoreLinkDarkBlue:hover  {color: #1a1aff; text-decoration: none; cursor: pointer;}
a.learnMoreLinkDarkBlue:active {color: #1a1aff; text-decoration: none; cursor: pointer;}


.learnMoreLinkLightGrey {color: #EAEDED; text-decoration: none; cursor: pointer;}

a.learnMoreLinkLightGrey:link   {color: #EAEDED; text-decoration: none; cursor: pointer;}
a.learnMoreLinkLightGrey:visited{color: #EAEDED; text-decoration: none; cursor: pointer;}
a.learnMoreLinkLightGrey:hover  {color: #EAEDED; text-decoration: none; cursor: pointer;}
a.learnMoreLinkLightGrey:active {color: #EAEDED; text-decoration: none; cursor: pointer;}

.rakeTokenSpecificationTable {border: none; border-collapse: collapse; text-align: left; font-size: 1.2em; font-family: RobotoThin;}

.noBorderMarginTable {width: 100%; border: none; margin: 0; padding: 0;}


.contact_Element_Link {text-decoration: none; color: #48c9b0; cursor: pointer; font-family: "RobotoLight"; text-align: left; font-size: 0.8rem}

a.contact_Element_Link:link   {text-decoration: none; color: #48c9b0; cursor: pointer; font-family: "RobotoLight"; text-align: left; font-size: 0.8rem}
a.contact_Element_Link:visited{text-decoration: none; color: #48c9b0; cursor: pointer; font-family: "RobotoLight"; text-align: left; font-size: 0.8rem}
a.contact_Element_Link:hover  {text-decoration: none; color: #48c9b0; cursor: pointer; font-family: "RobotoLight"; text-align: left; font-size: 0.8rem}
a.contact_Element_Link:active {text-decoration: none; color: #48c9b0; cursor: pointer; font-family: "RobotoLight"; text-align: left; font-size: 0.8rem}

.grid-container-contactPage
{
 display: grid;
 grid-template-columns: repeat(2, 50%);
 grid-gap: 0.5rem;
 grid-auto-rows: minmax(272px, auto);
}

.contactPage_SendMessage_MessageBody
{
 height: 15rem;
 width: 30rem;
 resize: none;
}

.contactPage_SendSubject
{
 width: 30rem;
}

.contactBox_Send
{
 background-color: rgb(33, 180, 148);
 padding: 1rem;
 font-size: 1rem;
 font-family: RobotoLight;
 display: table;
 cursor: pointer;
 text-decoration: none;
 color: black;
}

a.contactBox_Send:link   {text-decoration: none; color: black;}
a.contactBox_Send:visited{text-decoration: none; color: black;}
a.contactBox_Send:hover  {text-decoration: none; color: black;}
a.contactBox_Send:active {text-decoration: none; color: black;}

.contactBox_Inputs
{
 display: inherit;
}

.flex_ContactBtn
{
 display: flex;
 flex-direction: row; 
}

.message_result_green
{
 margin-top: 0.6rem;
 color: #42dfa2;
}

.message_result_red
{
 margin-top: 0.6rem;
 color: red;
}

.socialMedia_Btns:not(:last-child)
{
 margin-right: 1rem;
}