@import 'colors.scss';
@import 'variables.scss';

.panel{
    background-color:$col_gray_half;
    //margin-left:1rem;
    //margin-right:1rem;
    margin-bottom:0.75rem;
    padding: 1rem;
    @include shadow-medium;
    .panel-title{
        padding-bottom:1rem; //have to create variable  
        color:$col_gray_8;
    }
    .panel-section{
        padding: 0.75rem; //have to create variable
    }
    .avatar{
        margin:1rem auto 2rem auto;        
    }
    .basic-interest{
        border-left: 1px solid $col_trimble_blue_mid;
        padding-left: 10px;
        margin: 1rem;
        .title{
            margin-bottom: 12px;
        }
        li{
            font-size: $font-size-small;
            margin: 0 0 5px 10px;
        }
    }
    .disclaimer{
        font-size: $font-xsmall;
        color: $col_gray_4;
        flex: 100%;
        margin-top: 5px;
    }
 }