.plotdiv {
    display: none;
    width: 100%;
}

img {
  /*image-rendering: auto;*/
  image-rendering: crisp-edges;
  /*image-rendering: pixelated;*/
  -ms-interpolation-mode: bicubic;   /* IE8+           */
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
.protitle {
    font-size: 48px;
    font-weight: 600;
    margin-left:0.5em;
}
/*.Mini_Table_Title {
    background-color:coral;
    font-weight:bold;
}*/
.variable {
    display: inline-block;
}
.variableparent {
    text-align:center;
}
/* big screen*/
@media screen and (min-width: 768px) {
    #table_wide {
        display: inline-block;
    }

    #table_tablet {
        display: none;
    }
    #table_phone {
        display: none;
    }
    #desktop_view {
        display: inline-block;
    }
    #phone_view {
        display: none;    
    }

    .variable {
        /*background-color:yellow;*/
        min-height:70vh;
        width:80vh;
    }
    .infodiv {
        display: none;
        margin-right: 10%;
        margin-left: 10%;
    }
    .icon_cell {
        padding: 4px;
    }
    #card-map {
        height: 662px;
    }

    #enrollmentparishmap {
        height: 95%;
    }

    .chartlegend {
        font-size: 14px;
    }

    #card-map {
        display: inline-block;
    }

    #card-map-small {
        display: none;
    }
    .outcomes {
        margin-top: -4px;
    }
    .testimonial {
        display:inline-block; 
        float:left;
        margin-left:auto; 
        margin-right:auto;
    }
}

/* mobile */
@media screen and (max-width: 768px) {
    #desktop_view {
        display: none;
    }
    #phone_view {
        display: inline-block;
    }
    .protitleparent {
        text-align:center;
    }
    .protitle {
        display:inline-block;
    }
    .variable {
        /*background-color: blue;*/
        height:520px;
    }
    .infodiv {
        display: none;
        width: 100%;
    }
    .icon_cell {
        display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
    }

    #card-map {
        height: 326px;
    }

    #enrollmentparishmapsmall {
        height: 95%;
    }

    .chartlegend {
        font-size: 10px;
    }

    #card-map {
        display: none;
    }

    #card-map-small {
        display: inline-block;
    }
    .testimonial {
        display:block; 
        margin-left:auto; 
        margin-right:auto;
    }
}

.dashbanner {
    display:inline-block; 
    margin-left:auto; 
    margin-right:auto;
}

.ul, li {
    padding-left: -20px;
    margin-left: -20px;
}

ul li {
    list-style-type: none;
}

ul.a li span{
    list-style-type: none;
    position:relative;
    left:-8px;
}

ul li:before {
    float: left;
    margin: 0 0 0 -1.65em;
    content: '\25CF';
    padding-left: 0;
    margin-right: 2px;
}

.card {
    width: 100%;
    height: 326px;
    border: 1px gray solid;
    display: inline-block;
}

.bigcard {
    /*height: 662px;*/
    width: 100%;
    border: 1px gray solid;
    display: inline-block;
}

.front {
    background-color: white;
    padding: 1px;
    border: 1px gray solid;
}

/* RESPONSIVE TABLE CSS */
body {
    font-family: Arial, Helvetica, sans-serif;
}

.outcomes {
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}

    .outcomes th {
        /*border-bottom: 3px solid #ddd;*/
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: 1px;
        color: #C2A303;
        background: #123952;
    }

    .outcomes tr {
    }
    
    .outcomes td {
        font-size: 14px;
    }

    .outcomes th {
        padding: 10px;
    }

.outcol {
    width: 85%;
    text-align: left;
}

.livescol {
    width: 20%;
    text-align: center;
    font-weight: bold;
}

.oddrow {
    background: #EFEFFF;
    color: black;
    padding: 10px;
}

.evenrow {
    background: #B3C1DD;
    color: black;
}

.footerrow {
    background: white;
    color: black;
}

.toptd {
    padding-top: 10px;
    /*border-top: solid;
    border-width:1px;*/
}

.bottomtd {
    padding-bottom: 10px;
}

.btntd {
    padding:4px; 
    vertical-align:top;
}

.btndetails {
    width:100%;
}

th {
    font-weight: bold;
    text-align: left;
}

td, th {
    height: 20px;
}

thead th {
    /*border-bottom: 0px;*/
    /*border-top: 2px solid gray;*/
    /*border-bottom: 2px solid gray;*/
}

.row {
  margin-bottom: 4px;
}
.row .row {
  margin-top: 4px;
  margin-bottom: 0;
}
[class*="col-"] {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* Mobile first - up to 768px wide */
body {
    /*background-color: #F60;*/
    font-size:14px;
}
table.main_table {
    margin-left: auto;
    margin-right: auto;
    padding: 8px;
    background-color: #06F;
}
    table.main_table td, table.main_table th {
        font-size: 24px;
        padding: 8px 8px 8px 8px;
    }
body {
    text-align: center;
}
table.blueTable {
    border: 0px solid #1C6EA4;
    background-color: #EEEEEE;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
}

    table.blueTable td, table.blueTable th {
        border: 1px solid #AAAAAA;
        padding: 3px 3px;
    }

    table.blueTable tbody td {
        font-size: 13px;
    }

    table.blueTable tr:nth-child(even) {
        background: #D0E4F5;
    }

    table.blueTable thead {
        background: #2970B8;
        border-bottom: 2px solid #444444;
    }

        table.blueTable thead th {
            font-size: 14px;
            font-weight: bold;
            color: #FFFFFF;
            border-left: 2px solid #D0E4F5;
        }

            table.blueTable thead th:first-child {
                border-left: none;
            }