a:link {
    font-weight: 400;
    font-size: 12pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

a:hover {
    font-weight: 500 !important;
    font-size:12pt !important;
    color: darkred !important;
    font-family: Arial;
    text-decoration: none;
}

a:visited {
    font-weight: 400;
    font-size: 12pt;
    color:black;
    font-family: Arial;
    text-decoration: none;
}
a .style-red:link {
    font-weight: 500 !important;
    font-size: 12pt;
    color: #A81212;
    font-family: Arial;
    text-decoration: none;
}
a.style-red:visited {
    font-weight: 500 !important;
    font-size: 12pt;
    color: #A81212;
    font-family: Arial;
    text-decoration: none;
}
a.style-red:hover {
    font-weight: 500 !important;
    font-size: 12pt;
    color: red !important;
    font-family: Arial;
}
.body {
    font-family: Roboto;
}
h1, h2, h3, p, a, button {
    font-family: 'Arial';
}
.body-link {
    color: #A81212 !important;
    font-size: 12pt;
    font-weight: bold !important;
}
.body-link:hover {
    color: red !important;
    font-size: 12pt;
    font-weight: bold !important;
}
.body-link:visited {
    color: #A81212 !important;
    font-size: 12pt;
    font-weight: bold
}
.box-red-cursor {
    text-align: left;
    font-size: x-large;
    cursor: pointer;
    border-radius: 10px;
    padding: 12px 12px;
    background-color: darkred;
    color: white;
    max-width: 900px;
}
.box-red-cursor-large {
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 500;
    height: 48px;
    width: 225px;
    font-family: Arial;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 4px 2px;
    padding: 12px;
    background-color: #A81212;
}
.box-red-cursor-medium {
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 500;
    height: 48px;
    width: 180px;
    font-family: Arial;
    border-style: none;
    border-color: inherit;
    border-width: medium;
    margin: 4px 2px;
    padding: 12px;
    background-color: #A81212;
}
.box-red-cursor-medium:hover {
    background-color: red;
}
.button-plain {
    height: 22px;
    width:50px;
    font-size:9pt;
    font-family:Arial;
}
.button-plain-large {
    height: 22px;
    width: 110px;
    font-size: 9pt;
    font-family: Arial;F
}
.button-footer {
    border-style: none;
    color: #FFFFFF;
    background-color: #000000;
    text-align: left;
    cursor: pointer;
    font-size: large;
    font-family: Arial;
}

    .button-footer:hover {
        background-color: red;
    }
    .linkbutton-red, .linkbutton-red:visited {
        color: black;
        font-weight: bold;
        text-decoration: none;
    }

    .linkbutton-red:hover, .linkbutton-red:focus {
        color: darkred !important;
        text-decoration: none;
    }
.rounded-button {
    background-color: #A81212; /* red background */
    border: none; /* No borders */
    color: white; /* White text */
    padding: 12px 12px; /* Some padding */
    text-align: center; /* Centered text */
    text-decoration: none; /* No underline */
    display: inline-block; /* Set the layout to inline block */
    font-size: 16px; /* Set font size */
    margin: 4px 2px; /* Some margin */
    cursor: pointer; /* Pointer cursor on hover */
    border-radius: 10px; /* Rounded corners of 10px */
    font-weight: 500;
    height: 48px;
    width: 90px;
    font-family: Arial;
}
.rounded-button:hover {
    background-color: #A51212; /* lighter shade of red */
}
.pageHL1 {
    color: darkred;
    font-size: 30pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL1-center {
    color: darkred;
    font-size: 30pt;
    text-align: center;
    font-weight: 450;
    font-family: Arial;
}
.pageHL1-white {
    color: white;
    font-size: 30pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL1-black {
    color: black;
    font-size: 30pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL2-white {
    color: white;
    font-size: 25pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL2 {
    color: darkred;
    font-size: 25pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL3 {
    
    font-size: 20pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL3-black {
    color: black;
    font-size: 20pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL3-center {
    color: darkred;
    font-size: 20pt;
    text-align: center;
    font-weight: 450;
    font-family: Arial;
}
.pageHL3-left {
    color: darkred;
    font-size: 20pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL3-white {
    color: white;
    font-size: 20pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL3-white-left {
    color: white;
    font-size: 20pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
    text-align:left;
}
.pageHL4-black {
    color: black;
    font-size: 15pt;
    text-align: left;
    font-weight: 450;
    font-family: Arial;
}
.pageHL4 {
    color: #0C1114;
    font-size: 15pt;
    text-align: center;
    font-weight: 450;
    font-family: Arial;
}
.nav-button-not-avail {
    margin-top: 7px;
    margin-left: 7px;
    margin-right: 7px;
    font-family: Arial;
    color:gray;
    font-size:12pt;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.nav-text-gray-10{
    color:gray;
    font-size:12pt;
    font-family:Arial;    
}
.nav-text-red {
    color: white; /*goes red when visible*/
    font-size: 12pt;
    font-family: Arial;
}
.readonly-disabled {
    background-color: #e9ecef; /* Light gray background, similar to disabled */
    color: #6c757d; /* Gray text color, similar to disabled text */
    border-color: #ced4da; /* Light gray border */
    cursor: not-allowed; /* Not-allowed cursor, similar to disabled */
}
.textbox {
    Width: 200px;
    height: 19px;
    font-size: small;
    font-family: Arial;
}
.text-button {
    color: #A81212;
    font-size: 12pt;
    font-weight: bold;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.text-button:hover {
        color: red;
        font-family: Arial;
    }
.TextLeft10 {
    text-align: left;
    font-family: Arial;
}
.TextTitleGuide {
    font-family: Arial, Helvetica, sans-serif;
    font-size: xx-large;
    font-weight: bold;
    color: #24A9E1;
    text-align: center;
    font-family: Arial;
}
.guide_content{
    position: absolute;
   /* color: #002053;*/
    font-size: 12pt;
    text-align: left;
    font-family:Arial;
    left: 300px;
    top: 260px;
    width: 700px;
    height:1009px;
    margin-right: 0px;
}
.guide_content_no_vert {
    position: absolute;
    color: #002053;
    font-size: 12pt;
    text-align: left;
    left: 70px;
    top: 100px;
    width: 755px;
    height: 1000px;
    font-family: Arial;
}
.GV-link:link {
    color: #126096;
    font-size: small !important;
    font-weight: bold !important;

}
.GV-link:hover {
    color: dodgerblue !important;
    font-size: small;
    font-weight: bold !important;
}
.GridViewHeader a {
    color: #ffffff;
    text-decoration: none; /* Remove underline */
    font-weight: bold; /* Make the text bold */
}

    .GridViewHeader a:hover {
        color: white !important; /* Change color on hover */
        text-decoration: underline !important; /* Underline on hover */ 
        font-weight: bold !important; /* Make the text bold */
}
.TextMedium {
    font-size: medium;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
}