muda_bot.css

/* 
Difina aqui as variáveis:
CR é o numero do cliente na deriv
NUMF é o digito que vai entrar na frente dos ids
*/
:root {
  --CR: 'CR321479';
  --NUMFC: 'ID: 93';
  --NUMF: '\00a0 \00a0 93';
  --NUMT: '1';
}

/* Não alterar nada daqui pra baixo */

.account-id  {
  visibility: hidden;
  margin-left: -90px;
}

.account-id:after {
  visibility: visible;
  content:  var(--CR);
}

.account-type {
    visibility: hidden;
    margin-bottom: -20px;
    padding-left: 30px;
    
}

.account-type:before {
    visibility: visible;
    content: 'USD Account';
}

/* Ajustes no ID de baixo */
#summaryPanel > div > div > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div > div > div > div.react-grid-Row.react-grid-Row--even > div:nth-child(2) > div > div > span > div {
position: relative;
right: 20px;
}

#summaryPanel > div > div > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div > div > div > div.react-grid-Row.react-grid-Row--odd > div:nth-child(2) > div > div > span > div {
position: relative;
right: 20px;
}

#summaryPanel > div > div > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div > div > div > div.react-grid-Row.react-grid-Row--even > div:nth-child(2) > div > div > span > div:before {
position:relative;
left:18px;
background-color: #000; 
content: var(--NUMF); 
}

#summaryPanel > div > div > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div > div > div > div.react-grid-Row.react-grid-Row--even > div:nth-child(2) > div > div > span > div:after {
position:relative;
right:6px;
background-color: #000; 
content: var(--NUMT); 
}

#summaryPanel > div > div > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div > div > div > div.react-grid-Row.react-grid-Row--odd > div:nth-child(2) > div > div > span > div:before {
position:relative;
left:18px;
background-color: #000;
content: var(--NUMF);    
}

#summaryPanel > div > div > div:nth-child(3) > div > div > div > div > div:nth-child(2) > div > div > div > div.react-grid-Row.react-grid-Row--odd > div:nth-child(2) > div > div > span > div:after {
position:relative;
right:6px;
background-color: #000;
content: var(--NUMT);    
}


#summaryPanel > div > div > div:nth-child(4) > table > tbody > tr > td.accountID {
    
visibility: hidden;
}

#summaryPanel > div > div > div:nth-child(4) > table > tbody > tr > td.accountID:after {
visibility: visible;
content:  var(--CR);
visibility: visible;
position: relative;
left: -35px;
}

#current-trade-status > span:nth-child(3) > div.stage-tooltip.bottom.active > p:before {
position: relative;
 
}

/* Ajustes no ID de cima */

#current-trade-status > span:nth-child(3) > div.stage-tooltip.bottom.active > p:before {
content:  var(--NUMFC);
position:relative;
left:18px;
background-color: #fef1cf;
}

#current-trade-status > span:nth-child(3) > div.stage-tooltip.bottom.active > p:after {
content:var(--NUMT);
position:relative;
right:6px;
background-color: #fef1cf;
}

#current-trade-status > span:nth-child(2) > div.stage-tooltip.bottom.active > p:before {
content:var(--NUMFC);    
position:relative;
left:18px;
background-color: #fef1cf;
}

#current-trade-status > span:nth-child(2) > div.stage-tooltip.bottom.active > p:after {
content:var(--NUMT);    
position:relative;
right:6px;
background-color: #fef1cf;
}