body {
    font-size: 0.9em;
    font-family: "Lexend Deca";
}

.header-custom-container {
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

h1 {
    font-family: "Zilla Slab" !important;
}

h2 {
    font-family: "Lexend Deca";
}

.btn {
    font-family: "Lexend Deca";
}

.background-image {
    background-image: url('../images/regpic2.jpg');
    background-size: cover;
    background-position: center;
}

.custom-row {
    margin-right: 0 !important;
}

.bg-custom-blue {
    background-color: #252B62;
}

.cursor-pointer {
    cursor: pointer;
}

.square-button {
    border-radius: 2px;
}

.font-size-medium {
    font-size: 18px;
}

.font-size-small {
    font-size: 14px;
}

/* header button styles  */
.header-button {
    width: 16.666666666666664%;
}

.header-banner-text {
    width: 66.66666666666666%;
}

.bannercolor {
    background-color: #F1D04B;
    color: #000000 !important;
}

.buttoncolor {
    background-color: #6a1017;
    display: block;
    width: -webkit-fill-available;
    font-weight: 500;
}

/* header button styles end  */

.navbar-toggler {
    border: none;
}

.btn-toggle:focus {
    background-color: white !important;
    color: #000 !important;
}

.btn-toggle:active img,
.btn-toggle:focus img {
    filter: invert(1);
}

.section-box-item-selected:focus {
    background-color: #fff;
    color: #000;
    cursor: pointer;
    text-decoration: none;
}

.btn-toggle:hover {
    background-color: #fff;
    color: #000;
}

.btn-toggle:hover img {
    filter: invert(1);/
}

.btn-toggle:hover span {
    color: #000;
}

.btn-toggle:focus,
.btn-toggle:active {
    outline: none;
    border: 1px solid black !important;
    /* Add black border on click or focus */
}

.custom-border-top {
    border-top: 2px solid #5A88A6;
}

.custom-border-end {
    border-right: 2px solid #5A88A6;
}

/* Remove width and max-width settings from row children that apply globally */
.row>* {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

/* Apply the position directly to the navbar-toggler button */
.navbar-toggler.icon {
    /* width: auto; */
    /* Ensure it does not take up full width */
    /* max-width: none; */
    /* Prevent max-width of 100% */
}

.blue-card-item button {
    width: 100%;
    min-width: 100px;
}

/* More button styles */
.more-button {
    display: none;
}

.arrow-btn {
    border-radius: 2px;
    padding: 0px;
}

.arrow-img {
    width: 16px !important;
    margin-bottom: 4px;
}

.list-unstyled {
    cursor: pointer;
}

.list-unstyled li:hover {
    text-decoration: underline;
    /* Underline only when hovering */
}

.hover:hover {
    text-decoration: underline;
}

.search-result-table th,
.search-result-table td {
    border-bottom: 1px solid #8b8585;
    /* Adjust color as needed */
}

table.search-result-table td {
    vertical-align: top;
}

.search-result-table {
    margin-top: 20px;
}

.tr-odd {
    background-color: #E2E8EB;

}

.tr-even {
    background-color: #fff;
}

.search-tbl-heading {
    background-color: #C8D4DA;
}

.blur-effect {
    /* filter: blur(5px); */
    pointer-events: none;
    opacity: 0.7;
}

#searchResults {
    position: relative;
    /* margin-top: 30px; */
}

.search-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
}

.form-check-input {
    background-color: #d0d0d0 !important;
    border: var(--bs-border-width) solid #33ACE2 !important;
}

.list-group-item.active {
    background-color: #32ACE2 !important;
}

.card-body {
    background-color: #E3F5FC;
}

.sendButton {
    border-color: rgba(3, 60, 90, .5) !important;
    background-color: rgba(3, 60, 90, .8) !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.forgot_password {
    margin-left: 30px;
}

@media (max-width: 895px) {
    .hidden-button {
        display: none !important;
    }

    .more-button {
        display: block;
    }
}

/* More button styles end*/

@media (max-width: 1140px) {
    .blue-card-item button {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .header-title {
        display: none;
    }

    .custom-border-end {
        border-right: none;
        /* nav button*/
    }

    .nav-icon {
        width: 16px !important;
        /* nav icons*/
    }

}


@media (max-width: 415px) {
    .header-custom-container {
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .custom-row {
        margin-right: 0 !important;
    }
}

@media (max-width: 1024px) {

    .font-size-medium {
        font-size: 14px;
    }

    .font-size-small {
        font-size: 12px;
    }

    .header-button {
        width: 17.666667%;
    }

    .button-box-item {
        width: 50%;
    }

    /* Each footer content block takes 50% width for two per row */
    .footer-content {
        flex: 0 0 50% !important;
        margin-bottom: 10px;
    }

    .footer-row {
        padding: 11px !important;
    }

    /* Image also takes 50% width, aligns with content in the second row */
    .footer-image {
        flex: 0 0 50% !important;
    }

    .nav-icon {
        width: 16px !important;
        /* nav icons*/
    }
}

@media (max-width: 660px) {

    /* Existing styles */
    .header-button {
        width: 100%;
    }

    .header-button button {
        width: 100%;
        margin-bottom: 2px !important;
    }

    .header-banner-text {
        width: 100%;
        margin-left: 0 !important;
        position: absolute;
    }

    .header-button.first {
        margin-top: 65px;
    }

    .header-main-container {
        flex-direction: column;
        position: relative;
    }

    /* Menu buttons */
    .row.blue-card-container {
        display: block;
    }

    .col {
        width: 100%;
        margin-bottom: 4px;
    }

    .square-button {
        width: 100% !important;
        height: 50px !important;
        flex-direction: row-reverse !important;
        justify-content: flex-end;
        margin-top: 0px !important;
    }

    .btn-toggle img {
        width: 25px;
        margin-top: 0px !important;
        margin-right: 10px;
    }

    /* Updated footer styles */
    .footer-content {
        flex: 0 0 100% !important;
        /* Each content block takes 100% width */
        margin-bottom: 10px;
        align-items: center;
        justify-content: center;
    }

    .footer-row {
        /* Align footer content vertically */
        padding: 11px !important;
        align-items: center;
        justify-content: center;
    }

    .footer-image {
        flex: 0 0 100% !important;
        /* Image takes full width as well */
        justify-content: center;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    /* arrow button */
    .arrow-btn {
        margin-top: 0px !important;
    }
}

@media (min-width: 661px) and (max-width: 871px) {
    .blue-card-container .blue-card-item {
        width: 50%;
        flex-basis: 50%;
    }

    .blue-card-container .btn {
        width: 100%;
        margin-top: 60px;
    }

    .blue-card-container .btn img {
        max-width: 100%;
    }
}


@media (max-width: 895px) and (min-width: 700px) {
    .blue-card-container .col {
        flex-basis: 50%;
    }
}

@media (min-width: 901px) and (max-width: 991px) {
    .blue-card-item button span {
        font-size: 13px;
        line-height: 1.1;
    }
}

@media (min-width: 1025px) and (max-width: 1133px) {
    .blue-card-item button span {
        font-size: 13px;
        line-height: 1.1;
    }
}


.navbar {
    --bs-navbar-padding-y: 0;
    /* Set to 0 or your desired value */
}

@media (max-width: 1250px) {
    .header-title {
        width: 73.333333%;
    }
}

.search-result-table {
    display: flex;
    width: 100%;
    overflow: auto;
}

#upmenulock,
#uploadblock {
    min-height: 550px;
}

.min-w-50 {
    min-width: 50%;
}

.route-submit-form-heading {
    color: #235371
}

.btn-view-routsumm-pdf {
    color: #1c425a;
}

/* custom styles */
.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.custom-font {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}

.text-blue-custom {
    color: #1017A2;
}

/* plandash.php */
.custom-height {
    height: 80px;
}

.custom-font-family {
    font-family: 'Work Sans';
    width: 100vw;
}

.custom-contentdiv {
    width: 77%;
    min-height: 70vh;
}

/* planlanding.php */
.max-width-show-comments {
    max-width: 40vw;
}

.custom-grid-responsestatus {
    grid-row: 1;
    grid-column: 3;
}

.custom-tomato {
    background-color: #FF6347;
}

/* resplans.php */
.custom-box {
    border-collapse: collapse;
    border-style: outset;
}

.bg-custom-color {
    background-color: #FFE9C7;
}

/* portal.php */
.custom-work-sans {
    font-family: 'Work Sans', sans-serif;
}

/* pupcar-back1.php */
.custom-planheader {
    width: 90vw;
}

.custom-width-vw {
    width: 70vw;
}

/* resplanlanding.php */
.custom-margin-center {
    margin-top: 60px;
}

.custom-table-style {
    background-color: #FFFFB8;
    box-shadow: 7px 9px 9px #808080;
}

.custom-reviseduploadPMB-table {
    height: 70%;
    margin-left: 100px;
}

#addnoList {
    max-height: 100px;
    width: 10%
}

#addnoList li {
    list-style: none;
}