form#filterForm label , #spkr_filterForm label{
    width: 24.5%;
}
#spkr_filterForm label{
    width: 24.5%;
}
form#filterForm input, form#filterForm select , form#spkr_filterForm input, form#spkr_filterForm select{
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px;
}
button.spkr_sbmt {
    width: 100%;
}

ul#legendData li {
    width: 30%;
    margin-left: 10px;
    float: left;
    text-align: left;
    margin-bottom: 10px;
    text-align: center;
    display: block;
    overflow: hidden;
}

.chart-container {
    overflow-x: auto;
    width: 100%;
}

.chart-container canvas {
    min-width: 1200px;
    height: 400px;
}
.s_title
{
    margin-top: 25px;
    display: block;
    clear: both;
    overflow: hidden;
    background: #ae76cd;
    padding: 10px;
    text-align: center;
    color: white;
}
.whte{
    color: white;
}
img#profilePreview {
    border: 1px solid #cdcdcd;
    padding: 5px;
    border-radius: 5px;
}

label.already_show {
    
    margin-top: 20px;
    margin-bottom: 20px;
}

label.already_show span{
    border: 1px solid #cdcdcd;
    width: 100%;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: #84329b;
    color: white;
    /*font-weight: bolder;*/
}