/*******************************************************************************
 * Licensed Materials - Property of IBM
 * (c) Copyright IBM Corporation 2018, 2019. All Rights Reserved.
 *
 * US Government Users Restricted Rights - Use, duplication or disclosure 
 * restricted by GSA ADP Schedule Contract with IBM Corp.
 *******************************************************************************/
 @import 'node_modules/carbon-components/scss/globals/scss/_colors';

.dashboard-section-title {
    margin-bottom: .625rem;
    padding: 0;
    h2 {
        font-size: 1.125rem;
        color: $color__blue-90;
        font-weight: 300;
        overflow: hidden;

        &:after {
            content: "";
            display: inline-block;
            height: 0.5em;
            vertical-align: bottom;
            width: 100%;
            margin-right: -100%;
            margin-left: 1.125rem;
            border-top: 1px solid $color__gray-1;
        }
    }
}

.dashboard-section-modules {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;

    > div {
        flex-basis: 33%;
    }
}

.dashboard-settings {
    position: absolute;
    right: 20px;
    top: 19%;
    display: flex;
}

.dashboard-settings-button {
    padding-top: 10px;
    margin: 0 -70px 0 0;
    fill: $color__navy-gray-7;
}

.dashboard-slider {
    transform: scale(0.5)
}

.dashboard-toolbar {
    display: flex;
    padding-bottom: 2rem;
}

.dashboard-main {
    margin-top: -2rem;
    .dashboard-notification {
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 54px;
    }
}

.dashboard-pie-chart {
    text-align: center;
    .bx--graph-container {
        margin: auto
    }
}

.dashboard-bar-chart {
    text-align: center;
    p {
        margin-top: -1.8rem
    }
}
