{"version":3,"file":"assets/css/erm_reservation.css","mappings":"AAAA,iCAKI,wCAFA,kBADA,aADA,yBAGA,eACA,CAEA,6DAEI,wCADA,SACA,CACA,iEAEI,YACA,qCAFA,UAEA,CAEJ,0FAII,wBAHA,6BACA,eAKA,gBADA,gBADA,iBAEA,CAGJ,wFACI,aAGJ,mFAII,sBAHA,YAEA,eADA,YAEA,CAGJ,uFAEI,mBAKA,kBANA,aAIA,SAFA,8BAGA,gBAFA,YAGA,CAEA,4GAKI,mCADA,kBAFA,wBAMA,eAPA,eAMA,gBAJA,iBAGA,iBAEA,CAEA,kHACI,gCAGR,+GACI,gCACA,8BAIR,0FACI,mCAEA,YAEA,kBAHA,wBAIA,eAEA,eACA,gBAFA,YAHA,iBAMA,YAGJ,qFACI,aAEA,eADA,SAEA,kBAGJ,oFAMI,mBACA,mBACA,eAJA,aADA,aAEA,uBAJA,kBAQA,eAPA,WAOA,CAGJ,uEACI,mCACA,mBACA,WAGJ,wEACI,mCAGJ,0FACI,WAGJ,yFACI,gCAGA,kBAFA,8BAIA,gBAHA,aAEA,SACA,CAGJ,mFAII,gCACA,kBAFA,YAFA,kBACA,UAGA,CAGJ,qFAII,mBAHA,aAEA,SADA,sBAEA,CACA,uFAGI,kBACA,6BAHA,gBACA,eAEA,CAKZ,8DAMI,mBAJA,yCACA,wBAEA,aAJA,eAOA,sBADA,uBAHA,YAIA,CAEA,iEAKI,wBAHA,6BACA,eACA,kBACA,CAGJ,gGAEI,mBADA,UACA,CAEA,sGACI,eAGJ,6MAKI,6BACA,YACA,6CACA,wBACA,eALA,eADA,aADA,UAOA,CAGJ,wHACI,wBADJ,mHACI,wBAGJ,2NAGI,6CADA,YACA,CAIR,mFAEI,oBADA,gBACA,CAEA,qHACI,6BACA,sCACA,2BAGA,eADA,eADA,kBAGA,0CAGJ,2HACI,sCACA,6BAMZ,kDACI,aAEA,SADA,8BAEA,WAGJ,oEAEI,cADA,UACA,CAIR,UAEI,cADA,cACA,CAEJ,YAEI,yBADA,cACA,C","sources":["webpack://restaurant-menu-mange-and-order/./resources/scss/Reservation/erm_reservation.scss"],"sourcesContent":[".erm_table_reservation_container {\n    max-width: 100% !important;\n    display: flex;\n    border-radius: 8px;\n    overflow: hidden;\n    border: 1px solid var(--secondary-color);\n\n    .easyRestaurantManager-left {\n        width: 52%;\n        background-color: var(--secondary-color);\n        img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        .erm_room_availability_title {\n            font-family: \"Pacifico\", cursive;\n            font-size: 48px;\n            margin-bottom: 40px;\n            color: var(--font-color);\n            text-align: center;\n            margin-top: 60px;\n            margin-bottom: 0px;\n        }\n\n        .erm_reservation-container {\n            display: flex;\n        }\n\n        .erm_reservation-grid {\n            flex-grow: 1;\n            padding: 20px;\n            max-width: 100%;\n            box-sizing: border-box;\n        }\n\n        .erm_reservation-timeline {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 10px;\n            gap: 12px;\n            overflow: scroll;\n            border-radius: 8px;\n\n            .erm_table_time_slot {\n                font-size: 14px;\n                color: var(--font-color);\n                padding: 5px 10px;\n                border-radius: 5px;\n                background: var(--background-color);\n                text-align: center;\n                font-weight: 600;\n                cursor: pointer;\n\n                &:hover {\n                    background: var(--primary-color);\n                }\n            }\n            .erm_time_slot_selected {\n                background: var(--primary-color);\n                color: var(--background-color);\n            }\n        }\n\n        .erm_reservation-date-picker {\n            background: var(--background-color);\n            color: var(--font-color);\n            border: none;\n            padding: 5px 10px;\n            border-radius: 5px;\n            cursor: pointer;\n            height: 54px;\n            font-size: 18px;\n            font-weight: 600;\n            width: 160px;\n        }\n\n        .erm_reservation-tables {\n            display: flex;\n            gap: 60px;\n            flex-wrap: wrap;\n            padding: 40px 20px;\n        }\n\n        .erm_reservation-table {\n            position: relative;\n            width: 100px;\n            height: 100px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            border-radius: 10px;\n            cursor: pointer;\n            transition: 0.3s;\n        }\n\n        .reserved {\n            background: var(--background-color);\n            cursor: not-allowed;\n            opacity: 0.5;\n        }\n\n        .available {\n            background: var(--background-color);\n        }\n\n        .erm_reservation-table:hover {\n            opacity: 0.8;\n        }\n\n        .erm_reservation-table-body {\n            background: var(--primary-color);\n            color: var(--background-color);\n            padding: 10px;\n            border-radius: 5px;\n            z-index: 2;\n            font-weight: 600;\n        }\n\n        .erm_reservation-seat {\n            position: absolute;\n            width: 15px;\n            height: 15px;\n            background: var(--primary-color);\n            border-radius: 50%;\n        }\n\n        .erm_reservation-status {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            align-items: center;\n            p {\n                font-weight: 600;\n                padding: 4px 8px;\n                border-radius: 8px;\n                color: var(--secondary-color);\n            }\n        }\n    }\n\n    .easyRestaurantManager-right {\n        flex-basis: 48%;\n        background-color: var(--background-color);\n        color: var(--font-color);\n        padding: 20px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n\n        h1 {\n\n            font-family: 'Pacifico', cursive;\n            font-size: 48px;\n            margin-bottom: 40px;\n            color: var(--font-color);\n        }\n\n        .easyRestaurantManager-form-group {\n            width: 100%;\n            margin-bottom: 20px;\n\n            label {\n                font-size: 14px;\n            }\n\n            input,\n            select {\n                width: 100%;\n                padding: 10px;\n                margin-top: 5px;\n                background-color: transparent;\n                border: none;\n                border-bottom: 2px solid var(--primary-color);\n                color: var(--font-light);\n                font-size: 12px;\n            }\n\n            input::placeholder {\n                color: var(--font-light);\n            }\n\n            select,\n            input:focus-visible {\n                outline: none;\n                border-bottom: 2px solid var(--primary-color);\n            }\n        }\n\n        .erm_reservation_btn {\n            padding-top: 20px;\n            padding-bottom: 30px;\n\n            .easyRestaurantManager-submit-btn {\n                background-color: transparent;\n                border: 2px solid var(--primary-color);\n                color: var(--primary-color);\n                padding: 10px 20px;\n                font-size: 16px;\n                cursor: pointer;\n                transition: background-color 0.3s, color 0.3s;\n            }\n\n            .easyRestaurantManager-submit-btn:hover {\n                background-color: var(--primary-color);\n                color: var(--secondary-color);\n            }\n        }\n\n    }\n\n    .erm_form_warper {\n        display: flex;\n        justify-content: space-between;\n        gap: 20px;\n        width: 100%;\n    }\n\n    .erm_reservation_form_group_warper {\n        width: 100%;\n        max-width: 85%;\n    }\n}\n\n.tm_error{\n    font-size: 12px;\n    color: rgb(182 33 17);\n}\n.tm_success{\n    font-size: 12px;\n    color: rgba(0, 255, 0, 0.438);\n}"],"names":[],"sourceRoot":""}