﻿        * {
            box-sizing: border-box;
        }
        .dashboard .row {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 100%;
        }

        .dashboard .column {
            display: flex;
            flex-direction: column;
            flex-basis: 100%;
            flex: 1;
            padding: 20px;
        }

        .dashboard .widget {
            width: 100%;
            min-height:  400px;
            flex: auto;
            background: white;
            border-radius: 6px;
            margin-bottom: 10px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }

        .dashboard .widget .widget-header {
            border-bottom: 1px solid grey;
            padding: 10px;
            text-align: center;
            font-weight: bold;
        }

        .dashboard .widget .widget-content-wrapper {
            
            position: relative;
            height: 100%;
            width: 100%;
        }

        .dashboard .widget .widget-content {
            padding: 10px;
            //overflow: auto;
            //position: absolute;
            height: 100%;
            width: 100%;
            word-break: break-all;
        }

        .dashboard .widget .widget-content .col {
            flex: 1;
        }

        .legend .circle {
            height: 10px;
            width: 10px;
            border-radius: 200%;
            background: red;
            display: inline-block;
        }

            .legend .circle.orange {
                background: #ff0000;
            }
            .legend .circle.blue {
                background: #75c4f9;
            }
            .legend .circle.green {
                background: #50c878;
            }
            .legend .circle.yellow {
                background: #f0db53;
            }
            .legend .circle.lightblue {
                background: #b5d7e4;
            }
            .legend .circle.red {
                background: #b35851;
            }
            .legend .circle.leah_orange {
                background: #a88332;
            }
            .legend .circle.purple {
                background: #800080;
            }

        .highcharts-credits {
            display: none;
        }

        .scroller {
            border: 1px solid grey;
            border-radius: 6px;
            height: 200px;
            overflow: auto;
            padding: 0 10px 10px 10px;
        }
.truncate {
    white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
}
.filter-icon {
    margin-left: 10px;
    cursor: pointer;
}

div#MeetingScheduleChartsWrapper {
    //overflow-x: scroll !important;
    margin-bottom: 20px;
}

.col {
    min-width: 350px !important;
}

@media screen and (max-width: 1527px) {
    #meeting-schedule-widget .col, #attendee-widget .col {
        min-width: 50% !important;
        margin-bottom: 50px;
    }
}

.highcharts-container {
    width: 100% !important;
}

svg.highcharts-root {
    width: 100% !important;
}
.by-brand, .by-clientprogram {
    margin-bottom: 25px;
}
.required {
    color: red;
}

.In-Office-total, .Out-Of-Office-total, .Total-total {
    position: relative;
    padding-bottom:20px;
}

.sorting-dropdown {
    position: absolute;
    right: 0;
}

#budget-summary-widget .highcharts-xaxis-labels text {
    font-size: 13px !important;
}

.inactive_legend_label {
    color: #cccccc;
}

.inactive_legend_ball {
    background: #cccccc !important;
}

.mslegenditem {
    cursor: pointer;
}

.inactive_legend_label_hover {
    color: #000000;
}