/*We are using this CSS style in the framework layout page for banner-related elements.'*/
.Banner {
    padding-right: 0px;
    padding-left: 0px;
    background-image: url(Images/revenue_image.jpg);
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-color: #4376c5;
    height: 108px;
    text-align: center;
}

/*We are using this CSS style in the framework layout page for bannertext-related elements.'*/
.bannertext {
    font-family: Verdana;
    font-size: large;
    font-weight: bold;
    color: white;
    text-align: center;
    vertical-align: middle;
    background-color: #172856;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
}

/*We are using this CSS style in the side Menu page(TOC.vbhtml) for left Navigation-related elements.'*/
.left_menu {
    background-color: #E7F3F7;
    margin: 0px, 0px, 0px, 0px;
    color: Black;
}
.Navigation td {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}
.NavigationLeaf {
    text-align: left;
    width: 100%;
    background-color: #E7F3F7;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: white;
    font-weight: lighter;
}
.Navigation a {
    font: normal 12px Verdana, Arial, Helvetica, sans-serif;
    color: black;
    line-height: 20px;
    text-decoration: none;
    display: block;
    padding-left: 20px;
    font-weight: bolder;
    font-size: 12pt;
}
    .Navigation a:hover {
        color: black;
        background-color: #E2E2E0;
    }
.NavigationSelected a {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: #033668;
    line-height: 20px;
    text-decoration: none;
    display: block;
    padding: 8px 6px 10px 10px;
}
.NavigationRoot a {
    font: bold 12px Verdana, Arial, Helvetica, sans-serif;
    color: black;
    line-height: 20px;
    text-decoration: none;
    display: block;
}
.NavigationSelected {
    width: 100%;
    background-color: #E7F3F7;
}
.NavigationRoot {
    font: normal 13px Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    width: 100%;
    background-color: #E7F3F7;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: white;
    text-decoration: none;
    display: block;
    padding-left: 10px;
    font-weight: bolder;
    line-height: 20px;
    font-size: 12pt;
}
.navBack {
    background-color: #5c743d;
}
.required::after {
    content: '*';
}


/*We are using this CSS style in the Partial page-"KeystoneLogo" -Keystone project.'*/
#imageLogContainer {
    padding-top: 20px;
    height: 200px;
    overflow: auto; /* Enable scrolling if content exceeds container size */
}
#imageLogContainer img {
    /* Define styles for the image inside the container */
    max-width: 100%; /* Ensure image doesn't exceed container width */
    height: auto; /* Maintain aspect ratio */
    display: block; /* Ensure proper spacing around the image */
    margin: 0 auto; /* Center the image horizontally */
}

/*We are using this CSS style in the HtmlExtensions(Accessibility) for custom-dropdown elements.'*/
.custom-dropdown {
    appearance: none; /* Modern browsers */
    -webkit-appearance: none; /* Safari and Chrome */
    -moz-appearance: none; /* Firefox */
    background: url('data:image/svg+xml;charset=UTF8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3E%3Cpath d="M8 12l8 8 8-8H8z" fill="%23000" /%3E%3C/svg%3E') no-repeat right 0.75rem center/16px 16px;
    padding-right: 2.5rem; /* Space for the arrow */
    border: 1px solid #ccc; /* Example border */
    border-radius: 4px; /* Example border radius */
}
.custom-checkbox .custom-control-input {
    width: 1.5rem; /* Width of the checkbox input */
    height: 1.5rem; /* Height of the checkbox input */
    margin-top: 0.1rem; /* Adjust margin to align checkbox correctly */
    /*border-color: black;
    margin-left: 0.1px;*/
}
.custom-checkbox .custom-Regcontrol-input {
    width: 1.5rem; /* Width of the checkbox input */
    height: 1.5rem; /* Height of the checkbox input */
    margin-top: 0.1rem; /* Adjust margin to align checkbox correctly */
    border-color: black;
}
.custom-border {
    border: 1px solid #6c757d; /* Using a Bootstrap-like medium gray color */
}

/*We are using this CSS style in the validationSummary page'*/
.af-alidation-summary-errors {
    color: #da0000;
    margin-left: 0.7rem;
}

/*We are using this CSS style in the HtmlExtensions(Accessibility) for required-field elements.'*/
.required-field::after {
    content: "* ";
    color: red;
    font-weight: bold;
}