/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 /** Custom User Assessments Graph ---------------*/
 .mwc-custom-widget-addon__user_assessment_graph {

    .table-actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;

        .month-selector {
            display: flex;
            align-items: center;
            gap: 16px;

            label {
                text-wrap: nowrap;
            }
        }
    }

    table {
        border-color: #1b1b1b;
        text-align: center;

        td,
        th {
            border-color: #1b1b1b;
        }
        
        thead {            

            th {
                background-color: #6d92c0;
                color: #ffffff;
                padding: 2rem;
            }
        }
        
    }

    .overall-comments-link {
        text-align: center;

        .overall-comment {
            margin: 1rem 0;
        }
    }
    

 }