/*          GENERAL       ----------------------------------------------------*/

* {
    box-sizing: border-box; 
}


html {
    margin:0;
    height: 100%;        
    width: 100%;
}
body {
    direction: rtl;
    font-size: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (min-width: 768px) {
  body {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

a {
    text-decoration: none;
}

.fullSize {
    height: 100%;
    width: 100%;
    margin: 0;
}
.fullWidth {
    width: 100%;
    margin: 0;
}

.darkEl {
    background-color: #151825;
    color:whitesmoke;
}
.brightEl {
    background-color: #333333;
    color: whitesmoke;
    padding: 1vh;
}

.ltr {
    direction: ltr;
}

/*          GENERAL SIGNS       ----------------------------------------------*/

.noProf {
    color: #ababab;
}
.profit {
    color: #bee3c5;
}
.profitB {
    color: #60d876;
}
.profitC {
    color: #22d643;
}
.profitD {
    color: #14b848;
}
.profitE {
    color: #09832e;
    text-shadow: 1px 1px #166b26, 1px 1px #0aca0a;
}
.lost {
    color: #db9d9d;
}
.lostB {
    color: #d35757;
}
.lostC {
    color: #d32d2d;
}
.lostD {
    color: #b81414;
}
.lostE {
    color: #890000;
    text-shadow: 1px 1px #940e0e, 1px 1px #890000;
}
.profit_T {
    background: #bee3c5;
}
.profit_TB {
    background: #60d876;
}
.profit_TC {
    background: #22d643;
}
.profit_TD {
    background: #00a01d;
}
.profit_TE {
    background: #09832e;
}
.lost_T {
    background: #ff6666;
}
.lost_TB {
    background: #e64747;
}
.lost_TC {
    background: #cf1a1a;
}
.lost_TD {
    background: #b40707;
}
.lost_TE {
    background: #890000;
}

hghlt {
    background-color: #fcfcea;
}

/*          INDEX         ----------------------------------------------------*/

body.index {
    margin:0;
    height: 100%;        
    width: 100%;
    background: linear-gradient(#222252, black);
}
input.index {
    height: 100%;
    width: 100%;
    font-size: 3vh; 
    padding: 1.2vh;
    background-color: transparent;
    border: 0;
    border-bottom: 2px #5a525c solid;
    color: whitesmoke;
}

label.index {
    font-size: 2.4vh;
    color:#ece5f0;
    font-family: tahoma;
}

button.index {
    height: 100%;
    width: 90%;
    padding: 10px;
    background-color: transparent;
    font-size: 5vh;
    font-weight: 700;
    font-family: David Libre;
}
button.logInB {
    margin: 1vh;
    width: 55%; 
    height: 80%;
    font-size: 3vh; 
    color: #ffffff;
    padding: 1vh; 
    font-family: varela round;
    border: 0;
    border-radius: 30px;
    background-color: #222252;
}

/*          MAIN          ----------------------------------------------------*/

td.mainHd {
    color: #bdc5ce;
    font-size: 16px;
    font-family: rubik;
    text-align: center;
    padding: 2px;
}
td.mainTicket {
    border: 1px #ffffcc solid; 
    height: 200px;
    border-radius: 5px;
}
table.ticket {
}

td.mainTkNm {
    font-size: 20px;
    font-weight: 700;
    color: #ffffcc;
}

td.mainSt {
    padding: 6px;
    font-family: ZCOOL QingKe HuangYou;
    font-size: 24px;
}

td.mainNum{
    font-family: Laila;
    font-size: 15px;
    background: radial-gradient(#1c1f22 50%,transparent);
    text-align: center;
}
td.mainNum.sml {
    font-size: 14px;
}
td.mainNum.shovi {
    color: #3399ff;
}

button.mainBtn {
    padding: 5px;
    font-family: varela round;
    width: 80px;
    border: 1px whitesmoke ridge;
    background: transparent;
    color: whitesmoke;
}

th.mainAdv {
    padding: 3px;
    font-family: david libre;
    font-size: 15px;
    color: #bdc5ce;
    font-weight: 200;
}
td.mainAdv {
    vertical-align: top;
    font-family: david libre;
    padding: 5px;
    width:30%;
}

td.mainMarket {
    height: 10%;
    text-align: center;
    vertical-align: central;
}

td.mainMarketS {
    font-family: varela round;
}

a.mainBtn {
    margin-left: 5px;
    padding: 5px;
}
button.mainBtn {
    width: 120px;
}

/*          BUY          ----------------------------------------------------*/

th.buy {
    padding: 10px;
}



/*          MENAYA          ----------------------------------------------------*/
.petek {
    background: #ffffcc;
    font-size: 17px;
    text-align: center;
    font-family: david libre;
    color: #333333;
    padding: 3px;
}

.petekBtn {
    background: #ffff66;
    font-size: 15px;
    text-align: center;
    font-family: varela round;
    color: black;
}

.mnytran {
    padding: 11px;
    font-size: 15px;
    font-family: varela round;
}


/*          ADD SETUP          ----------------------------------------------------*/

td.addsetup {
    font-family: varela round;
    padding: 20px;
    width: 14%;
}
input.addsetup {
    
}