body {
            display: flex;
            flex-wrap: wrap;
        }

        .hide{
            display: none;
        }

        .login-bg{
            background: url(../img/202304180714289823.jpg);
            background-size: cover;
            background-color: rgb(75 75 75 / 60%);
            background-blend-mode: color-burn;
        }

        .dateInput{
            width:150px;
        }

        .applyseat{
            width:50px;
        }

        h1{
            color: #804e21; 
        }

        .justify-content-between{
            justify-content: space-between !important;
            align-items: center;
        }
        .navbar-toggler {
            padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
            font-size: var(--bs-navbar-toggler-font-size);
            line-height: 1;
            color: #804e21;
            background-color: transparent;
            border: var(--bs-border-width) solid #804e21;
            border-radius: var(--bs-navbar-toggler-border-radius);
            transition: var(--bs-navbar-toggler-transition);
        }
        .navbar_top{
            width: 100% !important;
            background: url('../img/ipsr_01.png') no-repeat center center;
            background-size: cover;
        }
        .sidebar {
            width: 250px;
            height: 100vh;
            background-color: #fdfdfd;
            color: #804e21;
            padding: 20px;
            position: fixed;
            overflow-y: auto;
            transition: transform 0.3s ease-in-out;
            border-right: 1px solid lightgray;
        }
        .content {
            margin-left: 260px;
            padding: 20px;
            flex-grow: 1;
            transition: margin-left 0.3s ease-in-out;
        }
        .sidebar a {
            color: #804e21;
            text-decoration: none;
            display: block;
            padding: 10px;
            font-size: larger;
            font-weight: bold;
        }
        .sidebar a:hover {
            /*
            background-color: #fdfdfd;
            border-bottom:1px solid #804e21;
            */
            background: #804e21;
            color: white;
            border-radius: 5px;

        }

        ul{
            list-style-type: disclosure-closed;
        }

        .dropdown-menu {
            background-color: #fdfdfd;
            border: none;
            display: block;
            position: static;
            width: 100%;
        }
        .dropdown-menu a {
            color: #804e21;
        }
        .dropdown-menu a:hover {
            background-color: #fdfdfd;
        }
        .main_area{
            padding-left: 280px;
            width: -webkit-fill-available;
            padding-right: 30px;
        }

        .form-check-input:checked {
            background-color: #804e21;
            border-color: #804e21;
        }

        .btn-primary {
            --bs-btn-color: #fff;
            --bs-btn-bg: #804e21;
            --bs-btn-border-color: #804e21;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #804e21;
            --bs-btn-hover-border-color: #804e21;
            --bs-btn-focus-shadow-rgb: 49, 132, 253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #804e21;
            --bs-btn-active-border-color: #804e21;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #804e21;
            --bs-btn-disabled-border-color: #804e21;
        }

        .btn-outline-primary {
            --bs-btn-color: #804e21;
            --bs-btn-border-color: #804e21;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #804e21;
            --bs-btn-hover-border-color: #804e21;
            --bs-btn-focus-shadow-rgb: 13, 110, 253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #804e21;
            --bs-btn-active-border-color: #804e21;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #804e21;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #804e21;
            --bs-gradient: none;
        }

        .pagination {
            --bs-pagination-padding-x: 0.75rem;
            --bs-pagination-padding-y: 0.375rem;
            --bs-pagination-font-size: 1rem;
            --bs-pagination-color: var(--bs-link-color);
            --bs-pagination-bg: var(--bs-body-bg);
            --bs-pagination-border-width: var(--bs-border-width);
            --bs-pagination-border-color: var(--bs-border-color);
            --bs-pagination-border-radius: var(--bs-border-radius);
            --bs-pagination-hover-color: var(--bs-link-hover-color);
            --bs-pagination-hover-bg: var(--bs-tertiary-bg);
            --bs-pagination-hover-border-color: var(--bs-border-color);
            --bs-pagination-focus-color: var(--bs-link-hover-color);
            --bs-pagination-focus-bg: var(--bs-secondary-bg);
            --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
            --bs-pagination-active-color: #fff;
            --bs-pagination-active-bg: #804e21;
            --bs-pagination-active-border-color: #804e21;
            --bs-pagination-disabled-color: var(--bs-secondary-color);
            --bs-pagination-disabled-bg: var(--bs-secondary-bg);
            --bs-pagination-disabled-border-color: var(--bs-border-color);
            display: flex;
            padding-left: 0;
            list-style: none;
        }

        .page-link {
            position: relative;
            display: block;
            padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
            font-size: var(--bs-pagination-font-size);
            color: #804e21;
            text-decoration: none;
            background-color: var(--bs-pagination-bg);
            border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
            transition: color .15sease-in-out, background-color .15sease-in-out, border-color .15sease-in-out, box-shadow .15sease-in-out;
        }

        @media (max-width: 768px) {
            .sidebar {
                width: 250px;
                height: 100vh;
                position: fixed;
                transform: translateX(-100%);
                z-index: 1;
                border-right: 1px solid lightgray;
            }
            .sidebar.show {
                transform: translateX(0);
            }
            .content {
                margin-left: 0;
            }
            .main_area{
                padding-left: 30px;
                width: -webkit-fill-available;
                padding-right: 30px;
            }
            
        }