symbol.css

#imgHeader {width: 504px; height: 82px; margin: 30px auto 0}

/*smaller screen users*/
@media (max-width: 575px){
    #imgHeader {width: 250px; height: 49px}
}

#sec-4533{
    margin:15px 15vw;
}

/** set margin body margin for smaller device **/
@media (max-width: 1200px){
#sec-4533{
    margin:15px 200px;
}
}

@media (max-width: 1024px){
#sec-4533{
    margin:15px 10vw;
}
}
/*remove right hand side annoying white space*/
html,body {
    @import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;500;600;700;900&display=swap');
    font-family: 'Lato', sans-serif;
    font-weight:500;
    font-size: 13px;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}


#searchForm{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    flex-direction:column

}

b{color:blue;}

#joinInputButton{position:relative;}

#searchTicker{
    width:60vw;
    max-width:1000px;
}

#searchSubmit{
    margin:0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

#match-list{
    display:none;
    padding:0 2.5%;
    width:60vw;
    max-width:1000px;
    overflow-y: auto;
    max-height:50vh;
    cursor: pointer;
    border:1px solid #d9d9d9;
    border-radius:8px;
    background:white;
    z-index: 2;
    opacity:0.93;
    position:absolute;
    top:45px;
}

#match-list > table > tbody > tr:hover{background:  #cce6ff;}


input[type="radio"]{
  visibility: hidden;
  height: 0;
  width: 0;
}


input[type="radio"]{
margin:10px;
}


input[name="optradio"][type="radio"]:checked + label{
    background-color: #0033cc;
    color:white;
}

input[name="optradio2"][type="radio"]:checked + label{
    border-bottom: 5px solid #0033cc;
    cursor: pointer;
    color:#0033cc;
    font-weight:bold;
}

label[name="textFinancialStat"]{
    background-color: #DCDCDC;
    border: none;
    padding: 5px 13px;
    text-align: center;
    display: inline-block;
    font-size: 16px;
    margin: 10px -5px;
    cursor: pointer;
    border-radius: 20px;
}
label[name="textFinancialStat"]:hover{background-color: #C8C8C8;}

label[name="textFinancialPeriod"]{
    font-size:16px;
    margin: 10px 0px;
    cursor: pointer;

}
@media (min-width: 950px) {
.finPeriodGrp{
float: right;
}
}

@media (max-width: 950px) {

.finPeriodGrp{
    display:block;
}

.finStatGrp{
    display: flex;
    overflow-x: auto;
}

label[name="textFinancialStat"]{flex-shrink: 0;}

.finStatGrp::-webkit-scrollbar { /*hide scrollbar*/
  display: none;
}


}

#tmx-balance-sheet-annual, #tmx-cash-flow-annual, #tmx-income-statement-quarterly, #tmx-balance-sheet-quarterly, #tmx-cash-flow-quarterly, #titleBalanceSheet, #titleCashFlow{
display:none;
}

table {
    border-collapse: collapse;
    width:100%;
    overflow-x:auto;
        white-space: nowrap;


}


/*added scrollbar when using smaller screen devices*/

@media (max-width: 1430px){
    div > table{
    display:block;
    overflow-x:auto
}}



table tr td {
  border-bottom: 1.4px solid #ddd;
  padding: 10px 10px 10px 10px;

}

table td:first-child{
 font-weight: bold;
}


/* Set All Scrollbars */
/* width */
::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.3rem;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: grey;
    border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background:black;
}


div[class = "card-body"]{
    border:1px solid lightgrey;
    margin-bottom:5%;
    border-radius:10px;

}


div[id="card-stockinfo"]{
    width:20%;
}

div[id="widget-news"]{
    width:100%;
}
p[class="headingChap"]{
    font-family:Tahoma, Geneva, sans-serif;
    font-weight:500;
    font-size:30px;
    color:#010089;
}

#stockLongName{
    font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif;
    font-weight:500;
    font-size:40px;
    margin-top:5%;
}

#completeAbout {display: none;}


@media (min-width: 750px) {
#aboutLeft{
    width:49%;
    float:left;
    margin-bottom:6%;
}

#aboutRight{
    width:49%;
    float:right;
    margin-bottom:6%;
}

.tradingview-widget-container{
clear:right;
}


}

/** for smaller device set margin **/
@media (max-width: 750px) {

#tradingview-chart{
   margin-top:10%;

}
#earningsDiv{
    margin-bottom:5%;

}
/**
table td:nth-child(2) {
   text-align: right;
}
**/

html,body{font-size:12px;}
p[class="headingChap"]{ font-size:25px;}
#stockLongName{font-size:33px;}
table{font-size:12px;}


}
@media (min-width: 1000px) {

    #earningsDiv{
    max-width:900px;
    float:left;
    width:45%;
    margin-bottom:50px;

    }
    #ptDiv{

    max-width:900px;
    width: 45%;
    float:right;

    }
    #headerFinancials{
    clear:left;
    }

}
@media (max-width: 1000px) {

    #earningsDiv{
        overflow-x:auto;

        min-width:300px;

      display: block;
  margin-left: auto;
  margin-right: auto;
    width: 80%;




    }
    #ptDiv{
        overflow-x:auto;

    min-width:300px;
      display: block;
  margin-left: auto;
  margin-right: auto;
    width: 80%;



    }

}
/** Read More button **/
#readMoreBtn{
    border: none;
    padding: 2px 5px;
    border-radius: 10px;
    background-color: #0033cc;
    color:white;
}

#readMoreBtn:hover{
 background-color:#0845ff;
}

#readMoreBtn:active, #readMoreBtn:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}
/**************************/