@charset "UTF-8";*{margin:0;padding:0;font-family:Noto Sans Thai,serif}.container-HomePageGun{display:flex;flex-direction:column;align-items:center;gap:16px;padding:104px 24px 24px;background-color:#1e4d3f}.header-HomePageGun{display:flex;justify-content:center;position:relative;align-items:center;background-color:#103026;border-radius:30px;padding:24px 80px}.header-HomePageGun h1{text-align:center;font-size:42px;font-weight:700;color:#f3cd68}.centerGun{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:40px}.centerGun .center-left{display:flex;flex-direction:column;justify-content:center;gap:16px}.centerGun .center-left h3{text-align:center;font-size:22px;color:#f3cd68}.centerGun .center-left span{text-align:center;font-size:42px;color:#f3cd68}.centerGun .center-left .btn-content{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center}.centerGun .center-left .btn-content .btn-group-top{display:flex;gap:16px}.centerGun .center-left .btn-content .btn{color:#f3cd68;font-size:28px;font-weight:700;min-width:200px;border:none;border-radius:20px;background-color:#103026;cursor:pointer;transition:all .5s;padding:10px}.centerGun .center-left .btn-content .btn:hover{text-shadow:0 0 10px #ffcc66,0 0 20px #ffcc66,0 0 30px #ffcc66;transition:all .5s}.centerGun .center-left .btn-content .btn-booking{color:#f3cd68;font-size:28px;font-weight:700;min-width:200px;border:none;border-radius:20px;background-color:#103026;cursor:pointer;transition:all .5s;padding:10px}.centerGun .center-left .btn-content .btn-booking:hover{text-shadow:0 0 10px #ffcc66,0 0 20px #ffcc66,0 0 30px #ffcc66;transition:all .5s}.centerGun .center-mid{display:flex;flex-direction:column;justify-content:center;gap:16px}.centerGun .center-mid .compare{text-align:center}.centerGun .center-mid .compare img{height:240px;border-radius:20px;border:5px solid #f3cd68}.centerGun .center-mid .compare h3{font-family:Noto Sans Thai,serif;text-align:center;font-size:25px;color:#396cad}.centerGun .center-right{display:flex;gap:20px}.centerGun .center-right video{max-width:700px}@media (max-width: 1024px){.header-HomePageGun h1{font-size:32px}}@media (max-width: 983px){.centerGun .center-mid .compare img{height:450px}}@media (max-width: 795px){.header-HomePageGun h1{font-size:24px}.center-right .image-top img{width:100%}.center-right .image-botton{flex-direction:column!important}.center-right .image-botton img{width:100%!important;height:auto!important}.center-right video{max-width:600px!important}}@media (max-width: 700px){.centerGun .center-left h3{font-size:18px}.centerGun .center-left h3 span{font-size:32px}}@media (max-width: 640px){.container-HomePageGun .header-HomePageGun{padding:16px}.container-HomePageGun .header-HomePageGun h1{font-size:20px}.container-HomePageGun .centerGun .center-left{display:flex;flex-direction:column;justify-content:center}.container-HomePageGun .centerGun .center-left h3{font-size:18px}.container-HomePageGun .centerGun .center-left h3 span{font-size:28px}.container-HomePageGun .centerGun .center-mid .compare img{height:300px}.container-HomePageGun .centerGun .center-right{display:flex;gap:20px}.container-HomePageGun .centerGun .center-right video{max-width:500px!important}.container-HomePageGun .centerGun .btn-content{width:100%}.container-HomePageGun .centerGun .btn-content .btn-group-top{width:100%}.container-HomePageGun .centerGun .btn-content .btn{width:100%;min-width:0px}}@media (max-width: 600px){.container-HomePageGun .header-HomePageGun{padding:16px}.container-HomePageGun .header-HomePageGun h1{font-size:18px}.container-HomePageGun .centerGun .center-left h3{font-size:16px}.container-HomePageGun .centerGun .center-left h3 span{font-size:28px}.container-HomePageGun .centerGun .center-mid .compare img{height:300px}.container-HomePageGun .centerGun .center-right{display:flex;gap:20px}.container-HomePageGun .centerGun .center-right video{max-width:400px!important}}@media (max-width: 480px){.container-HomePageGun .centerGun .center-left h3{font-size:14px}.container-HomePageGun .centerGun .center-left h3 span{font-size:22px}}@media (max-width: 425px){.container-HomePageGun .centerGun .center-left h3{font-size:12px}.container-HomePageGun .centerGun .center-left h3 span{font-size:20px}.container-HomePageGun .centerGun .center-right{display:flex;gap:20px}.container-HomePageGun .centerGun .center-right video{max-width:300px!important}}@media (max-width: 400px){.container-HomePageGun .centerGun .center-left h3{font-size:10px}.container-HomePageGun .centerGun .center-left h3 span{font-size:18px}.container-HomePageGun .centerGun .center-left .btn-content .btn-group-top .btn{font-size:18px}.container-HomePageGun .centerGun .center-left .btn-booking{font-size:18px;width:100%}}.container-CoatingPageGun{display:flex;flex-direction:column;align-items:center;gap:16px;padding:104px 24px 24px;background-color:#1e4d3f;width:100%}.header-CoatingPageGun{display:flex;justify-content:center;position:relative;align-items:center;background-color:#103026;border-radius:30px;padding:24px 80px}.header-CoatingPageGun h1{text-align:center;font-size:42px;font-weight:700;color:#f3cd68}.content-preview-damp{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.content-preview-damp video{height:650px}.content-preview-damp .container-preview-damp{display:flex;flex-direction:column;justify-content:center;align-items:center;@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1500px)}}}.content-preview-damp .container-preview-damp .header-preview-damp{display:flex;justify-content:center;position:relative;align-items:center;background-color:#103026;border-radius:30px;padding:24px 80px}.content-preview-damp .container-preview-damp .header-preview-damp h1{text-align:center;font-size:42px;font-weight:700;color:#f3cd68}.content-preview-damp .container-preview-damp img{max-width:600px}.content-preview-damp .container-preview-damp .content-slide-Damp{display:grid;place-items:center;height:250px;margin:-10px auto auto;max-width:850px;overflow:hidden;position:relative}.content-preview-damp .container-preview-damp .slide-Damp{display:flex;width:3000px;animation:scroll 40s linear infinite}.content-preview-damp .container-preview-damp .slide-Damp:hover{animation-play-state:paused}.content-preview-damp .container-preview-damp .slide{display:flex;align-items:center;height:200px;min-width:250px;padding:15px;perspective:150px}.content-preview-damp .container-preview-damp .slide img{width:100%;border:2px solid #f3cd68;border-radius:25px}.content-preview-damp .container-preview-damp .slide img:hover{transform:translateZ(20px)}.poster-row{display:flex;gap:20px;padding-bottom:40px}.poster-row img{height:300px;border:5px solid #f3cd68;border-radius:25px}.content-series{display:flex;justify-content:center;align-items:center;gap:50px}.content-series .text-box{padding:10px;background-color:#103026;border:3px solid #f3cd68;border-radius:25px}.content-series .text-box p{color:#f3cd68;font-size:16px}.content-series .text-box p span{display:flex;justify-content:center;font-size:24px;margin-bottom:-20px}.content-series .tanks{width:350px;padding-bottom:20px}.content-series .tanks img,.content-series img{height:350px}.content-preview{display:grid;place-items:center;height:250px;margin:auto;width:90%;overflow:hidden;position:relative}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1500px)}}.slide-track{display:flex;width:3000px;animation:scroll 40s linear infinite}.slide-track:hover{animation-play-state:paused}.slide{display:flex;align-items:center;height:200px;min-width:250px;padding:15px;perspective:150px}.slide img{width:100%;border:2px solid #f3cd68;border-radius:25px}.slide img:hover{transform:translateZ(20px)}.line-hr{width:100%;padding:2px;background-color:#f3cd68;border:none;border-radius:10px}.content-kats{display:flex;flex-direction:column;justify-self:center;align-items:center}.content-kats .header-CoatingPageKats{display:flex;justify-content:center;position:relative;align-items:center;background-color:#2656a2;border-radius:30px;padding:24px 80px}.content-kats .header-CoatingPageKats h3{text-align:center;font-size:42px;font-weight:700;color:#fff}.content-kats .btn-kats{margin-top:20px;color:#fff;font-size:28px;font-weight:700;max-width:200px;border:none;border-radius:20px;background-color:#2656a2;cursor:pointer;transition:all .5s;padding:10px}.content-kats .btn-kats:hover{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.branch-theparak{display:flex;gap:20px;padding-bottom:20px}.branch-theparak .text-box-theparak{display:flex;flex-direction:column;justify-content:center;align-items:center}.branch-theparak .text-box-theparak p{font-weight:700;color:#f3cd68;font-size:32px;text-align:center}.branch-theparak .text-box-theparak img{height:350px;border:5px solid #f3cd68;border-radius:25px}.branch-theparak .text-box-theparak button{margin-top:20px;color:#f3cd68;font-size:28px;font-weight:700;min-width:200px;border:none;border-radius:20px;background-color:#103026;cursor:pointer;transition:all .5s;padding:10px}.branch-theparak .text-box-theparak button:hover{text-shadow:0 0 10px #ffcc66,0 0 20px #ffcc66,0 0 30px #ffcc66;transition:all .5s}.branch-theparak .image-preview-theparak{display:flex;flex-direction:column;@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-1500px)}}}.branch-theparak .image-preview-theparak img{max-height:150px;border:5px solid #f3cd68;border-radius:25px;margin-top:40px;cursor:pointer}.branch-theparak .image-preview-theparak .content-preview-theparak{display:grid;place-items:center;height:250px;margin:-10px auto auto;max-width:850px;overflow:hidden;position:relative}.branch-theparak .image-preview-theparak .slide-track-theparak{display:flex;width:3000px;animation:scroll 40s linear infinite}.branch-theparak .image-preview-theparak .slide-track-theparak:hover{animation-play-state:paused}.branch-theparak .image-preview-theparak .slide{display:flex;align-items:center;height:200px;min-width:250px;padding:15px;perspective:150px}.branch-theparak .image-preview-theparak .slide img{width:100%;border:2px solid #f3cd68;border-radius:25px}.branch-theparak .image-preview-theparak .slide img:hover{transform:translateZ(20px)}@media (max-width: 1550px){.poster-row{display:grid;grid-template-columns:1fr 1fr}.branch-theparak .text-box-theparak p{font-size:24px}.branch-theparak .image-preview-theparak img{max-height:150px}.branch-theparak .image-preview-theparak .content-preview-theparak{max-width:750px}}@media (max-width: 1380px){.branch-theparak{display:flex;flex-wrap:wrap;justify-content:center}.branch-theparak .text-box-theparak p{font-size:20px}.branch-theparak .image-preview-theparak{display:flex;justify-content:center;align-items:center}.branch-theparak .image-preview-theparak img{max-width:800px}}@media (max-width: 1024px){.header-CoatingPageGun h1{font-size:32px}.container-CoatingPageGun .container-preview-damp .header-preview-damp h1{font-size:32px}.container-CoatingPageGun .container-preview-damp img{max-width:600px}.container-CoatingPageGun .container-preview-damp .content-slide-Damp{max-width:650px}}@media (max-width: 880px){.content-series .text-box p{font-size:14px}.content-series .text-box p span{font-size:20px}}@media (max-width: 840px){.branch-theparak .image-preview-theparak{display:flex;justify-content:center;align-items:center}.branch-theparak .image-preview-theparak img{max-width:600px}.branch-theparak .image-preview-theparak .content-preview-theparak{max-width:550px}}@media (max-width: 815px){.content-series .text-box p{font-size:12px}.content-series .text-box p span{font-size:18px}}@media (max-width: 795px){.header-CoatingPageGun h1{font-size:24px}.content-series .text-box p{font-size:10px}.content-series .text-box p span{font-size:16px}.container-CoatingPageGun .container-preview-damp .header-preview-damp h1{font-size:24px}.container-CoatingPageGun .container-preview-damp img{max-width:500px}.container-CoatingPageGun .container-preview-damp .content-slide-Damp{max-width:550px}.poster-row{display:grid;grid-template-columns:1fr 1fr}.poster-row img{max-width:300px}}@media (max-width: 670px){.poster-row{display:grid;grid-template-columns:1fr 1fr}.poster-row img{height:250px;max-width:250px}}@media (max-width: 640px){.header-CoatingPageGun{padding:16px}.header-CoatingPageGun h1{font-size:20px}.content-series{display:flex;flex-direction:column}.container-CoatingPageGun .container-preview-damp .header-preview-damp h1{font-size:20px}.container-CoatingPageGun .container-preview-damp img{max-width:400px}.container-CoatingPageGun .container-preview-damp .content-slide-Damp{max-width:450px}.branch-theparak .image-preview-theparak{display:flex;justify-content:center;align-items:center}.branch-theparak .image-preview-theparak img{max-width:500px}.branch-theparak .image-preview-theparak .content-preview-theparak{max-width:450px}}@media (max-width: 600px){.header-CoatingPageGun{padding:16px}.header-CoatingPageGun h1{font-size:18px}.container-CoatingPageGun .content-series .tanks{width:250px}.container-CoatingPageGun .content-series .tanks img{height:250px}.container-CoatingPageGun .content-preview{max-width:350px}.container-CoatingPageGun .content-preview .slide-track .slide img{width:250px}.container-CoatingPageGun .content-series{gap:20px}.container-CoatingPageGun .content-series img{height:260px}.container-CoatingPageGun .container-preview-damp .header-preview-damp h1{font-size:18px}.container-CoatingPageGun .container-preview-damp .content-slide-Damp{max-width:350px}.container-CoatingPageGun .poster-row img{height:150px;max-width:150px}.container-CoatingPageGun .branch-theparak .text-box-theparak{gap:10px}.container-CoatingPageGun .branch-theparak .text-box-theparak p{font-size:16px}.container-CoatingPageGun .branch-theparak .text-box-theparak img{height:250px;max-width:350px}.container-CoatingPageGun .branch-theparak .image-preview-theparak img{max-width:350px;border:2px solid #f3cd68;border-radius:15px}.container-CoatingPageGun .branch-theparak .image-preview-theparak .content-preview-theparak{max-width:350px}}@media (max-width: 425px){.container-CoatingPageGun .container-preview-damp img{max-width:300px}}.container-GuardPage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:104px 24px 24px;background-color:#1e4d3f;width:100%}.header-GuardPage{display:flex;justify-content:center;align-items:center;background-color:#103026;border-radius:30px;padding:24px 80px}.header-GuardPage h1{text-align:center;font-size:42px;font-weight:700;color:#f3cd68}.content-guard{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:50px;padding-bottom:48px}.content-guard .content-guard-inside{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.content-guard .content-guard-inside .text-box{padding:10px;background-color:#103026;border:3px solid #f3cd68;border-radius:25px}.content-guard .content-guard-inside .text-box p{color:#f3cd68;font-size:22px}.content-guard .content-guard-inside .text-box p span{display:flex;justify-content:center;font-size:28px;margin-bottom:-35px}.content-guard .image-guard{display:flex;flex-direction:column;gap:20px}.content-guard .image-guard img{height:350px;border-radius:20px;border:5px solid #f3cd68}.content-guard video{height:650px}.container-values{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 24px 104px}.crad-values{display:flex;justify-content:center;align-items:center;gap:20px;padding-bottom:45px;margin-top:-50px}.crad-values .crad-value{display:flex;flex-direction:column;max-width:400px;height:500px;gap:20px}.crad-values .crad-value img{max-width:400px;margin-bottom:-20px}.crad-values .crad-value h2{text-align:center;font-size:42px;font-weight:700;color:#f3cd68}.crad-values .crad-value p{text-align:center;font-size:22px;font-weight:700;color:#f3cd68}.container-compare{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px;background-color:#f3cd68}.container-compare table{display:flex}.container-compare table tr{background-color:#103026}.container-compare table th{background-color:#f3cd68;height:60px;font-size:24px;font-weight:700}.container-compare table td{text-align:center;color:#f3cd68;font-size:15px;height:50px}.text-operate{padding:10px;background-color:#103026;border:3px solid #f3cd68;border-radius:15px}.text-operate h3{text-align:center;color:#f3cd68;font-size:34px}.operate-card{display:flex;gap:30px;padding-bottom:20px}.operate-card .operate-card-inside{display:flex;flex-direction:column;border-radius:20px;border:5px solid #f3cd68}.operate-card .operate-card-inside img{max-height:350px}.operate-card .operate-card-inside h3{padding-top:10px;padding-left:20px;font-size:32px;font-weight:700;color:#f3cd68}.operate-card .operate-card-inside p{text-align:center;font-size:24px;font-weight:700;color:#f3cd68}.gun-timeline{display:flex;flex-direction:column;gap:20px;padding-bottom:40px}.gun-timeline img{max-height:500px;border-radius:20px;border:5px solid #f3cd68}.gun-timeline .text-gun-timeline{display:flex;justify-content:center;gap:30px}.gun-timeline .text-gun-timeline .gun-timeline-inside{display:flex;gap:10px}.gun-timeline .text-gun-timeline .gun-timeline-inside p{color:#f3cd68;font-size:18px}.gun-timeline .text-gun-timeline i{color:#f3cd68;font-size:24px}@media (max-width: 1630px){.container-values .crad-values{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 1550px){.content-guard{display:flex}.content-guard .content-guard-inside .text-box p{font-size:20px}.content-guard .content-guard-inside .text-box p span{display:flex;justify-content:center;font-size:26px;margin-bottom:-35px}}@media (max-width: 1520px){.content-guard{display:flex;flex-direction:column;flex-wrap:wrap}.content-guard .content-guard-inside .text-box p{font-size:22px}.content-guard .content-guard-inside .text-box p span{display:flex;justify-content:center;font-size:28px;margin-bottom:-35px}.content-guard .image-guard{display:flex;flex-direction:row}}@media (max-width: 1230px){.operate-card .operate-card-inside img{max-height:300px}.operate-card .operate-card-inside h3{font-size:28px}.operate-card .operate-card-inside p{font-size:20px}}@media (max-width: 1130px){.container-compare table th{font-size:20px}.container-compare table td{font-size:12px}.gun-timeline .text-gun-timeline .gun-timeline-inside p{font-size:16px}}@media (max-width: 1024px){.header-GuardPage h1{font-size:32px}.content-guard{display:flex;flex-direction:column;flex-wrap:wrap}.content-guard .content-guard-inside .text-box p{font-size:18px}.content-guard .content-guard-inside .text-box p span{display:flex;justify-content:center;font-size:24px;margin-bottom:-35px}.container-values .crad-values{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:-40px}.container-values .crad-values .crad-value{display:flex;justify-content:center;align-items:center;margin-bottom:-40px}.container-values .crad-values .crad-value img{max-width:300px}.container-values .crad-values .crad-value h2{font-size:32px}.container-values .crad-values .crad-value p{font-size:18px}.text-operate h3{font-size:28px}.operate-card .operate-card-inside img{max-height:270px}.operate-card .operate-card-inside h3{font-size:24px}.operate-card .operate-card-inside p{font-size:18px}}@media (max-width: 990px){.gun-timeline{display:flex;justify-content:center;align-items:center}.gun-timeline img{max-width:600px}.gun-timeline .text-gun-timeline{display:flex;flex-direction:column}.gun-timeline .text-gun-timeline .gun-timeline-inside p{font-size:16px}}@media (max-width: 950px){.text-operate h3{font-size:24px}.operate-card .operate-card-inside img{max-height:240px}.operate-card .operate-card-inside h3{font-size:24px}.operate-card .operate-card-inside p{font-size:18px}}@media (max-width: 880px){.container-compare table th{font-size:18px}.container-compare table td{font-size:10px}}@media (max-width: 850px){.text-operate h3{font-size:20px}.operate-card .operate-card-inside img{max-height:200px}.operate-card .operate-card-inside h3{font-size:24px}.operate-card .operate-card-inside p{font-size:18px}}@media (max-width: 740px){.text-operate h3{font-size:16px}.operate-card .operate-card-inside img{max-height:160px}.operate-card .operate-card-inside h3{font-size:18px}.operate-card .operate-card-inside p{font-size:14px}}@media (max-width: 795px){.header-GuardPage h1{font-size:24px}.content-guard .image-guard{display:flex;flex-direction:row}.content-guard .image-guard img{max-height:300px}}@media (max-width: 700px){.content-guard .image-guard{display:flex;flex-direction:row}.content-guard .image-guard img{max-height:250px}video{max-height:500px!important}.container-values .crad-values{margin-bottom:-80px}.container-values .crad-values .crad-value{margin-top:-40px;margin-bottom:-80px}.container-values .crad-values .crad-value img{max-width:250px}.container-values .crad-values .crad-value h2{font-size:28px}.container-values .crad-values .crad-value p{font-size:16px}}@media (max-width: 640px){.header-GuardPage{padding:16px}.header-GuardPage h1{font-size:20px}.gun-timeline{display:flex;justify-content:center;align-items:center}.gun-timeline img{max-width:450px}}@media (max-width: 600px){.container-GuardPage .content-guard .content-guard-inside .text-box p{font-size:14px}.container-GuardPage .content-guard .content-guard-inside .text-box p span{font-size:20px;margin-bottom:-20px}.container-GuardPage .content-guard .image-guard img{max-height:150px}.container-GuardPage .content-guard video{max-height:400px!important}.container-GuardPage .container-values .crad-values .crad-value{margin-top:-100px;margin-bottom:-200px;gap:10px}.container-GuardPage .container-values .crad-values .crad-value img{max-width:150px}.container-GuardPage .container-values .crad-values .crad-value h2{font-size:18px}.container-GuardPage .container-values .crad-values .crad-value p{font-size:12px}.container-GuardPage .container-compare table th{font-size:12px}.container-GuardPage .container-compare table td{font-size:8px}.container-GuardPage .text-operate h3{font-size:14px}.container-GuardPage .operate-card .operate-card-inside img{max-height:120px}.container-GuardPage .operate-card .operate-card-inside h3{font-size:16px}.container-GuardPage .operate-card .operate-card-inside p{font-size:12px}.container-GuardPage .gun-timeline img{max-width:350px}.container-GuardPage .gun-timeline .text-gun-timeline .gun-timeline-inside p{font-size:12px}.container-GuardPage .gun-timeline .text-gun-timeline .gun-timeline-inside i{font-size:16px}}@media (max-width: 480px){.container-GuardPage .content-guard .content-guard-inside .text-box p{font-size:12px}.container-GuardPage .content-guard .content-guard-inside .text-box p span{font-size:18px;margin-bottom:-15px}.container-GuardPage .operate-card .operate-card-inside{border:3px solid #f3cd68}.container-GuardPage .operate-card .operate-card-inside img{max-height:100px}.container-GuardPage .operate-card .operate-card-inside h3{font-size:14px}.container-GuardPage .operate-card .operate-card-inside p{font-size:10px}}@media (max-width: 425px){.container-GuardPage .container-compare table th{font-size:10px}.container-GuardPage .container-compare table td{font-size:6px}.container-GuardPage .text-operate h3{font-size:12px}.container-GuardPage .operate-card .operate-card-inside img{max-height:90px}.container-GuardPage .operate-card .operate-card-inside h3{font-size:14px}.container-GuardPage .operate-card .operate-card-inside p{font-size:8px}}.container-orderpage-Gun{display:flex;flex-direction:column;align-items:center;gap:16px;padding:104px 24px 24px;background-color:#1e4d3f;width:100%}.header-orderpage-Gun{display:flex;justify-content:center;position:relative;align-items:center;background-color:#103026;border-radius:30px;padding:24px 80px}.header-orderpage-Gun .text-header{font-size:32px;font-weight:700;color:#f3cd68}.wrap-calendar-Gun{background-color:#fff;border:5px solid #f3cd68;border-radius:20px;padding:20px;max-width:1200px}.wrap-calendar-Gun .ant-picker-calendar,.wrap-calendar-Gun .ant-picker-body{background-color:#fff}.wrap-calendar-Gun .ant-picker-cell-inner{height:77px!important}.wrap-calendar-Gun .ant-picker-cell-inner .ant-picker-calendar-date-content{height:40px!important;overflow-y:hidden}.wrap-calendar-Gun .ant-picker-cell-inner .booking{overflow:hidden}.wrap-calendar-Gun .ant-picker-cell-inner .ant-picker-calendar-date-content:hover{overflow-y:auto}@media (max-width: 1181px){.header-orderpage{padding:12px 20px 12px 35px;border-radius:20px}.header-orderpage .text-header{font-size:28px}.header-orderpage img{width:90px;left:-50px}.wrap-calendar{padding:12px}.wrap-calendar .ant-picker-cell-inner{height:84px!important}}@media (max-width: 642px){.header-orderpage{padding:12px}}@media (max-width: 530px){.header-orderpage{padding:12px 0}}@media (max-width: 450px){.header-orderpage{padding:12px 0 12px 12px;max-width:250px}.header-orderpage .text-header{font-size:24px}.header-orderpage img{left:-30px}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.container-employeeAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.header-employeeAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-employeeAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.search-employee{display:flex;justify-content:end;align-items:center;margin-bottom:20px;gap:20px;width:100%}.search-employee input{width:300px;height:30px;padding:5px;border-radius:10px;font-size:12px;border:3px solid #043929}.search-employee button{min-width:100px;height:40px;border-radius:5px;background-color:#043929;color:#fff;font-size:16px;border:none;cursor:pointer}.search-employee button:hover{background-color:#05593d}.wrap-container-employeeAdmin{display:flex;flex-direction:column;height:640px;width:100%;overflow-y:hidden}.wrap-container-employeeAdmin .grid-employee{display:flex;justify-content:center}.wrap-container-employeeAdmin .employee-content{display:flex;justify-content:center;align-items:center;margin-bottom:20px;width:90%;gap:20px;padding:25px;border-radius:10px;background-color:#043929;box-shadow:0 0 10px #0003}.wrap-container-employeeAdmin .employee-content img{height:80px;width:80px;object-fit:cover;border-radius:50%}.wrap-container-employeeAdmin .employee-content .wrap-employee-content{display:flex;flex-direction:column;width:90%}.wrap-container-employeeAdmin .employee-content .wrap-employee-content .text-p{display:flex;align-items:center;justify-content:space-between}.wrap-container-employeeAdmin .employee-content .wrap-employee-content .text-p .icon{display:flex;gap:10px}.wrap-container-employeeAdmin .employee-content .wrap-employee-content .text-p .icon .fa-pen-to-square,.wrap-container-employeeAdmin .employee-content .wrap-employee-content .text-p .icon .fa-trash-can{font-size:30px;cursor:pointer;color:#fff}.wrap-container-employeeAdmin .employee-content .wrap-employee-content p{color:#fff;font-size:20px}.wrap-container-employeeAdmin:hover{overflow-y:auto}@media (max-width: 1280px){.container-employeeAdmin{padding-left:270px}.wrap-container-employeeAdmin{height:500px}}@media (max-width: 1080px){.container-employeeAdmin{padding-left:220px}}@media (max-width: 600px){.container-employeeAdmin{padding-left:20px}.wrap-container-employeeAdmin{height:640px}.wrap-container-employeeAdmin .employee-content img{height:70px;width:80px;object-fit:cover;border-radius:50%}.wrap-container-employeeAdmin .employee-content .wrap-employee-content .text-p .icon .fa-pen-to-square,.wrap-container-employeeAdmin .employee-content .wrap-employee-content .text-p .icon .fa-trash-can{font-size:20px;cursor:pointer;color:#fff}.wrap-container-employeeAdmin .employee-content .wrap-employee-content p{font-size:16px}}.container-CreateEmployeeAdminPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-CreateEmployeeAdminPage input{padding:5px;min-width:250px;margin-left:-10px;height:30px;border-radius:20px;border:2px solid #043929}.container-CreateEmployeeAdminPage button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-CreateEmployeeAdminPage button:hover{background-color:#05593d}.header-CreateEmployeeAdminPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-CreateEmployeeAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.wrap-container-CreateEmployeeAdminPage{display:flex;border:5px solid #043929;border-radius:20px;padding:0 20px;height:700px;gap:50px}.wrap-container-CreateEmployeeAdminPage .input-left{display:flex;flex-direction:column}.wrap-container-CreateEmployeeAdminPage .input-left .inputNameEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputTelEmployee{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputNameEmployee h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputTelEmployee h2{width:220px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputPositionEmployee{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputPositionEmployee h2{width:210px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .input-left .select-product{width:265px;height:45px;border-radius:20px}.wrap-container-CreateEmployeeAdminPage .input-left .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.wrap-container-CreateEmployeeAdminPage .input-left .inputImageEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentStatus,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentType{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImageEmployee h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentStatus h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentType h2{width:210px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputAccountNumber{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputAccountNumber h2{width:220px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputBankName{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputBankName h2{width:210px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputAmount{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputAmount h2{width:220px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImage{display:flex;align-items:center;justify-content:center}.wrap-container-CreateEmployeeAdminPage .input-left .inputImage .text-image{width:265px;height:30px;display:flex;flex-direction:column;align-items:space-between;gap:5px;cursor:pointer;align-items:center;justify-content:center;border:2px dashed #043929;padding:1.5rem;border-radius:10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImage .icon-file{font-size:20px;color:#043929}.wrap-container-CreateEmployeeAdminPage .input-left .inputImage input{display:none}.wrap-container-CreateEmployeeAdminPage .PreviewImage{display:flex;flex-direction:column;width:100%;align-items:center}.wrap-container-CreateEmployeeAdminPage .PreviewImage h2{margin-top:45px;font-size:20px}.wrap-container-CreateEmployeeAdminPage .PreviewImage .wrap-img{border-radius:50%;border:2px solid #043929;margin-top:20px}.wrap-container-CreateEmployeeAdminPage .PreviewImage .wrap-img img{border-radius:50%;height:200px;width:200px;object-fit:cover}.bank-logo{width:10px;height:10px;border-radius:50px;border:2px solid #043929}.bank-select{display:flex;align-items:center;gap:6px}@media (max-width: 1280px){.container-CreateEmployeeAdminPage{padding-left:270px}.wrap-container-CreateEmployeeAdminPage{height:600px}.wrap-container-CreateEmployeeAdminPage .input-left input{width:251px;height:25px;border-radius:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputNameEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputTelEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputPositionEmployee{margin-top:10px}.wrap-container-CreateEmployeeAdminPage .input-left .select-product{width:265px;height:45px;border-radius:20px}.wrap-container-CreateEmployeeAdminPage .input-left .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.wrap-container-CreateEmployeeAdminPage .input-left .inputImageEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentStatus,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentType,.wrap-container-CreateEmployeeAdminPage .input-left .inputAccountNumber,.wrap-container-CreateEmployeeAdminPage .input-left .inputBankName,.wrap-container-CreateEmployeeAdminPage .input-left .inputAmount{margin-top:10px}.wrap-container-CreateEmployeeAdminPage .input-left .select-product{height:40px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImage .text-image{width:212px;height:15px}}@media (max-width: 1080px){.container-CreateEmployeeAdminPage{padding-left:220px}}@media (max-width: 600px){.container-CreateEmployeeAdminPage{padding-left:20px}.container-CreateEmployeeAdminPage input{min-width:200px}.container-CreateEmployeeAdminPage button{height:40px;border-radius:10px;font-size:16px}.header-CreateEmployeeAdminPage{height:50px;border-radius:10px}.header-CreateEmployeeAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:22px;color:#fff}.wrap-container-CreateEmployeeAdminPage{display:flex;flex-direction:column;height:900px;width:100%;max-width:300px;margin-bottom:10px}.wrap-container-CreateEmployeeAdminPage .input-left input{width:20px!important;height:25px;border-radius:20px}.wrap-container-CreateEmployeeAdminPage .input-left .inputNameEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputTelEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputPositionEmployee{margin-top:10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputNameEmployee h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputTelEmployee h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputPositionEmployee h2{width:100px;font-size:12px}.wrap-container-CreateEmployeeAdminPage .input-left .select-product{width:215px;height:45px;border-radius:20px;margin-left:-10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImageEmployee,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentStatus{margin-top:10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImageEmployee h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentStatus h2{width:100px;font-size:12px}.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentType{margin-top:10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputPaymentType h2{width:100px;font-size:10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputAccountNumber,.wrap-container-CreateEmployeeAdminPage .input-left .inputBankName,.wrap-container-CreateEmployeeAdminPage .input-left .inputAmount{margin-top:10px}.wrap-container-CreateEmployeeAdminPage .input-left .inputAccountNumber h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputBankName h2,.wrap-container-CreateEmployeeAdminPage .input-left .inputAmount h2{width:100px;font-size:12px}.wrap-container-CreateEmployeeAdminPage .input-left .select-product{height:40px}.wrap-container-CreateEmployeeAdminPage .input-left .select-product h2{width:100px;font-size:12px}.wrap-container-CreateEmployeeAdminPage .input-left .inputImage .text-image{width:150px;height:15px}}.container-BookingAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.header-BookingAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-BookingAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.search-BookingAdmin{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:20px}.search-BookingAdmin select{width:80px;height:45px;margin-left:50px;border-radius:20px;border:2px solid #043929;font-family:Noto Sans Thai,serif}.search-BookingAdmin .search-content-right{display:flex;gap:20px;margin-right:50px}.search-BookingAdmin .search-content-right input{width:300px;height:27px;padding:5px;border-radius:10px;font-size:12px;font-family:Noto Sans Thai,serif;border:3px solid #043929}.search-BookingAdmin .search-content-right .btn-crate{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.search-BookingAdmin .search-content-right .btn-crate:hover{background-color:#05593d}.wrap-container-BookingAdmin{display:flex;flex-direction:column;align-items:center;height:620px;width:100%;overflow-y:hidden}.wrap-container-BookingAdmin .grid-user{display:flex}.wrap-container-BookingAdmin .grid-BookingAdmin{display:flex;width:90%;margin-bottom:20px;padding:25px;border-radius:10px;background-color:#2656a2;box-shadow:0 0 10px #0003}.wrap-container-BookingAdmin .grid-BookingAdmin .BookingAdmin-image{display:flex;justify-content:center;align-items:center;margin-right:20px}.wrap-container-BookingAdmin .grid-BookingAdmin .BookingAdmin-image img{width:200px;height:100px;border-radius:20px;border:2px solid #ffffff}.wrap-container-BookingAdmin .grid-BookingAdmin .BookingAdmin-content{width:90%}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p{display:flex;align-items:center;justify-content:space-between}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon{display:flex;align-items:center;gap:10px}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-check-wait{font-size:30px;color:#ff0}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-circle{font-size:30px;color:#00f}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-check-complete{font-size:30px;color:green}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-check-cancel{font-size:30px;color:red}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-wrench{font-size:25px;color:#ff0}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-pen-to-square,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-trash-can,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-pay{font-size:30px;cursor:pointer;color:#fff}.wrap-container-BookingAdmin .grid-BookingAdmin p{color:#fff;font-size:20px}.wrap-container-BookingAdmin .grid-BookingAdmin .licensePlate-approve{display:flex;justify-content:space-between}.wrap-container-BookingAdmin .grid-BookingAdmin .licensePlate-approve .btn-approve{display:flex;gap:10px}.wrap-container-BookingAdmin .grid-BookingAdmin .licensePlate-approve .btn-approve button{padding:0 10px;border-radius:10px;background-color:#fff;font-size:18px;border:none;cursor:pointer;color:#000}.wrap-container-BookingAdmin .grid-BookingAdmin .licensePlate-approve .btn-approve-none{display:none}.wrap-container-BookingAdmin:hover{overflow-y:auto}.wrap-container-DialogPay{min-width:800px;height:800px;border-radius:20px}.wrap-container-DialogPay .ant-modal-content{background-color:#043929}.wrap-container-DialogPay .ImagePay{display:flex;justify-content:center;align-items:center}.wrap-container-DialogPay .ImagePay img{height:700px;border-radius:20px}.wrap-container-DialogPay .ant-modal-footer{display:none}.wrap-container-DialogDelete{width:350px;height:300px}.wrap-container-DialogDelete .ant-modal-content{background-color:#fff;border:5px solid #043929;border-radius:20px}.wrap-container-DialogDelete h1{text-align:center;font-size:50px;color:#043929}.wrap-container-DialogDelete .btn-DialogDelete-Navbar{display:flex;justify-content:center;margin-top:30px;gap:20px}.wrap-container-DialogDelete .btn-DialogDelete-Navbar button{padding:10px 20px;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;border:none;cursor:pointer}.wrap-container-DialogDelete .btn-DialogDelete-Navbar button:hover{background-color:#05593d;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.wrap-container-DialogDelete .ant-modal-footer{display:none}.wrap-container-DialogApprove{width:350px;height:300px}.wrap-container-DialogApprove .ant-modal-content{background-color:#fff;border:5px solid #043929;border-radius:20px}.wrap-container-DialogApprove h1{text-align:center;font-size:50px;color:#043929}.wrap-container-DialogApprove .btn-DialogApprove-Navbar{display:flex;justify-content:center;margin-top:30px;gap:20px}.wrap-container-DialogApprove .btn-DialogApprove-Navbar button{padding:10px 20px;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;border:none;cursor:pointer}.wrap-container-DialogApprove .btn-DialogApprove-Navbar button:hover{background-color:#05593d;text-shadow:0 0 10px #e6fff5,0 0 20px #b3ffe0,0 0 30px #80ffcc;transition:all .5s}.wrap-container-DialogApprove .ant-modal-footer{display:none}@media (max-width: 1280px){.container-BookingAdmin{padding-left:270px}.wrap-container-DialogPay{min-width:700px;height:750px}}@media (max-width: 1080px){.container-BookingAdmin{padding-left:220px}}@media (max-width: 600px){.container-BookingAdmin{padding-left:20px}.search-BookingAdmin select{margin-left:0}.search-BookingAdmin .search-content-right{align-items:center;gap:5px;margin-right:0}.search-BookingAdmin .search-content-right input{width:120px}.wrap-container-BookingAdmin{height:650px}.wrap-container-BookingAdmin .grid-BookingAdmin{width:100%;max-width:300px}.wrap-container-BookingAdmin .grid-BookingAdmin .BookingAdmin-image{margin-right:5px}.wrap-container-BookingAdmin .grid-BookingAdmin .BookingAdmin-image img{display:none}.wrap-container-BookingAdmin .grid-BookingAdmin .BookingAdmin-content{width:100%}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon{display:flex;align-items:center;gap:10px}.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-check-wait,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-circle,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-check-complete,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-check-cancel,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-wrench,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-pen-to-square,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .fa-trash-can,.wrap-container-BookingAdmin .grid-BookingAdmin .text-p .icon .icon-pay{font-size:20px}.wrap-container-BookingAdmin .grid-BookingAdmin p{font-size:12px}.wrap-container-BookingAdmin .grid-BookingAdmin .licensePlate-approve .btn-approve button{font-size:14px}.wrap-container-DialogPay{min-width:200px;height:350px}.wrap-container-DialogPay .ImagePay img{height:300px}.wrap-container-DialogDelete{width:300px!important;height:200px}.wrap-container-DialogDelete h1{font-size:30px}.wrap-container-DialogDelete .btn-DialogDelete-Navbar button{font-size:15px}.wrap-container-DialogApprove{width:300px!important;height:200px}.wrap-container-DialogApprove h1{font-size:24px}.wrap-container-DialogApprove .btn-DialogApprove-Navbar button{font-size:16px}}.container-CreateAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.header-CreateAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-CreateAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.btn-back{display:flex;justify-content:space-between;padding-bottom:20px}.btn-back button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.btn-back button:hover{background-color:#05593d}.wrap-container-CreateAdmin{display:flex;flex-direction:column;border:5px solid #043929;border-radius:20px;padding:0 20px;height:700px}.wrap-container-CreateAdmin .input-Number{display:flex;justify-content:space-around;gap:20px}.wrap-container-CreateAdmin .input-Number .inputVolume,.wrap-container-CreateAdmin .input-Number .inputNumber{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .input-Number .inputVolume input,.wrap-container-CreateAdmin .input-Number .inputNumber input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-Date{display:flex;justify-content:space-around;gap:20px}.wrap-container-CreateAdmin .input-Date .inputDate{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .input-Date .inputDate .ant-picker-outlined{padding:5px;width:265px;height:45px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-Date .inputTime{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .input-Date .inputTime select{width:265px;height:45px;margin-left:-2px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-Name{display:flex;justify-content:space-around;gap:20px}.wrap-container-CreateAdmin .input-Name .inputName{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .input-Name .inputName input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-Name .inputTel{display:flex;margin-top:20px}.wrap-container-CreateAdmin .input-Name .inputTel input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-car{display:flex;gap:20px;justify-content:space-around}.wrap-container-CreateAdmin .input-car .inputCarType,.wrap-container-CreateAdmin .input-car .inputCarModel{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .input-car .inputCarType input,.wrap-container-CreateAdmin .input-car .inputCarModel input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-licensePlate{display:flex;gap:20px;justify-content:space-around}.wrap-container-CreateAdmin .input-licensePlate .inputRegister,.wrap-container-CreateAdmin .input-licensePlate .inputProvince{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .input-licensePlate .inputRegister input,.wrap-container-CreateAdmin .input-licensePlate .inputProvince input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateAdmin .input-product{display:flex;gap:20px;justify-content:space-around}.wrap-container-CreateAdmin .input-product .inputTypeProduct,.wrap-container-CreateAdmin .input-product .inputProduct{display:flex;align-items:center;margin-top:20px}.wrap-container-CreateAdmin .inputImage{display:flex;align-items:center;justify-content:center;text-align:center;padding-top:20px}.wrap-container-CreateAdmin .inputImage .text-image{height:150px;width:300px;display:flex;flex-direction:column;align-items:space-between;cursor:pointer;align-items:center;justify-content:center;border:2px dashed #043929;padding:1.5rem;border-radius:10px;gap:20px}.wrap-container-CreateAdmin .inputImage .icon-file{font-size:80px;color:#043929}.wrap-container-CreateAdmin .inputImage input{display:none}.wrap-container-CreateAdmin .select-product{width:265px;height:45px;border-radius:20px}.wrap-container-CreateAdmin .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.btn-CreateAdmin{display:flex;justify-content:center;margin-top:20px;gap:20px}.btn-CreateAdmin button{padding:10px 20px;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;border:none;cursor:pointer}.btn-CreateAdmin button:hover{background-color:#05593d;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.wrap-container-DialogConfirm{width:350px;height:300px}.wrap-container-DialogConfirm .ant-modal-content{background-color:#fff;border:5px solid #043929;border-radius:20px}.wrap-container-DialogConfirm h1{text-align:center;font-size:50px;color:#043929}.wrap-container-DialogConfirm .btn-DialogConfirm-Navbar{display:flex;justify-content:center;margin-top:30px;gap:20px}.wrap-container-DialogConfirm .btn-DialogConfirm-Navbar button{padding:10px 20px;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;border:none;cursor:pointer}.wrap-container-DialogConfirm .btn-DialogConfirm-Navbar button:hover{background-color:#05593d;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.wrap-container-DialogConfirm .ant-modal-footer{display:none}.close-icon{background-color:#fff;border-radius:9999px}.close-icon:hover{background-color:#e1eeff}@media (max-width: 1280px){.container-CreateAdmin{padding-left:270px}.wrap-container-CreateAdmin{height:700px}.wrap-container-CreateAdmin .inputImage .text-image{height:100px;width:300px}}@media (max-width: 1190px){.container-CreateAdmin{padding-left:270px}.wrap-container-CreateAdmin{margin-bottom:20px}.wrap-container-CreateAdmin h2{font-size:20px}.wrap-container-CreateAdmin .input-Number{gap:0px}.wrap-container-CreateAdmin .input-Number .inputVolume input,.wrap-container-CreateAdmin .input-Number .inputNumber input{width:200px}.wrap-container-CreateAdmin .input-Date{gap:0px}.wrap-container-CreateAdmin .input-Date .inputDate .ant-picker-outlined{padding:5px;width:215px}.wrap-container-CreateAdmin .input-Name{gap:0px}.wrap-container-CreateAdmin .input-Name .inputName input,.wrap-container-CreateAdmin .input-Name .inputTel input{width:200px}.wrap-container-CreateAdmin .input-car{gap:0px}.wrap-container-CreateAdmin .input-car .inputCarType input,.wrap-container-CreateAdmin .input-car .inputCarModel input{width:200px}.wrap-container-CreateAdmin .input-licensePlate{display:flex;gap:0px}.wrap-container-CreateAdmin .input-licensePlate .inputRegister input,.wrap-container-CreateAdmin .input-licensePlate .inputProvince input{width:200px}.wrap-container-CreateAdmin .input-product{display:flex;gap:0px}.wrap-container-CreateAdmin .select-product{width:215px}}@media (max-width: 1080px){.container-CreateAdmin{padding-left:220px}}@media (max-width: 1020px){.container-CreateAdmin{padding-left:220px}.wrap-container-CreateAdmin{margin-bottom:20px}.wrap-container-CreateAdmin h2{font-size:20px}.wrap-container-CreateAdmin .input-Number{gap:0px}.wrap-container-CreateAdmin .input-Number .inputVolume input,.wrap-container-CreateAdmin .input-Number .inputNumber input{width:150px}.wrap-container-CreateAdmin .input-Date{gap:0px}.wrap-container-CreateAdmin .input-Date .inputDate .ant-picker-outlined{padding:5px;width:165px}.wrap-container-CreateAdmin .input-Name{gap:0px}.wrap-container-CreateAdmin .input-Name .inputName input,.wrap-container-CreateAdmin .input-Name .inputTel input{width:150px}.wrap-container-CreateAdmin .input-car{gap:0px}.wrap-container-CreateAdmin .input-car .inputCarType input,.wrap-container-CreateAdmin .input-car .inputCarModel input{width:150px}.wrap-container-CreateAdmin .input-licensePlate{display:flex;gap:0px}.wrap-container-CreateAdmin .input-licensePlate .inputRegister input,.wrap-container-CreateAdmin .input-licensePlate .inputProvince input{width:150px}.wrap-container-CreateAdmin .input-product{display:flex;gap:0px}.wrap-container-CreateAdmin .select-product{width:165px}}@media (max-width: 920px){.container-CreateAdmin{padding-left:220px}.btn-back{display:flex;justify-content:space-between;padding-bottom:20px}.btn-back button{font-size:18px}.content-CreateAdmin{width:100%}.wrap-container-CreateAdmin{display:flex;align-items:center;height:1000px}.wrap-container-CreateAdmin h2{font-size:20px}.wrap-container-CreateAdmin .input-Number{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-Number .inputVolume input,.wrap-container-CreateAdmin .input-Number .inputNumber input{width:200px}.wrap-container-CreateAdmin .input-Date{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-Date .inputDate .ant-picker-outlined{padding:5px;width:215px}.wrap-container-CreateAdmin .input-Name{gap:0px;flex-direction:column}.wrap-container-CreateAdmin .input-Name .inputName input,.wrap-container-CreateAdmin .input-Name .inputTel input{width:200px}.wrap-container-CreateAdmin .input-car{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-car .inputCarType input,.wrap-container-CreateAdmin .input-car .inputCarModel input{width:200px}.wrap-container-CreateAdmin .input-licensePlate{display:flex;flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-licensePlate .inputRegister input,.wrap-container-CreateAdmin .input-licensePlate .inputProvince input{width:200px}.wrap-container-CreateAdmin .input-product{display:flex;flex-direction:column;gap:0px}.wrap-container-CreateAdmin .select-product{width:215px}.wrap-container-CreateAdmin .inputImage .text-image{height:100px;width:200px}.wrap-container-CreateAdmin .inputImage .icon-file{font-size:50px}}@media (max-width: 620px){.container-CreateAdmin{padding-left:220px}.btn-back{display:flex;justify-content:space-between;padding-bottom:20px}.btn-back button{font-size:18px}.content-CreateAdmin{width:100%}.wrap-container-CreateAdmin{display:flex;align-items:center;height:1000px}.wrap-container-CreateAdmin h2{font-size:20px}.wrap-container-CreateAdmin .input-Number{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-Number .inputVolume input,.wrap-container-CreateAdmin .input-Number .inputNumber input{width:150px}.wrap-container-CreateAdmin .input-Date{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-Date .inputDate .ant-picker-outlined{padding:5px;width:165px}.wrap-container-CreateAdmin .input-Name{gap:0px;flex-direction:column}.wrap-container-CreateAdmin .input-Name .inputName input,.wrap-container-CreateAdmin .input-Name .inputTel input{width:150px}.wrap-container-CreateAdmin .input-car{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-car .inputCarType input,.wrap-container-CreateAdmin .input-car .inputCarModel input{width:150px}.wrap-container-CreateAdmin .input-licensePlate{display:flex;flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-licensePlate .inputRegister input,.wrap-container-CreateAdmin .input-licensePlate .inputProvince input{width:150px}.wrap-container-CreateAdmin .input-product{display:flex;flex-direction:column;gap:0px}.wrap-container-CreateAdmin .select-product{width:165px}.wrap-container-CreateAdmin .inputImage .text-image{height:100px;width:200px}.wrap-container-CreateAdmin .inputImage .icon-file{font-size:50px}}@media (max-width: 600px){.container-CreateAdmin{padding-left:20px}.header-CreateAdmin{height:60px}.header-CreateAdmin h1{font-size:32px}.btn-back{display:flex;justify-content:space-between;padding-bottom:20px}.btn-back button{font-size:18px}.content-CreateAdmin{width:100%}.wrap-container-CreateAdmin{height:1000px}.wrap-container-CreateAdmin h2{font-size:20px}.wrap-container-CreateAdmin .input-Number{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-Number .inputVolume input,.wrap-container-CreateAdmin .input-Number .inputNumber input{width:200px}.wrap-container-CreateAdmin .input-Date{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-Date .inputDate .ant-picker-outlined{padding:5px;width:215px}.wrap-container-CreateAdmin .input-Name{gap:0px;flex-direction:column}.wrap-container-CreateAdmin .input-Name .inputName input,.wrap-container-CreateAdmin .input-Name .inputTel input{width:200px}.wrap-container-CreateAdmin .input-car{flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-car .inputCarType input,.wrap-container-CreateAdmin .input-car .inputCarModel input{width:200px}.wrap-container-CreateAdmin .input-licensePlate{display:flex;flex-direction:column;gap:0px}.wrap-container-CreateAdmin .input-licensePlate .inputRegister input,.wrap-container-CreateAdmin .input-licensePlate .inputProvince input{width:200px}.wrap-container-CreateAdmin .input-product{display:flex;flex-direction:column;gap:0px}.wrap-container-CreateAdmin .select-product{width:215px}}.container-calendarAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 20px 320px}.header-calendarAdmin{display:flex;justify-content:center;height:80px;min-width:1200px;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-calendarAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.guid{display:flex;margin-bottom:20px;gap:20px}.guid .guid-yellow{display:flex;align-items:center;gap:10px}.guid .guid-yellow .box-yellow{width:20px;height:20px;background-color:#faad14;border-radius:50%}.guid .guid-blue{display:flex;align-items:center;gap:10px}.guid .guid-blue .box-blue{width:20px;height:20px;background-color:#1677ff;border-radius:50%}.guid .guid-green{display:flex;align-items:center;gap:10px}.guid .guid-green .box-green{width:20px;height:20px;background-color:#52c41a;border-radius:50%}.guid .guid-red{display:flex;align-items:center;gap:10px}.guid .guid-red .box-red{width:20px;height:20px;background-color:#ff4d4f;border-radius:50%}.wrap-calendarAdmin{border:5px solid #043929;border-radius:20px;padding:20px;max-width:1400px}.wrap-calendarAdmin .ant-picker-cell-inner{height:95px!important}.wrap-calendarAdmin .ant-picker-cell-inner .ant-picker-calendar-date-content{height:60px!important;overflow-y:hidden}.wrap-calendarAdmin .ant-picker-cell-inner .booking{overflow:hidden}.wrap-calendarAdmin .ant-picker-cell-inner .ant-picker-calendar-date-content:hover{overflow-y:auto}@media (max-width: 1550px){.header-calendarAdmin{min-width:0px;width:100%}}@media (max-width: 1280px){.container-calendarAdmin{padding-left:270px}.wrap-calendarAdmin .ant-picker-cell-inner{height:80px!important}.wrap-calendarAdmin .ant-picker-cell-inner .ant-picker-calendar-date-content{height:40px!important;overflow-y:hidden}.wrap-calendarAdmin .ant-picker-cell-inner .booking{overflow:hidden}.wrap-calendarAdmin .ant-picker-cell-inner .ant-picker-calendar-date-content:hover{overflow-y:auto}}@media (max-width: 1080px){.container-calendarAdmin{padding-left:220px}}@media (max-width: 600px){.container-calendarAdmin{padding-left:20px}.guid{gap:2px}.guid .guid-yellow,.guid .guid-blue,.guid .guid-green,.guid .guid-red{gap:2px}.guid .guid-yellow p,.guid .guid-blue p,.guid .guid-green p,.guid .guid-red p{font-size:10px}}.container-guaranteeAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.ant-modal-close{display:none}.header-guaranteeAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-guaranteeAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.search-guaranteeAdmin{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:20px}.search-guaranteeAdmin input{width:300px;height:27px;padding:5px;border-radius:10px;margin-right:20px;font-size:12px;border:3px solid #043929}.search-guaranteeAdmin select{width:80px;height:45px;margin-left:20px;border-radius:20px;border:2px solid #043929}.search-guaranteeAdmin .btn-productName{width:130px;height:45px;margin-left:20px;border-radius:20px;border:2px solid #043929}.content-CreateAdmin{width:100%}.wrap-container-guaranteeAdmin{display:flex;flex-direction:column;align-items:center;height:620px;width:100%;overflow-y:hidden}.wrap-container-guaranteeAdmin .grid-user{display:flex}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin{display:flex;width:90%;margin-bottom:20px;padding:25px;border-radius:10px;background-color:#043929;box-shadow:0 0 10px #0003}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .guaranteeAdmin-image{display:flex;justify-content:center;align-items:center;margin-right:20px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .guaranteeAdmin-image img{min-width:300px;height:200px;border-radius:20px;border:2px solid #ffffff}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .guaranteeAdmin-content{width:90%}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p{display:flex;align-items:center;justify-content:space-between}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon{display:flex;align-items:center;gap:10px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .icon-check-wait{font-size:30px;color:#ff0;margin-bottom:-3px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-circle{font-size:30px;color:#00f;margin-bottom:-3px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .icon-check-complete{font-size:30px;color:green;margin-bottom:-3px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .icon-check-cancel{font-size:30px;color:red;margin-bottom:-3px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-wrench{font-size:25px;color:#ff0;margin-bottom:-3px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-square-check{margin-bottom:-3px;margin-right:4px;font-size:30px;cursor:pointer;color:#fff}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-pen-to-square,.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-trash-can{font-size:30px;cursor:pointer;color:#fff}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin p{color:#fff;font-size:20px}.wrap-container-guaranteeAdmin:hover{overflow-y:auto}.wrap-container-Edit-Profile-gun .ant-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:1400px;min-height:800px;border-radius:20px;background-color:#103026}.wrap-container-Edit-Profile-gun .ant-modal-footer{display:none}.wrap-container-Edit-Profile-gun .container-Edit-Profile-Navbar{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#103026;border-radius:20px}.wrap-container-Edit-Profile-gun .container-Edit-Profile-Navbar button{padding:5px 10px;border-radius:10px;background-color:#1e4d3f;font-size:18px;border:none;cursor:pointer}.wrap-container-Edit-Profile-gun .container-Edit-Profile-Navbar button h3{font-size:26px;color:#f3cd68}.wrap-container-Edit-Profile-gun .container-Edit-Profile-Navbar .fa-circle-xmark{font-size:30px;cursor:pointer;color:#fff;transition:all .5s}.wrap-container-Edit-Profile-gun .container-Edit-Profile-Navbar .fa-circle-xmark:hover{color:red;transition:all .5s}.wrap-container-Edit-Profile-gun .content-Profile{display:flex;justify-content:center;height:700px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile{display:flex;flex-direction:column}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile{display:flex;width:100%}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile{position:relative;min-width:350px;height:200px;border-radius:10px;border:5px solid #ffffff;margin-right:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile .IsImageProfile,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile .IsNotImageProfile{min-width:350px;height:200px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile .fa-camera{position:absolute;left:88%;bottom:5%;font-size:30px;color:#fff;cursor:pointer}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile input{display:none}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number{display:flex;align-items:center;gap:50px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-number,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-branch{display:flex;align-items:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-number h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-branch h4{font-size:28px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-number p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-branch p{font-size:24px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume{display:flex;align-items:center;gap:50px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .text-volume{display:flex;align-items:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .text-volume h4{font-size:28px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .text-volume p{font-size:24px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee{display:flex}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee-typeProduct,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee{display:flex;align-items:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee-typeProduct h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee h4{font-size:28px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee-typeProduct p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee p{font-size:24px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date{display:flex;align-items:center;gap:50px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-date,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-car{display:flex;align-items:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-date h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-car h4{font-size:28px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-date p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-car p{font-size:24px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name{display:flex;align-items:center;gap:50px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-name,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-register{display:flex;align-items:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-name h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-register h4{font-size:28px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-name p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-register p{font-size:24px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-tel{display:flex;align-items:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-tel h4{font-size:28px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-tel p{font-size:24px;color:#f3cd68}.wrap-container-Edit-Profile-gun .content-Profile .card-profile hr{padding:2px;background-color:#f3cd68;border-radius:20px;margin-top:10px;margin-bottom:10px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date{display:flex}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table{width:100%;@keyframes zoom{0%{transform:scale(0)}20%{transform:scale(1.5)}40%{transform:scale(.5)}50%{transform:scale(1)}70%{transform:scale(1.2)}90%{transform:scale(.8)}to{transform:scale(1)}}}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table th{font-size:26px;color:#f3cd68;border-radius:10px;text-align:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table td{font-size:22px;color:#f3cd68;border-radius:10px;text-align:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table td .checkbox{margin-top:5px;margin-bottom:-5px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .input-time{display:flex;justify-content:center;padding:4px;border-radius:10px;width:100px;border:none;text-align:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .input-date{display:flex;justify-content:center;padding:4px;border-radius:10px;width:200px;border:none;text-align:center}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;aspect-ratio:1;border-radius:8px;border:2px solid #f3cd68;position:relative;transition:all .2s ease-in-out}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .checkbox:before{font-family:Quicksand,sans-serif;position:absolute;bottom:-4px;left:1px;content:"✔";font-size:30px;color:#f90;transform:scale(0);transition:all .2s ease-in-out}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .checkbox:checked:before{animation:zoom .5s ease-in-out;transform:scale(1)}@media (max-width: 1280px){.container-guaranteeAdmin{padding-left:270px}.wrap-container-Edit-Profile-gun .ant-modal-content{min-width:800px;min-height:700px}.wrap-container-Edit-Profile-gun .content-Profile{height:500px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile{min-width:250px;height:150px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile .IsImageProfile,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile .IsNotImageProfile{min-width:250px;height:150px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .ImageProfile .fa-camera{left:83%;bottom:5%;font-size:25px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number{gap:0px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-number h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-branch h4{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-number p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-number .text-branch p{font-size:16px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume{gap:0px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .text-volume h4{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .text-volume p{font-size:16px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee{display:flex}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee-typeProduct h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee h4{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee-typeProduct p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .wrap-card-profile .text-column-volume .guadrantee .text-guadrantee p{font-size:16px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date{gap:0px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-date h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-car h4{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-date p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-date .text-car p{font-size:16px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name{gap:0px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-name h4,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-register h4{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-name p,.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-column-name .text-register p{font-size:16px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-tel{gap:0px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-tel h4{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .text-tel p{font-size:16px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile hr{padding:1px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date{gap:0px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table th{font-size:20px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table td{font-size:14px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .input-time{padding:1px}.wrap-container-Edit-Profile-gun .content-Profile .card-profile .guarante-date table .input-date{padding:4px}}@media (max-width: 1080px){.container-guaranteeAdmin{padding-left:220px}}@media (max-width: 600px){.container-guaranteeAdmin{padding-left:20px}.search-guaranteeAdmin input{width:100px;height:27px;font-size:12px}.search-guaranteeAdmin select{gap:10px;width:50px;height:45px}.search-guaranteeAdmin .btn-productName{width:80px;height:45px}.wrap-container-guaranteeAdmin{height:700px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin{width:100%;max-width:300px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .guaranteeAdmin-image img{display:none}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .guaranteeAdmin-content{width:90%}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .icon-check-wait,.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-circle,.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .icon-check-complete,.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .icon-check-cancel{font-size:20px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-wrench{font-size:25px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-square-check,.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-pen-to-square,.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-trash-can{font-size:20px}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin .text-p .icon .fa-square-check{display:none}.wrap-container-guaranteeAdmin .grid-guaranteeAdmin p{font-size:14px}}.container-productAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.header-productAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-productAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.create-product{display:flex;flex-direction:column;width:100%}.create-product .btn-create-product{display:flex;justify-content:center;align-self:end;gap:20px}.create-product .btn-create-product button{padding:5px;height:40px;border-radius:5px;background-color:#043929;color:#fff;font-size:16px;border:none;cursor:pointer}.create-product .btn-create-product button:hover{background-color:#05593d}.product-content .ant-table{height:600px}@media (max-width: 1280px){.container-productAdmin{padding-left:270px}.product-content .ant-table{height:550px}}@media (max-width: 1080px){.container-productAdmin{padding-left:220px}}@media (max-width: 600px){.container-productAdmin{padding-left:20px}.container-productAdmin .ant-table-content{height:600px!important}.product-content .ant-table{height:600px;font-size:9px}.product-content .ant-typography{font-size:9px}.ant-space-item{font-size:14px}}.container-TypeProduct{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-TypeProduct input{padding:5px;min-width:250px;margin-left:-10px;height:30px;border-radius:20px;border:2px solid #043929}.container-TypeProduct button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-TypeProduct button:hover{background-color:#05593d}.container-TypeProduct form{width:100%}.header-TypeProduct{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-TypeProduct h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.typeProduct-content .ant-table{height:350px}.container-DialogTypeProduct{display:flex}.container-DialogTypeProduct .ant-modal-content{background-color:#043929}.container-DialogTypeProduct .container-DialogTypeProduct-navbar{display:flex;justify-content:end;align-items:center}.container-DialogTypeProduct .container-DialogTypeProduct-navbar .fa-circle-xmark{font-size:30px;cursor:pointer;color:#fff;transition:all .5s}.container-DialogTypeProduct .container-DialogTypeProduct-navbar .fa-circle-xmark:hover{color:red;transition:all .5s}.container-DialogTypeProduct .container-DialogTypeProduct-content h2{color:#fff}.container-DialogTypeProduct .container-DialogTypeProduct-content input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.container-DialogTypeProduct .container-DialogTypeProduct-content .inputNameTypeProduct{display:flex;align-items:center;gap:20px}.container-DialogTypeProduct .container-DialogTypeProduct-content .inputCodeTypeProduct{display:flex;align-items:center;gap:20px;margin-top:20px;padding-bottom:40px}.container-DialogTypeProduct .btn-DialogTypeProduct-Navbar{display:flex;justify-content:space-between;gap:20px}.container-DialogTypeProduct .btn-DialogTypeProduct-Navbar button{padding:5px 10px;border-radius:10px;background-color:#fff;color:#043929;font-size:20px;font-weight:700;border:none;cursor:pointer}.container-DialogTypeProduct .btn-DialogTypeProduct-Navbar button:hover{background-color:#e6efff;box-shadow:0 0 10px #2656a266,0 4px 10px #2656a24d;transition:all .3s ease}@media (max-width: 1280px){.container-TypeProduct{padding-left:270px}}@media (max-width: 600px){.container-TypeProduct{padding-left:20px}.container-TypeProduct input{min-width:200px}.container-DialogTypeProduct{display:flex}.container-DialogTypeProduct .ant-modal-content{background-color:#043929}.container-DialogTypeProduct .container-DialogTypeProduct-navbar{display:flex;justify-content:end;align-items:center}.container-DialogTypeProduct .container-DialogTypeProduct-navbar .fa-circle-xmark{font-size:30px;cursor:pointer;color:#fff;transition:all .5s}.container-DialogTypeProduct .container-DialogTypeProduct-navbar .fa-circle-xmark:hover{color:red;transition:all .5s}.container-DialogTypeProduct .container-DialogTypeProduct-content h2{color:#fff}.container-DialogTypeProduct .container-DialogTypeProduct-content input{width:180px}}.container-createproductAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-createproductAdmin input{padding:5px;min-width:250px;margin-left:-10px;height:30px;border-radius:20px;border:2px solid #043929}.container-createproductAdmin button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-createproductAdmin button:hover{background-color:#05593d}.header-createproductAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-createproductAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.btn-createproductAdmin{display:flex;justify-content:space-between;padding-bottom:20px}.wrap-container-createproductAdmin{display:flex;flex-direction:column;border:5px solid #043929;border-radius:20px;padding:0 20px;height:700px;width:900px}.wrap-container-createproductAdmin .inputNameProduct{display:flex;align-items:center;gap:125px;margin-left:20px;margin-top:20px}.wrap-container-createproductAdmin .inputCatagory,.wrap-container-createproductAdmin .inputTypeProduct{display:flex;align-items:center;gap:69px;margin-left:20px;margin-top:20px}.wrap-container-createproductAdmin .inputPriceProduct{display:flex;align-items:center;gap:105px;margin-left:20px;margin-top:20px}.wrap-container-createproductAdmin .inputDetailProduct{display:flex;flex-direction:column;gap:16px;border:2px dashed #043929;border-radius:10px;padding:24px;max-width:700px;margin-left:70px;margin-top:20px}.wrap-container-createproductAdmin .inputDetailProduct .inputDetailProduct-inside{display:flex;justify-content:space-between;align-items:center;gap:16px}.wrap-container-createproductAdmin .inputProductType{display:flex;align-items:center;gap:80px;margin-left:20px;margin-top:20px}.wrap-container-createproductAdmin .select-product{width:265px;height:45px;border-radius:20px}.wrap-container-createproductAdmin .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.wrap-container-createproductAdmin .input-prices{text-align:end}@media (max-width: 1280px){.container-createproductAdmin{padding-left:270px}.wrap-container-createproductAdmin{height:600px;width:700px}.wrap-container-createproductAdmin h2{font-size:20px}.wrap-container-createproductAdmin .inputNameProduct{gap:119px}.wrap-container-createproductAdmin .inputCatagory{gap:69px}.wrap-container-createproductAdmin .inputTypeProduct{font-size:20px;gap:69px}.wrap-container-createproductAdmin .inputPriceProduct{gap:105px}.wrap-container-createproductAdmin .inputDetailProduct{margin-left:0;overflow-y:auto;margin-bottom:20px}.wrap-container-createproductAdmin .inputDetailProduct button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.wrap-container-createproductAdmin .inputDetailProduct button:hover{background-color:#05593d}}@media (max-width: 1080px){.container-createproductAdmin{padding-left:220px}}@media (max-width: 600px){.container-createproductAdmin{padding-left:20px}.container-createproductAdmin input{min-width:166px}.wrap-container-createproductAdmin{height:900px;width:300px}.wrap-container-createproductAdmin .inputNameProduct{gap:55px}.wrap-container-createproductAdmin .inputNameProduct h2{font-size:14px}.wrap-container-createproductAdmin .inputCatagory,.wrap-container-createproductAdmin .inputTypeProduct{gap:40px}.wrap-container-createproductAdmin .inputCatagory h2,.wrap-container-createproductAdmin .inputTypeProduct h2{font-size:14px}.wrap-container-createproductAdmin .inputDetailProduct{max-width:300px}.wrap-container-createproductAdmin .inputDetailProduct .inputDetailProduct-inside{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:16px}.wrap-container-createproductAdmin .inputProductType{display:flex;align-items:center;gap:80px;margin-left:20px;margin-top:20px}.wrap-container-createproductAdmin .select-product{width:265px;height:45px;border-radius:20px}.wrap-container-createproductAdmin .input-prices{width:100%;margin-left:-2px;text-align:end}}.container-catagoryAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.header-catagoryAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-catagoryAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.create-catagory{display:flex;flex-direction:column;width:100%}.create-catagory .btn-create-catagory{display:flex;justify-content:space-between;gap:20px}.create-catagory .btn-create-catagory button{padding:5px;height:40px;border-radius:5px;background-color:#043929;color:#fff;font-size:16px;border:none;cursor:pointer}.create-catagory .btn-create-catagory button:hover{background-color:#05593d}@media (max-width: 1280px){.container-catagoryAdmin{padding-left:270px}}@media (max-width: 1080px){.container-catagoryAdmin{padding-left:220px}}@media (max-width: 600px){.container-catagoryAdmin{padding-left:20px}}.container-createcategoryAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-createcategoryAdmin input{padding:5px;min-width:250px;margin-left:-10px;height:30px;border-radius:20px;border:2px solid #043929}.container-createcategoryAdmin button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-createcategoryAdmin button:hover{background-color:#05593d}.header-createcategoryAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-createcategoryAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.btn-createcategoryAdmin{display:flex;justify-content:space-between;padding-bottom:20px}.wrap-container-createcategoryAdmin{display:flex;flex-direction:column;align-items:center;border:5px solid #043929;border-radius:20px;padding:0 20px;height:250px;min-width:900px}.wrap-container-createcategoryAdmin .inputNameCategory{display:flex;align-items:center;gap:107px;margin-left:20px;margin-top:20px}.wrap-container-createcategoryAdmin .inputCodeCatagory{display:flex;align-items:center;gap:70px;margin-left:20px;margin-top:20px}@media (max-width: 1280px){.container-createcategoryAdmin{padding-left:270px}.container-createcategoryAdmin input{min-width:100px}.wrap-container-createcategoryAdmin{min-width:500px}.wrap-container-createcategoryAdmin .inputNameCategory,.wrap-container-createcategoryAdmin .inputCodeCatagory{margin-right:20px}}@media (max-width: 1080px){.container-createcategoryAdmin{padding-left:220px}}@media (max-width: 600px){.container-createcategoryAdmin{padding-left:20px}.header-createcategoryAdmin h1{font-size:32px}.content-CatagoryAdmin{width:100%}.btn-createcategoryAdmin{display:flex;justify-content:space-between;padding-bottom:20px}.wrap-container-createcategoryAdmin{min-width:300px}.wrap-container-createcategoryAdmin .inputNameCategory{gap:50px;font-size:9px}.wrap-container-createcategoryAdmin .inputCodeCatagory{gap:30px;font-size:9px}}.container-WithdrawAdminPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.header-WithdrawAdminPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-WithdrawAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.width-40{width:40px}.width-100{width:100px}.create-withdraw{display:flex;flex-direction:column;width:100%}.create-withdraw .btn-create-withdraw{position:relative;display:flex;justify-content:center;align-self:end;gap:20px}.create-withdraw .btn-create-withdraw button{padding:5px;height:40px;min-width:80px;border-radius:5px;background-color:#043929;color:#fff;font-size:16px;border:none;cursor:pointer}.create-withdraw .btn-create-withdraw button:hover{background-color:#05593d!important;color:#fff!important}.withdraw-content .ant-table{height:600px}.linkIsNone{display:none}.container-DialogApprove-Expense .ant-modal-content{background-color:#fff;border:5px solid #043929;border-radius:20px;top:50%;left:50%;transform:translate(-50%,-0%);min-width:1000px}.container-DialogApprove-Expense h1{text-align:center;font-size:50px;color:#043929}.container-DialogApprove-Expense .btn-DialogApprove-Navbar{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:20px}.container-DialogApprove-Expense .btn-DialogApprove-Navbar button{padding:10px 20px;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;border:none;cursor:pointer}.container-DialogApprove-Expense .btn-DialogApprove-Navbar button:hover{background-color:#05593d;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.container-DialogApprove-Expense .btn-DialogApprove-Navbar a{font-size:16px;color:#dc143c;text-decoration:none;transition:color .3s ease}.container-DialogApprove-Expense .btn-DialogApprove-Navbar a:hover{color:#ff5064;text-shadow:0 0 8px rgba(255,80,100,.6)}.container-DialogApprove-Expense .container-Expense-navbar{display:flex;justify-content:space-between;align-items:center}.container-DialogApprove-Expense .container-Expense-navbar .fa-circle-xmark{font-size:30px;color:#043929;cursor:pointer}.container-DialogApprove-Expense .container-Expense-navbar .fa-circle-xmark:hover{color:#05593d;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.container-DialogApprove-Expense .container-Expense{display:flex;align-items:center;gap:150px}.container-DialogApprove-Expense .container-Expense .container-Expense-left{display:flex;flex-direction:column;padding-left:40px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser{display:flex;gap:20px;padding-bottom:20px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-left{display:flex;justify-content:center;align-items:center}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-left img{width:100px;height:100px;border-radius:50%}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right{display:flex;flex-direction:column;justify-content:center}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right h4{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right .previewTel{display:flex;justify-content:start;align-items:center}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right .previewTel .fa-phone{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right .previewTel p{font-size:18px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right .previewRol{display:flex;justify-content:start;align-items:center}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right .previewRol .fa-user{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .container-ExpenseUser .container-ExpenseUser-right .previewRol p{font-size:18px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData{display:flex;flex-direction:column}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData h4{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData{display:flex;flex-direction:column}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData .previewOnerName,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData .previewDetel,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData .previewDate{display:flex}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData .previewOnerName p,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData .previewDetel p,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseData .container-ExpenseData .previewDate p{font-size:16px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList{display:flex;flex-direction:column}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList h4{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList .container-ExpenseList{display:flex;flex-direction:column}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList .container-ExpenseList .previewCatagory,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList .container-ExpenseList .previewTotal,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList .container-ExpenseList .previewStatus,.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-container-ExpenseList .container-ExpenseList .previewPriceDate{display:flex;font-size:16px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-inputImage{display:flex;flex-direction:column}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-inputImage h4{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-inputImage .inputImage{display:flex;align-items:center;justify-content:center;margin-top:20px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-inputImage .inputImage .text-image{width:265px;height:45px;display:flex;flex-direction:column;align-items:space-between;gap:5px;cursor:pointer;align-items:center;justify-content:center;border:2px dashed #043929;padding:1.5rem;border-radius:10px}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-inputImage .inputImage .icon-file{font-size:20px;color:#043929}.container-DialogApprove-Expense .container-Expense .container-Expense-left .wrap-inputImage .inputImage input{display:none}.container-DialogApprove-Expense .container-Expense .container-Expense-right .PreviewImage{display:flex;flex-direction:column;width:100%;max-width:317px;align-items:center}.container-DialogApprove-Expense .container-Expense .container-Expense-right .PreviewImage h2{margin-top:45px;font-size:24px}.container-DialogApprove-Expense .container-Expense .container-Expense-right .PreviewImage img{margin-top:20px;width:300px}@media (max-width: 1280px){.container-WithdrawAdminPage{padding-left:270px}.withdraw-content .ant-table{height:500px;font-size:12px}.withdraw-content .ant-table .ant-typography,.withdraw-content .ant-table a{font-size:12px}}@media (max-width: 1080px){.container-WithdrawAdminPage{padding-left:220px}.container-WithdrawAdminPage .ant-table-content{height:500px!important}}@media (max-width: 600px){.container-WithdrawAdminPage{padding-left:20px}.header-WithdrawAdminPage h1{font-size:32px}}.container-CreateWithdrawAdminPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-CreateWithdrawAdminPage input{padding:5px;min-width:250px;margin-left:-10px;height:30px;border-radius:20px;border:2px solid #043929}.container-CreateWithdrawAdminPage button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-CreateWithdrawAdminPage button:hover{background-color:#05593d}.header-CreateWithdrawAdminPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-CreateWithdrawAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.btn-CreateWithdrawAdminPage{display:flex;justify-content:space-between;padding-bottom:20px}.wrap-container-CreateWithdrawAdminPage{display:flex;flex-direction:column;border:5px solid #043929;border-radius:20px;padding:20px;height:650px}.wrap-container-CreateWithdrawAdminPage .inputEmployee{display:flex;flex-direction:column}.wrap-container-CreateWithdrawAdminPage .inputEmployee h2{font-size:24px}.wrap-container-CreateWithdrawAdminPage .inputEmployee .select-employee{height:45px}.wrap-container-CreateWithdrawAdminPage .inputEmployee .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.wrap-container-CreateWithdrawAdminPage .inputDetel{display:flex;flex-direction:column;margin-bottom:5px}.wrap-container-CreateWithdrawAdminPage .inputDetel h2{font-size:24px}.wrap-container-CreateWithdrawAdminPage .inputDetel .input-owner-detel{display:flex;flex-direction:column;gap:10px}.wrap-container-CreateWithdrawAdminPage .inputDetel .input-owner-detel input{padding:5px;border:2px solid #043929;margin-left:0}.wrap-container-CreateWithdrawAdminPage .inputDetel .input-owner-detel textarea{padding:5px;border:2px solid #043929;border-radius:20px;max-height:100px;resize:vertical}.wrap-container-CreateWithdrawAdminPage .inputDate{display:flex;flex-direction:column}.wrap-container-CreateWithdrawAdminPage .inputDate h2{font-size:24px}.wrap-container-CreateWithdrawAdminPage .inputDate .ant-picker-outlined{padding:20px;height:45px;border-radius:20px;border:2px solid #043929}.wrap-container-CreateWithdrawAdminPage .wrap-inputList{display:flex;flex-direction:column}.wrap-container-CreateWithdrawAdminPage .wrap-inputList h2{font-size:24px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList{border:2px dashed #043929;border-radius:10px;padding:15px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .btn-append{width:150px;margin-bottom:5px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category{display:flex;gap:20px;padding-bottom:5px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category .select-category{width:220px;height:45px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category .ant-input-number{padding:5px;border-top-left-radius:20px;border-bottom-left-radius:20px;border:2px solid #043929}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category .ant-input-number-group-addon{border-top-right-radius:20px;border-bottom-right-radius:20px;border-top:2px solid #043929;border-right:2px solid #043929;border-bottom:2px solid #043929;font-size:20px}@media (max-width: 1280px){.container-CreateWithdrawAdminPage{padding-left:270px}.wrap-container-CreateWithdrawAdminPage{height:500px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList{overflow-y:auto;display:flex;flex-direction:column}.wrap-container-CreateWithdrawAdminPage .wrap-inputList h2{font-size:24px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList{border:2px dashed #043929;border-radius:10px;padding:15px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .btn-append{width:150px;margin-bottom:5px}}@media (max-width: 1080px){.container-CreateWithdrawAdminPage{padding-left:220px}.container-CreateWithdrawAdminPage input{min-width:60px}}@media (max-width: 600px){.container-CreateWithdrawAdminPage{padding-left:20px}.wrap-container-CreateWithdrawAdminPage{height:700px;margin-bottom:20px}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList{overflow-y:auto}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category{padding-bottom:5px;display:flex}.wrap-container-CreateWithdrawAdminPage .wrap-inputList .inputList .list-category .select-category{width:100px}}.container-SalaryAdminPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.header-SalaryAdminPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#2656a2;margin-bottom:20px}.header-SalaryAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.container-CreateSalaryAdvanceAdminPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-CreateSalaryAdvanceAdminPage input{padding:5px;min-width:250px;margin-left:-10px;height:30px;border-radius:20px;border:2px solid #043929}.container-CreateSalaryAdvanceAdminPage button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-CreateSalaryAdvanceAdminPage button:hover{background-color:#05593d}.header-CreateSalaryAdvanceAdminPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-CreateSalaryAdvanceAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.btn-CreateSalaryAdvanceAdminPage{display:flex;justify-content:space-between;padding-bottom:20px}.wrap-container-CreateSalaryAdvanceAdminPage{display:flex;flex-direction:column;border:5px solid #043929;border-radius:20px;padding:20px;height:650px}.wrap-container-CreateSalaryAdvanceAdminPage .inputEmployee{display:flex;flex-direction:column}.wrap-container-CreateSalaryAdvanceAdminPage .inputEmployee h2{font-size:24px}.wrap-container-CreateSalaryAdvanceAdminPage .inputEmployee .select-employee{height:45px}.wrap-container-CreateSalaryAdvanceAdminPage .inputEmployee .ant-select-single .ant-select-selector{border-radius:20px!important;border:2px solid #043929}.wrap-container-CreateSalaryAdvanceAdminPage .inputDetel{display:flex;flex-direction:column;margin-bottom:5px}.wrap-container-CreateSalaryAdvanceAdminPage .inputDetel h2{font-size:24px}.wrap-container-CreateSalaryAdvanceAdminPage .inputDetel .input-owner-detel{display:flex;flex-direction:column;gap:10px}.wrap-container-CreateSalaryAdvanceAdminPage .inputDetel .input-owner-detel input{padding:5px;border:2px solid #043929;margin-left:0}.wrap-container-CreateSalaryAdvanceAdminPage .inputDetel .input-owner-detel textarea{padding:5px;border:2px solid #043929;border-radius:20px;max-height:100px;resize:vertical}.wrap-container-CreateSalaryAdvanceAdminPage .inputDate{display:flex;flex-direction:column}.wrap-container-CreateSalaryAdvanceAdminPage .inputDate h2{font-size:24px}.wrap-container-CreateSalaryAdvanceAdminPage .inputDate .ant-input-number{padding:5px;border-top-left-radius:20px;border-bottom-left-radius:20px;border:2px solid #043929}.wrap-container-CreateSalaryAdvanceAdminPage .inputDate .ant-input-number-group-addon{border-top-right-radius:20px;border-bottom-right-radius:20px;border-top:2px solid #043929;border-right:2px solid #043929;border-bottom:2px solid #043929;font-size:20px}@media (max-width: 1280px){.container-CreateSalaryAdvanceAdminPage{padding-left:270px}.wrap-container-CreateSalaryAdvanceAdminPage{height:500px}}@media (max-width: 1080px){.container-CreateSalaryAdvanceAdminPage{padding-left:220px}}@media (max-width: 600px){.container-CreateSalaryAdvanceAdminPage{padding-left:20px}.wrap-container-CreateSalaryAdvanceAdminPage{height:500px}}.container-financeAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.header-financeAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#2656a2;margin-bottom:20px}.header-financeAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}@media (max-width: 1280px){.container-financeAdmin{padding-left:270px}}@media (max-width: 1080px){.container-financeAdmin{padding-left:220px}}.container-binAdmin{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.header-binAdmin{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-binAdmin h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.wrap-bin-content-teble{display:flex;flex-direction:column;height:700px;gap:20px;width:100%;padding:20px 20px 0;overflow:hidden}.wrap-bin-content-teble .bin-content-teble{overflow-x:auto}.container-DialogApprove{display:flex}.container-DialogApprove .ant-modal-content{background-color:#043929}.container-DialogApprove .container-DialogApprove-navbar{display:flex;justify-content:space-between;align-items:center}.container-DialogApprove .container-DialogApprove-navbar h1{font-size:30px;color:#fff}.container-DialogApprove .container-DialogApprove-navbar .fa-circle-xmark{font-size:30px;cursor:pointer;color:#fff;transition:all .5s}.container-DialogApprove .container-DialogApprove-navbar .fa-circle-xmark:hover{color:red;transition:all .5s}.container-DialogApprove .container-DialogApprove-content{display:flex;margin-top:20px}.container-DialogApprove .container-DialogApprove-content .text-all{display:flex;flex-direction:column}.container-DialogApprove .container-DialogApprove-content .text-all p{font-size:16px;color:#fff}.container-DialogApprove .btn-DialogApprove-Navbar{display:flex;justify-content:end;gap:20px}.container-DialogApprove .btn-DialogApprove-Navbar button{padding:5px 10px;border-radius:10px;background-color:#fff;color:#043929;font-size:20px;font-weight:700;border:none;cursor:pointer}.container-DialogApprove .btn-DialogApprove-Navbar button:hover{background-color:#e6efff;box-shadow:0 0 10px #2656a266,0 4px 10px #2656a24d;transition:all .3s ease}@media (max-width: 1280px){.container-binAdmin{padding-left:270px}.wrap-bin-content-teble{display:flex;flex-direction:column;height:600px;gap:20px;width:100%;padding:20px 20px 0;overflow:hidden}.wrap-bin-content-teble .bin-content-teble{overflow-x:auto}.wrap-bin-content-teble .bin-content-teble .content-boolings Table,.wrap-bin-content-teble .bin-content-teble .content-products Table,.wrap-bin-content-teble .bin-content-teble .content-catagorys Table,.wrap-bin-content-teble .bin-content-teble .content-typeProduct Table,.wrap-bin-content-teble .bin-content-teble .content-Expense Table,.wrap-bin-content-teble .bin-content-teble .content-Permission Table{font-size:12px}.wrap-bin-content-teble .bin-content-teble .content-boolings Table .ant-typography,.wrap-bin-content-teble .bin-content-teble .content-boolings Table a,.wrap-bin-content-teble .bin-content-teble .content-products Table .ant-typography,.wrap-bin-content-teble .bin-content-teble .content-products Table a,.wrap-bin-content-teble .bin-content-teble .content-catagorys Table .ant-typography,.wrap-bin-content-teble .bin-content-teble .content-catagorys Table a,.wrap-bin-content-teble .bin-content-teble .content-typeProduct Table .ant-typography,.wrap-bin-content-teble .bin-content-teble .content-typeProduct Table a,.wrap-bin-content-teble .bin-content-teble .content-Expense Table .ant-typography,.wrap-bin-content-teble .bin-content-teble .content-Expense Table a,.wrap-bin-content-teble .bin-content-teble .content-Permission Table .ant-typography,.wrap-bin-content-teble .bin-content-teble .content-Permission Table a{font-size:12px}}@media (max-width: 1080px){.container-binAdmin{padding-left:220px}}@media (max-width: 600px){.container-binAdmin{padding-left:20px}}.container-SettingAdminPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.header-SettingAdminPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-SettingAdminPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.wrap-container-SettingAdminPage-content{display:flex;flex-direction:column;justify-content:start;align-items:start;margin-bottom:20px;width:60%;min-height:700px;border-radius:20px;border:4px solid #043929;padding:10px;gap:10px}.wrap-container-SettingAdminPage-content h2{font-size:32px;color:#043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-translate{display:flex;justify-content:center;align-items:center;gap:20px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-translate .fa-globe{font-size:40px;color:#043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-translate .select-language{height:45px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-translate .ant-select-single .ant-select-selector{border:2px solid #043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-company{display:flex;justify-content:center;align-items:center;gap:20px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-company .fa-building{font-size:50px;color:#043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-users{display:flex;justify-content:center;align-items:center;gap:20px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-users .fa-user-tie{font-size:40px;color:#043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-permission{display:flex;justify-content:center;align-items:center;gap:20px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-permission .fa-user-shield{font-size:40px;color:#043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-brand{display:flex;justify-content:center;align-items:center;gap:20px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-brand .fa-bookmark{font-size:40px;color:#043929}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-trakNumber{display:flex;justify-content:center;align-items:center;gap:20px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-trakNumber .fa-list-ol{font-size:40px;color:#043929}@media (max-width: 1280px){.container-SettingAdminPage{padding-left:270px}.wrap-container-SettingAdminPage-content{width:60%;min-height:600px}}@media (max-width: 1080px){.container-SettingAdminPage{padding-left:220px}}@media (max-width: 600px){.container-SettingAdminPage{padding-left:20px}.wrap-container-SettingAdminPage-content{width:90%;min-height:700px}.wrap-container-SettingAdminPage-content h2{font-size:21px}.wrap-container-SettingAdminPage-content p{font-size:14px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-company .fa-building{font-size:30px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-users .fa-user-tie{font-size:30px;margin:25px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-permission .fa-user-shield{font-size:30px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-brand .fa-bookmark{font-size:30px;margin:25px}.wrap-container-SettingAdminPage-content .SettingAdminPage-content-trakNumber .fa-list-ol{font-size:30px}}.NavbarGun{position:fixed;top:0;display:flex;width:100%;justify-content:space-between;align-items:center;height:80px;background-color:#103026;z-index:100}.NavbarGun .logo img{width:140px;height:70px;margin-left:10px;cursor:pointer}.NavbarGun .list-menu ul{display:flex;gap:25px;margin-right:10px;list-style:none}.NavbarGun .list-menu li{font-size:20px;font-weight:700;cursor:pointer;color:#f3cd68;transition:all .5s}.NavbarGun .list-menu li:hover{text-shadow:0 0 10px #ffcc66,0 0 20px #ffcc66,0 0 30px #ffcc66;transition:all .5s}@media (max-width: 656px){.NavbarGun .logo img{width:100px;height:50px}.NavbarGun .list-menu ul{gap:10px}.NavbarGun .list-menu li{font-size:16px}}@media (max-width: 495px){.NavbarGun .logo img{margin-left:-10px;width:auto;height:50px}.NavbarGun .list-menu ul{gap:10px}.NavbarGun .list-menu li{font-size:12px}}@media (max-width: 470px){.NavbarGun .logo img{margin-left:-10px;width:auto;height:50px}}.FooterGun{position:fixed;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#103026;height:50px;width:100%;color:#f3cd68;font-size:15px;z-index:100}.contact{cursor:pointer;transition:all .5s}.contact:hover{cursor:pointer;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}@media (max-width: 724px){.FooterGun{font-size:12px}}@media (max-width: 610px){.FooterGun{font-size:10px}}@media (max-width: 510px){.FooterGun{font-size:9px}}@media (max-width: 440px){.FooterGun{font-size:8px}}.ant-btn-variant-solid,.ant-drawer-close{display:none!important}.ant-drawer-content,.ant-btn-variant-solid{background-color:#043929!important;color:#fff!important}.navbarAdmin{position:fixed;width:300px;height:100vh;background-color:#043929}.navbarAdmin .logo-admin{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-right:15px;height:100px}.navbarAdmin .logo-admin img{height:100px;width:200px}.navbarAdmin .user{display:flex;justify-content:space-between;height:80px}.navbarAdmin .user .content-left{display:flex;align-items:center}.navbarAdmin .user .content-left .fa-circle-user{font-size:42px;margin:0 20px 0 10px;color:#fff;cursor:pointer}.navbarAdmin .user .content-left .username{display:flex;flex-direction:column}.navbarAdmin .user .content-left .username h3{font-size:24px;color:#fff}.navbarAdmin .user .content-left .username p{font-size:16px;color:#fff}.navbarAdmin .usered{display:flex;justify-content:space-between;height:80px}.navbarAdmin .usered .fa-circle-user{font-size:42px;margin:0 20px 0 10px;color:#fff;cursor:pointer;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4)}.navbarAdmin .usered .content-left{display:flex;align-items:center}.navbarAdmin .usered .content-left .fa-circle-user{font-size:42px;margin:0 20px 0 10px;color:#fff;cursor:pointer}.navbarAdmin .usered .content-left .username{display:flex;flex-direction:column}.navbarAdmin .usered .content-left .username h3{font-size:24px;color:#fff}.navbarAdmin .usered .content-left .username p{font-size:16px;color:#fff}.navbarAdmin .usered .content-right{display:flex;align-items:center;margin:0 20px 0 0}.navbarAdmin .usered .content-right img{width:30px;height:30px;border-radius:50%;border:2px solid #ffffff;cursor:pointer}.navbarAdmin .menu{display:flex;flex-direction:column;height:650px}.navbarAdmin .menu ul{margin-top:20px}.navbarAdmin .menu ul .select{display:flex;align-items:center;margin-left:10px;margin-bottom:20px;cursor:pointer}.navbarAdmin .menu ul .selected{display:flex;align-items:center;margin-left:10px;margin-bottom:20px;cursor:pointer;text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4)}.navbarAdmin .menu ul p{font-size:18px;color:#fff;margin-left:20px}.navbarAdmin .menu ul li:hover{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}.navbarAdmin .menu ul .fa-user,.navbarAdmin .menu ul .fa-image-portrait,.navbarAdmin .menu ul .fa-book-bookmark,.navbarAdmin .menu ul .fa-calendar-days,.navbarAdmin .menu ul .fa-square-check,.navbarAdmin .menu ul .fa-pen-to-square,.navbarAdmin .menu ul .fa-wallet,.navbarAdmin .menu ul .fa-hand-holding-dollar,.navbarAdmin .menu ul .fa-file-invoice-dollar,.navbarAdmin .menu ul .fa-trash-can,.navbarAdmin .menu ul .fa-gear{font-size:40px;color:#fff}.navbarAdmin .logout{display:flex;align-items:center;cursor:pointer;position:absolute;bottom:0;padding-bottom:16px;padding-top:16px;padding-left:10px;border-top:solid 1px #ffffff;width:100%}.navbarAdmin .logout .fa-arrow-right-from-bracket{font-size:40px;color:#fff}.navbarAdmin .logout p{font-size:18px;color:#fff;margin-left:20px}.navbarAdmin .logout:hover{text-shadow:0 0 10px rgba(255,255,255,.8),0 0 20px rgba(255,255,255,.6),0 0 30px rgba(255,255,255,.4);transition:all .5s}@media (max-width: 1280px){.navbarAdmin{width:250px}}@media (max-width: 1080px){.navbarAdmin{width:200px}.navbarAdmin .logo-admin img{width:150px;height:auto;padding-left:10px}.navbarAdmin .user .username h3,.navbarAdmin .usered .username h3{font-size:16px!important}.navbarAdmin .user .username p,.navbarAdmin .usered .username p{font-size:9px!important}.navbarAdmin .user .fa-circle-user,.navbarAdmin .usered .fa-circle-user{font-size:36px}.navbarAdmin .menu ul li .fa-image-portrait,.navbarAdmin .menu ul li .fa-book-bookmark,.navbarAdmin .menu ul li .fa-calendar-days,.navbarAdmin .menu ul li .fa-square-check,.navbarAdmin .menu ul li .fa-pen-to-square,.navbarAdmin .menu ul li .fa-wallet,.navbarAdmin .menu ul li .fa-hand-holding-dollar,.navbarAdmin .menu ul li .fa-file-invoice-dollar,.navbarAdmin .menu ul li .fa-trash-can,.navbarAdmin .menu ul li .fa-gear{font-size:24px}.navbarAdmin .menu ul li p{font-size:14px}.navbarAdmin .logout .fa-arrow-right-from-bracket{font-size:20px}.navbarAdmin .logout p{font-size:12px}}@media (max-width: 600px){.ant-btn-variant-solid{display:flex!important;justify-content:center;align-items:center;position:fixed;top:10px;left:10px;z-index:150;border:2px solid white!important}.ant-drawer-body{display:flex;flex-direction:column}.ant-drawer-body .content-left{display:flex}.ant-drawer-body .content-left img{margin:0 10px!important}.ant-drawer-body hr{margin-top:20px!important;margin-bottom:20px!important}.ant-drawer-body ul li{display:flex;align-items:center;padding:10px;font-size:14px;gap:10px;cursor:pointer}.ant-drawer-body .logout{display:flex;align-items:center;cursor:pointer;position:absolute;bottom:0;left:0;padding-bottom:16px;padding-top:16px;padding-left:10px;border-top:solid 1px #ffffff;width:95%}.ant-drawer-body .logout .fa-arrow-right-from-bracket{font-size:14px;color:#fff}.ant-drawer-body .logout p{font-size:14px;color:#fff;margin-left:10px}.navbarAdmin{display:none}}.container-PermissionPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.container-PermissionPage button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-PermissionPage button:hover{background-color:#05593d}.container-PermissionPage .ant-select-single .ant-select-selector{border:2px solid #043929;height:45px;width:100%;min-width:150px}.header-PermissionPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-PermissionPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.container-content-PermissionPage{width:100%}.container-content-PermissionPage .navbar-PermissionPage{display:flex;justify-content:space-between;padding:0 20px 20px}.container-content-PermissionPage .select-employee{display:flex;justify-content:center;align-items:center;margin-top:5px}.checkbox-permission{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;aspect-ratio:1;border-radius:8px;border:2px solid #043929;position:relative;transition:all .2s ease-in-out}.checkbox-permission:before{font-family:Quicksand,sans-serif;position:absolute;bottom:-4px;left:1px;content:"✔";font-size:30px;color:#f90;transform:scale(0);transition:all .2s ease-in-out}.checkbox-permission:checked:before{animation:zoom .5s ease-in-out;transform:scale(1)}@keyframes zoom{0%{transform:scale(0)}20%{transform:scale(1.5)}40%{transform:scale(.5)}50%{transform:scale(1)}70%{transform:scale(1.2)}90%{transform:scale(.8)}to{transform:scale(1)}}@media (max-width: 1280px){.container-PermissionPage{padding-left:270px}}@media (max-width: 600px){.container-PermissionPage{padding-left:20px}.container-PermissionPage button{width:70px;height:35px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:14px;cursor:pointer;transition:all .5s}.container-PermissionPage .ant-select-single .ant-select-selector{height:35px;min-width:100px;margin-bottom:5px}.header-PermissionPage h1{font-size:32px}.container-content-PermissionPage{width:100%}.container-content-PermissionPage .navbar-PermissionPage{display:flex;justify-content:center;align-items:center;justify-content:space-between}}.container-Role{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px;gap:20px}.container-Role input{padding:5px;min-width:250px;height:30px;border-radius:20px;border:2px solid #043929}.container-Role button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-Role button:hover{background-color:#05593d}.container-Role form{width:100%}.header-Role{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929}.header-Role h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.role-content .ant-table{height:550px}.btn-createroleAdmin{display:flex;justify-content:space-between;padding:0 0 20px;width:100%}.container-DialogEditRole{display:flex}.container-DialogEditRole .ant-modal-content{background-color:#043929}.container-DialogEditRole .container-DialogEditRole-navbar{display:flex;justify-content:end;align-items:center}.container-DialogEditRole .container-DialogEditRole-navbar .fa-circle-xmark{font-size:30px;cursor:pointer;color:#fff;transition:all .5s}.container-DialogEditRole .container-DialogEditRole-navbar .fa-circle-xmark:hover{color:red;transition:all .5s}.container-DialogEditRole .container-DialogEditRole-content h2{color:#fff}.container-DialogEditRole .container-DialogEditRole-content input{padding:5px;width:250px;height:30px;border-radius:20px;border:2px solid #043929}.container-DialogEditRole .container-DialogEditRole-content .inputNameRole{display:flex;align-items:center;gap:20px}.container-DialogEditRole .container-DialogEditRole-content .inputCodeRole{display:flex;align-items:center;gap:20px;margin-top:20px;padding-bottom:40px}.container-DialogEditRole .btn-DialogEditRole-Navbar{display:flex;justify-content:space-between;gap:20px}.container-DialogEditRole .btn-DialogEditRole-Navbar button{padding:5px 10px;border-radius:10px;background-color:#fff;color:#043929;font-size:20px;font-weight:700;border:none;cursor:pointer}.container-DialogEditRole .btn-DialogEditRole-Navbar button:hover{background-color:#e6efff;box-shadow:0 0 10px #2656a266,0 4px 10px #2656a24d;transition:all .3s ease}@media (max-width: 1280px){.container-Role{padding-left:270px}.role-content .ant-table{height:500px}}@media (max-width: 600px){.container-Role{padding-left:20px}.container-Role input{min-width:200px}.container-DialogEditRole{display:flex}.container-DialogEditRole .ant-modal-content{background-color:#043929}.container-DialogEditRole .container-DialogEditRole-navbar{display:flex;justify-content:end;align-items:center}.container-DialogEditRole .container-DialogEditRole-navbar .fa-circle-xmark{font-size:30px;cursor:pointer;color:#fff;transition:all .5s}.container-DialogEditRole .container-DialogEditRole-navbar .fa-circle-xmark:hover{color:red;transition:all .5s}.container-DialogEditRole .container-DialogEditRole-content h2{color:#fff}.container-DialogEditRole .container-DialogEditRole-content input{width:180px}}.container-DocumentCountPage{display:flex;align-items:center;flex-direction:column;padding:20px 20px 0 320px}.container-DocumentCountPage button{width:100px;height:45px;border:none;border-radius:20px;background-color:#043929;color:#fff;font-size:20px;cursor:pointer;transition:all .5s}.container-DocumentCountPage button:hover{background-color:#05593d}.container-DocumentCountPage .ant-select-single .ant-select-selector{border:2px solid #043929;height:45px;width:100%;min-width:150px}.header-DocumentCountPage{display:flex;justify-content:center;height:80px;max-width:1200px;width:100%;border-radius:20px;background-color:#043929;margin-bottom:20px}.header-DocumentCountPage h1{display:flex;justify-content:center;align-items:center;font-size:42px;color:#fff}.navbar-DocumentCountPage{display:flex;width:100%;justify-content:start}.wrap-container-DocumentCountPage{display:flex;width:100%;height:350px;padding-top:20px;gap:20px}.wrap-container-DocumentCountPage .bookingCount-content{display:flex;flex-direction:column;margin-bottom:20px;width:50%;gap:20px;padding:25px;border-radius:10px;background-color:#043929;box-shadow:0 0 10px #0003}.wrap-container-DocumentCountPage .bookingCount-content h2{color:#fff;font-size:24px}.wrap-container-DocumentCountPage .bookingCount-content .header-bookingCount{display:flex;justify-content:space-between;width:100%;gap:20px}.wrap-container-DocumentCountPage .content-bookingCount{display:flex;flex-direction:column;gap:20px}.wrap-container-DocumentCountPage .content-bookingCount p{color:#fff;font-size:22px;font-weight:700}.wrap-container-DocumentCountPage .content-bookingCount input{max-width:200px;padding:10px;border-radius:10px;border:2px solid white;font-size:18px;text-align:end}.wrap-container-DocumentCountPage .content-bookingCount .btn-submit{width:100px;height:45px;border:none;border-radius:20px;background-color:#fff;color:#043929;font-size:20px;font-weight:700;cursor:pointer;transition:all .2s}.wrap-container-DocumentCountPage .content-bookingCount .btn-submit:hover{background-color:#05593d}@media (max-width: 1280px){.container-DocumentCountPage{padding-left:270px}}@media (max-width: 1080px){.container-DocumentCountPage{padding-left:220px}.wrap-container-DocumentCountPage{display:flex;flex-direction:column;align-items:center;gap:5px}.wrap-container-DocumentCountPage .bookingCount-content{width:100%;max-width:320px}.wrap-container-DocumentCountPage .bookingCount-content .header-bookingCount{display:flex;justify-content:space-between;width:100%;gap:20px}.wrap-container-DocumentCountPage .bookingCount-content h2{font-size:18px}.wrap-container-DocumentCountPage .content-bookingCount p{font-size:18px}.wrap-container-DocumentCountPage .content-bookingCount input{max-width:100px}}@media (max-width: 600px){.container-DocumentCountPage{padding-left:20px}.wrap-container-DocumentCountPage{display:flex;flex-direction:column;align-items:center;gap:5px}.wrap-container-DocumentCountPage .bookingCount-content{width:100%;max-width:320px}.wrap-container-DocumentCountPage .bookingCount-content .header-bookingCount{display:flex;justify-content:space-between;width:100%;gap:20px}.wrap-container-DocumentCountPage .bookingCount-content h2{font-size:18px}.wrap-container-DocumentCountPage .content-bookingCount p{font-size:18px}.wrap-container-DocumentCountPage .content-bookingCount input{max-width:100px}}.container-login-gun{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);height:600px;width:600px;background-color:#103026;border-radius:20px}.container-login-gun .wrap-login-gun{display:flex;flex-direction:column;align-items:center;height:400px;width:590px;background-color:#1e4d3f;margin-top:100px;margin-left:5px;border-radius:10px}.container-login-gun .wrap-login-gun h1{font-size:64px;color:#f3cd68;text-align:center;width:300px;margin-top:-99px;margin-bottom:50px}.container-login-gun .wrap-login-gun h2{display:flex;font-size:32px;color:#f3cd68;width:500px;margin-top:20px}.container-login-gun .wrap-login-gun input{width:450px;padding:13px;border-radius:5px;border:1px solid #f3cd68;background-color:#103026}.container-login-gun .wrap-login-gun p{color:red}.container-login-gun .wrap-login-gun .btn-gun{position:fixed;bottom:20px;left:34%;margin-top:200px}.container-login-gun .wrap-login-gun .btn-gun .btn-login-gun{background-color:#1e4d3f;font-size:32px;font-weight:700;color:#f3cd68;height:60px;width:200px;border-radius:20px;border:none;cursor:pointer;transition:all .5s}.container-login-gun .wrap-login-gun .btn-gun .btn-login-gun:hover{text-shadow:0 0 10px rgba(243,205,104,.8),0 0 20px rgba(243,205,104,.6),0 0 30px rgba(243,205,104,.4);transition:all .5s}@media (max-width: 674px){.container-login-gun{height:500px;width:500px}.container-login-gun .wrap-login-gun{height:300px;width:490px}.container-login-gun .wrap-login-gun h1{font-size:48px;width:250px;margin-top:-79px;margin-bottom:40px}.container-login-gun .wrap-login-gun h2{font-size:28px;width:450px}.container-login-gun .wrap-login-gun input{width:400px}.container-login-gun .wrap-login-gun .btn-gun{left:30%}.container-login-gun .wrap-login-gun .btn-gun .btn-login-gun{font-size:24px;height:50px;width:200px}}@media (max-width: 540px){.container-login-gun{width:400px;height:500px}.container-login-gun .wrap-login-gun{height:300px;width:390px}.container-login-gun .wrap-login-gun h1{font-size:36px;width:250px;margin-top:-79px;margin-bottom:40px}.container-login-gun .wrap-login-gun h2{font-size:22px;width:300px}.container-login-gun .wrap-login-gun input{width:320px}.container-login-gun .wrap-login-gun .btn-gun{left:25%}.container-login-gun .wrap-login-gun .btn-gun .btn-login-gun{font-size:20px;height:50px;width:200px}}@media (max-width: 600px){.container-login-gun{height:500px;width:300px}.container-login-gun .wrap-login-gun{height:300px;width:290px}.container-login-gun .wrap-login-gun h1{font-size:36px;width:250px;margin-top:-79px;margin-bottom:40px}.container-login-gun .wrap-login-gun h2{font-size:20px;width:200px}.container-login-gun .wrap-login-gun input{width:240px}.container-login-gun .wrap-login-gun .btn-gun{left:17%}.container-login-gun .wrap-login-gun .btn-gun .btn-login-gun{font-size:20px;height:50px;width:200px}}