/*.coinInfoContainer{*/
/*    margin: 0px 32px 0px 32px;*/
/*    padding: 32px 48px 0px 48px;*/
/*}*/
body, html{
   overflow: auto;
    overflow-x: hidden ;
}

a {
    text-decoration: none
}


.coinInfoContainer {





    margin-bottom: 10rem;
}



.visualisationRedirect,
.coinInfoContainer1 {
    margin-right: 64px;
    margin-left: 64px;
    margin-top: 16px;
    margin-bottom: 0px;
    width: auto;
    height: auto;
    background-color: #171717;
    border: 1px solid rgb(50, 50, 50);
    padding-top: 16px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 1px;
    color: white;
}

.coinInfoContainer2 {
    margin-right: 64px;
    margin-left: 64px;
    margin-top: 16px;
    margin-bottom: 16px;
    width: auto;
    height: auto;
    background-color: #171717;
    border: 1px solid rgb(50, 50, 50);
    padding: 24px;
    color: white;
    border-radius: 1px;

}

.coinInfoContainer2Table {
    /*background-color: red;*/
    text-align: left;
    display: inline-block;
    padding-bottom: 16px;
    font-size: 16px;


}

.coinInfoContainerTitle {
    display: inline-block;
    width: 100%;
    /*border-bottom: 1px solid #f1f1f1;*/
    border-bottom: 1px solid #4a4a4a;
    font-size: 18px;
    margin-bottom: 8px;
    padding-bottom: 4px;
}

.coinInfoContainer2Table td {
    padding-right: 16px;
    color: forestgreen;
    font-size: 16px !important;


}

.coinInfoContainer2Table tr:hover{
    background-color: transparent !important;
    cursor: auto !important;

}

.coinInfoContainer2Table th {
    padding-right: 16px;

}

.coinInfoContainer2TableRow1 {
    display: inline-block;
}






.coinInfoContainer3 {
    margin-right: 64px;
    margin-left: 64px;
    margin-top: 16px;
    margin-bottom: 16px;
    width: auto;
    height: auto;
    border-radius: 1px;
    background-color: #171717;
    border: 1px solid rgb(50, 50, 50);
    padding: 24px;
    color: white;


}

coinInfoContainer1
#wrapper {
    position: relative;
    background: #000524;
    border: 1px solid #000;
    box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.71);
    max-width: 850px;
    margin: 0 auto;
}


#chart-bar {
    position: relative;
    margin-top: -38px;
}

.link {
    position: absolute;
    bottom: 7px;
    right: 13px;
    z-index: 10;
    color: #ccc;
    font-size: 12px;
    text-decoration: none;
    font-family: Helvetica, Arial;
}


#coinDetailChart {
    z-index: 999999999999;
    margin-left: -65px;
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
    color: black;

    /*background-color: #111;*/
    /*background-color: rgb(21, 24, 28);*/
    opacity: 0.95;
    /*border: 1px solid #4a4a4a;*/
    /*border-top-right-radius: 8px;*/
    border-radius: 4px;
    /*border-top-left-radius: 8px;*/
}

.container1Image {
    width: 60px;
    height: 60px;
    display: inline-block;
    float: left;

}

.container1Header{
    display: inline-block;
}

.container1Image img {
    width: 60px;
    height: auto;
    display: inline-block;
}

.container1NameInfoLeft {
    height: 60px;
    font-size: 24px;
    /*float: left;*/
    text-align: left;
    /*width: 50%;*/
    display: table-cell;
    vertical-align: middle;
    padding-left: 16px;
    /*padding-right: 16px;*/

}

.container1NameInfoRight {
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    font-size: 24px;
    float: right;
    /*text-align: right;*/
    padding-left: 16px;
}

.visualisationRedirect {
    /*width: 100%;*/
    /*height: 100%;*/
    background-color: rgba(1, 100, 148, 0.4) !important;;
    border:2px solid rgba(1, 100, 148, 1) !important;
    text-align: center;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: bold;
    font-size: 0.9rem;
    color: white;
}

.visualisationRedirect:hover{
    cursor: pointer;
    background-color: rgba(1, 100, 148, 0.5)!important;
    background-color: rgba(1, 100, 148, 0.5)!important;
}

.container1NamePrice {
    display: inline-block;

}

.container1NamePricechange {
    font-size: 20px;
    display: block;
    color: forestgreen;
    font-weight: 400;
}

.container1NameInfoLeftRank {
    display: inline-block;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    /* background-color: rgb(21, 24, 28); */
    background-color: #111;
    opacity: 0.95;
    border: 1px solid rgba(74, 74, 74, 0.3);
    vertical-align: middle;

}

.container1NameInfoLeftName{
    display: inline-block;
}

.container1NameInfoLeftSymbol{
    display: inline-block;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 300;



}


.chartTimframeOptions {
    display: inline-block;
    margin-bottom: 8px;
}

.chartTimframeOption {
    display: inline-block;
    background-color: #818181;
    border-radius: 7px;
    padding: 0.5rem;
    margin-top: 0.5rem;
    border: 1px solid rgba(74, 74, 74, 0.3);
    background-color: #111;
    opacity: 0.95;
    margin-right: 0.1rem;
    font-size: 1rem;
    color: #818181;
}

.chartTimframeOption:hover{
    color: white;
    cursor: pointer
}

.chartTimframeOptionSelected {
    font-weight: bold;
    display: inline-block;
    color: white !important;
}

#chart {
}



@media screen and (max-width: 700px) {
    .visualisationRedirect,
    .coinInfoContainer1,
    .coinInfoContainer2,
    .coinInfoContainer3{
        margin-right: 5px;
        margin-left: 5px;
    }



}


@media screen and (max-width: 600px) {
    .coinInfoContainer2 {
        text-align: center;
    }

    .coinInfoContainerTitle {
        text-align: left;
    }

}

@media screen and (max-width: 450px) {
    .container1NameInfoRight {
        float: none;
    }
    .container1NamePricechange {
        display: inline-block;
    }

    .coinInfoContainer1 {
        text-align: center;

    }


    .coinInfoContainer2 {
        padding-left: 4px;
        padding-right: 4px;
    }
    .coinInfoContainer3 {
        padding-left: 4px;
        padding-right: 4px;
    }





    .container1NameInfoRight {
        height: 40px;
        display: block;
        vertical-align: middle;
        font-size: 24px;
        float: none;
        text-align: unset;
    }

}

@media screen and (max-width: 360px) {
    .coinInfoContainer1 {
        padding-top: 8px;
        padding-bottom: 8px;
    }

}

@media screen and (max-width: 300px) {
    .container1NameInfoLeftRank {
        display: none;
    }

    .container1NameInfoRight {
        padding-top: 16px;
    }

}