﻿body {
    overflow: hidden;
    -webkit-text-size-adjust: none !important;
}

h1 {
    margin: 0;
    font-size: 24pt;
}

h2 {
    margin: 0;
    font-size: 11pt;
}

html, body {
    height: 100%;
}

th {
    text-align: left;
}

.bottomDivs {
    display: inline-table;
    vertical-align: top;
    padding-right: 1.2%;
    width: 48.2%;
    min-width: 400px;
}

.ccDocLink {
    display: block !important;
    padding: 4px !important;
    border-radius: 0px !important;
    background-color: white !important;
    border: none !important;
    color: blue !important;
    text-decoration: none !important;
    font-size: 11pt !important;
    width: max-content;
}

.contentBoxBG {
    padding: 0px !important;
}

.DocHeaderRow {
    width: 100%;
    height: 24px;
    font-weight: bold;
    display: block;
    border-bottom: 2px solid white;
    background-color: rgba(92, 115, 115, 0.5) !important;
    line-height: 24px;
    padding-left: 10px;
}

.DocInfoCell {
    width: 88%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 2px;
}

.DocInfoCellRC {
    width: 82%;
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    height: 24px;
    margin-left: 10px;
}

.DocRow {
    width: 97.9%;
    display: block;
    /*border-bottom: 2px solid white;*/
    border-bottom: 2px solid rgba(236, 235, 235, 0.85);
    /*background-color: rgba(236, 235, 235, 0.85);*/
    background-color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 5px;
}

.documentAnchor {
    width: 100%;
    text-align: center;
    display: inline-block;
    color: black;
    text-decoration: none;
    font-size: 10pt;
    font-weight: bold;
    overflow-wrap: break-word;
}

.documentButtons {
    margin-top: 8px;
    vertical-align: middle;
    min-height: 36px;
    display: inline-flex;
    margin: 2px;
    background-color: #E7D8B9;
    border: 1px solid black;
    border-radius: 8px;
    padding: 4px;
    width: 138.5px;
    justify-content: center;
    align-items: center;
}

.focusedTab {
    background-color: #385C8B !important;
    color: white !important;
}

.IconCell {
    width: 10%;
    display: inline-block;
    text-align: center;
    height: 24px;
}

.IconCell img {
    margin-top: 2px;
}

.insideBottomDivs {
    width: 100% !important;
    min-width: 400px;
    vertical-align: top;
}

.insideBottomDivs table {
    width: 100%;
}

.paddingTop {
    padding-top: 40px;
}

.panelTops {
    display: block;
    padding: 1%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 16pt;
    border: 1px solid white;
}

.panelTopsSelected {
    display: block;
    padding: 8px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 16pt;
    border: 1px solid white;
}

.rosterListCSS {
    margin: 0 auto;
}

.SectionHeaders {
    background-color: #385C8B !important;
    font-weight: bold;
    font-size: 11pt;
    font-family: Arial, Helvetica, Sans-Serif;
    border-bottom: 1px solid gray;
    padding: 8px;
    text-align: left;
    color: white;
    border-radius: 8px 8px 0px 0px;
}

.titleBar {
    position: relative !important;
}

.titleBarAddressTH {
    position: absolute !important;
}

.topDivs {
    display: inline-table;
    vertical-align: top;
    padding-bottom: 15px;
    padding-right: 15px;
}

#aboutTable th {
    width: 30px;
}

#archiveDIV {
    padding: 10px;
    display: inline-block;
}

#availablePubs {
    text-align: center;
    padding-bottom: 8px;
}

#availablePubs h1 {
    font-size: 1.5em;
}

#Banner {
    overflow: hidden;
}

#bioDIV {
    display: inline-block;
}

#bioDIVDIV {
    padding: 10px;
    padding-bottom: 5px;
}

#biosection {
    background-color: white !important;
}

#bottomDIVS {
    padding-bottom: 9px;
}

#bottomDIVSDIV {
    display: block;
    width: 100%;
}

#capitolReportDIV {
    display: inline-block;
}

#ccLinks {
    position: absolute;
    padding: 8px;
    background-color: white;
    z-index: -1;
    padding-top: 13px;
    margin-top: -5px;
    box-shadow: 3px 4px 7px 2px #0000007a;
    min-width: -webkit-fill-available;
}

#committeeUL {
    display: inline-block;
}

#committeeUL ul {
    padding-bottom: 5px;
    margin-top: 8px;
    margin-bottom: 0px;
}

#ContentPlaceHolder1_imgPhoto1 {
    width: 135px;
    border: 2px inset white;
    box-shadow: 5px 5px 10px #888888;
}

#ContentPlaceHolder1_lblAssemblySession2 {
    font-weight: bold;
}

#ContentPlaceHolder1_lnkCapitolReport {
    width: 117px;
    text-align: center;
}

#ContentPlaceHolder1_lblCommittees1 a, #ContentPlaceHolder1_lblAddresses a, .DocRow a {
    color: blue !important;
}

#ContentPlaceHolder1_CPC {
    width: 30%;
    height: 104.87%;
    float: right;
}

#DocRows {
    background-color: white;
}

#documentsDIV {
    display: inline-table;
    vertical-align: top;
    padding-left: 10px;
    padding-top: 8px;
    overflow: auto;
    height: 290px;
    width: calc(100% - 734px);
    text-align: left;
}

#ExpandedPanel {
    height: 765px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#ExpandedPanel a {
    display: block;
    background-color: rgba(170, 190, 197, 0.1);
    padding: 8px;
    border-width: 1px 3px 1px 2px;
    border-style: solid;
    border-color: White;
}

#ExpandedPanel a:hover {
    background-color: #ccc;
}

#frameDIV {
    width: 100%;
    height: 100%;
    overflow-x: hidden !important;
}

#genAssemDIV {
    font-weight: bold;
    margin-top: -21px;
    z-index: -100;
    position: relative;
}

#head1DIV {
    display: inline-block;
    vertical-align: top;
    width: 260px;
}

#iframeTabs {
    width: 100%;
    height: 450px;
}

#imageDIV {
    padding-right: 20px;
    padding-left: 10px;
    display: inline-block;
}

#mainDiv 
{
    max-width: 98%;
}

#mapButtons {
    display: inline-block;
    padding-left: 10px;
    padding-top: 10px;
}

#ContentPlaceHolder1_memberStuff {
    vertical-align: top;
    width: 70%;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100.7%;
    float: left;
}

#repComDIV {
    padding-bottom: 9px;
}

#repImageTitle {
    display: inline-block; 
    vertical-align: top;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 10px; 
}

#repInfo {
    width: 68%;
    display: inline-table;
    vertical-align: top;
    padding-left: 33%;
}

#repInformation {
    background-color: white;
    margin-bottom: 10px;
    width: 100%;
    background-image: url(https://images.house.mo.gov/graphics/capitoltransparent.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    background-position-x: 45px;
}

#ReportAndSurvey {
    display: block;
    vertical-align: top;
    font-weight: bold;
}

#ReportAndSurvey a {
    display: inline-block;
    padding: 4px;
    border-radius: 8px 8px 8px 8px;
    /*background-color: rgba(128, 0, 0, 0.85);*/
    background-color: #385C8B;
    border: 1px solid black;
    color: white;
    text-decoration: none;
    font-size: 10pt;
}

#rosterLinks {
    width: 30%;
    height: 95%;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
}

#sessionInfo {
    display: block;
    text-align: center;
    width: 100%;
    margin-top: -4px;
    padding-bottom: 12px;
}

#sessions {
    font-size: 13pt;
    margin-top: 4px;
}

#surveyLinkDIV {
    display: inline-block;
    padding-top: 8px;
}

#tabDIV {
    width: 100%;
}

#tabs {
    width: 100%;
}

#tabs div {
    display: inline-block;
    padding: 8px;
    border-radius: 8px 8px 0px 0px;
    color: #000000;
    background-color: #D3D3D3;
    border: 1px solid black;
    margin-bottom: -1px;
}

#ContentPlaceHolder1_topDiv {
    height: calc(100vh - 184px);
    padding: 20px;
    text-align: left;
    position: absolute;
    width: 95%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 4px;
}

@media screen and (max-width: 1680px) {
    #documentsDIV {
        height: fit-content !important;
        width: 100% !important;
        display: table !important;
        padding-bottom: 8px !important;
    }
}

@media screen and (max-width: 1450px) {
    #genAssemDIV {
        float: right !important;
    }
}

@media screen and (max-width: 1272px) {
    .bottomDivs {
        width: 98%;
    }

    #addressTopDIV {
        padding-bottom: 9px !important;
    }
}

@media screen and (max-width: 1000px) {
    #sessions {
        display: block !important;
        width: 100%;
    }

    #genAssemDIV {
        float: unset !important;
        display: block !important;
        margin-top: 10px;
    }
}

@media (max-height:830px) {
    #frameDIV {
        overflow: auto;
    }
}

/*@media screen and (orientation: landscape) {
    #bannerBG {
        width: 98.3%;
    }*/

    /*#frameDIV {
        height: 104.7% !important;
    }
    
    #genAssemDIV {
        float: right !important;
    }

    #pageContent {
        height: calc(100vh - 74px) !important;
        width: 101vw !important;
        padding-bottom: 0px !important;
    }

    #topDiv {
        width: 94% !important;
        margin-left: 3px !important;
        height: 71vh !important;
    }*/
/*}*/

    @media screen and (orientation: portrait) {

        h1 {
            font-size: 38pt;
        }

        h2 {
            font-size: 34pt !important;
        }

        .bottomDivs {
            width: 99.7%;
        }

        .details {
            font-size: 28pt !important;
            max-width: none !important;
        }

        .documentAnchor {
            font-size: 22pt !important;
        }

        .documentButtons {
            min-height: 106px !important;
            width: 288.5px !important;
        }

        .DocRow {
            width: 97.7% !important;
            font-size: 22pt !important;
        }

        .extraButtons {
            font-size: 22pt !important;
            width: 256.5px !important;
        }

        .goAway tbody {
            display: none;
        }

        .paddingTop {
            padding-top: 0px !important;
        }

        .SectionHeaders, .panelTops, .panelTopsSelected {
            font-size: 34pt !important;
        }

        .titleBarAddressTH {
            position: relative !important;
        }

        #Banner {
            overflow: hidden !important;
        }

        #ContentPlaceHolder1_imgPhoto1 {
            width: 300px !important;
        }

        #ContentPlaceHolder1_lblAssemblySession2 {
            font-size: 28pt;
        }

        #ContentPlaceHolder1_lblCommittees1, #ContentPlaceHolder1_lblAddresses, #ContentPlaceHolder1_lblBio {
            font-size: 22pt !important;
        }

        #ContentPlaceHolder1_CPC {
            display: block !important;
            width: 99.9% !important;
            float: left !important;
        }

        #district {
            font-size: 34pt !important;
        }

        #districtMap {
            width: 50% !important;
        }

        #frameDIV {
            width: 100.8% !important;
        }

        #genAssemDIV {
            float: none !important;
        }

        #head1DIV {
            width: calc(100% - 350px) !important;
        }

        #mainbody, .bottomDivs {
            font-size: 18pt !important;
            -webkit-text-size-adjust: none !important;
        }

        #mainDiv {
            max-width: 99.5% !important;
        }

        #mapButtons {
            width: 100%;
        }

        #genAssemDIV {
            margin-top: 66px !important;
        }

        #ContentPlaceHolder1_memberStuff {
            display: block !important;
            width: 100% !important;
            height: auto !important;
        }

        #repImageTitle {
            width: calc(100% - 10px) !important;
        }

        #repInformation {
            position: relative !important;
            display: inline-block !important;
        }

        #ReportAndSurvey {
            width: 100% !important;
        }

        #sessionInfo {
            font-size: 24pt !important;
        }

        #sessions {
            position: absolute !important;
            width: 100% !important;
            font-size: 26pt !important;
            left: 0px !important;
            height: 66px !important;
            top: 0px !important;
        }

        #ContentPlaceHolder1_topDiv {
            overflow: unset !important;
            height: max-content;
            padding-bottom: 300px;
        }
    }