/*Call the PHSU fonts.*/
@font-face {
    font-family: 'opensans-semibold';
    src: url('../font/opensans-semibold.ttf') format('truetype');
}

@font-face {
    font-family: 'notoserif-regular';
    src: url('../font/notoserif-regular.ttf') format('truetype');
}

@font-face {
    font-family: 'baskerville-bt-roman';
    src: url('../font/baskerville-bt-roman.ttf') format('truetype');
}

/*Set the fonts */
h1 {
    font-family: "opensans-semibold";
}



h2, h3, h4, h5, h6 {
    font-family: "notoserif-regular";
}


body {
    font-family: "baskerville-bt-roman";
}


    nav {
        background-color: #00999A !important;
    }

        nav .btn-outline-primary {
            background-color: #024748;
            border-color: transparent;
            color: white;
        }

            nav .btn-outline-primary:hover {
                background-color: #F7951D;
                border-color: transparent;
                color: white;
            }


    .btn-outline-primary {
        background-color: #00999A;
        border-color: transparent;
        color: white;
    }

        .btn-outline-primary:hover {
            background-color: #F7951D;
            border-color: transparent;
            color: white;
        }

    .radiobutton_style label {
        margin-right: .45rem !important;
    }

@media (min-width: 400px) {

    .reporttable {
        width: 100% !important;
        display: block !important;
        overflow-x: scroll !important;
        overflow-y: scroll !important;
    }


        .reporttable tr td:nth-child(1) {
            width: 30% !important;
        }

        .reporttable tr td:nth-child(2) {
            width: 30% !important;
        }


        .reporttable tr td:nth-child(3) {
            width: 30% !important;
        }
}



@media (min-width: 992px) {

        .reporttable {
            width: 100% !important;
            display: block !important;
            overflow-x: scroll !important;
            overflow-y: scroll !important;
        }


            .reporttable tr td:nth-child(1) {
                width: 30% !important;
            }

            .reporttable tr td:nth-child(2) {
                width: 30% !important;
            }


            .reporttable tr td:nth-child(3) {
                width: 30% !important;
            }
    }

@media (min-width: 1200px) {

        .reporttable {
            width: 100% !important;
        }


            .reporttable tr td:nth-child(1) {
                width: 30% !important;
            }

            .reporttable tr td:nth-child(2) {
                width: 40% !important;
            }


            .reporttable tr td:nth-child(3) {
                width: 30% !important;
            }
    }


@media (min-width: 1400px) {


        .reporttable {
            width: 100% !important;
        }


            .reporttable tr td:nth-child(1) {
                width: 30% !important;
            }

            .reporttable tr td:nth-child(2) {
                width: 40% !important;
            }


            .reporttable tr td:nth-child(3) {
                width: 30% !important;
            }
    }