body {
    background-color: #F8F9FA;

    /*background-color: #FFFFFF;*/
}

.container {
    max-width: 960px;
    min-height: 800px

}

#load{
    min-height: 300px
}



.tab {
    text-indent: 40px
}

.pricing-header {
    /*max-width: 700px;*/
}

/*.cardBox{*/
/*    background-color: #FFFFFF*/
/*}*/
.card {
    padding: 0.8rem 0.8rem 0.1rem ;
    margin-top: 1.6rem;
    background-color: #fff;
    /*background-color:#fff;*/
    /*box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important;*/
}
.card-body{

    padding: 1rem 1rem 0.5rem;
}
.cardFooter {
    display: inline;
    margin-top: 0.2rem;
}


.card:active {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;

    transform: scale(1.03);
}
.card:hover {
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

span.tickerValue {
    font-weight: 450;
}
span.tickerScore{
    font-weight: 450;
}
.tickerValueIncress{
    color: #70ad69;
}
.tickerValueDecrease{
    color: #ff726b;
}
.tickerValueNo{
    color: #212529;
}


.currency-mark {
    float: right !important;
    color: green;
}
.fw-bold{

}




.collapse{
    clear:both;
    /*border-top: 0.0625rem #e4e4e4 solid;*/

}
.chartBox{
    width: 100% !important;
    /*height: 30rem !important;*/

}

.panelRight {
    /*border-left: 0.0625rem #e4e4e4 solid;*/
}

.itemBox {
    position: relative;
    /*width: 90%;*/
}

.borderRright{

}
.borderleft:after {
    content: '';
    position: absolute;

    left: 0;
    top: 8%;
    bottom: auto;
    right: auto;

    height: 70%;
    width: 0.08rem;
    background-color: #e4e4e4;
}

.price-reveal {
    background-color: #E4E4E4;
    /*color: white;*/
}

.priceReveal{
    /*background-color: #E4E4E4;*/
}
.priceValue{
    font-weight: 600;
}

.status {
    text-align: center
}

.statussText {
    background: green;
    display: inline-block !important;
    padding: 0 1.9rem;
    border-radius: 0.2rem;
    font-weight: 50;
}

.flagIcon {
    padding: 0.06rem;
    width: 2.2rem;
    height: 2.2rem;
}
.tickertag{
    font-weight: 670;

}

.hiddenText {

    white-space: nowrap;

}


.signalMark {
    /*color: #0978FA;*/
    font-size: 0.85rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.15rem!important;
}

.widgetText{
    font-size: 0.85rem;
}


.signalScore {
    color: #0978FA;

    font-size: 0.85rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}



.cardFooterScore {
    color: #0978FA;
    clear:both;
    font-size: 0.75rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    margin-bottom: 0rem;
}



.cardFooterButton {
    /*float: right;*/
    /*color: #0978FA;*/
    /*text-align: right;*/
    font-size: 0.85rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0rem;
}
.cardFooterButtonLink {
    text-decoration: none;
}
.cardFooterButtonLinkSpan{
    color: black;
}

.btn-card {
    min-width: 5rem !important;
    min-height: 3.75rem !important;
    /*max-width:5rem  !important;
    */
    /*max-height:3.75rem  !important;
	*/
    text-align: center;
    padding: 0rem;
    font-size: 0.9375rem;
    font-weight: bold;
}

.btn-neu {
    background-color: #E6F2E6 !important;
    border-color: #E6F2E6 !important;
    color: green !important;
    font-size: 0.8125rem !important;
}


.btn-buy {
    background-color: #E6F2E6 !important;
    border-color: #E6F2E6 !important;
    color: green !important;

}



/*.btn-buy:hover {*/
/*    background-color:#E6F2E6;*/
/*    border-color:rgb(232,243,231);*/
/*    color:green;*/
/*}*/

.btn-search{
    background-color: #edf6ff  !important;
    border-color: #f9fafb  !important;
}

.btn-sell {
    background-color: #FFEFF2 !important;
    border-color: #FFEFF2 !important;
    color: red !important;

}

.btn-tag {
    letter-spacing: normal;
    text-transform: none;
    background-color: #EDF6FF !important;
    border-color: #EDF6FF !important;
}

.btn-sound {
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    /*color: gray;*/
    color: #0978FA;
    padding: 0.15rem 0.1rem !important;
    outline: 0;
    box-shadow: none !important;

}


.strike {
    display: block;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
}

.strike > span {
    position: relative;
    display: inline-block;
}

.strike > span:before,
.strike > span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 9999px;
    height: 1px;
    background: black;
}

.strike > span:before {
    right: 100%;
    margin-right: 15px;
}

.strike > span:after {
    left: 100%;
    margin-left: 15px;
}


.flip-list-move {
    transition: transform 0.6s;
}

.card {
    transition: all 0.6s;
}

.list-complete-enter, .list-complete-leave-to
    /* .list-complete-leave-active for below version 2.1.8 */
{
    opacity: 0;
    transform: translateY(30px);
}

.list-complete-leave-active {
    position: absolute;
}

/*#scrollspyHeading1 {*/
/*    padding-top: 1rem !important;*/
/*}*/

.svgAlign{
    /*vertical-align: baseline;*/
}

.warningsign {
    display: none;
}

.cardFooterButtonLinkSpan:after{
    content: "See chart and analysis by";
}

.collapseTextBox{
    max-height: 30rem;
    overflow: auto;
}
.collapseText{

}
.mobileSVG{
    display: none;
}


.hideinfull{
    display: none;
}


/* searchbar in mobile */
.searchbar {
 letter-spacing: normal;
    text-transform: none;
    position: relative;
    min-width: 35.75px;
    width: 0%;
     height: 35.75px;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s

}

.searchbar-input {

    top: 0;
    right: 0;
    border: 0;
    width: 100%;
    height: 35.75px  !important;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 14px  !important;
    font-weight: 400;
    color: #999;
    background-color: #edf6ff  !important;
    border-color: #edf6ff  !important;
}
.searchbar-input:focus {
    box-shadow: none;
}
.searchbar-icon,
.searchbar-submit {
    width: 35.75px;
    height: 35.75px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-weight: 400;
    color: #999;
    background-color: #edf6ff  !important;
    border-color: #f9fafb  !important;
    border-left: 1px solid white
}

.searchbar-open {
    width: 100%
}


#myFilter {
    border-style: solid;
    border-color: #ccc;
    border-width: 0.05px;
}



/*!* Style for Medium Screen *!*/
/*@media (max-width:767px) {*/
/*    .btn-sq {*/
/*        width: 20px; !* whatever width you want for medium screen *!*/
/*        max-width: 100%;*/
/*        max-height: 100%;*/
/*        height: 20px; !* whatever height you want for medium screen *!*/
/*    }*/
/*}*/


/* Style for Small Screen */
@media (max-width: 780px) {

    .hideinfull{
        display: inline-block;
    }


    .cardFooter {
        /*margin-top: 1rem;*/

    }
    .myFilter{
        /*border-right: 0!important;*/
    }

    .desktopSVG{
        display: none;
    }
    .btn-sound{
        margin-bottom: 0.5rem;
    }

    .panelLeft {
        margin-bottom: .4rem !important;

    }
    .mobileSVG{
        display: inline;
    }

    .hideinmobile{
        display: none;
    }
    .confidence{
        display: none;
    }
    .btn-card {
        min-width: 4rem !important;
        min-height: 3rem !important;
    }

    .btn-neu {
        font-size: 0.7125rem !important;
    }

    .pricing-title {
        padding-top: .8rem !important;
        font-size: 1rem !important
    }

    .pricing-header {
        font-size: 0.9rem !important
    }

    a#sideNav {
        display: none;
    }

    .flagIcon {
        padding: 0.06rem;
        width: 1.9rem;
        height: 1.9rem;
    }

    #typepicker{}
    #searchrow{
        adding-right: 0rem ;
    }
    #searchbar {
        /*padding-top: 1rem !important;*/
        padding-left: 0rem ;
    }

    .btn-tag {
        width: 90px !important;
    }
    .chartBox{
        width: 100% !important;
        height: 20rem !important;

    }
    .cardFooterButtonLinkSpan:after{
        content: "Analyze data by";
    }
    .cardFooter{
        text-align: center;
    }


}

[v-cloak] {
    display: none;
}


/*!* Style for Extra Large Screen *!*/
/*@media (max-width:1199px) {*/
/*    .btn-sq {*/
/*        width: 300px;*/
/*        max-width: 100%;*/
/*        max-height: 100%;*/
/*        height: 300px;*/
/*    }*/
/*}*/

/*!* Style for Large Screen *!*/
/*@media (max-width:991px) {*/
/*    .btn-sq {*/
/*        width: 300px;*/
/*        max-width: 100%;*/
/*        max-height: 100%;*/
/*        height: 300px;*/
/*    }*/
/*}*/

/*!* Style for Medium Screen *!*/
/*@media (max-width:767px) {*/
/*    .btn-sq {*/
/*        width: 20px; !* whatever width you want for medium screen *!*/
/*        max-width: 100%;*/
/*        max-height: 100%;*/
/*        height: 20px; !* whatever height you want for medium screen *!*/
/*    }*/
/*}*/
#menu-secondary.row>*{
    width:auto;
}