.InfoDisplayContainer{
    /*margin: 64px;*/
    width: 250px;
    height: auto;
    z-index: 1;
    /*opacity: 0.95;*/
    filter: alpha(opacity=96); /* For IE8 and earlier */
    color: white;
    /*background-color: #111;*/
    background-color: rgb(24,24,24);
    opacity: 0.96;
    border: 1px solid #4a4a4a;
    border-radius: 2px;
    /*visibility: hidden;*/
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
    box-shadow: 0 2px 8px rgb(0 0 0 / 40%);
}

.headerDownloadAppAndroid:hover,
.headerDownloadAppIOS:hover {
    cursor: pointer;
}

.downloadAppContainerAndroid,
.downloadAppContainerIOS {
    display: inline-block;
    width: 100%;
    background: #2d2d2d;
    height: 42px;
    max-height: 42px;
    overflow: hidden;
    border-bottom: 1px solid #323232;
    display: none;
}



#nativeMobileHref {
    display: none;
}

#nativeMobileContainer {
    /*display: inline-block;*/
    width: 100%;
    background: #2d2d2d;
    height: 24px;
    max-height: 24px;
    overflow: hidden;
    border-bottom: 1px solid #323232;
    /*padding-top:  5px;*/
    padding-right:  4px;
    padding-bottom:  7px;
}
#nativeMobileContainer:hover {
    cursor: pointer;
}

#nativeMobileTitle {
    max-width: calc(100% - 48px);
    width: calc(100% - 48px);
    height: 100%;
    display: inline-block;
    color: #e5e5e5;
    font-size: 0.7rem;
    vertical-align: middle;
    line-height: 33px;       /* The same as your div height */
}

#nativeMobileButtonContainer {
    color: #e5e5e5;
    max-width: 30px;
    width: 30px;;
    height: 100%;
    display: inline-block;
    float: left;
    padding-left: 0.5rem;
    padding-top: 6px;
}

#nativeMobileButtonContainer img{
    height: 20px;
    width: 20px;
}



/*#nativeMobileButton {*/
/*    border: 1px solid #414141;*/
/*    border-radius: 1px;*/
/*    padding-left: 8px;*/
/*    padding-right: 8px;*/
/*    padding-top: 8px;*/
/*    padding-bottom: 8px;*/
/*    font-size: .8rem;*/
/*    color: #fff;*/
/*    float: right;*/
/*    margin-left: 8px;*/
/*    margin-right: 8px;*/

/*}*/

.nativeMobileContent {

}








.appStars {
    font-size: 10px;
    color: #ffff00;
}

.installAppButton {
    margin-top: 9px;
    margin-right: 12px;
    padding: 4px;
    display: inline-block;
    float: right;
    padding-right: 8px;
    padding-left: 8px;
    opacity: 0.95;
    border: 1px solid rgb(65, 65, 65);
    border-radius: 1px;
    /* margin-right: 4px; */
    font-size: 0.8rem;
    /* background-color: rgb(55,55,55); */
    color: white;
}

.headerDownloadAppAndroid,
.headerDownloadAppIOS {
    max-height: 34px;
    /*text-align: center;*/
    overflow: hidden;
    color: white;
    /*font-weight: bold;*/
    font-size: 15px;
    float: left;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 0.8rem;

}

.downloadAppContainerAndroid img,
.downloadAppContainerIOS img {
    height: 23px;
    width: auto;
    vertical-align: sub;
    float: left;
    padding-right: 16px;
    padding: 8px;
    padding-top: 10px;
    padding-left: 12px;
}

.downloadAppContainerIOS img {
    padding-top: 8.5px;

}






.InfoDisplayHeader {
    height: 85px;
}


.ExploreCoin {
    width: 75%;
    max-width: 75%;
    overflow: hidden;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 6px;
    margin-top: 12px;
    margin-bottom: 4px;
    display: inline-block;
    align-items: center;
    color: white;
    /*border: 1px solid rgba(1, 100, 148, 1) !important;*/
    border: 1px solid rgb(65, 65, 65) !important;
    background-color: rgb(45,45,45) !important;

    font-size: 0.9rem;
    box-shadow: 0 2px 8px rgb(0 0 0 / 40%);
    vertical-align: middle;

    border-radius: 1px;
}

.ExploreCoin img{
    vertical-align: middle;
    height: 15px;
    width: auto;
    padding-right: 4px;

}


.ExploreCoin:hover {
    cursor:pointer;
    background-color: rgba(65, 65, 65, 1) !important;



}


.InfoDisplayFooter {
    height: 176px;
    display: inline-block;
    /*background: blue;*/

}

.InfoDisplayHeaderTop {
    height: 50%;
    padding: 4px;


    /*border-bottom: 1px solid #014261;*/
    border-bottom: 1px solid #323232;

    /*background-color: rgb(2 56 82 / 40%);*/
    background-color: rgb(33,33,33);


    /*box-shadow: 0 2px 8px rgb(0 0 0 / 40%);*/
    box-shadow: 0 2px 8px rgb(0 0 0 / 40%);

    opacity: 0.95;



    align-items: center;
    /*box-shadow: 0 0 1px 1px rgba(1, 100, 148, 1);*/


    /*background: lightgrey;*/
}
.InfoDisplayHeaderBottom {
    width: 100%;
    height: 100%;
    text-align: center !important;
    /*padding-top: 6px;*/
    /*padding-bottom: 6px;*/
    display: inline-block;
    align-items: center;

}

.InfoDisplayHeaderBottomPrice {
        color: white;
    display: inline-block;
    max-width: 90px;


}

.InfoDisplayHeaderBottomChange{
    color: rgb(0,225,0);
    display: inline-block;
    font-size: 0.8rem;
}

.InfoDisplayHeaderTopLeft {
    width: 50%;
    /*height: 100%;*/
    /*background: #000524;*/
    float: left;
}


.InfoDisplayHeaderTopRightExit {
    /*width: 35%;*/
    height: 100%;
    float: right;
    /*background: deeppink;*/
    font-size: 0.9rem;
    /*font-weight: bold;*/
    /*text-align: right;*/
    /*display: flex;*/
    text-align: right;
    color: rgb(0,185,0)
}

.InfoDisplayHeaderTopRight {
    /*width: 35%;*/
    height: 100%;
    float: right;
    /*background: deeppink;*/
    font-size: 0.9rem;
    /*font-weight: bold;*/
    /*text-align: right;*/
    /*display: flex;*/
    text-align: right;
    color: rgb(0,185,0)

}

.InfoDisplayHeaderImage {
    /*width: 25%;*/
    height: 100%;
    /*background: red;*/
    float: left;
}

.InfoDisplayHeaderImage img {
    width: auto;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.InfoDisplayHeaderNameSymbol {
    height: 100%;
    /*background: yellow;*/
    float: left;
    /*display: inline-block;*/
    padding-left: 8px;
    display: inline-block;
    max-width: 250px;
    max-height: 50px;
    overflow: hidden;
}


.InfoDisplayHeaderName {
    width: 100%;
    max-width: 250px;
    height: 50%;
    /*background: #111111;*/
    /*display: flex;*/
    /*align-items: center;*/
    font-size: 0.9rem;
    /*overflow: hidden;*/
    max-height: 18px;


}
.InfoDisplayHeaderSymbol {
    width: 100%;
    max-width: 160px;
    max-height: 20px;
    overflow: hidden;
    /*height: 60%;*/
    /*background: aquamarine;*/
    /*display: flex;*/
    /*align-items: center;*/
    font-size: 1.1rem;
}

.InfoDisplayHeaderBottomLeft {
    width: 50%;
    height: 100%;
    /*background: #505050;*/
    float: left;

    display: flex;
    align-items: center;
}

.InfoDisplayHeaderBottomRight {
    width: 35%;
    height: 100%;
    float: right;
    /*background: green;*/
}

.InfoDisplayHeaderBottomRightButton1Exit {
    /*width: 50%;*/
    height: 100%;
    /*background: darkgoldenrod;*/
    float: left;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;

    /*justify-content: center;*/
}

.InfoDisplayHeaderBottomRightButton1 {
    /*width: 50%;*/
    height: 100%;
    /*background: darkgoldenrod;*/
    float: left;
    display: flex;
    align-items: center;
    display: flex;
    align-items: center;

    /*justify-content: center;*/
}
.InfoDisplayHeaderBottomRightButton2 {
    float: right;
    width: 50%;
    height: 100%;
    /*background: orange;*/

    display: flex;
    align-items: center;
    justify-content: center;
}

.InfoDisplayMiddleButtons {
    display: inline-block;
    /*background-color: red;*/
    height: auto;
    width: 100%;
}

.InfoDisplayHeaderBottomRightButtonExit {

    width: 30px;
    height: 30px;
    border-radius: 500px;
    text-align: center;



    /*padding-top: 4px;*/
    /*padding-bottom: 4px;*/



}

.InfoDisplayHeaderBottomRightButtonExit img {
    width: 30px;
    height: 30px;
}

.InfoDisplayHeaderBottomRightButtonExit :hover {
    cursor:pointer;
    background-color: rgb(91, 91, 91) !important;
    border-radius: 500px;

}



.InfoDisplayHeaderBottomRightButton {

    width: 17px;
    height: 17px;
    border-radius: 1px;
    text-align: center;


    border: 1px solid rgb(65, 65, 65) !important;
    background-color: rgb(45,45,45) !important;

    box-shadow: 0 2px 8px rgb(0 0 0 / 40%);





padding: 6px;
    /*padding-top: 4px;*/
    /*padding-bottom: 4px;*/

    margin-top: 12px;
    margin-bottom: 4px;
    margin-right: 10px;

}

.InfoDisplayHeaderBottomRightButton img {
    width: 17px;
    height: 17px;
}

.InfoDisplayHeaderBottomRightButton2 :hover {
    cursor:pointer;
    background-color: rgb(65,65,65) !important

}

.InfoDisplayHeaderBottomRightButton1 :hover {
    cursor:pointer;
    background-color: rgb(65,65,65) !important

}

.InfoDisplayFooterTop {
    text-align: center !important;
    display: inline-block;
    width: 100%;
    padding-top: 4px;

}




.InfoDisplayFooterBottom {
    width: 100%;
    z-index: 0 !important;


}

.InfoDisplayFooterBottomChartType {
    position:absolute;
    bottom:0;
    right:0;
    z-index: 99 !important;
    font-size: 0.9rem;
    color: white;
    padding: 4px;
}


.InfoDisplayFooterChartInfo {
    /*width: 100%;*/
    font-size: 12px;
    text-align: left;
    border-top:  1px solid #4a4a4a;
    padding: 4px;
    margin-top:8px;
    display: block;
}

.InfoDisplayFooterChartInfo a{
    font-weight: bold;
}










.InfoDisplayFooterTopInfo {
    display: block;
    font-size: 12px;
    display: flex;
    align-items: center;
    display: inline-block;

}

.InfoDisplayFooterTopInfo a{
    font-weight: bold;
    font-size: 12px;

    padding-left: 0px   ;
    display: inline-block;

}



@media screen and (max-width: 250px) {

    .headerDownloadAppAndroid, .headerDownloadAppIOS {
        display: none;
    }



}


@media screen and (max-width: 800px) {

    .InfoDisplayHeaderBottomRightButton {

        width: 20px;
        height: 20px;
    }



}