/*
Created by Jacobs Technology
*/
/* 
    Created on : May 13, 2021, 8:15:31 AM
    Author     : BrandJW
*/

@media screen and (max-width: 1321px) {
    .fl-1 {
        order: 2;
    }

    .fl-2 {
        order: 1;
    }    
}

@media screen and (max-width: 1160px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width: 976px) {
/*    .pieChart { 
        height: 28vh;
        width: 70vw;
        color: #343a40;
    }    */

    .cd-sm {
        min-height: 150px;
        height: 166px;
        width: 400px;
        max-width: 470px;
    }

    .cd-md {
        height: 350px;
        max-height: 350px;
        min-width: 540px;
        width: 750px;
        max-width: 900px;
    }

    .cd-lg-s {
        min-height: 500px;
        min-width: 540px;
        width: 850px;
        max-width: 900px;
    }

    .demog-instructions {
        width: 70%; 
        margin: 0 auto; 
        text-align: center;
    }
}

@media screen and (max-width: 960px) {
    html {
        font-size: 12px;
    }
}

@media (max-width:800px){
    .ui-grid-responsive .ui-grid-row {
        display:block;
    }
    .ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12 {
        width:100%;
        float:none;
    }
    .title-button-container {
        text-align: center;
        justify-content: center;
        height: auto;
    }
    .page-title {
        padding: 0;
        text-align: center;
    }
}

@media screen and (max-width: 562px) {
    .w-95pc {
        width: 98%;
    }
    .m-1 {
        margin: .5rem;
    }
    .p-1 {
        padding: .5rem;
    }
    .card-base {
        padding: .5rem;
    }
    .cd-sm {
        min-height: 150px;
        height: 190px;
        width: 75vw;
        max-width: 300px;
    }
    .cd-md {
        height: 35vh;
        max-height: 35vh;
        min-width: 75%;
        width: 98%;
        max-width: 98%;
    }
    .cd-lg-s {
        min-height: 500px;
        min-width: 300px;
        width: 540px;
        max-width: 540px;
    }
    .ui-button.btn-color.bc-md {
        width: 14rem;
        padding: .7rem 2rem;
    }
    .dem-diag {    
        color: var(--dark-text);  
        max-width: 80%;
        -moz-border-radius: .5rem;
        -webkit-border-radius: .5rem;
        border-radius: .5rem;
        padding: .4em 1em;
    }
    .ui-button.btn-color.bc-sm {
        width: 10rem;
        margin: .4rem;
        padding: .3rem 1rem;
    }
    .scs {
        align-content: flex-start;
        justify-content: center;
        align-items: stretch;
    }
    .diag-2021.diag-2021 {    
        color: var(--dark-text);  
        max-width: 80%;
        -moz-border-radius: .5rem;
        -webkit-border-radius: .5rem;
        border-radius: .5rem;
        padding: .4em 1em;
        z-index: 1100;
    }
    .demog-instructions {
        width: 98%; 
        margin: 0 auto; 
        text-align: center;
    }
    th.ui-column-p-3,
	td.ui-column-p-3 {
		display: none;
	}
}

@media screen and (max-width: 400px) {
    th.ui-column-p-2,
	td.ui-column-p-2 {
		display: none;
	}
}