body {
                background-color: #f4f7f6;
                font-family: 'Prompt', sans-serif;
            }

            .bx {
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
                border-radius: 12px;
            }

            .card-border {
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
                border: 0px;
                border-radius: 12px;
            }

            .card {
                border-radius: 12px;
                border: none;
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
            }

            .card-header {
                border-top-left-radius: 12px !important;
                border-top-right-radius: 12px !important;
                border-bottom: 1px solid rgba(0,0,0,0.05);
                background-color: #ffffff;
            }

            .logo-nav {
                height: 50px;
                width: auto;
            }

            .headGroup {
                background: linear-gradient(135deg, #20c997, #12a57a) !important;
                border: none !important;
                color: #fff !important;
                border-radius: 12px;
                margin-bottom: 10px !important;
                box-shadow: 0 4px 15px rgba(32, 201, 151, 0.3);
            }

            tbody>tr:hover {
                background-color: #f8fbff;
            }

            .shadow {
                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05) !important;
                margin-top: 10px;
                border-radius: 12px;
                overflow: hidden;
            }
            
            .table {
                border-radius: 12px;
                overflow: hidden;
            }

            input[type="checkbox"] {
                cursor: pointer !important;
            }
            
            .form-control {
                border-radius: 8px;
                border: 1px solid #e0e6ed;
                box-shadow: none;
                transition: all 0.3s ease;
            }

            .form-control:focus {
                border-color: #20c997;
                box-shadow: 0 0 0 0.2rem rgba(32, 201, 151, 0.25);
            }

            .btn {
                border-radius: 8px;
                font-weight: 500;
                transition: all 0.3s ease;
            }

            .btn:hover {
                transform: translateY(-1px);
                box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            }
            
            .navbar {
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
                background-color: #ffffff !important;
            }

            #new-search-area {
                width: 100%;
                clear: both;
                padding-top: 20px;
                padding-bottom: 20px;
            }

            #new-search-area input {
                width: 600px;
                font-size: 20px;
                padding: 5px;
            }

            .error {
                font-size: small;
                color: red;
                margin-left: 10px;
            }

            .success {
                font-size: small;
                color: green;
                margin-left: 10px;
            }

            .loading {
                position: fixed;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                z-index: 999;
                background: rgba(255, 255, 255, 0.8) url("../img/loader.gif") center no-repeat;
            }

            .room_loading {
                width: auto;
                height: auto;
                background: rgba(255, 255, 255, 0.8) url("../img/loader.gif");
            }

            .action {
                background-color: orange !important;
                border: 2px solid darkblue;
                border-radius: 8px;
                color: white;
            }

            select {
                cursor: pointer;
            }

            .navbar-nav {
                text-align: center;
            }

            input[type="date"]::-webkit-calendar-picker-indicator {
                background: transparent;
                bottom: 0;
                color: transparent;
                cursor: pointer;
                height: auto;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                width: auto;
            }

            .text-error {
                color: red;
            }