.animate-upload{animation:.8s ease-in-out infinite fadeMove;position:relative}@keyframes fadeMove{0%{opacity:0;transform:translateY(20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}input:disabled{background-color:inherit}.editable-table-input-group>input:disabled,.editable-table-input-group>input:disabled::placeholder,.editable-table-input-group>input:disabled+span{color:var(--text-color)}.form-group{position:relative}.form-group input,.form-group textarea{color:#3b3b3b;width:100%;font-size:16px;font-weight:inherit;background:0 0;border:1px solid #aeaeae;border-radius:8px;outline:none;padding:8px 16px}:is(.form-group input,.form-group textarea):disabled{background:var(--Light-Gray,#f2f2f2)}.form-group input::placeholder,.form-group textarea::placeholder{color:#0000}.form-group label{color:#818181;font-size:16px;font-weight:inherit;pointer-events:none;padding:0 4px;transition:all .3s ease-in-out;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-group-textarea label{top:16px}.form-group input:not(:focus),.form-group textarea:not(:focus){border:1px solid #aeaeae}.form-group input:focus,.form-group textarea:focus{border:1.2px solid #002050}.form-group input:not(:focus,:placeholder-shown)+label,.form-group textarea:not(:focus,:placeholder-shown)+label{color:#818181;background:#fff;padding:0 4px;font-size:12px;top:0}.form-group input:focus+label,.form-group textarea:focus+label{color:#002050;background:#fff;padding:0 4px;font-size:12px;top:0}.error-input input,.error-input textarea{border:1px solid red!important}
.material-symbols-rounded{color:var(--camea-secondary);font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.material-symbols-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
:root{--background:#fff;--foreground:#171717;--camea-primary:#002050;--camea-secondary:#013f81;--camea-light-grey:#f1f1f1;--camea-very-light-grey:#f2f2f2;--camea-medium-grey:#dcdcdc;--camea-dark-grey:#555;--camea-foreground:#1f1f1f;--label-red:#fc5e5e;--label-green:#afca0b;--label-yellow:#ffc000;--text-dark-gray:#555;--md-light-gray:#dcdcdc;--label-black:#3b3b3b;--navbar-height:64px;--sidebar-width:64px}html{overflow:hidden}body{height:calc(100dvh - var(--navbar-height));margin-top:var(--navbar-height);position:relative}*{box-sizing:border-box;margin:0;padding:0}.root{isolation:isolate}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}strong{font-weight:600}.ql-editor{font-family:Sarabun,sans-serif;font-size:16px}.ql-snow .ql-tooltip{left:10px!important}.resizable-quill-container{resize:vertical;position:relative;overflow:auto}.resizable-quill-container:focus-within .ql-toolbar.ql-snow,.resizable-quill-container:focus-within .ql-container.ql-snow{border:1px solid var(--camea-primary)!important}.resizable-quill-container:focus-within .ql-container.ql-snow{border-top:0!important}.ql-toolbar.ql-snow,.ql-container.ql-snow{border:1px solid #dcdcdc!important;padding:15px!important}.error-input .ql-toolbar.ql-snow,.error-input .ql-container.ql-snow{border:1px solid red!important}.error-input .ql-container.ql-snow{border-top:0!important}.ql-toolbar.ql-snow{border-top-left-radius:8px!important;border-top-right-radius:8px!important}.ql-container.ql-snow{height:calc(100% - 58px);border-top:0!important;border-bottom-right-radius:8px!important;border-bottom-left-radius:8px!important}.ql-mention-list-container{background:#fff;border-radius:1rem;min-width:7.5rem;max-height:12rem;padding:.5rem;overflow-y:auto;box-shadow:1px 3px 6px #00000026}.ql-mention-list{margin-bottom:0;list-style:none}.ql-mention-list-item{cursor:pointer;border-radius:.5rem;padding:.5rem}.ql-mention-list-item.selected{background-color:var(--camea-very-light-grey)}.ql-mention-denotation-char,.ql-mention-value{font-weight:700;color:var(--camea-primary)!important}
:root{--input-xl-width:calc((1010/16)*1rem);--input-lg-width:calc((636/16)*1rem);--input-md-width:calc((310/16)*1rem);--input-sm-width:calc((147/16)*1rem);font-display:swap}:root::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--md-blue);cursor:pointer}html::-webkit-scrollbar{z-index:10;width:8px;height:8px}::-webkit-scrollbar{z-index:10;width:8px;height:8px}html::-webkit-scrollbar-thumb{background:var(--primary-color);background-clip:padding-box;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--primary-color);background-clip:padding-box;border-radius:10px}html::-webkit-scrollbar-track{background:#fff;border-radius:10px}::-webkit-scrollbar-track{background:#fff;border-radius:10px}html::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--md-blue);cursor:pointer}::-webkit-scrollbar-thumb:vertical:hover{background-color:var(--md-blue);cursor:pointer}button{cursor:pointer;background:0 0;outline:none}button:focus{outline:none}button:disabled{cursor:not-allowed!important}input{background:0 0;outline:none}input:focus{outline:none}.loader-wrapper{--shadow-offset:2px;--top:calc(64px + var(--shadow-offset));--left:calc(64px + var(--shadow-offset));top:var(--top);left:var(--left);width:calc(100% - var(--left));height:calc(100% - var(--top));z-index:999;background-color:#fff;place-items:center;display:grid;position:fixed}.loader-wrapper[data-variant=welcome]{--top:0px;--left:0px}.loader-wrapper[data-variant=inner]{position:relative;left:0}.loader-wrapper[data-variant=static]{width:100%;height:100%;position:static}.loader-wrapper .loader{text-indent:-9999em;border-radius:50%;width:1em;height:1em;font-size:10px;animation:1.1s infinite mulShdSpin;position:relative;transform:translateZ(0)}@keyframes mulShdSpin{0%,to{box-shadow:0em -2.6em 0em 0em var(--camea-primary),1.8em -1.8em 0 0em #00205033,2.5em 0em 0 0em #00205033,1.75em 1.75em 0 0em #00205033,0em 2.5em 0 0em #00205033,-1.8em 1.8em 0 0em #00205033,-2.6em 0em 0 0em #00205080,-1.8em -1.8em 0 0em #002050b3}12.5%{box-shadow:0em -2.6em 0em 0em #002050b3,1.8em -1.8em 0 0em var(--camea-primary),2.5em 0em 0 0em #00205033,1.75em 1.75em 0 0em #00205033,0em 2.5em 0 0em #00205033,-1.8em 1.8em 0 0em #00205033,-2.6em 0em 0 0em #00205033,-1.8em -1.8em 0 0em #00205080}25%{box-shadow:0em -2.6em 0em 0em #00205080,1.8em -1.8em 0 0em #002050b3,2.5em 0em 0 0em var(--camea-primary),1.75em 1.75em 0 0em #00205033,0em 2.5em 0 0em #00205033,-1.8em 1.8em 0 0em #00205033,-2.6em 0em 0 0em #00205033,-1.8em -1.8em 0 0em #00205033}37.5%{box-shadow:0em -2.6em 0em 0em #00205033,1.8em -1.8em 0 0em #00205080,2.5em 0em 0 0em #002050b3,1.75em 1.75em 0 0em var(--camea-primary),0em 2.5em 0 0em #00205033,-1.8em 1.8em 0 0em #00205033,-2.6em 0em 0 0em #00205033,-1.8em -1.8em 0 0em #00205033}50%{box-shadow:0em -2.6em 0em 0em #00205033,1.8em -1.8em 0 0em #00205033,2.5em 0em 0 0em #00205080,1.75em 1.75em 0 0em #002050b3,0em 2.5em 0 0em var(--camea-primary),-1.8em 1.8em 0 0em #00205033,-2.6em 0em 0 0em #00205033,-1.8em -1.8em 0 0em #00205033}62.5%{box-shadow:0em -2.6em 0em 0em #00205033,1.8em -1.8em 0 0em #00205033,2.5em 0em 0 0em #00205033,1.75em 1.75em 0 0em #00205080,0em 2.5em 0 0em #002050b3,-1.8em 1.8em 0 0em var(--camea-primary),-2.6em 0em 0 0em #00205033,-1.8em -1.8em 0 0em #00205033}75%{box-shadow:0em -2.6em 0em 0em #00205033,1.8em -1.8em 0 0em #00205033,2.5em 0em 0 0em #00205033,1.75em 1.75em 0 0em #00205033,0em 2.5em 0 0em #00205080,-1.8em 1.8em 0 0em #002050b3,-2.6em 0em 0 0em var(--camea-primary),-1.8em -1.8em 0 0em #00205033}87.5%{box-shadow:0em -2.6em 0em 0em #00205033,1.8em -1.8em 0 0em #00205033,2.5em 0em 0 0em #00205033,1.75em 1.75em 0 0em #00205033,0em 2.5em 0 0em #00205033,-1.8em 1.8em 0 0em #00205080,-2.6em 0em 0 0em #002050b3,-1.8em -1.8em 0 0em var(--camea-primary)}}.input-xs{--input-xs-width:calc((125/1208)*100%);-ms-flex:0 0 var(--input-xs-width);flex:0 0 var(--input-xs-width);max-width:var(--input-xs-width)}.input-sm{--input-sm-width:calc(((147 + 15)/1208)*100%);-ms-flex:0 0 var(--input-sm-width);flex:0 0 var(--input-sm-width);max-width:var(--input-sm-width)}.input-md{--input-md-width:calc((310/1200)*100%);flex:0 0 var(--input-md-width);width:var(--input-md-width);min-width:310px}@media screen and (min-width:1201px){.input-md{--input-md-width:calc((310/1200)*100%);min-width:310px}}@media screen and (max-width:1200px) and (min-width:768px){.input-md{--input-md-width:310px;min-width:310px}}@media screen and (max-width:767px){.input-md{--input-md-width:100%;min-width:unset;flex:0 0 100%}}@media screen and (max-width:1200px){.input-md{--input-md-width:calc((580/768)*100%)!important}}@media screen and (max-width:992px){.input-md{--input-md-width:calc((100%))!important}}.input-lg{--input-lg-width:calc((636/1200)*100%);flex:0 0 var(--input-lg-width);width:var(--input-lg-width);min-width:636px}@media screen and (min-width:1201px){.input-lg{--input-lg-width:calc((636/1200)*100%);min-width:636px}}@media screen and (max-width:767px){.input-lg{--input-lg-width:100%;min-width:unset;flex:0 0 100%}}.input-xl{--input-xl-width:calc((1010/1208)*100%);max-width:var(--input-xl-width)}@media screen and (max-width:1200px){.input-xl{--input-xl-width:calc((992/1048)*100%)!important}}@media screen and (max-width:992px){.input-xl{--input-xl-width:100%!important}}.lh-inherit{line-height:inherit!important}.primary-link{color:var(--primary-color);font-size:16px;font-weight:600}.primary-link:hover{text-decoration:underline}.primary-link.disabled{color:var(--inactive);cursor:not-allowed}.primary-link.disabled:hover{text-decoration:none}.hover-underline:hover{text-decoration:underline}.fixed-center{z-index:10;position:fixed;left:50%;transform:translate(-50%,-50%);bottom:50px!important}.absolute-center{position:absolute;left:50%;transform:translate(-50%,-50%)}.text-overflow{text-overflow:ellipsis;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.flex-wrap{flex-wrap:wrap}.flex-col,.flex-col-xl{flex-direction:column;display:flex}@media (max-width:1200px){.flex-col-xl{flex-direction:row}}@media (max-width:1200px){.flex-row-xl{flex-direction:column}}.flex-row-xxl{display:flex}@media (max-width:1400px){.flex-row-xxl{flex-direction:column}}.flex-row-xl{display:flex}@media (max-width:1200px){.flex-row-xl{flex-direction:column}}.flex-row{align-items:center;display:flex}.text-center{text-align:center}.fs-8{font-size:8px}.fs-16{font-size:16px}.fs-14{font-size:14px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-22{font-size:22px}.fs-26{font-size:26px}.fs-32{font-size:32px}.fs-40{font-size:40px!important}.fw-300,.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.pr-16{padding-right:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-32{margin-top:32px}.mt-24{margin-top:24px}.mb-12{margin-bottom:12px}.mb-14{margin-bottom:14px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mb-44{margin-bottom:44px}.mb-56{margin-bottom:56px}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-14{gap:14px}.gap-15{gap:15px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.gap-32{gap:32px}.gap-40{gap:40px}.gap-48{gap:48px}.gap-56{gap:56px}.gap-80{gap:80px}.hidden{display:none}.cursor-pointer{cursor:pointer}.grid{grid-gap:32px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:374px;grid-auto-flow:dense;display:grid}@media (max-width:1599px){.grid{grid-row-gap:32px;grid-column-gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:1399px){.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:1200px){.grid{grid-auto-rows:minmax(min-content,max-content)}}@media (max-width:990px){.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:768px){.grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width:480px){.grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}}.card{aspect-ratio:3/4;aspect-ratio:3/4;border-radius:15px;width:100%;height:460px;position:relative;box-shadow:0 8px 16px #00000014}.gridWrapper{grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,300px));justify-content:space-between;margin-bottom:-30px;display:grid}@media screen and (max-width:1600px){.gridWrapper{grid-gap:60px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:-60px}.gridWrapper .card{aspect-ratio:auto}}@media screen and (max-width:1440px){.gridWrapper{grid-gap:60px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:-60px}}@media screen and (max-width:1300px){.gridWrapper{grid-gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:-30px}}.one-line-text-table{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.one-line-text{text-overflow:ellipsis;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-height:1.5em;display:-webkit-box;overflow:hidden}.two-lines-text{text-overflow:ellipsis;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:3em;display:-webkit-box;overflow:hidden}.three-lines-text{text-overflow:ellipsis;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;display:-webkit-box;overflow:hidden}.text-camea-primary{color:var(--camea-primary)}.text-camea-secondary{color:var(--camea-secondary)}.text-light-grey{color:var(--camea-light-grey)}.text-medium-grey{color:var(--camea-medium-grey)}.text-dark-gray{color:var(--text-dark-gray);font-weight:400}.text-foreground{color:var(--camea-foreground)}.border-medium-grey{border-color:var(--camea-medium-grey)}.MuiTooltip-arrow{color:#fff!important}.MuiTooltip-tooltip,.MuiTooltip-tooltipArrow{box-shadow:0 2px 6px 2px #0000001a;color:#3b3b3b!important;background-color:#fff!important;max-width:300px!important;font-size:14px!important;font-weight:400!important}.MuiTooltip-tooltip{border-radius:10px!important;max-width:400px!important}.MuiTooltip-popper{z-index:999!important}.white-space-nowrap{white-space:nowrap!important}.text-dark-grey{color:var(--text-dark-gray)}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.placeholder-text{color:#555}.react-tel-input .form-control{border:1px solid var(--md-light-gray)!important;width:100%!important}.react-tel-input .form-control:focus{outline:none;box-shadow:none!important;border:1.2px solid var(--primary-color)!important}.nav-measuring li{display:inline-block!important}