/* CSS Document */

.a22631 {
    background: #a22631;
    color: white;
}

.google-visualization-table .gradient {
    background-image: none;
    text-align:center;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

main {
    width: 100%;
    margin: 10px 5px;
    padding: 10px 25px 30px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    display: inline-block;
    font-family: "Helvetica", Arial;
}

#vaccination {
    width: 47%;
    margin: 10px 5px;
    padding: 10px 20px 30px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    display: inline-block;
    vertical-align: top;
}

@media only screen and (max-width: 1000px) {
    #vaccination{
        width: 100%;
    }
}

#table {
    width: 500px;
    margin: 10px 5px;
    padding: 20px 20px 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    display: inline-block;
    vertical-align:top;
}

p {
    margin-top: 2rem;
    font-size: 13px;
}

#tab1_barEnrolled, #tab1_barSectionEnrolled
, #tab2_barEnrolled, #tab2_barSectionEnrolled 
, #tab3_barEnrolled, #tab3_barSectionEnrolled {
    width: 100%;
    height: 300px;
    font-family: "Helvetica", Arial;
    display: inline-block;
    position:relative;
    margin:auto;
}

@media only screen and (min-width: 600px) {
    #tab1_barEnrolled,#tab1_barSectionEnrolled
    , #tab2_barEnrolled,#tab2_barSectionEnrolled
    , #tab3_barEnrolled,#tab3_barSectionEnrolled {
        width: 600px;
        height: 300px;
        position: relative;
        font-family: "Helvetica", Arial;
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) {
    #tab1_barEnrolled, #tab1_barSectionEnrolled
    , #tab2_barEnrolled, #tab2_barSectionEnrolled
    , #tab3_barEnrolled, #tab3_barSectionEnrolled {
        width: 600px;
        height: 300px;
        position: relative;
        font-family: "Helvetica", Arial;
        display: inline-block;
    }
}

#tab1_staStudentType
, #tab2_staStudentType
, #tab3_staStudentType {
    width: 100%;
    height: 250px;
    font-family: "Helvetica", Arial;
    display: block;
    position:relative;
    margin:auto;
}

@media only screen and (min-width: 600px) {
    #tab1_staStudentType
    , #tab2_staStudentType
    , #tab3_staStudentType {
        width: 600px;
        height: 300px;
        position: relative;
        font-family: "Helvetica", Arial;
        display: inline-block;
    }
}

@media only screen and (min-width: 768px) {
    #tab1_staStudentType
    , #tab2_staStudentType
    , #tab3_staStudentType {
        width: 600px;
        height: 300px;
        position: relative;
        font-family: "Helvetica", Arial;
        display: inline-block;
    }
}

#tab1_pieStudentType, tab1_pieSectionType
, #tab2_pieStudentType, tab2_pieSectionType 
, #tab3_pieStudentType, tab3_pieSectionType {
    width: 100%;
    height: 250px;
    font-family: "Helvetica", Arial;
    position:relative;
    margin:auto;
}

#table_style {
    display: block;
    vertical-align:top;
    width: 100%;
    margin: auto;
}

@media only screen and (min-width: 600px) {
    #table_style {
        display: inline-block;
        vertical-align:top;
        width: 400px;
        margin-left:25px;
    }
}

@media only screen and (min-width: 768px) {
    #table_style {
        display: inline-block;
        vertical-align:top;
        width: 400px;
        margin-left:25px;
    }
}