html {
    font-size: 14px;
}

.text-custom-primary {
    color: black !important;
}
    

@media screen and (max-width: 430px) {
    #divBusinessInfo .col-md-4.text-right {
        text-align: left !important;
    }
}
@media screen and (max-width: 430px) {
    body {
        overflow-x: hidden; /* Prevent horizontal overflow */
    }
}

@media (max-width: 430px) {
    #slebbodysection {
        min-width: 100% !important;
    }

    #newacgovheader {
        min-width: 100% !important;
    }

    #mainsite {
        min-width: 100% !important;
    }

    #divPreq .container {
        min-width: 100% !important;
    }

    /* Stack the tabs vertically on mobile */
    .nav-tabs {
        flex-direction: column !important; /* Stack the tabs vertically on small screens */
    }

        .nav-tabs .nav-item {
            text-align: center !important; /* Center align tabs */
            width: 100% !important; /* Ensure tabs take full width */
        }

}

/* Custom CSS for dropdown arrow */
.custom-dropdown {
    position: relative;
    display: inline-block;
}

    .custom-dropdown select {
        padding: 10px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url('data:image/svg+xml;utf8,<svg fill="none" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5H7z" fill="currentColor"/></svg>') no-repeat right 10px center;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 4px;
    }

        .custom-dropdown select:focus {
            outline: none;
            border-color: #66afe9;
            box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
        }

.nav-tabs {
    border: 1px solid #dee2e6;
}


.tab-pane {
    border: 1px solid #dee2e6;
}

.nav-tabs .nav-link {
    border: 1px solid lightgrey !important;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    margin-right: 0;
}

    .nav-tabs .nav-link.active {
        color: white !important;
        background-color: #336699 !important;
        border-color: #dee2e6 #dee2e6 #fff;
    }

.form-check-label {
    margin-left: 5px; /* Adjust the value as needed */
}



.text-right {
    text-align: right !important;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #336699; /* Set the background color to #6195C7 */
}

header {
    /*background-color: #B6B693;*/
    padding: 1rem;
}

    header h1 {
        margin: 0;
    }

footer {
    width: 100%;
    text-align: center;
    float: left;
    font-size: 70%;
    font-weight: normal;
    font-style: normal;
    padding: 0px;
    margin: 10px;
}

    footer p {
        padding: 0px;
        margin: 0px;
        display: inline;
    }

    footer img {
        vertical-align: middle;
        padding: 0px 5px;
    }

    footer a {
        color: -webkit-link; /* Default link color */
        text-decoration: none;
    }

        footer a:hover {
            text-decoration: underline;
        }

@import url(/ssi/header.css);
/* *********************************** */
/* Link focus and hover FC 7/8/21*/
a:focus {
    outline: 3px solid #993300;
}

#slebmainsection a:hover {
    color: #993300;
    text-decoration: none;
}
/* Skip to content FC 7/8/21*/
a.skip-link {
    position: absolute;
    left: -50%;
    transform: translateY(-150%);
}
    /* Skip to content FC 7/8/21*/
    a.skip-link:focus {
        background: #336699;
        padding: 20px;
        color: white;
        left: 0 !important;
        z-index: 11;
        transform: translateY(0%);
        outline-color: white;
    }

body {
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-align: center;
    background-image: url(/images/bodybg.jpg);
}

#slebbodysection {
    /*max-width: 1200px;*/
    text-align: center;
    margin: 0px auto 30px auto;
    min-width: 780px;
    background-color: #fff;
    border: 1px solid #003366;
    width: 97%;
    /*  background-image: url(/images/navbarbg.gif);*/
    background-repeat: repeat-y;
}

#slebbanner {
    background-image: url(/images/bannerbg.gif);
    text-align: left;
    background-repeat: repeat-x;
    padding: 0px;
    margin: 0px;
    position: relative;
}

#slebmainsection {
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    margin: 0px 0px 0px 205px;
}

    #slebmainsection p {
        padding: 0px 10px 10px 10px;
        margin: 0px;
        font-size: 80%;
        font-style: normal;
        font-weight: normal;
    }

    #slebmainsection ul {
        font-family: Arial, Helvetica, sans-serif;
        padding: 0px;
        margin: 0px 0px 10px 30px;
    }

        #slebmainsection ul li {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 80%;
            font-weight: normal;
            padding: 0px;
            margin: 0px;
        }

            #slebmainsection ul li a {
                padding: 0px;
                margin: 0px;
                /* letter-spacing: 1px; */
            }

    #slebmainsection ol {
        font-family: Arial, Helvetica, sans-serif;
        padding: 0px;
        margin: 0px 5px 10px 30px;
    }

        #slebmainsection ol li {
            font-family: Arial, Helvetica, sans-serif;
            /*font-size: 80%;*/
            font-weight: normal;
            padding: 0px;
            margin: 0px;
        }

            #slebmainsection ol li a {
                padding: 0px;
                margin: 0px;
                /* letter-spacing: 1px; */
            }

.mainlinkdesc {
    font-size: 80%;
    font-style: normal;
    font-weight: normal;
    /* letter-spacing: 0px; */
    color: #000;
    padding-left: 10px;
    line-height: 100%;
}

#acgovfooter ul, #acgovfooter p {
    max-width: 1200px;
    text-align: center;
    margin: 0px auto;
    min-width: 780px;
    background-color: transparent;
    width: 97%;
    padding: 0px;
    color: #fff;
}

    #acgovfooter ul li a {
        color: #fff;
    }

#slebnavbar {
    /* position: absolute;
	left: 10px;
	top: 60px; */
    float: left;
    width: 200px;
    /* background-color: #d8d8c5; */
    background-color: #E4E4D8;
    padding: 0px;
    margin: 0px;
    text-align: left;
}

    #slebnavbar ul {
        padding: 0px;
        margin: 0px;
    }

        #slebnavbar ul li {
            padding: 0px;
            margin: 0px;
            border-bottom: 1px solid #fff;
            list-style-type: none;
        }

            #slebnavbar ul li a {
                font-family: Arial, Helvetica, sans-serif;
                font-size: 90%;
                font-weight: normal;
                text-decoration: none;
                color: #336699;
                padding: 10px 5px;
                margin: 0px;
                /* border-right: 1px solid #000; */
                display: block;
            }

                #slebnavbar ul li a:hover {
                    background-color: #eee;
                }


.container-fluid {
    background-color: white;
}

/* Hide placeholder on medium and larger screens */
/* Show placeholder on small screens */
@media (max-width: 767.98px) {
    .hide-placeholder::-webkit-input-placeholder {
        color: #6c757d; /* Default placeholder color */
    }

    .hide-placeholder:-ms-input-placeholder {
        color: #6c757d; /* Default placeholder color */
    }

    .hide-placeholder::placeholder {
        color: #6c757d; /* Default placeholder color */
    }
}

.divError {
    display: block !important;
    color: red !important;
    font-weight: bold !important;
}

/* Custom CSS to remove the strong line under the table header */
.table th {
    border-bottom: none !important;
}

.infoFont {
    color: #336699;
}

.blackFont {
    color: black !important;
}


a {
    color: #1a0dab; /* Ensure this color has a contrast ratio of at least 3:1 with the surrounding text */
    text-decoration: underline; /* Underline the link */
    font-weight: bold; /* Make the link bold */
}

    a:hover, a:focus {
        text-decoration: none; /* Remove underline on hover or focus */
        background-color: #e0e0e0; /* Add a background color on hover or focus for additional visual cue */
    }
/*#myTab li.active a {
    border-bottom-color: transparent;
    background-color: #f3f2f1;
}

#myTab li a {
    border-color: lightgray;
    background-color: #f3f2f1;
}*/