@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;700&display=swap";.user-login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-family:Noto Serif Thai,serif;display:flex}.user-login-page h2{color:#1a3a5f;margin-bottom:20px;font-size:2.2rem;font-weight:700}.user-login-page form{background:#dbd9db;border-radius:10px;width:100%;max-width:400px;padding:15px;box-shadow:0 10px 25px #00000014}.user-login-page label{color:#444;margin-bottom:8px;font-size:1.3rem;font-weight:700;display:block}.user-login-page input{box-sizing:border-box;border:2px solid #ced4da;border-radius:10px;width:100%;padding:15px;font-family:sans-serif;font-size:1.4rem}.user-login-page input:focus{background-color:#f8fff9;border-color:#28a745;outline:none}.user-login-page button{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:12px;width:100%;padding:20px;font-family:Noto Serif Thai,serif;font-size:1.5rem;font-weight:700;transition:all .3s;box-shadow:0 4px 6px #0000001a}.user-login-page button:hover{filter:brightness(1.1);transform:translateY(-2px)}.user-login-page br{content:"";margin-top:10px;display:block}@media (max-width:200px){.user-login-page input{box-sizing:border-box;border:2px solid #ced4da;border-radius:10px;width:100%;max-width:250px;padding:5px;font-family:sans-serif;font-size:1.4rem}}.admin-login-page{background-color:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Noto Serif Thai,serif;display:flex}.login-card{background:#fff;border-top:6px solid #0d2137;border-radius:16px;flex-direction:column;width:100%;max-width:450px;padding:40px;display:flex;box-shadow:0 10px 25px #0000001a}.login-card h2{color:#0d2137;text-align:center;border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:15px;font-size:2rem;font-weight:700}.form-group{flex-direction:column;margin-bottom:25px;display:flex}.form-group label{color:#34495e;margin-bottom:8px;font-size:1.2rem;font-weight:700}.form-group input{color:#333;border:2px solid #cfd8dc;border-radius:8px;outline:none;width:95%;padding:14px 16px;font-family:Noto Serif Thai,serif;font-size:1.2rem;transition:all .3s}.form-group input:focus{border-color:#0d2137;box-shadow:0 0 0 4px #0d21371a}.btn-login{color:#fff;cursor:pointer;background-color:#0d2137;border:none;border-radius:10px;width:100%;margin-top:10px;padding:16px;font-family:Noto Serif Thai,serif;font-size:1.3rem;font-weight:700;transition:background .3s}.btn-login:hover{background-color:#16365c;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.btn-back{color:#666;cursor:pointer;background:0 0;border:none;width:100%;margin-top:15px;padding:12px;font-family:Noto Serif Thai,serif;font-size:1.1rem;text-decoration:underline}.btn-back:hover{color:#0d2137}@media (max-width:600px){.admin-login-page{align-items:center;padding:15px}.login-card{padding:25px 20px;box-shadow:0 5px 15px #00000014}.login-card h2{margin-bottom:20px;font-size:1.6rem}.form-group label{font-size:1.1rem}.form-group input{padding:12px;font-size:1.1rem}.btn-login{padding:14px;font-size:1.2rem}}.staff-login-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Noto Serif Thai,serif;display:flex}.staff-container{background:#fff;border-top:8px solid #0056b3;border-radius:15px;width:100%;max-width:400px;padding:40px 30px;box-shadow:0 10px 25px #0000001a}.staff-container h2{text-align:center;color:#0056b3;text-transform:uppercase;margin-bottom:30px;font-size:1.8rem}.staff-container form div{margin-bottom:20px}.staff-container label{color:#495057;margin-bottom:8px;font-weight:700;display:block}.staff-container input{box-sizing:border-box;border:1px solid #ced4da;border-radius:8px;width:100%;padding:12px 15px;font-size:16px;transition:border-color .3s}.staff-container input:focus{background-color:#f8fbff;border-color:#0056b3;outline:none}.staff-container button{color:#fff;cursor:pointer;background-color:#0056b3;border:none;border-radius:8px;width:100%;margin-top:10px;padding:15px;font-size:1.1rem;font-weight:700;transition:background .3s}.staff-container button:hover{background-color:#004494}@media (max-width:480px){.staff-container{padding:30px 20px}.staff-container h2{font-size:1.5rem}}:root{--primary-bg:#f8f9fa;--text-dark:#2c3e50;--btn-user:#2e7d32;--btn-staff:#1976d2;--btn-admin:#455a64;--shadow-soft:0 4px 6px #0000001a}.home-main-page{background-color:var(--primary-bg);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Noto Serif Thai,serif;display:flex}.container{text-align:center;background-color:#fff;border-radius:20px;width:100%;max-width:500px;padding:40px 30px;box-shadow:0 10px 25px #0000000d}.home-main-page h2{color:var(--text-dark);border-bottom:2px solid #ececec;margin-bottom:40px;padding-bottom:15px;font-size:clamp(2rem,5vw,3rem);font-weight:700}.button-group{flex-direction:column;gap:20px;width:100%;display:flex}.home-main-page button{cursor:pointer;color:#fff;width:100%;box-shadow:var(--shadow-soft);border:none;border-radius:12px;padding:18px 24px;font-family:Noto Serif Thai,serif;font-size:1.4rem;font-weight:700;line-height:1.4;transition:transform .2s,box-shadow .2s}.home-main-page button:active{transform:scale(.98)}.home-main-page button:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.btn-user,.btn-user-ds{background-color:var(--btn-user)}.btn-staff,.btn-staff-ds{background-color:var(--btn-staff)}.btn-admin,.btn-admin-ds{background-color:var(--btn-admin)}.show-card{background-color:#ffb489;border-radius:10px;flex-direction:column;align-items:flex-start;width:100%;margin-top:15px;padding-left:25px;display:flex}.show-card div p{text-align:left;margin:5px 0}.show-card01{margin-top:5px}.show-card03{margin-bottom:5px}@media (max-width:600px){.container{box-shadow:none;background-color:#0000;padding:30px 20px}.home-main-page h2{margin-bottom:30px;font-size:2.2rem}.home-main-page button{border-radius:10px;height:auto;padding:16px;font-size:1.25rem}.button-group{gap:15px}}@media (max-width:360px){.home-main-page h2{font-size:1.8rem}.home-main-page button{padding:14px;font-size:1.1rem}}.booking-page{color:#333;background-color:#f4f6f9;min-height:100vh;padding-bottom:60px;font-family:Noto Serif Thai,serif}.booking-page>div{box-sizing:border-box;max-width:1000px;margin:0 auto}.showuser-booking h1{color:#f11;border-bottom:none;font-size:1.6rem}.showuser-booking{border-left:6px solid #fa4141;border-radius:8px;flex-direction:row;padding-left:20px;display:flex;box-shadow:0 2px 5px #0000000d;background-color:#fff!important}.showuser-booking h1{margin-bottom:-15px}.datetime-booking-top{flex-direction:row;margin-bottom:-20px;padding-left:15px;display:flex}.datetime-booking-bottom{flex-direction:row;padding-left:15px;display:flex}.datetime-booking-day,.datetime-booking-name{padding-right:6px}.booking-page h2{color:#1a3a5f;border-bottom:3px solid #1a3a5f;margin-bottom:20px;padding-bottom:5px;font-size:1.8rem;font-weight:700;display:inline-block}.booking-page h4{color:#666;margin-top:10px;font-size:1rem;font-weight:400}.card-body h5{color:red;margin-top:-10px;margin-bottom:6px;margin-left:5px;font-size:.8rem;font-weight:400}.booking-page .notice-section{border-left:6px solid #fbc02d;border-radius:8px;margin-bottom:25px;box-shadow:0 2px 5px #0000000d;background-color:#fff!important}.booking-page .notice-section h2{color:#f57f17;border-bottom:none;margin-top:-10px;margin-bottom:-10px;font-size:1.6rem}.booking-page .notice-section h3{white-space:normal;word-break:break-word;overflow-wrap:break-word;margin-bottom:-5px;line-height:1.6}.booking-page .notice-section{overflow-wrap:anywhere}.search-box{background:#fff;border-radius:10px;flex-wrap:wrap;gap:10px;padding:15px;display:flex;box-shadow:0 2px 5px #0000000d}.search-box input{border:1px solid #ced4da;border-radius:6px;flex:1;min-width:200px;padding:12px 15px;font-family:Noto Serif Thai,serif;font-size:1.1rem}.search-box button{cursor:pointer;border:none;border-radius:6px;padding:12px 30px;font-family:Noto Serif Thai,serif;font-size:1.1rem;font-weight:700;transition:background .2s}.search-box button:hover{filter:brightness(1.1)}.results-container{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:25px;display:flex}.prisoner-card{border-radius:12px;flex-direction:column;max-width:300px;transition:transform .2s;display:flex;box-shadow:0 4px 8px #0000000d;background-color:#fff!important;border:1px solid #e0e0e0!important;width:100%!important;padding:20px!important}.prisoner-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a;border-color:#1a3a5f!important}.prisoner-card h3{color:#1a3a5f;margin:0 0 10px;font-size:1.3rem}.prisoner-card p{color:#555;margin:5px 0;font-size:1rem}.prisoner-card .text-red{color:#b30000;margin-top:10px;margin-bottom:15px;font-size:.9rem}.prisoner-card button{cursor:pointer;border:none;border-radius:6px;margin-top:auto;padding:10px;font-family:Noto Serif Thai,serif;font-size:1rem}.booking-form-box{border-radius:12px;animation:.5s ease-in-out fadeIn;box-shadow:0 10px 25px #0000001a;background-color:#fff!important;border:1px solid #d1d9e6!important;border-top:5px solid #1a3a5f!important;margin-top:40px!important;padding:30px!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.booking-form-box h3{color:#1a3a5f;border-bottom:1px solid #eee;margin-top:0;margin-bottom:25px;padding-bottom:15px}.booking-form-box form>div,.form-group-item{margin-bottom:20px}.booking-form-box label{color:#333;margin-bottom:8px;font-size:1.1rem;font-weight:700;display:block}.booking-form-box input,.booking-form-box select{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px 15px;font-family:Noto Serif Thai,serif;font-size:1.1rem}.booking-form-box input:focus,.booking-form-box select:focus{border-color:#1a3a5f;outline:none;box-shadow:0 0 0 3px #1a3a5f1a}.booking-form-box button[type=submit],.booking-form-box button[type=button]{cursor:pointer;border:none;border-radius:6px;min-width:120px;margin-bottom:10px;margin-right:10px;padding:12px 24px;font-family:Noto Serif Thai,serif;font-size:1.1rem;font-weight:700}.bottom-nav{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:40px;display:flex}.btn-logout,.btn-home{cursor:pointer;border:none;border-radius:30px;padding:12px 30px;font-family:Noto Serif Thai,serif;font-size:1.1rem;font-weight:700;transition:transform .2s}.btn-logout{color:#fff;background-color:#6c757d}.btn-home{color:#fff;background-color:#1a3a5f}.btn-logout:hover,.btn-home:hover{transform:scale(1.05)}.booking-page .bottom-visit{align-items:center;display:flex}@media (max-width:320px){.booking-page{padding:10px}.booking-page>div{padding:10px!important}.search-box{flex-direction:column;width:10px}.booking-page .search-box{gap:10px;width:92.5%;max-width:500px;display:flex}.booking-page .search-box input{box-sizing:border-box;flex:1;width:100%;max-width:100%}.search-box button{width:100%}.prisoner-card{max-width:50%}.booking-form-box button[type=submit],.booking-form-box button[type=button]{width:100%;margin-right:0}.booking-form-box{width:75%}.bottom-visit button{flex-direction:column;max-width:100%;margin-left:10px}.bottom-nav{flex-direction:column}.bottom-nav button{width:100%}.booking-page .bottom-visit{flex-wrap:wrap;justify-content:center;gap:15px}.booking-page .bottom-visit button{min-width:160px}}@media (max-width:420px){.datetime-booking-top,.datetime-booking-bottom{flex-direction:column;display:flex}.datetime-booking-name,.datetime-booking-day{margin-bottom:-20px}}@media (max-width:430px){.datetime-booking-top,.datetime-booking-bottom{flex-direction:column;display:flex}.datetime-booking-name,.datetime-booking-day{margin-bottom:-20px}}@media (max-width:400px){.booking-page .search-box button{box-sizing:border-box;flex:1;width:100%;max-width:100%}}@media (max-width:420px){.bottom-visit{flex-direction:column;gap:15px;width:80%;margin:20px auto;display:flex}.bottom-visit button{cursor:pointer;border:none;border-radius:8px;width:100%;padding:12px 0;font-size:16px}.bottom-visit .btn-02{margin-left:0!important}}*{box-sizing:border-box}.admin-dashboard{background-color:#f0f2f5;flex-direction:column;gap:25px;min-height:100vh;padding:20px;font-family:Noto Serif Thai,serif;display:flex}.user-info{color:#fff;background-color:#1a3a5f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 4px 6px #0000001a}.user-info h3{margin:0;font-size:1.2rem}.con-put-of{background:#fff;border-top:6px solid #1a3a5f;border-radius:15px;width:100%;max-width:400px;margin:0 auto;padding:30px;box-shadow:0 4px 15px #0000000d}.head-of{color:#1a3a5f;text-align:center;margin-bottom:25px;font-size:1.5rem;font-weight:700}.con-put-of input{box-sizing:border-box;width:100%;max-width:400px;margin:0 auto 5px}.inputbox input:focus{border-color:#1a3a5f;outline:none}.buttonbox button{color:#fff;cursor:pointer;background-color:#00d60b;border:none;border-radius:8px;width:100%;padding:5px;font-size:1.1rem;font-weight:700}.buttonbox button:hover{background-color:#218838}.search-section{color:#333;flex-direction:column;max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Sarabun,sans-serif}.search-section h1{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:2rem}.search-section>div>div:first-child{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:40px;display:flex}.search-section input[type=text]{border:1px solid #ddd;border-radius:8px;width:100%;max-width:400px;padding:12px 15px;font-size:16px;transition:border-color .3s}.search-section input[type=text]:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.search-section button{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:8px;padding:8px;font-size:16px;transition:background-color .3s}.search-section button:hover{background-color:#2980b9}.officer-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;display:grid}.officer-card{text-align:center;background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:25px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #0000000d}.officer-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px #0000001a}.officer-card h3{color:#2c3e50;margin:0 0 10px;font-size:1.2rem}.officer-card p{color:#7f8c8d;margin-bottom:20px;font-size:.95rem}button.deleteofficer{color:#e74c3c;background-color:#fff;border:1px solid #e74c3c;width:100%;padding:8px 16px;font-size:14px}button.deleteofficer:hover{color:#fff;background-color:#e74c3c}.search-section-space{flex-direction:row;justify-content:center;margin-bottom:10px;display:flex}.search-officer01{width:400px;margin-top:2px;margin-right:10px;padding:8px}.search-officer02 button{padding:-5px}.search-officer02{margin-top:6px}.logout-btn-container{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.logout-btn-container button{cursor:pointer;border:none;border-radius:8px;min-width:150px;padding:12px 30px;font-size:1rem;font-weight:700}.pageback-btn{color:#fff;background-color:#1a3a5f}.logout-btn{color:#fff;background-color:#6c757d}.reset-btn{color:#fff;background-color:#dc3545}.con-put-of{box-sizing:border-box;width:100%;max-width:400px;margin:0 auto}.inputbox{width:100%}.inputbox input{box-sizing:border-box;border:2px solid #ced4da;border-radius:8px;width:100%;max-width:100%;padding:12px 15px;font-size:1rem}.prisoner-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;display:grid}.search-bar-container{flex-direction:row;display:flex}@media (max-width:600px){.admin-dashboard{gap:15px;padding:10px}.user-info{text-align:center;flex-direction:column}.search-section>div>div:first-child{flex-direction:column}.search-section input,.search-section button{width:100%}.officer-card{max-width:200px}.deleteofficer{width:50%;padding:8px}.logout-btn-container{flex-direction:column;align-items:center}.logout-btn-container button{width:100%;max-width:320px;height:48px}.prisoner-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:80px;margin-top:20px;display:grid}.prisoner-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;padding:20px;display:flex;box-shadow:0 4px 10px #0000000d}.prisoner-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.con-put-of{width:100%;max-width:350px;margin:0 auto}.inputbox input{box-sizing:border-box;width:100%;max-width:100%}.search-officer01{width:400px;margin-top:2px;margin-right:10px;padding:8px}}:root{--primary-color:#036;--secondary-color:#6c757d;--success-color:#198754;--danger-color:#dc3545;--bg-color:#f4f6f9;--card-bg:#fff;--border-color:#dee2e6}body{background-color:var(--bg-color)}.admin-container{color:#333;max-width:1200px;margin:0 auto;padding:20px;font-family:Sarabun,sans-serif}.content-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-header{border-bottom:2px solid var(--primary-color);background-color:#fff;padding:15px 20px}.card-header h1,.card-header h2{color:var(--primary-color);margin:0;font-size:1.25rem;font-weight:700}.card-body{padding:20px}.card-body .btn-primary{margin-top:5px}.form-layout{flex-wrap:wrap;gap:15px;display:flex}.inputbox{flex:calc(50% - 15px);min-width:250px;margin-bottom:0}.inputbox.full-width{flex:100%}.form-control{color:#495057;box-sizing:border-box;background-color:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:8px 12px;font-family:Sarabun,sans-serif;font-size:1rem;line-height:1.5;transition:border-color .15s ease-in-out}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem #00336640}button{cursor:pointer;text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:4px;padding:8px 16px;font-family:Sarabun,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-success{background-color:var(--success-color);color:#fff}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-search{color:#fff;background-color:#0dcaf0}.btn-danger.small{margin-top:10px;padding:4px 10px;font-size:.875rem}button:hover{opacity:.9}.buttonbox{text-align:right;margin-top:10px}.search-bar{gap:10px;margin-bottom:20px;display:flex}.search-bar .form-control{flex-grow:1;width:auto}.result-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;display:grid}.result-item{border:1px solid var(--border-color);background-color:#fff;border-radius:4px;padding:15px;box-shadow:0 1px 2px #0000000d}.result-item h3{color:#333;border-bottom:1px solid #eee;margin-top:0;margin-bottom:8px;padding-bottom:8px;font-size:1.1rem}.result-item p{color:#666;margin:5px 0;font-size:.95rem}.footer-actions{border-top:1px solid #ddd;justify-content:flex-end;gap:10px;margin-top:30px;padding-top:20px;display:flex}@media (max-width:768px){.inputbox{flex:100%}.search-bar{flex-direction:column}.search-bar button{width:100%}.buttonbox,.footer-actions{text-align:center;flex-direction:column;justify-content:center}.buttonbox button,.footer-actions button{width:100%;margin-bottom:10px}.inputbox.full-width input{max-width:100%}}@media (max-width:600px){.print-page-layout{padding:10px}.print-container{padding:15px}.date-form{flex-direction:column}.input-group,.btn-submit,.btn-print,.btn-back{width:100%}}@media print{.search-section,.action-footer,.btn-submit,.no-print{display:none!important}.print-page-layout{background-color:#fff;margin:0;padding:0}.print-container{box-shadow:none;border:none;width:100%;max-width:none;padding:0}.table-responsive{border:none;overflow:visible}.no-print{display:none!important}}.print-page-layout{background-color:#f4f6f8;justify-content:center;min-height:100vh;padding:20px;font-family:Noto Serif Thai,serif;display:flex}.print-container{background-color:#fff;border-radius:12px;width:100%;max-width:900px;padding:30px;box-shadow:0 4px 15px #0000000d}.page-header{color:#0d2137;text-align:center;border-bottom:2px solid #0d2137;margin-top:0;margin-bottom:25px;padding-bottom:15px}.search-section{background-color:#f9fafb;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:20px}.date-form{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:15px;display:flex}.input-group{flex-direction:column;flex:1;min-width:250px;display:flex}.input-group label{color:#444;margin-bottom:8px;font-size:1.1rem;font-weight:700}.date-input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;padding:12px 15px;font-family:Noto Serif Thai,serif;font-size:1.1rem}button{cursor:pointer;border:none;border-radius:8px;min-height:50px;padding:12px 24px;font-family:Noto Serif Thai,serif;font-size:1.1rem;font-weight:700;transition:all .2s}button:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-submit{color:#fff;background-color:#2e7d32;min-width:150px}.btn-print{color:#fff;background-color:#1565c0;padding:15px 40px;font-size:1.2rem;box-shadow:0 4px 6px #0000001a}.btn-back{color:#fff;background-color:#607d8b}.table-responsive{border:1px solid #eee;border-radius:8px;margin:20px 0;overflow-x:auto}.action-footer{border-top:1px dashed #ccc;flex-direction:column;align-items:center;gap:15px;margin-top:40px;padding-top:20px;display:flex}.search-section{justify-content:flex-start;width:100%;display:flex}.date-form{flex-direction:column;align-items:flex-start;width:100%;display:flex}.input-group{justify-content:flex-start;align-items:center;gap:10px;width:100%;display:flex}@media (max-width:600px){.print-page-layout{padding:10px}.print-container{padding:15px}.date-form{flex-direction:column}.input-group,.btn-submit,.btn-print,.btn-back{width:100%}}@media print{.search-section,.action-footer,.btn-submit,.no-print{display:none!important}.print-page-layout{background-color:#fff;margin:0;padding:0}.print-container{box-shadow:none;border:none;width:100%;max-width:none;padding:0}.table-responsive{border:none;overflow:visible}.no-print{display:none!important}}