/*--------------------------------------*/
/*     jpolly168 AeVale/OneSixEight     */
/*     XblackvelvetX                    */
/*     Main Elements,,,,,,,             */
/*     #wah comes int waves....wahhhhhh.*/
/*--------------------------------------*/




@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap);

body {
/*   background-color: #f44336;
*/   
     transition: background-color 300ms;
    font-family: 'open sans', sans-serif;
/*    background: url('http://40.media.tumblr.com/6e138b33e7e2fadf3ff47d02fd28d74a/tumblr_nscw8gfVlY1uc3lv1o1_1280.jpg');
*/    background-repeat: none;
    background-size: cover;
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v29/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
.avatar {
    width: 200px;
    height: 200px;
    margin-left: 2em;
    margin-top: 2em;
    border-radius: 200px;
    float: center;
}
.card {
    background: #FFF;
    display: block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #AAA;
    border-bottom: 3px solid #BBB;
    padding: 0px;
    margin-top: 5em;
    overflow: hidden;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'Roboto', sans-serif;
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.card-heading {
    display: block;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 24px;
    margin-left: 1em;
    border-bottom: 1px #2196F3;
    color: #fff;
}


.card-header {
    position: relative;
    padding: 10px 15px;
    background: #333;
    color: #fcfcfc;
    border-bottom: 3px solid #BBB;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'open sans', sans-serif;
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}




.card-header-grey {
    position: relative;
    padding: 10px 15px;
    background: #333;
    color: #fcfcfc;
    border-bottom: 3px solid #BBB;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    font-family: 'open sans', sans-serif;
    overflow: hidden;
    -webkit-transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-body {
    margin: 1em;
    padding: 12px 15px;
    padding-right: 0;
}

.pull-left {
    float: left;
}

.pull-none {
    float: none !important;
}

.pull-right {
    float: right;
}






.card-action-grey {
    color: #424242;
}


.card.chart-card .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #673ab7;
    border-color: #673ab7;
}