:root {
    --std-ctrl-font-size: 0.8rem;
    --grid-row-highlight-color: #fef6a7;
    --std-font-families: Tahoma, Geneva, Arial, Helvetica, sans-serif; /*Trebuchet*/
    --std-border-radius: 0.25rem;
    --std-submit-button: #02a2ad;
    --ctrl-read-only-background-color: #d8dfeb;
    --button-disable-background-color: #919fa5;
    --button-disable-color: #efefef;
}


/* Ensure containers respect viewport */
.container {
    max-width: 100%;
}

/* Fix common offenders */
img {
    max-width: 100%;
    height: auto;
}

pre {
    overflow-wrap: break-word;
}

.btn-primary {
    --bs-btn-bg: #02a2ad !important;
    --bs-btn-border-color: #02a2ad !important;
    --bs-btn-hover-bg: #02a2ad !important;
    --bs-btn-hover-border-color: #02a2ad !important;
}

.btn-outline-secondary {
    --bs-btn-color: black !important;
    --bs-btn-border-color: black !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: red !important;
}

*, ::after, ::before {
    box-sizing: content-box;
}

body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-family: var(--std-font-families);
    background-color: #77d5f7;
    background-color: #fcfcfc;
    margin-top: 2%;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: small;
    max-width: 100% !important;
}

#form2 {
    max-width: 83rem !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}


.benefit-main {
    clear: both;
    background-color: #fcfcfc;
    padding: 0 0 0.75rem 0;
}

.content {
    padding-left: 0rem;
    padding-top: 0.063rem;
    padding-bottom: 0.75rem;
    font-family: var(--std-font-families);
    font-size: 0.75rem;
    width: 100%;
}

@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 2em;
    }

    .h3, h3 {
        font-size: 1.2em;
    }
}

.h3, h3 {
    font-size: 1.2em;
}

h1 {
    font-family: var(--std-font-families);
    font-size: large;
    font-weight: bold;
}

h2 {
    font-size: medium;
    text-align: center;
    font-weight: bold;
}

.h3 {
    font-family: var(--std-font-families);
}

.SectionTitle {
    margin-top: 0.5rem;
}


input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

.entryMedium {
    width: 10.625rem;
}

.entryMediumRO {
    width: 11.25rem;
}

input[type="text"].ReadOnlyText:read-only {
    background-color: var(--ctrl-read-only-background-color);
    border-color: #cac8c8;
}

input:read-only {
    background-color: var(--ctrl-read-only-background-color);
}

.entrySmall {
    width: 7.5rem;
}

/* ALL CALENDARS !!! */

.datepicker-days {
    background-color: white;
}

input[type='date'] {
    min-width: 10.625rem;
}

.ui-state-hover {
    background-color: #919191 !important;
    color: white !important;
}

.day {
    color: black !important;
}

.today {
    background-color: #000063 !important;
    color: white !important;
    background-image: none !important;
}

input[type="text"].date-picker {
    width: 10.625rem;
}

.labelSmall {
    font-weight: bold;
    font-size: x-small;
}

.labelText {
    font-weight: bold;
    font-size: small;

}

.labelLeft{
    text-align: left;
}

.ReadOnlyText {
    visibility: visible;
    width: 10.625rem;
    background-color: var(--ctrl-read-only-background-color);
    border-color: #cac8c8;
    cursor: default;
    pointer-events: none;
}

.ReadOnlyTextSmall {
    visibility: visible;
    width: 6.875rem;
    background-color: var(--ctrl-read-only-background-color);
    border-color: #cac8c8;
}

.subText {
    font-weight: normal;
    font-size: small;
}

.textInsert {
    background-color: #F0F0F0;
    width: 85%;
    padding: 0.625rem 0.938rem 0.625rem 0.938rem;
}
.align-bottom {
	display: flex;
    align-items: flex-end;
}
.overflow-visible {
	overflow:visible;
}

/* BUTTONS */
button.btn-small {
    /*line-height: 1.3;*/
    height: 1.5rem;
    font-size: 0.75rem;
}

.modalCloseinput[type=submit]{
    z-index: 1 !important;
    display: block !important;
}

input[type=submit],
button.benefits {
    color: #ffffff;
    background: var(--std-submit-button);
    border: 0 none;
    cursor: pointer;
    border-radius: var(--std-border-radius);
    height: 1.5rem;
    width: 7rem;
    font-size: 0.688rem;
}

input[type=submit]:disabled,
button.benefits:disabled {
    color: var(--button-disable-color);
    background: var(--button-disable-background-color);
    cursor: default;
}

    input[type=submit].medBtn,
    input[type=button],
    button{
        color: #ffffff;
        background: #000063;
        cursor: pointer;
        border-radius: var(--std-border-radius);
        height: 1.5rem;
        max-width: 7rem;
        min-width: 3rem;
        font-size: 0.688rem;
    }

.headerText {
    font-family: var(--std-font-families);
    font-size: 1.125rem;
    font-weight: bold;
    color: #000000;
}

.paragraphHeader{
    font-size: 1rem;
}

.popupGrid {
    width: 73.125rem;
    margin: 0;
    padding: 0;
}

.popupTable tbody,
.popupTable td,
.popupTable tfoot,
.popupTable th,
.popupTable thead,
.popupTable tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0.063rem;
    border-collapse: collapse;
}

.ui-dialog-titlebar-close {
    background-color: white;
    color: black;
    z-index:1 !important;
    display: block !important;
    border: none;
}

.ui-dialog-titlebar-close:hover{
    background-color: red;
    color: white;
}

.ui-dialog-titlebar-close:after {
        /*        content: 'X';
*/ font-weight: bold;
        color: #ffffff;
        display: block !important;
        z-index: 1 !important;
    }

.datepicker table tr td.active {
    background-color: #0F1629 !important;
    color: white;
    background-image: none !important;
}

.datepicker table tr td:hover{
    color: black !important;
}

.ui-datepicker {
    font-family: Garamond;
    font-size: 0.75rem;
    margin-left: 11.25rem;
    margin-top: -3.125rem;
}
input.datepicker {
    transition: .3s;
    border-width: 0.063rem;  
}
.errorSection {
    color: #ffffff;
}

.WarningBox {
    color: #960404;
    text-align: left;
    font-family: var(--std-font-families);
    font-size: 0.875rem;
    width: 90%;
    margin-left: 1.25rem;
}

.DisplayOn {
    visibility: visible;
    display: block;
}

.DisplayOff {
    visibility: hidden;
    display: none;
}

.WarningOff {
    visibility: hidden;
}

.WarningOn {
    color: #cc0000; /* Dark red with 4.5:1 contrast ratio */
    background-color: #fcfcfc;
    text-align: center;
    visibility: visible;
    font-family: var(--std-font-families);
    font-size: 0.875rem;
}

td {
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-family: var(--std-font-families);
    font-size: 0.75rem;
}

.datepicker table tr td.day:hover,
.datepicker table tr td.day:focus,
.datepicker table tr td.day.focused {
    outline: 1px solid black !important;
    background: white !important;
    color: black !important;
}

th {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 0.75rem;
}

a.permLink,
a.permLink:hover {
    font-family: var(--std-font-families);
    font-size: 0.75rem;
    text-decoration: underline;
    color: #0056b3 !important;
}

a {
    font-family: var(--std-font-families);
    font-size: 0.75rem;
    
}

a:hover {
    font-family: var(--std-font-families);
    font-size: 0.75rem;
    text-decoration: underline;
}

/* ***************** */
/*  MENU STYLES      */
/* ***************** */
.TopMenuContainer {
    vertical-align: bottom;
    margin-top: 0.938rem;
    color: #FFFF;
}

.headerMenuLink {
    font-family: var(--std-font-families);
    text-align: center;
    color: #FFFFFF;
}



#TabMenu a.static {
    text-decoration: none !important;
    border-style: none !important;
    padding: 0.5rem !important;
}

#TabMenu li a.level1.mnuStaticMenuItemStyle.static.highlighted {
    background-color: #b6d7e5;
    color: #000000;
}

/*below highlights selected menu item*/
#TabMenu li a.level1.mnuStaticMenuItemStyle.static.selected {
    background-color: #0F1629;
    color: #ffffff;
}
ul.level2.dropdown-menu.dynamic li a.level2.selected.dynamic {
    background-color: #0F1629;
    color: #ffffff;
}
.mnuStaticMenuItemStyle {
    background-color: #3D5C7A;
    background-color: #49729b;
    margin-left: 0.125rem;
    margin-right: 0.125rem;
    padding-left: 5px;
    padding-right: 5px;
    color: #FFFFFF;
    border-radius: var(--std-border-radius);
}

.mnuStaticHoverStyle,
.mnuStaticHoverStyle a {
    /*    background-color: #E8E8E8;
    color: #3D5C7A;*/
    background-color: #b6d7e5;
    color: #000000;
}

.mnuStaticSelectedStyle {
    background-color: #006141;
    color: #ffffff;

}

#TabMenu li:has(.dropdown-menu) a {
	padding-right:0.9rem !important;
}
.dropdown-menu {
	display:none;
	position: absolute;
	transform: translateX(7px);
	background-color: #f9f9f9;
	min-width: 9rem;
	z-index:1;
}
.dropdown-menu a {
	background-color: #84ade0;
	color: #000;
	padding: 0.25rem 0 0.25rem 5px;
	/*padding-left:5px;*/
}
.dropdown-menu a:hover {
	display: block;
	background-color: #bdd5e1;
}
#TabMenu li:hover .dropdown-menu {
	display: block;
}

input.dataEntryStretch,
span.dataEntryStretch {
    border-radius: var(--std-border-radius);
    width: 90%;
    font-size: var(--std-ctrl-font-size);
    height: 1.2rem;
    text-align: center;
}

input.dataEntryStretch:read-only {
    background-color: var(--ctrl-read-only-background-color);
    box-shadow: none;
}

input.dataEntryStretch:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.DataGridFixedHeader th,
.DataGridFixedHeader td {
    font-family: var(--std-font-families);
    background-color: #818181;
    color: #FFFFFF;
    font-size: var(--std-lbl-ctrl-font-size);
    font-weight: normal;
    text-align: center;
    padding: 0.2rem 0 0.2rem 0;
}

    .DataGridFixedHeader th > a,
    .DataGridFixedHeader td > a {
        font-family: var(--std-font-families);
        color: #FFFFFF;
        text-decoration: underline;
    }
/*.DataGridSelectedRow {*/
tr.GridRowHighlight {
    height: 1.5rem;
    font-size: 0.8rem;
    background-color: #b2d2f9 !important; /*var(--menu-background-color) !important;*/
    color: #000000;
}

.gridRow {
    background-color: #FAFAFA;
    height: 2.0rem;
    font-size: 0.80rem;
    border-style: none;
    border: 0;
    /*font-size:12pt;*/
}

.gridAltRow {
    background-color: #ECECEC;
    height: 1.5rem;
    font-size: 0.80rem;
    /*font-size:12pt;*/
}

.gridRow:hover,
.gridAltRow:hover {
    background-color: var(--grid-row-highlight-color);
}

.ui-dialog-titlebar-close{
    display:none;
}

/*Global CSS Styling 11/2024*/

input {
    min-height: 1.5rem;
    background-color: #f8f8f8;
    color: #000000;
    border: 1px solid black;
}

input:focus,
button:focus{
    outline: 0.125rem solid black !important;
    outline-offset: 1px !important;
}
.form-group {
	margin-bottom:0;
}
.label-container {
	display: flex;
	align-items: center;
}
.label-container label {
	margin-right: 5px;
	flex: 0 1 auto;
}
span.required {
    font-weight: bold;
    color: red;
    flex: 0 1 auto;
}
.alignCenter{
	align-self: center;
	text-align: right;
}

details{
/*    position: absolute;
*/    z-index: 1000;
}

/*remove arrow on <details> tag*/

summary {
    max-width: 2rem;
    list-style: none;
}

    summary::-webkit-details-marker {
        display: none;
    }

.toolTipText {
    position: absolute;
    background-color: #F0F0F0;
    text-align: left;
    padding: 0.5rem;
    border: 1px solid black;
}

.warningMsg {
    color: #cc0000 !important;
    background-color: #fcfcfc !important;
}

.warningControl {
    border-color: #cc0000 !important;
}

td.active.day {
    background-color: #0F1629 !important;
    color: white !important;
}

*:focus {
    outline: 2px solid #0b5ed7 !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px #ffffff !important;
}