body {
    background-color: #3a4f63;
    font-size: 15px
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    
}


div.container {
    margin: 0 auto;
    background: #f2f2f2;
    box-sizing: border-box;
}
/* Mobile phones (portrait and landscape) ---------- */
@media screen and (max-width: 767px) {
    container {
        width: 100%;
        padding: 0 10px;
        font-size: 16px;
    }
}
/* Tablets and iPads (portrait and landscape) ---------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .container {
        width: 750px;
        padding: 0 10px;
    }
}
/* Low resolution desktops and laptops ---------- */
@media screen and (min-width: 1024px) {
    .container {
        width: 980px;
        padding: 0 15px;
    }
}
/* High resolution desktops and laptops ---------- */
@media screen and (min-width: 1280px) {
    .container {
        width: 1200px;
        padding: 0 20px;
    }
}

div.main {
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 500px;
}

div.pagesection {
    background: white;
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 620px;
}

div.contentpage {
    background: #3a4f63;
}

div.formleftline {
    border-left: 5px solid silver;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

div.formrightline {
    border-right: 5px solid silver;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}

div.formbottomline {
    border-bottom: 5px solid silver;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}



div.acceptschsectionlabel {
    text-align: center;
    color: white;
    background-color: #3a4f63;
    font-weight: bold;
    font-size: 20px
}

div.headerbackcolor {
    background-color: white;
}


div.headertitlesection {
    color: #3a4f63;
    font-weight: bold;
    text-align: left;
    width: 100%;
    
}

div.chartsectionheader {
    color: #3a4f63;
    font-weight: bold;
    text-align: left;
    font-size: 20px;
    width: 100%;
}



div.assesmentheadertitle {
    color: White;
    font-weight: bold;
    text-align: center;
    width: 100%;
    background-color: #3a4f63;
}

div.assesmentdetails {
    color: #3a4f63;
    font-weight: bold;
    text-align: left;
    width: 100%;   
}

div.applicationheader {
    color: green;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

div.entityformheadertitle {
    color: #3a4f63;
    font-weight: bold;
    text-align: center;
    width: 100%;
    background-color: white;
}

div.dhsmenuheader {
    color: White;
    font-weight: bold;
    text-align: center;
    width: 100%;    
    background-color: darkgray;
}

div.pagesectiontitleheader {
    color:darkolivegreen ;
    font-weight: bold;
    text-align: left;
    width: 100%;
    font-size: 20px;
}

div.nopaylabel {
    color: black;
    font-weight: bold;
    text-align: left;
    font-size: 15px;
}

div.nopayvaluel {
    color: #3a4f63;
    font-weight: bold;
    text-align: left;
    font-size: 15px;
}

div.misspayheader {
    color: darkorange;
    font-weight: bold;
    text-align: left;
    font-size: 17px;
}

div.misspaysectionheader {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    background-color: darkgray;
}

div.formsectionlabel {
    color: White;
    font-weight: bold;
    text-align: center;
    width: 100%;
    background-color: #3a4f63;
}

div.formlabelname {
    color: #3a4f63;
    font-weight: bold;
    text-align: left;
    font-size: 17px;
}

div.menusectionlabel {
    color: White;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    width: 100%;
    background-color: gray;
}

div.menutextsection {
    color: darkgreen;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    
}



  .logoutbutton
 {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;  
    color: White;
    font-weight: bold;
    background-color: #52be80 ;
    border: 3px solid #52be80 ;
    -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; 
 }

 
 .formdropdown {
    background-color: #ECECEA; /* Green */
    border: none;
    color: black;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 100%;
    font-weight: bold;
    color: #2c3e50;
}


.pagebutton {
    display: inline-block;
    padding: 0.95em 1.5em;
    border: 0.1em solid #FFFFFF;
    margin: 0 0.3em 0.3em 0;
    border-radius: 0.12em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: white;
    background-color: #3a4f63;
    text-align: center;
    transition: all 0.2s;
}

.logoutbutton {
    display: inline-block;
    padding: 0.95em 1.5em;
    border: 0.1em solid #FFFFFF;
    margin: 0 0.3em 0.3em 0;
    border-radius: 0.12em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Roboto',sans-serif;
    font-weight: 300;
    color: white;
    background-color: green;
    text-align: center;
    transition: all 0.2s;
}


.formbutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: #3a4f63;
    border: 3px solid #3a4f63;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.form2button {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: green;
    border: 3px solid green;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.menubutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: #3a4f63;
    border: 3px solid #3a4f63;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.countymenubutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: orange;
    border: 3px solid orange;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.cancelbutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: maroon;
    border: 3px solid #3a4f63;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.documentbutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: green;
    border: 3px solid green;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.chartbutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: #3a4f63;
    border: 3px solid #3a4f63;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.onboardbutton {
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    padding: 5px;
    color: White;
    font-weight: bold;
    width: 100%;
    background-color: green;
    border: 3px solid green;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}



.personinputtextbox {
    border: 2px solid rgb(173, 204, 204);
    height: 35px;
    width: 223px;
    text-align: center;
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}


.inputtextbox {
    border: 2px solid rgb(173, 204, 204);
    text-align: center;
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}


.inputtextareabox {
    border: 2px solid rgb(173, 204, 204);
    text-align: left;
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

.logininputtextbox {
    border: 2px solid rgb(173, 204, 204);
    height: 45px;
    width: 223px;
    text-align: center;
    box-shadow: 0px 0px 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

a:link {
    color: blue;
    
}