@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);.row{padding:3}.cursor:hover{cursor:pointer}.tooltip-text{bottom:100%;padding:5px;text-align:center;width:100px;z-index:1}@media screen and (min-width:375px){.main1{align-items:center;width:"100%";& aside{display:grid;grid-template-columns:1fr}}.main{& .inputaside{grid-template-columns:1fr 1fr;& div{margin:5}}& aside{display:grid;grid-template-columns:1fr;margin:0;text-align:left;& div{margin:0;text-align:left}}}.main2{& .inputaside{grid-template-columns:1fr;margin:5;& div{margin:5}}& aside{display:grid;grid-template-columns:1fr;margin:0;& div{margin:5}}}.main4{& .inputaside{grid-template-columns:1fr 1fr;& div{margin:5}}& aside{display:grid;grid-template-columns:1fr;margin:0;& div{margin:0}}}}@media screen and (min-width:680px){.main1{align-items:center;width:"100%";& aside{display:grid;grid-template-columns:1fr 1fr}}.main{width:"100%";& aside{display:grid;grid-template-columns:1fr 1fr;margin-left:2rem}}}@media screen and (min-width:1200px){.main1{align-items:center;width:"100%";& aside{align-items:center;display:grid;grid-template-columns:1fr 1fr}}.main6{align-items:center;display:flex;width:100%;& aside{align-items:center;display:grid;grid-template-columns:1fr 1fr}}.main2{align-items:center;width:100%;& aside{display:grid;grid-template-areas:"a a " "a a ";grid-template-columns:1fr 1fr}}.main4{& .inputaside{grid-template-columns:1fr 1fr;& div{margin:5}}& aside{display:grid;grid-template-columns:1fr 1fr;margin:0;div{margin:5}}}.main3{align-items:center;width:"100%";& aside{display:grid;grid-template-columns:1fr;& div{margin:0;width:100%}}}.main{width:"100%";& aside{display:grid;grid-template-areas:"a a a" "a a a";grid-template-columns:1fr 1fr 1fr;& div{margin:0;width:100%}}}.mains{width:"100%";& aside{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;& div{margin:10;width:100%}}}}.button-with-tooltip{display:inline-block;position:relative;text-align:center}.tooltip-text{background-color:#000;border-radius:5px;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px 10px;position:absolute;top:-25px;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap}.button-with-tooltip:hover .tooltip-text{opacity:1;visibility:visible}*{box-sizing:border-box;font-family:Open Sans,sans-serif;margin:0;padding:0}.main{background-color:#fff;max-width:100vw;overflow:hidden;position:relative;transition:width 1s ease-in-out,margin-left 1s ease-in-out;width:100%;z-index:10}.page-with-navbar .main{margin-left:0;transition:margin-right 1s ease-in-out;width:100%}.no-navbar .main{width:100%}.navbar{background-color:#154c79;height:100vh;left:0;position:fixed;top:0;width:290px;z-index:100}.navbar,.navbar-visible{transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out}.navbar-visible{-webkit-transform:translateX(0);transform:translateX(0)}.pages{align-items:center;justify-content:center}.page-with-navbar,.pages{transition:margin-left 1s ease-in-out}.page-with-navbar{margin-left:290px;z-index:1}@media only screen and (max-width:768px){.page-with-navbar .main{transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:100%}}p{text-align:center}span{text-align:left}.row{margin:3}.username{color:#fff}.highlight-row{background-color:#ff0}@media screen and (min-width:370px){.main1{align-items:center;width:"100%";& aside{display:grid;grid-template-columns:1fr}}.main{text-wrap:break-word;font-Family:Arial,Helvetica,sans-serif;font-size:small;& .inputaside{grid-template-columns:1fr 1fr;& div{margin:5}}& aside{display:grid;grid-template-columns:1fr;margin:auto;& div{margin:auto}}& fix{align-items:center;display:grid;grid-template-columns:1fr;margin:auto;& div{margin:0}}& column2{display:grid;grid-template-columns:1fr 1fr;margin:auto;& div{margin:0}}}}@media screen and (min-width:700px){.main1{align-items:center;font-size:medium;width:"100%";& aside{display:grid;grid-template-columns:1fr 1fr}}.main{text-wrap:break-word;font-Family:Arial,Helvetica,sans-serif;font-size:small;margin:0 auto;width:"100%";& aside{display:grid;grid-template-columns:1fr 1fr;margin-left:2rem}& fix{align-items:center;display:grid;grid-template-columns:1fr;margin:auto}}}@media screen and (min-width:1200px){.main1{align-items:center;width:"100%";& aside{align-items:center;display:grid;grid-template-columns:1fr 1fr}}.main2{align-items:center;width:"100%";& aside{display:grid;grid-template-areas:"a a " "a a ";grid-template-columns:1fr 1fr}}.main3{align-items:center;width:"100%";& aside{display:grid;grid-template-columns:1fr}}.main{font-Family:Arial,Helvetica,sans-serif;font-size:large;width:"100%";& aside{display:grid;grid-template-areas:"a a a" "a a a";grid-template-columns:1fr 1fr 1fr;& div{margin:0;width:100%}}& fix{grid-template-columns:1fr}& fix,& fix2{align-items:center;display:grid}& fix2{grid-template-columns:1fr 1fr}}}[data-label]:before{content:attr(data-label);display:none}@media screen and (max-width:375px){.floating-buttons{display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease;z-index:1000}.floating-buttons.hidden{opacity:0;visibility:hidden}.floating-buttons.visible{opacity:1;visibility:visible}.floating-buttons button{align-items:center;background-color:#1890ff;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.973);color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.floating-buttons button:hover{background-color:#40a9ff}table{border:0}table caption{font-size:1.3em}.responsive-table thead{clip:rect(0 0 0 0);border:none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table td:last-child{border-bottom:0}}@media screen and (max-width:600px){.floating-buttons{display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease;z-index:1000}.floating-buttons.hidden{opacity:0;visibility:hidden}.floating-buttons.visible{opacity:1;visibility:visible}.floating-buttons button{align-items:center;background-color:#1890ff;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.floating-buttons button:hover{background-color:#40a9ff}table{border:0}table caption{font-size:1.3em}.responsive-table thead{clip:rect(0 0 0 0);border:none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}table td:last-child{border-bottom:0}}@media screen and (max-width:768px){[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin-bottom:4px}[data-label]{display:block;text-align:left}.floating-buttons{display:flex;flex-direction:column;gap:10px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease;z-index:1000}.floating-buttons.hidden{opacity:0;visibility:hidden}.floating-buttons.visible{opacity:1;visibility:visible}.floating-buttons button{align-items:center;background-color:#1890ff;border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.2);color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.floating-buttons button:hover{background-color:#40a9ff}table{border:0}table caption{font-size:1.3em}.responsive-table thead{clip:rect(0 0 0 0);border:none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.responsive-table tr{border-bottom:3px solid #ddd;display:block;margin-bottom:.625em}.responsive-table td{align-items:center;border-bottom:1px solid #ddd;display:flex;font-size:.8em;font-size:14px;height:100%;justify-content:center;padding:8px}.responsive-table td:before{content:attr(data-label);float:center;font-weight:700;text-transform:uppercase}table td:last-child{border-bottom:0}}.input-button-group{align-items:center;display:flex;gap:8px}.highlight-row{background-color:#fff8b3!important}@media print{.divA4{box-sizing:border-box;height:297mm;width:200mm}.divEdge30{padding:56px}.divEdge96{padding:88px}.colLeft{text-align:left}.colCenter,.colLeft{color:#000;font-family:Angsana New;font-size:16px;height:16px;margin-bottom:0;margin-top:0}.colCenter{text-align:center}.colRight{color:#000;font-family:Angsana New;font-size:16px;height:16px;margin-bottom:0;margin-top:0;text-align:right}.colUnderline{border-bottom:1px dotted;margin-bottom:5px;margin-top:5px}.colLeftH20{background-image:linear-gradient(to top right,#fff,#a9a9a9);color:#000;font-family:Angsana New;font-size:20px;height:24px;margin-bottom:10px;margin-top:10px;text-align:left}.table{border-collapse:collapse;display:table;width:100%}.rowTable{display:flex}.colTable{text-align:center}.colTable,.colTableLeft{border:1px solid #000;color:#000;display:table-cell;flex:1 1;font-family:Angsana New;font-size:16px}.colTableLeft{text-align:left}.colTableB{border:1px solid #000;color:#000;display:table-cell;font-family:Angsana New;font-size:16px;text-align:center}.box1{border:1px solid #000;height:15px;margin-top:2px;width:15px}.box1,.picA{display:inline-block;margin-right:5px}.picA{height:12px;width:12px}.picB{display:inline-block;height:12px;margin-right:5px;margin-top:5px}.divQr{align-items:center;border:1px solid #000;display:flex;justify-content:center;padding:5px;position:absolute;z-index:-1}}@media screen{.print-only{display:none}}nav{position:fixed;z-index:1000}.scollheight,nav{background-color:#154c79;display:flex;flex-direction:column;height:100vh;justify-content:space-between;left:0;top:0;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;width:290px}.scollheight{overflow-x:hidden;overflow-y:visible;padding:2rem 1rem 1rem}.navbar{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.nav-content{display:flex;flex-direction:column;height:100vh}.logout-container{margin-top:auto;padding-bottom:20px}.nav-btn{align-items:center;background-color:#154c79;border:none;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:60px;justify-content:center;outline:none;padding:5px 10px;position:absolute;right:0;top:12px;-webkit-transform:translateX(95%);transform:translateX(95%);width:40px;z-index:10000}.logo{display:block;margin:auto;width:70%}.logo img{display:block;height:100%;width:100%}.nav-link{padding:10px 30px}.nav-link,.nav-link1{align-items:center;border-radius:5px;color:#fff;display:flex;margin-bottom:5px;position:relative;text-decoration:none}.nav-link1{padding:10px 1rem;width:100%}.menu-bold .ant-menu-item{font-weight:700}.submenu{background-color:#f9f9f9;border:1px solid #ddd;display:none;left:0;padding:10px;position:absolute;top:100%}.submenu-link{color:#000;display:block;padding:5px}.nav-link:hover{background-color:#f9f9f9;color:#4e4e4e}.nav-link span,.nav-link1 span{margin-left:10px}.nav-top{margin-top:2rem}.mobile-nav-btn{border:none;color:#fff;margin:0 10px;outline:none}
/*# sourceMappingURL=main.b0f2163a.css.map*/