.key_statistics {
    padding: 0px 10px;
}

.key_statistics_card {
    /*border-radius: 30px;*/
    border-radius: 10px;
    /*border: 2px solid #333;*/
    border: 3px solid #ccc;
    margin: 20px 0px;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    /*font-size: 24px;*/
}

@media (min-width: 1200px) {
    .key_statistics_card {
        height: 170px;
        /*width: 30%;*/
    }
}

@media (max-width: 1199px) {
/*@media (min-width: 992px) {*/
    .key_statistics_card {
        height: 200px;
        /*width: 30%;*/
    }
}

@media (max-width: 991px) {
    .key_statistics_card {
        height: auto;
        /*max-width: 100%;*/
    }
}

.key_statistics_card span {
    display: block;
}

/*.key_statistic_number, .key_statistic_description {*/
/*    font-weight: bold;*/
/*}*/

.key_statistic_number {
    font-weight: bold;
}

.key_statistic_number {
    /*font-size: 24px;*/
    font-size: 40px;
}

/*.key_statistic_description {*/
/*    font-size: 22px;*/
/*}*/


/*svg .titles text, svg .legend text {*/
svg .legend text {
    /*font-size: 16px;*/
    font-size: 12px;
    /*font-size: 14px;*/
}

svg .titles text {
    font-size: 14px;
}

/*svg .axes .n .tick line {*/
/*    stroke: #ddd;*/
    /*z-index: -10 !important;*/
/*}*/

/*svg .bars {*/
/*    z-index: 1 !important;*/
/*}*/

#outcomes_reported_svg .axes .c text {
    cursor: pointer;
}


.selectedBtn {
    background-color: #335075;
    color: white;
}

.selectedBtn:hover, .selectedBtn:focus {
    color: white;
    background-color: #335075;
}


.vis-hover-bg {
    rx: 5px;
    fill: white;
    stroke: #333;
    stroke-width: 2px;
    box-shadow: 5 5 5;
}

.vis-hover-text {
    font-size: 14px;
    fill: #333;
}

.vis-hover-text-name {
    font-weight: bold;
}


/*#or_sort_type_buttons, #or_sort_order_buttons {*/
/*    display: inline-block;*/
/*    padding: 0px 30px;*/
/*}*/

#sortByDiv {
    display: inline-block;
    padding-left:0px;
}

#limitDisplayDiv {
    padding-left:0px;
}


.noBulletList {
    list-style-type: none;
}


/* Tooltip styling */   
div.tooltip {
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 5px;
    padding: 10px;
    position: fixed;
    max-width: 200px;
    font-size: 20px;
}


.axes text {
    /*font-size: 15px;*/
    font-size: 12px;
}


/* Styling the sorting buttons for figure 4*/
/*#or_top10_div {*/
/*    margin: 0px;*/
/*}*/

#sortByDiv div {
    display: inline-block;
}

#sortByDiv .btn-group {
        margin-bottom: 0px;
    }

@media (max-width: 991px) {
    /*#or_top10_div {*/
    #limitDisplayDiv {
        margin: 10px 0px;
    }
}

@media (max-width: 625px) {
    #sortByDiv div {
        display: block;
    }
    
    #sortByDiv .btn-group {
        margin-bottom: 10px;
    }
}

body select {
    margin: 1px 0px;
}


#classDisShowingP {
    display: inline-block;
    position: absolute;
    padding: 7px 0px 0px 10px;
}


/* Style new details collapsible to house search bar and new list of items in fig 4 */
/*#fig4Details {*/
/*    display: inline-block;*/
/*    max-width: 400px;*/
    /*position: absolute;*/
/*    z-index: 2;*/
/*}*/

/*#fig4DetailsSummary {*/
/*    color: #333;*/
/*    font-weight: bold;*/
/*    font-size: 1.1em;*/
/*    padding: 2px 10px 2px 2px;*/
/*}*/

/*#fig4DDSearchBar {*/
/*    font-size: 20px;*/
/*    max-width: 100%;*/
/*}*/

/*#fig4DDListContainer {*/
/*    max-height: 150px;*/
/*    overflow-y: scroll;*/
/*    padding-top: 3px;*/
/*}*/

/*#fig4DDList a {*/
/*    color: #333;*/
/*    text-decoration: none;*/
/*}*/

/*#fig4DDList a:hover {*/
/*    color: #333;*/
/*    background-color: #e3e2e1;*/
/*}*/

/*#fig4DDList p {*/
/*    border-bottom: 1px solid lightgray;*/
/*    margin: 0px;*/
/*    padding: 4px 0px;*/
/*    font-size: 1em;*/
/*    font-weight: normal;*/
/*}*/

/*#fig4DDList p:hover {*/
/*    background-color: #e3e2e1;*/
/*}*/

#fig4SearchOptionsDiv {
    display: inline-block;
    /*width: 325px;*/
    width: 337px;
    margin-right: -12px;
}

/*#fig4SearchDiv {*/
/*    color: #333;*/
/*}*/

#fig4Search {
    /*color: #333;*/
    color: #eaebed;
    width: 325px;
}

/*#fig4Search[placeholder] {*/
/*    color: #333 !important;*/
/*}*/

#fig4SearchIcon {
    position: relative;
    right: 18px;
    font-size: 12px;
    font-weight: bold;
    bottom: 4px;
}

/* Style options div, and hide it by default... */
#fig4OptionsDiv {
    display: none;
    position: absolute;
    z-index: 3;
    /*background-color: #f3f2f1;*/
    background-color: white;
    border: 1px solid lightgrey;
    max-height: 150px;
    overflow-y: auto;
    padding-top: 0px;
    width: 325px;
}

.fig4OptionsExpanded {
    display: block !important;
}

#fig4OptionsDiv div {
    padding: 3px 0px;
    border-bottom: 1px solid lightgray;
}

#fig4OptionsDiv div:hover {
    /*background-color: white;*/
    background-color: #f3f2f1;
}

.fig4Option {
    cursor: pointer;
}