html
{
    overscroll-behavior: none;
}

body
{
    margin: 0px auto;
    font-size: 1.2rem;
    background-color: #fff;
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif;
    overscroll-behavior: none;
}


.pagewrapper
{
    text-align:center;
    margin-top:5px;
    margin-bottom:10px;
}

.pageinnerdiv
{
    display:block;
}

fieldset
{
    border: 0;
    padding:0;
    margin:0;
}

legend
{
    visibility:hidden;
    padding:0;
    height:0;
}

div.pagetitlediv
{
    max-width:800px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0;
    margin-bottom:0;
    padding-left:10px;
    padding-right:10px;
    padding-top:8px;
    padding-bottom:8px;
}

h1.pagetitle
{
    text-align: center;
    /* color: #4d4d4d; */
    font-size:  1.5rem;
    font-weight: bold;
    margin-top:0;
    margin-bottom:4px;
}

h2.pagetitlesmall
{
    text-align: center;
    color: #4d4d4d;
    font-size:  1.25rem;
    font-weight: bold;
    margin-top:0;
    margin-bottom:2px;
}

.testpagegentextdiv
{
    text-align:left;
    padding-top:8px;
    padding-bottom:8px;
    padding-left:10px;
    padding-right:10px;
    max-width:800px;
    margin-left: auto;
    margin-right: auto
}


/**********************************************
 * Screen Reader Only
 **********************************************/
.sr-only
{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}


/**********************************************
 * ALIGNMENT
 **********************************************/

table
{
    margin-left: auto;
    margin-right: auto;
}

table.left
{
    margin-left: 0px;
}

/**********************************************
 * TEXT COLORS
 **********************************************/


.redtext
{
    color: #e30000;
}


/**********************************************
 * TABLE DEFAULTS
 **********************************************/

td
{
    /* color: #000000; */
    /* font-family: Verdana, Arial, Helvetica, sans-serif; */
    font-weight: normal;
    font-size:  1.2rem;
    text-align: left;
    vertical-align: top;
}


/**********************************************
 * TEXT and FONT DEFINITIONS
 **********************************************/


.titletext1
{
    color: #4d4d4d;
    font-size:  1.55rem;
    font-weight: bold;
}

.titletext2
{
    color: #4d4d4d;
    ;
    font-size:  1.2rem;
    font-weight: bold;
}


.bodytiny
{
    font-weight: normal;
    font-size:  1rem;
}



.bodysmall
{
    font-weight: normal;
    font-size:  1.2rem;
}


.ttwindowtabletext
{
    color: #4d4d4d;
    font-size:1.2rem;
}

.ttwindowtablelink
{
    color: #4d4d4d;
    cursor: pointer;
    text-decoration:underline;
}

/* Used to make links created with h tags or a tag looks the same as links created by primefaces  */
.pflinktext
{
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

/**********************************************
 * FORM ELEMENTS
 **********************************************/


input
{
    border-width:0px;
    background-color:#ffffff;
}


/**********************************************
 * TEMPLATE LAYOUT CLASSES
 **********************************************/

img
{
    border-width: 0px;
}


.thinbuffer
{
    height: 5px;
    font-size: 5px;
}


.footwrapper
{
    margin-top:10px;
    clear:both;
}

body .ui-button
{
    background-color:#0077cc;
    border-color:#0077cc;
}

body .ui-button.ui-state-hover
{
    background-color:#085ea1;
    border-color:#085ea1;
}

.hrarbgroup td, .hracbgroup td
{
    padding-top:2px;
    padding-bottom:3px;
    vertical-align:middle;
    display:flex;
}

.hrarbgroup label, .hracbgroup label
{
    cursor:pointer;
    padding-left:10px;
}

input[type="radio"]
{
    transform: scale(1.6);
}

input[type="checkbox"]
{
    transform: scale(1.4);
}


body .ui-widget
{
    font-size:1.2rem;
    font-family: Roboto, Verdana, Arial, Helvetica, sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}
body .ui-messages
{
    text-align:left;
}

.ui-messages-error-icon
{
    display:none !important;
}


.ui-g-12, .ui-md-12
{
    padding:0 !important;
}


@media screen and (max-width: 800px) {
    .hide-800
    {
        display:none;
    }
}

@media screen and (max-width: 700px) {
    .hide-700
    {
        display:none;
    }
}

@media screen and (max-width: 600px) {
    .hide-600
    {
        display:none;
    }
    .show-600
    {
        display:block !important;
    }
}

@media screen and (max-width: 500px) {
    .hide-500
    {
        display:none;
    }
    .show-500
    {
        display:block !important;
    }
}