@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Poppins";font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body{touch-action:manipulation}html{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{position:relative;display:flex;flex-direction:column;margin:0 auto;overflow-x:hidden;overflow-y:scroll;line-height:1.33;letter-spacing:.5px;font-family:"Microsoft YaHei",Poppins,"Noto Sans TC","Noto Sans SC",sans-serif;font-style:normal;font-weight:400;font-size:1rem;color:#282828;min-height:100vh;scroll-behavior:smooth}body.modal-open{overflow-y:hidden}body.modal-open section,body.modal-open nav{filter:blur(5px)}body.topmenufixed{padding-top:135px}@media(max-width: 992px){body{line-height:1.33;padding-top:0px !important}body.topmenufixed{padding-top:110px !important}}@media(max-width: 360px){body{width:100%;min-width:360px;overflow-x:scroll !important}}h1,h2,h3,h4,h5,h6,strong{font-family:"Microsoft YaHei",Poppins,"Noto Sans TC","Noto Sans SC",sans-serif;font-size:unset;font-weight:unset;margin-block-start:unset;margin-block-end:unset}a{text-decoration:unset}a.active,a:hover{text-decoration:unset}*:focus{outline:none !important}p{margin:0}img{max-width:100%}*{box-sizing:border-box}*[data-self]:not([data-self=""]),*[data-blank]:not([data-blank=""]),*[data-lang]:not([data-lang=""]){cursor:pointer;opacity:1}.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-0.1em .1em .1em;line-height:1;vertical-align:middle}.waitingedit,.activing.btn,.activing.btnnobgc,.activing.btnupload,.activing.btngreen_light,.activing.btnyellow,.activing.btnpink,.activing.btnorange_yellow,.activing.btnorange_red,.activing.btnorange,.activing.btnpurple,.activing.btngreen,.activing.btnblue_dark,.activing.btnblue_light,.activing.btnblue,.activing.btnred,.activing.btnbrown,.activing.btnblack,.activing.btnwhite,.activing.btngray,.activing.btnfullwidth,.pagination-container .pagination-pages .pagination-page.active,.clickdisabled{pointer-events:none}section#error_pages{background-color:#fff;min-height:100vh;display:flex;justify-content:center;align-items:center}section#error_pages .error_container{display:flex;align-items:center;width:100%;max-width:800px;min-height:500px}section#error_pages .error_container .error_content{width:50%;padding:15px;display:flex;flex-direction:column;justify-content:center}section#error_pages .error_container .error_content h1{margin-bottom:0px}section#error_pages .error_container .error_img{flex:2}@media(max-width: 992px){section#error_pages .error_container{flex-direction:column}section#error_pages .error_container .error_content{width:100%}}#serialcookie{z-index:9999;position:fixed;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:30px;background-color:rgba(40,40,40,.75);font-size:.875rem;color:#fff;text-align:center;line-height:1.5}#serialcookie-col-2{display:flex;margin-left:50px}#serialcookie-reject,#serialcookie-accept{padding:15px 20px;cursor:pointer;transition:300ms}#serialcookie-reject{border:2px solid rgba(40,40,40,.2);color:#282828}#serialcookie-reject:hover{border-color:rgba(40,40,40,.3)}#serialcookie-accept{margin-left:20px;background-color:#282828;color:#fff}#serialcookie-accept:hover{transform:translateY(-3px);box-shadow:0 10px 15px rgba(40,40,40,.15)}.ishidden{display:none !important;visibility:hidden !important}.notvisible{visibility:hidden !important}.clickdisabled{border:1px solid #f2f3f5 !important;background-color:#c2cadd !important;color:#f2f3f5 !important;cursor:default !important;-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain}.setCookieAgree{z-index:9999;position:fixed;right:0;bottom:0;left:0;background-color:rgba(40,40,40,.75);display:flex;justify-content:center;opacity:0;transition:opacity .5s ease 0s}.setCookieAgree.active{opacity:1;transition:opacity .5s ease 0s}.setCookieAgree .setCookieAgree-container{width:100%;max-width:1200px;display:flex;align-items:center;justify-content:center;padding:30px}.setCookieAgree .setCookieAgree-container .description{text-align:left;color:#fff}.setCookieAgree .setCookieAgree-container .btngroup{margin-left:30px}.container-fluid,.container,.container-xs{position:relative;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:100%;max-width:100%}.container-xs{max-width:600px}.container{max-width:1500px}@media(max-width: 1600px){.container{max-width:1200px}}@media(max-width: 1280px){.container{max-width:1050px}}@media(max-width: 992px){.container{max-width:920px}}@media(max-width: 768px){.container{max-width:720px}}@media(max-width: 576px){.container{max-width:540px}}.container-flex{display:flex}.container-offset{padding-left:0px;padding-right:0px}.share-container{display:flex;padding-top:30px;cursor:pointer}.share-container img{height:50px}.share-items{display:flex;justify-content:space-between;padding:15px;flex-wrap:wrap}.share-items .share-item{margin-bottom:15px;border:1px solid #8e8e90;display:flex;align-items:center;justify-content:center;width:calc((100% - 30px)/2);height:40px;cursor:pointer}.share-items .share-item svg{width:30px;height:30px;margin-right:5px}.share-items .share-item:hover{background-color:#fafafa}.share-items .share-item.fullwidth{width:100%;display:flex}.share-items .share-item.fullwidth input{flex:2;height:100%;border:none;border-right:1px solid #8e8e90;padding:3px 5px}.share-items .share-item.fullwidth span{width:120px;height:100%;display:inline-flex;align-items:center;justify-content:center}.share-items .share-item.fullwidth:hover{background-color:rgba(0,0,0,0)}.share-items .share-item.fullwidth:hover span{background-color:#fafafa}.pagination-container{width:100%;display:flex;justify-content:center;margin:15px auto}.pagination-container .pagination-pages{display:flex}.pagination-container .pagination-pages .pagination-page{padding:5px 10px;cursor:pointer;margin:3px;border:1px solid rgba(0,0,0,0)}.pagination-container .pagination-pages .pagination-page.inactive{color:rgba(142,142,144,.5)}.pagination-container .pagination-pages .pagination-page:hover{background-color:rgba(142,142,144,.75)}.pagination-container .pagination-pages .pagination-page.active{border:1px solid #8e8e90}.loading{z-index:9990;display:block;position:relative;width:100px;height:100px;margin:80px auto;border-radius:50%;border-top:2px solid #c95c02;animation:spin 2s linear infinite}.loading:before{content:"";position:absolute;top:15%;left:15%;right:15%;bottom:15%;border-radius:50%;border-top:2px solid #630303;animation:spin-reserve 1s linear infinite}.loading:after{content:"";position:absolute;top:35%;left:35%;right:35%;bottom:35%;border-radius:50%;border-top:1px solid #ff3f3f;animation:spin 2.5s linear infinite}.loading.small{width:70px;height:70px}.loading.btnloading{width:20px;height:20px;margin:0px auto;border-top-color:#8e8e90}.loading.btnloading:before{display:none}.loading.btnloading:after{display:none}.loading.white{border-top-color:#fff}.loading.white:before{border-top-color:#fff}.loading.white:after{border-top-color:#fff}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes spin-reserve{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}.btn,.btnnobgc,.btnupload,.btngreen_light,.btnyellow,.btnpink,.btnorange_yellow,.btnorange_red,.btnorange,.btnpurple,.btngreen,.btnblue_dark,.btnblue_light,.btnblue,.btnred,.btnbrown,.btnblack,.btnwhite,.btngray,.btnfullwidth{-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;width:150px;height:40px;border-radius:5px;color:#fff;margin:5px}.btnm0.btn,.btnm0.btnnobgc,.btnm0.btnupload,.btnm0.btngreen_light,.btnm0.btnyellow,.btnm0.btnpink,.btnm0.btnorange_yellow,.btnm0.btnorange_red,.btnm0.btnorange,.btnm0.btnpurple,.btnm0.btngreen,.btnm0.btnblue_dark,.btnm0.btnblue_light,.btnm0.btnblue,.btnm0.btnred,.btnm0.btnbrown,.btnm0.btnblack,.btnm0.btnwhite,.btnm0.btngray,.btnm0.btnfullwidth{margin:0px}.btn,.btnnobgc,.btnupload,.btngreen_light,.btnyellow,.btnpink,.btnorange_yellow,.btnorange_red,.btnorange,.btnpurple,.btngreen,.btnblue_dark,.btnblue_light,.btnblue,.btnred,.btnbrown,.btnblack,.btnwhite,.btngray,.btnfullwidth{font-size:.875rem;text-align:center}.btn:hover,.btnnobgc:hover,.btnupload:hover,.btngreen_light:hover,.btnyellow:hover,.btnpink:hover,.btnorange_yellow:hover,.btnorange_red:hover,.btnorange:hover,.btnpurple:hover,.btngreen:hover,.btnblue_dark:hover,.btnblue_light:hover,.btnblue:hover,.btnred:hover,.btnbrown:hover,.btnblack:hover,.btnwhite:hover,.btngray:hover,.btnfullwidth:hover,.active.btn,.active.btnnobgc,.active.btnupload,.active.btngreen_light,.active.btnyellow,.active.btnpink,.active.btnorange_yellow,.active.btnorange_red,.active.btnorange,.active.btnpurple,.active.btngreen,.active.btnblue_dark,.active.btnblue_light,.active.btnblue,.active.btnred,.active.btnbrown,.active.btnblack,.active.btnwhite,.active.btngray,.active.btnfullwidth{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.activing.btn,.activing.btnnobgc,.activing.btnupload,.activing.btngreen_light,.activing.btnyellow,.activing.btnpink,.activing.btnorange_yellow,.activing.btnorange_red,.activing.btnorange,.activing.btnpurple,.activing.btngreen,.activing.btnblue_dark,.activing.btnblue_light,.activing.btnblue,.activing.btnred,.activing.btnbrown,.activing.btnblack,.activing.btnwhite,.activing.btngray,.activing.btnfullwidth{background-color:#b7b2ae;color:#b7b2ae}.activing.btn:after,.activing.btnnobgc:after,.activing.btnupload:after,.activing.btngreen_light:after,.activing.btnyellow:after,.activing.btnpink:after,.activing.btnorange_yellow:after,.activing.btnorange_red:after,.activing.btnorange:after,.activing.btnpurple:after,.activing.btngreen:after,.activing.btnblue_dark:after,.activing.btnblue_light:after,.activing.btnblue:after,.activing.btnred:after,.activing.btnbrown:after,.activing.btnblack:after,.activing.btnwhite:after,.activing.btngray:after,.activing.btnfullwidth:after{content:"";position:absolute;top:calc(50% - 10px);left:calc(50% - 10px);width:20px;height:20px;border-radius:50%;border-top:1px solid #fff;animation:spin 2.5s linear infinite}.btngroup{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap}.btngroup.jcsb{justify-content:space-between}.btngroup.center{justify-content:center}.btnfullwidth{width:100% !important}.btncenter{margin:5px auto}.btnflex2{width:unset;flex:2}.btnlong{width:270px}.btnsquare{width:135px;height:135px;font-size:1.5rem;font-weight:700}.btncircle{width:180px;height:180px;border-radius:50%;font-size:1.5rem;font-weight:700}.btnsmallsquare{width:75px;height:75px;font-weight:700}.btnsmall{width:135px;height:40px;border-radius:5px;font-size:.875rem}.btnsmallbig{width:150px;height:60px;border-radius:5px;font-size:.875rem}.btnsmaller{width:90px;height:35px;border-radius:5px;font-size:.8125rem}.btnsmaller.bigtext{font-size:1.5rem}.btnsmallauto{width:auto;min-width:90px;height:35px;padding-left:15px;padding-right:15px;border-radius:5px;font-size:.8125rem}.btnsmallauto.bigtext{font-size:1.5rem}.btnsmallest{width:90px;height:30px;border-radius:5px;font-size:.875rem}.btnsmallest.bigtext{font-size:1.5rem}.btngray{background-color:#8e8e90;color:#fff}.btnwhite{background-color:#fff;color:#fff}.btnblack{background-color:#282828;color:#fff}.btnbrown{background-color:#630303;color:#fff}.btnred{background-color:#ff3f3f;color:#fff}.btnblue{background-color:#0379ab;color:#fff}.btnblue_light{background-color:#3098e0;color:#fff}.btnblue_dark{background-color:#024866;color:#fff}.btngreen{background-color:#008c95;color:#fff}.btnpurple{background-color:#8d09d7;color:#fff}.btnorange{background-color:#c95c02;color:#fff}.btnorange_red{background-color:#f75c2d;color:#fff}.btnorange_yellow{background-color:#fa923c;color:#fff}.btnpink{background-color:#fae3df;color:#fff}.btnyellow{background-color:#fdda24;color:#fff}.btngreen_light{background-color:#24b269;color:#fff}.btnupload{background-color:rgba(3,121,171,.75);color:#fff;border-radius:5px;width:150px;height:40px;border-radius:5px;font-size:1rem;margin-top:0}.btnselected:after{content:"";width:16px;height:11px;background-image:url("../lib/icons/selected.webp");background-size:cover;bottom:5px;right:5px;position:absolute;display:inline-block}.btnnobgc{border:1px solid #c2cadd;background-color:rgba(0,0,0,0) !important;color:#282828}.btn.btnmt0,.btnmt0.btnfullwidth,.btnmt0.btngray,.btnmt0.btnwhite,.btnmt0.btnblack,.btnmt0.btnbrown,.btnmt0.btnred,.btnmt0.btnblue,.btnmt0.btnblue_light,.btnmt0.btnblue_dark,.btnmt0.btngreen,.btnmt0.btnpurple,.btnmt0.btnorange,.btnmt0.btnorange_red,.btnmt0.btnorange_yellow,.btnmt0.btnpink,.btnmt0.btnyellow,.btnmt0.btngreen_light,.btnmt0.btnupload,.btnmt0.btnnobgc{margin-top:0}.btn.btnmb0,.btnmb0.btnfullwidth,.btnmb0.btngray,.btnmb0.btnwhite,.btnmb0.btnblack,.btnmb0.btnbrown,.btnmb0.btnred,.btnmb0.btnblue,.btnmb0.btnblue_light,.btnmb0.btnblue_dark,.btnmb0.btngreen,.btnmb0.btnpurple,.btnmb0.btnorange,.btnmb0.btnorange_red,.btnmb0.btnorange_yellow,.btnmb0.btnpink,.btnmb0.btnyellow,.btnmb0.btngreen_light,.btnmb0.btnupload,.btnmb0.btnnobgc{margin-bottom:0}.btndisable{opacity:.25 !important;cursor:default !important;pointer-events:none !important}.dropdown{position:relative}.dropdown .header-lang{background:url("../lib/icons/droparrow_white.webp") no-repeat scroll rgba(0,0,0,0);background-position:calc(100% - 15px) center;width:60px;font-size:.8775rem;display:inline-flex;cursor:pointer}.dropdown .dropdown-content input:first-child{z-index:-1;position:absolute}.dropdown.show .dropdown-content .form-input{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.dropdown .dropdown-items{z-index:9900;display:none}.dropdown.show .dropdown-items{display:flex}.dropdown.ishover:hover .dropdown-items{display:flex}.dropdown .dropdown-items{flex-direction:column;overflow-y:auto;min-width:100%;width:auto;white-space:nowrap;padding-right:2px;max-height:400px;position:absolute;left:0px;top:calc(100% + 0px);background-color:#fff;border:1px solid rgba(40,40,40,.5);border-radius:5px}.dropdown .dropdown-items .dropdown-search{position:sticky;top:0px;background-color:rgba(142,142,144,.1);left:0;padding:5px 10px;display:flex}.dropdown .dropdown-items .dropdown-search input{flex:2;height:30px;font-size:1.125rem;border-radius:5px}.dropdown .dropdown-items .dropdown-search span{width:60px;height:30px;display:flex;justify-content:center;align-items:center;background-color:rgba(142,142,144,.15);font-size:1.5rem;font-weight:bold;border-radius:2px;cursor:pointer}.dropdown .dropdown-items .dropdown-search span:hover{background-color:rgba(142,142,144,.5)}.dropdown .dropdown-items .dropdown-item{cursor:pointer;color:#282828;padding:7.5px 10px;display:flex;align-items:center}.dropdown .dropdown-items .dropdown-item:not(:last-child){border-bottom:1px solid #c2cadd}.dropdown .dropdown-items .dropdown-item img{width:50px;margin-right:15px}.dropdown .dropdown-items .dropdown-item span{font-size:.875rem;font-style:italic}.dropdown .dropdown-items .dropdown-item span.emoji{font-size:2.5rem;margin-right:5px;font-style:normal}.dropdown .dropdown-items .dropdown-item:hover{color:#282828 !important;background-color:#8e8e90}.dropdown .dropdown-items .dropdown-item:hover span{color:#282828 !important}.dropdown .dropdown-items .dropdown-item.inactive{display:none}.dropdown .dropdown-items .dropdown-item.disable{cursor:default !important;pointer-events:none;color:#8e8e90;background-color:#c2cadd}.dropdown .dropdown-items.active{display:flex}.formrow{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}.formrow .formcol{position:relative;margin-bottom:15px;width:100%}.formrow .formcol.formcol-half{width:calc((100% - 30px/2)/2)}.formrow .title{color:#8e8e90;font-size:.875rem}.sepTitle-container{display:flex;width:100%;justify-content:space-between;align-items:center}.sepTitle{flex:2;position:relative;margin-top:15px;margin-bottom:15px}.sepTitle span{position:relative;display:flex;justify-content:center;align-items:center;color:#fff;width:150px;height:40px;border-radius:5px;font-size:.875rem}.sepTitle.small{font-size:.75rem !important}.sepTitle:after{content:"";width:calc(100% - 150px);height:1px;background-color:#c2cadd;position:absolute;top:50%;left:150px}.sepTitle.long span:nth-child(1){width:210px}.sepTitle.long:after{width:calc(100% - 210px);left:210px}.sepTitle.gray span{background-color:#8e8e90}.sepTitle.white span{background-color:#fff}.sepTitle.black span{background-color:#282828}.sepTitle.brown span{background-color:#630303}.sepTitle.red span{background-color:#ff3f3f}.sepTitle.blue span{background-color:#0379ab}.sepTitle.blue_light span{background-color:#3098e0}.sepTitle.blue_dark span{background-color:#024866}.sepTitle.green span{background-color:#008c95}.sepTitle.purple span{background-color:#8d09d7}.sepTitle.orange span{background-color:#c95c02}.sepTitle.orange_red span{background-color:#f75c2d}.sepTitle.orange_yellow span{background-color:#fa923c}.sepTitle.pink span{background-color:#fae3df}.sepTitle.yellow span{background-color:#fdda24}.sepTitle.green_light span{background-color:#24b269}.sepTitle.transparent span.gray{color:#8e8e90;border:1px solid #8e8e90}.sepTitle.transparent span.white{color:#fff;border:1px solid #fff}.sepTitle.transparent span.black{color:#282828;border:1px solid #282828}.sepTitle.transparent span.brown{color:#630303;border:1px solid #630303}.sepTitle.transparent span.red{color:#ff3f3f;border:1px solid #ff3f3f}.sepTitle.transparent span.blue{color:#0379ab;border:1px solid #0379ab}.sepTitle.transparent span.blue_light{color:#3098e0;border:1px solid #3098e0}.sepTitle.transparent span.blue_dark{color:#024866;border:1px solid #024866}.sepTitle.transparent span.green{color:#008c95;border:1px solid #008c95}.sepTitle.transparent span.purple{color:#8d09d7;border:1px solid #8d09d7}.sepTitle.transparent span.orange{color:#c95c02;border:1px solid #c95c02}.sepTitle.transparent span.orange_red{color:#f75c2d;border:1px solid #f75c2d}.sepTitle.transparent span.orange_yellow{color:#fa923c;border:1px solid #fa923c}.sepTitle.transparent span.pink{color:#fae3df;border:1px solid #fae3df}.sepTitle.transparent span.yellow{color:#fdda24;border:1px solid #fdda24}.sepTitle.transparent span.green_light{color:#24b269;border:1px solid #24b269}.sepTitle.jcbetween{display:flex;justify-content:space-between}.sepTitle.jcbetween span.gray{background-color:#8e8e90;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.gray:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.white{background-color:#fff;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.white:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.black{background-color:#282828;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.black:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.brown{background-color:#630303;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.brown:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.red{background-color:#ff3f3f;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.red:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.blue{background-color:#0379ab;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.blue:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.blue_light{background-color:#3098e0;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.blue_light:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.blue_dark{background-color:#024866;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.blue_dark:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.green{background-color:#008c95;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.green:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.purple{background-color:#8d09d7;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.purple:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.orange{background-color:#c95c02;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.orange:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.orange_red{background-color:#f75c2d;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.orange_red:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.orange_yellow{background-color:#fa923c;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.orange_yellow:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.pink{background-color:#fae3df;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.pink:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.yellow{background-color:#fdda24;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.yellow:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween span.green_light{background-color:#24b269;color:#fff !important;cursor:pointer}.sepTitle.jcbetween span.green_light:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.sepTitle.jcbetween:after{width:calc(100% - 300px)}.sepTitle.jcbetween.long:after{width:calc(100% - 360px)}.waitingedit input{background-image:none}.input-wrap{display:flex;align-items:center;background-color:#fff}.input-wrap .input-extend-btn{min-width:40px;height:40px;padding:3.75px 10px;background-color:rgba(142,142,144,.05);display:flex;justify-content:center;align-items:center;border:1px solid #c2cadd;font-size:.875rem}.input-wrap .input-extend-btn.left{border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none}.input-wrap .input-extend-btn.right{border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:none}.input-wrap .input-extend-btn img{height:18px}.input-wrap .input-extend-btn.valid{cursor:pointer}.input-wrap .input-extend-btn.valid:hover,.input-wrap .input-extend-btn.valid.active{background-image:linear-gradient(rgba(0, 0, 0, 0.4) 0 0);color:#fff}.input-wrap .form-input{flex:2;text-align:left;border-radius:0px}.input-wrap.noleft .form-input{border-top-left-radius:5px;border-bottom-left-radius:5px}.input-wrap.noright .form-input{border-top-right-radius:5px;border-bottom-right-radius:5px}.input-wrap.editdisable .form-input{pointer-events:none !important;background-color:#8e8e90;color:#fff}.input-wrap.editdisable.editing .form-input{pointer-events:auto !important;background-color:#fff;color:#282828}input[type=radio][disabled],input[type=checkbox][disabled]{background-color:#8e8e90 !important}.form-input::placeholder,.form-textarea::placeholder{color:#8e8e90;opacity:1}.form-input,.form-textarea{background-color:#fff;border:1px solid #c2cadd;padding:6px 15px;width:100%;color:#282828;font-size:.875rem;letter-spacing:.125rem;border-radius:5px}.form-input:read-only,.form-textarea:read-only{background-color:#f2f3f5 !important;color:#8e8e90}.form-input:read-only.form-dropdown,.form-textarea:read-only.form-dropdown{background-color:#fff !important;color:#282828}.form-input:read-only.form-dropdown.readonly,.form-textarea:read-only.form-dropdown.readonly{-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;background-color:#f2f3f5 !important;color:#8e8e90 !important;cursor:default !important}.form-input.readonly,.form-textarea.readonly{-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;background-color:#f2f3f5 !important;color:#8e8e90 !important;cursor:default !important;background-blend-mode:overlay;pointer-events:none}.form-input.border-radius-half,.form-textarea.border-radius-half{border-radius:20px}.form-input.liketext,.form-textarea.liketext{border:none !important;padding-left:0px;font-size:1.5rem;letter-spacing:1px}.form-input{height:40px}.form-input.form-dropdown,.form-input.form-date,.form-input.form-time,.form-input.form-search,.form-input.form-number{padding-left:45px !important;cursor:pointer;background-position:15px center;background:#fff no-repeat scroll 15px center}.form-input.form-dropdown{background-image:url("../lib/icons/droparrow.webp");background-position:calc(100% - 15px) center;padding-left:15px !important}.form-input.form-date{background-image:url("../lib/icons/calendar.webp")}.form-input.form-time{background-image:url("../lib/icons/timeclock.webp")}.form-input.form-search{background-image:url("../lib/icons/search.webp")}.form-input.form-number{background-image:url("../lib/icons/number.webp")}.form-input.wauto{width:auto}.form-textarea{height:100px;resize:vertical}@media(max-width: 768px){.form-textarea{height:80px}}.form-input-content{position:relative;width:100%;min-height:200px;background-color:rgba(0,0,0,0);border:1px solid #c2cadd;border-radius:5px}.form-input-content input{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border:none;border-bottom:1px solid #c2cadd}.form-input-content .inputcontent{padding:10px 15px;display:flex;flex-wrap:wrap}.form-input-content .inputcontent .list{margin-right:15px;display:flex;align-items:baseline}.form-input-content .inputcontent .list span{color:#8e8e90;text-decoration-line:underline;text-underline-offset:5px;text-decoration-thickness:1px}.form-input-content .inputcontent .list .del{display:inline-flex;font-size:.75rem;cursor:pointer;color:#282828;margin-left:3px}.form-input-eyes{display:flex;width:100%}.form-input-eyes .eyepwd{margin-left:-30px;display:flex;justify-content:center;align-items:center;cursor:pointer}.form-input-eyes .eyepwd img:last-child{display:none}.form-input-eyes.inactive .eyepwd img:first-child{display:none}.form-input-eyes.inactive .eyepwd img:last-child{display:block}.form-inputtextarea{width:100%;min-height:200px;background-color:rgba(0,0,0,0);border:1px solid #c2cadd;border-radius:5px}.form-inputtextarea input{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border:none;border-bottom:1px solid #c2cadd}.form-inputtextarea .form-inputtextarea-content{padding:10px 15px}.form-input-select{width:100%;min-height:200px;background-color:rgba(0,0,0,0);border:1px solid #c2cadd;border-radius:5px;display:flex;flex-direction:column;position:relative}.form-input-select input{border-bottom-left-radius:0px;border-bottom-right-radius:0px;border:none;border-bottom:1px solid #c2cadd}.form-input-select .form-input-select-content{padding:10px 15px;background-color:rgba(242,243,245,.5);flex:2;display:flex;flex-wrap:wrap}.form-input-select .form-input-select-content .list{margin-right:15px;margin-bottom:15px;display:flex;height:30px;align-items:center;border:1px solid rgba(40,40,40,.5);border-radius:5px;background-color:#fff}.form-input-select .form-input-select-content .list span{color:#282828;font-size:.875rem;padding:3px 6px}.form-input-select .form-input-select-content .list .del{display:inline-flex;font-size:1.125rem;cursor:pointer;color:rgba(255,63,63,.5);width:30px;display:flex;justify-content:center;align-items:center;border-left:1px solid rgba(40,40,40,.5)}.form-input-select .form-input-select-content .list .del:hover{color:#ff3f3f}.editreadonly .form-input,.editreadonly .form-input:read-only,.editreadonly .form-dropdown{-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain;background-color:#fafafa !important;cursor:default !important;background-blend-mode:overlay;background-image:none !important;pointer-events:none}.radio,.checkbox{display:inline-flex;align-items:center;padding-right:15px}.radio input,.checkbox input{-webkit-appearance:none;appearance:none;position:relative;height:24px;width:24px;transition:all .15s ease-out 0s;cursor:pointer;margin:.4rem;border:2px solid #c2cadd}.radio input[type=radio],.checkbox input[type=radio]{border-radius:50%}.radio input[type=radio]:before,.checkbox input[type=radio]:before{content:"";display:block;width:16px;height:16px;border-radius:50%;margin:2px;transform:scale(0);transition:all .2s ease-in-out}.radio input[type=radio]:checked:before,.checkbox input[type=radio]:checked:before{background:#8e8e90;transform:scale(1)}.radio input[type=radio]#Status1:checked,.checkbox input[type=radio]#Status1:checked{border-color:#008c95}.radio input[type=radio]#Status1:checked:before,.checkbox input[type=radio]#Status1:checked:before{background:#008c95}.radio input[type=radio]#Status0:checked,.checkbox input[type=radio]#Status0:checked{border-color:#ff3f3f}.radio input[type=radio]#Status0:checked:before,.checkbox input[type=radio]#Status0:checked:before{background:#ff3f3f}.radio input[type=checkbox],.checkbox input[type=checkbox]{border-radius:10%}.radio input[type=checkbox]:before,.radio input[type=checkbox]:after,.checkbox input[type=checkbox]:before,.checkbox input[type=checkbox]:after{position:absolute;content:"";background:#fff}.radio input[type=checkbox]:before,.checkbox input[type=checkbox]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.radio input[type=checkbox]:after,.checkbox input[type=checkbox]:after{-webkit-transform:rotate(40deg);transform:rotate(40deg);transition-delay:.2s}.radio input[type=checkbox]:checked,.radio input[type=checkbox]:indeterminate,.checkbox input[type=checkbox]:checked,.checkbox input[type=checkbox]:indeterminate{background:#630303;border-color:rgba(0,0,0,0)}.radio input[type=checkbox]:checked:before,.checkbox input[type=checkbox]:checked:before{left:0px;top:13px;width:10px;height:2px}.radio input[type=checkbox]:checked:after,.checkbox input[type=checkbox]:checked:after{right:6px;bottom:1px;width:2px;height:16px}.switch{position:relative;display:flex;height:40px;align-items:center}.switch .switchstyle{margin-left:10px;margin-right:10px;position:relative}.switch .switchstyle input[type=checkbox]{opacity:0;position:absolute}.switch .switchstyle input[type=checkbox]:checked+.slider{background-color:#008c95}.switch .switchstyle input[type=checkbox]:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px);left:32px}.switch .switchstyle .slider{display:flex;width:80px;height:24px;position:relative;cursor:pointer;background-color:#c2cadd;transition:.4s;border-radius:34px}.switch .switchstyle .slider:before{position:absolute;content:"";height:20px;width:20px;left:2px;top:2px;background-color:#fff;transition:.4s;border-radius:50%}.switch .switchstyle.big{margin-left:10px;margin-right:10px}.switch .switchstyle.big input:checked+.slider:before{left:98px}.switch .switchstyle.big .slider{width:150px;height:30px}.switch .switchstyle.big .slider:before{height:24px;width:24px;left:3px;top:3px}.switch .switchstyle.small{margin-left:0px;margin-right:0px}.switch .switchstyle.small input:checked+.slider:before{left:8px}.switch .switchstyle.small .slider{width:50px;height:18px}.switch .switchstyle.small .slider:before{height:14px;width:14px;left:2px;top:2px}.switch1.red .switchstyle input:checked+.slider{background-color:#ff3f3f}.close{position:relative;width:30px;height:30px;cursor:pointer;z-index:10002}.close::before,.close::after{content:"";width:25px;height:2px;background-color:#c2cadd;position:absolute;display:inline-block;top:15px;left:3px}.close::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.close::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.close:hover::before,.close:hover::after{background-color:#8a94ac}.close.red::before,.close.red::after{background-color:#ff3f3f}.close.red:hover::before,.close.red:hover::after{background-color:#282828}.modal{display:none;position:fixed;z-index:9900;background-color:rgba(0,0,0,.5);width:100vw;height:100vh;top:0;left:0}.modal.show{display:flex;justify-content:center}.modal .modal-dialog.modal-dialog-centered{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;height:100%}.modal .modal-dialog .mymodal-content{position:relative;display:flex;flex-direction:column;background-color:#f2f3f5;border-radius:2px;width:calc(100vw - 4px);height:calc(100vh - 4px);margin:0px auto;padding:10px}.modal .modal-dialog .mymodal-content .mymodal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:5px;position:relative;z-index:10001}.modal .modal-dialog .mymodal-content .mymodal-body{position:relative;flex:2;padding:15px;overflow-y:auto;background-color:#fff;border:1px solid #c2cadd;border-radius:10px}.modal .modal-dialog .mymodal-content .mymodal-body iframe{border:none}.modal .modal-dialog .mymodal-content .mymodal-footer{display:flex;justify-content:flex-end}.modal .modal-dialog .mymodal-content.modal-hints{padding:0}.modal .modal-dialog .mymodal-content.modal-hints .mymodal-body{padding:0}.modal .modal-dialog .mymodal-content.modal-msg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:0;max-width:300px;max-height:200px}.modal .modal-dialog .mymodal-content.modal-msg .mymodal-body{padding:0}.modal .modal-dialog .mymodal-content.modal-auto{width:unset !important;height:unset !important;max-width:600px;max-height:100%}.alert_overlay{z-index:9999;background-color:rgba(0,0,0,.4);backdrop-filter:blur(5px);position:fixed;width:100%;height:100%;top:0;left:0}.alert_overlay .alert_msg{opacity:0;max-width:400px;width:100%;position:absolute;left:50%;background-color:#fff;-webkit-transform:translate(-50%, 100px) scale(0.5);transform:translate(-50%, 100px) scale(0.5);transition:all .2s cubic-bezier(0.8, 0.5, 0.2, 1.4);display:flex;flex-direction:column;border-radius:5px}.alert_overlay.alert_show .alert_msg{opacity:1;-webkit-transform:translate(-50%, 100px) scale(1);transform:translate(-50%, 100px) scale(1)}.alert_overlay .alert_msg .alert_title{font-size:1.25rem;padding:10px 15px;display:flex;justify-content:center;border-bottom:1px solid #c2cadd}.alert_overlay .alert_msg .alert_content{padding:10px 15px;font-size:.875rem;display:flex;justify-content:flex-start}.alert_msg.alert_confirm .alert_content{padding:15px;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}.alert_overlay .alert_msg .alert_content .alert_items{width:100%;display:flex;margin-bottom:3px}.alert_overlay .alert_msg .alert_content .alert_items .alert_item{padding-right:5px}.alert_overlay .alert_msg .alert_buttons{display:flex;justify-content:flex-end;border-top:1px solid #c2cadd;padding:10px;user-select:none}.alert_msg.alert_confirm .alert_buttons{justify-content:center}.alert_overlay .alert_msg .alert_buttons .alert_btn{-webkit-appearance:none;appearance:none;padding:10px 15px;min-width:60px;text-align:center;border-radius:5px;border:1px solid #c2cadd;cursor:pointer;font-size:.875rem}.alert_overlay .alert_msg .alert_buttons .alert_btn:not(:last-child){margin-right:15px}.alert_overlay .alert_msg .alert_buttons .alert_btn:hover{background-image:linear-gradient(rgba(40, 40, 40, 0.4) 0 0)}.alert_overlay .alert_msg .alert_buttons .alert_btn.alert_btn_ok{background-color:#008c95;border:1px solid #008c95;color:#fff}.alert_overlay .alert_msg .alert_buttons .alert_btn.alert_btn_cancel{background-color:#ff3f3f;border:1px solid #ff3f3f;color:#fff}.tooltip{position:relative;display:table}.tooltip .tooltip-content{position:absolute;z-index:9999;width:360px;height:180px;border-radius:5px;padding:15px;font-size:.875rem;line-height:1.125;box-shadow:1px 1px 1px rgba(139,139,139,.5);background-color:#282828;color:#fff;display:flex;opacity:0;pointer-events:none;transform:scale3d(0.3, 0.3, 0.3);transition:opacity .2s,transform .2s}.tooltip .tooltip-content::after{content:"";border:solid rgba(0,0,0,0);height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(0,0,0,0);border-width:10px}.tooltip .tooltip-content img{position:relative;display:block}.tooltip .tooltip-content .tooltip-text{flex:2;padding:10px}.tooltip.toup .tooltip-content{transform-origin:50% 100%;left:calc(50% - 360px/2);bottom:calc(100% + 10px)}.tooltip.toup .tooltip-content::after{left:50%;top:100%;border-top-color:#282828;margin-left:-10px}.tooltip.todown .tooltip-content{transform-origin:50% 0%;left:calc(50% - 360px/2);top:calc(100% + 10px)}.tooltip.todown .tooltip-content::after{left:50%;bottom:100%;border-bottom-color:#282828;margin-left:-10px}.tooltip.toleft .tooltip-content{transform-origin:100% 50%;left:calc(-10px - 360px);top:calc(50% - 180px/2)}.tooltip.toleft .tooltip-content::after{left:100%;top:45%;border-left-color:#282828}.tooltip.toright .tooltip-content{transform-origin:0% 50%;left:calc(100% + 10px);top:calc(50% - 180px/2)}.tooltip.toright .tooltip-content::after{right:100%;top:45%;border-right-color:#282828}.tooltip:hover .tooltip-content{pointer-events:auto;opacity:1;transform:translate3d(0, 0, 0) rotate3d(0, 0, 0, 0)}.cameravideo-container{z-index:9900;display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(142,142,144,.95);backdrop-filter:blur(10px);overflow:hidden}.cameravideo-container.activing{display:flex;flex-direction:column}.cameramodal-container{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#282828;overflow:hidden}#camera-container{position:relative;display:none;width:100%;height:100%;background-color:#282828;overflow:hidden}#camera-container.activing{display:block}#camera-container .btnopt{z-index:9999;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:20px}#camera-options{flex:2;background-color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#videoShow{position:absolute;background-color:#282828;object-fit:contain !important;top:50% !important;left:50% !important;transform:translate(-50%, -50%) !important}.is-mobile #videoShow{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y pinch-zoom}#focus{z-index:9000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);display:flex;justify-content:center;box-shadow:0 0 0px 100vh rgba(0,0,0,.5)}#focus img{width:100%}#canvas{display:none;position:absolute;top:50px;left:50px;z-index:9999}#infos-container{position:relative;display:none;align-items:flex-start;justify-content:center;overflow:hidden;width:100%;height:100%;padding:150px 15px 30px 15px}#infos-container.activing{display:flex}.mask-loading{z-index:9999;position:fixed;width:100vw;height:100vh;left:0px;top:0px;background-color:rgba(40,40,40,.75);display:flex;justify-content:center;align-items:center}.faceborder-items .faceborder-item{position:absolute}.faceborder-items .faceborder-item .faceborder-line{width:100%;height:100%;border:3px dotted #008c95}.faceborder-items .faceborder-item .faceborder-title{color:#008c95;background-color:rgba(255,255,255,.5);padding:3px 5px}.faceborder-items .faceborder-item.red .faceborder-line{border-color:#ff3f3f}.faceborder-items .faceborder-item.red .faceborder-title{color:#ff3f3f}.face-guide-frame{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.face-guide-frame .face-guide-oval{width:min(64%,300px);aspect-ratio:3/4;border:3px dashed rgba(255,255,255,.9);border-radius:50%;box-sizing:border-box}.face-guide-frame .face-guide-tip{margin-top:14px;color:#fff;background-color:rgba(40,40,40,.45);padding:4px 14px;border-radius:14px;font-size:14px;white-space:nowrap;letter-spacing:1px}.camera-test-login{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);z-index:9999}.camera-test-login .btn,.camera-test-login .btnfullwidth,.camera-test-login .btngray,.camera-test-login .btnwhite,.camera-test-login .btnblack,.camera-test-login .btnbrown,.camera-test-login .btnred,.camera-test-login .btnblue,.camera-test-login .btnblue_light,.camera-test-login .btnblue_dark,.camera-test-login .btngreen,.camera-test-login .btnpurple,.camera-test-login .btnorange,.camera-test-login .btnorange_red,.camera-test-login .btnorange_yellow,.camera-test-login .btnpink,.camera-test-login .btnyellow,.camera-test-login .btngreen_light,.camera-test-login .btnupload,.camera-test-login .btnnobgc{min-width:140px;padding:10px 24px;font-size:16px;border-radius:24px}.camera-detect-hint{position:absolute;left:50%;top:18px;transform:translateX(-50%);z-index:9999;max-width:90%;text-align:center;color:#fff;background-color:rgba(40,40,40,.5);padding:10px 18px;border-radius:20px;font-size:15px;line-height:1.4;pointer-events:none;white-space:normal}.camera-para{z-index:9999;color:red;display:none}.cameraIdentify{z-index:9999;width:100%;height:100px;background-color:rgba(255,255,255,.75);font-size:2rem;display:none;justify-content:center;align-items:center}.cameraIdentify.activing{display:flex}.camera-controls{z-index:9920;position:fixed;bottom:0;padding:15px;width:100%;background-color:rgba(255,255,255,.75)}.camera-controls .btngroup{width:100%}.camera-toggle{cursor:pointer;position:absolute;right:30px;top:30px;z-index:9999}.camera-shutter{cursor:pointer;z-index:9999;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain}.camera-shutdown{position:absolute;left:18px;top:18px;z-index:9999;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.3);transition:background-color .2s,transform .1s}.camera-shutdown img{width:22px;height:22px;object-fit:contain;pointer-events:none;filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4))}.camera-shutdown:hover{background-color:rgba(211,47,47,.92);border-color:rgba(255,255,255,.5)}.camera-shutdown:active{transform:scale(0.94)}.result-container{z-index:9910;position:fixed;left:0px;top:0px;width:100%;height:100%;display:flex;justify-content:space-between}.result-container .result-block{background-color:rgba(255,255,255,.85);width:180px;height:100%;padding:5px}.result-container .result-block p{margin-bottom:6px;font-size:.875rem}.result-container .result-block p span{margin-right:3px;font-size:.75rem;display:block;color:#282828 !important}.result-container .result-block.result-apply{color:#008c95}.result-container .result-block.result-forbid{color:#ff3f3f}.result-container.attendance-result-panel{position:relative;left:auto;top:auto;width:100%;height:auto;z-index:auto}.btnsnap{z-index:9999;display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:15px;position:fixed;bottom:50px;left:50%;transform:translateX(-50%);-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain}.btnsnap img{width:64px;cursor:pointer}.pwa-install-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(40,40,40,.7);z-index:99999;display:none;justify-content:center;align-items:center;backdrop-filter:blur(5px);opacity:0;transition:opacity .3s ease}.pwa-install-overlay.active{display:flex;opacity:1;animation:fadeIn .3s ease}.pwa-install-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);width:90%;max-width:400px;overflow:hidden;transform:translateY(20px);transition:transform .3s ease}.pwa-install-overlay.active .pwa-install-modal{transform:translateY(0);animation:slideUp .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.pwa-install-header{display:flex;align-items:center;padding:20px 20px 15px;position:relative;border-bottom:1px solid #f0f0f0}.pwa-install-icon{width:50px;height:50px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:15px}.pwa-install-icon svg{width:24px;height:24px;fill:#fff}.pwa-install-title{font-size:18px;font-weight:700;color:#333;margin:0;flex:1}.pwa-install-close{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s}.pwa-install-close:hover{background-color:#f5f5f5}.pwa-install-close svg{width:16px;height:16px}.pwa-install-body{padding:20px}.pwa-install-info{color:#666;line-height:1.5;margin-bottom:25px;font-size:15px;text-align:center}.pwa-install-buttons{display:flex;gap:12px}.pwa-install-buttons.column{flex-direction:column}.pwa-install-btn{flex:1;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:flex;align-items:center;justify-content:center}.pwa-install-btn.pwa-install-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff}.pwa-install-btn.pwa-install-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.pwa-install-btn.pwa-install-primary:active{transform:translateY(0)}.pwa-install-btn.pwa-install-secondary{background:#f5f5f5;color:#666}.pwa-install-btn.pwa-install-secondary:hover{background:#e8e8e8}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#mainNav{z-index:9000;background-color:#fff;width:100%;position:fixed;top:0px;box-shadow:0px 2px 5px 3px rgba(58,62,65,.1)}#mainNav .mainNav-container{display:flex;align-items:flex-end;justify-content:space-between;padding-top:15px;padding-bottom:30px}#mainNav .mainNav-container .navbar-logo{width:400px;display:flex}#mainNav .mainNav-container .navbar-logo img{max-height:64px}#mainNav .mainNav-container .navbar-wrap{flex:2;max-width:800px}@media(max-width: 992px){#mainNav .mainNav-container .navbar-logo{width:300px}#mainNav .mainNav-container .navbar-wrap .navbar-top-container{align-items:center}}@media(max-width: 576px){#mainNav .mainNav-container .navbar-logo{width:200px}}.navbar-line{height:16px;width:1px;background-color:rgba(0,140,149,.75);margin-left:15px}.navbar-top-container{position:relative;height:50px;display:flex;align-items:flex-start;justify-content:flex-end}.navbar-top-container .navbar-options{display:flex;align-items:flex-end}.navbar-top-container .navbar-options .navbar-option{margin-left:15px;cursor:pointer;position:relative;display:flex;align-items:flex-end;line-height:1;font-size:1rem;color:rgba(40,40,40,.75)}.navbar-top-container .navbar-options .navbar-option:hover{color:#282828}.navbar-top-container .navbar-options .navbar-option.navbar-login{color:#008c95}.navbar-top-container .navbar-options .navbar-search{margin-left:15px}.navbar-top-container .navbar-toggler{display:none;width:32px;height:26px;align-items:center;cursor:pointer}.navbar-top-container .navbar-toggler .navbar-toggler-icon{width:100%;height:2px;background-color:#282828;position:relative}.navbar-top-container .navbar-toggler .navbar-toggler-icon::before{content:"";width:100%;height:2px;background-color:#282828;position:absolute;left:0px;top:-10px}.navbar-top-container .navbar-toggler .navbar-toggler-icon::after{content:"";width:100%;height:2px;background-color:#282828;position:absolute;left:0px;top:10px}@media(max-width: 992px){.navbar-top-container .navbar-options{display:none}.navbar-top-container .navbar-toggler{display:flex}}#mainNav .navbar-container{display:flex;padding-top:15px;padding-bottom:15px}#mainNav .navbar-container .navbar-header{display:flex;justify-content:space-between;align-items:flex-end}#mainNav .navbar-container .navbar-header .navbar-logo{display:flex}#mainNav .navbar-container .navbar-header .navbar-logo img{height:50px}#mainNav .navbar-container .navbar-header .navbar-toggler{display:none;width:32px;height:26px;align-items:center;cursor:pointer}#mainNav .navbar-container .navbar-header .navbar-toggler .navbar-toggler-icon{width:100%;height:2px;background-color:#282828;position:relative}#mainNav .navbar-container .navbar-header .navbar-toggler .navbar-toggler-icon::before{content:"";width:100%;height:2px;background-color:#282828;position:absolute;left:0px;top:-10px}#mainNav .navbar-container .navbar-header .navbar-toggler .navbar-toggler-icon::after{content:"";width:100%;height:2px;background-color:#282828;position:absolute;left:0px;top:10px}#mainNav .navbar-container .navbar-collapse{flex:2;display:flex}#mainNav .navbar-container .navbar-collapse .nav-items{width:100%;display:flex;justify-content:flex-end;align-items:center}#mainNav .navbar-container .navbar-collapse .nav-items .nav-item{height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(40,40,40,.75);padding-left:30px}#mainNav .navbar-container .navbar-collapse .nav-items .nav-item:hover{color:#282828;font-weight:700}#mainNav .navbar-container .navbar-collapse .nav-items .nav-item.active{background-color:#0379ab;color:#fff;cursor:default}@media(max-width: 992px){#mainNav .navbar-container .navbar-header{display:flex;justify-content:space-between;align-items:center;width:100%}#mainNav .navbar-container .navbar-header .navbar-toggler{display:flex}#mainNav .navbar-container .navbar-collapse{display:none;height:unset}#mainNav .navbar-container .navbar-collapse.show{display:flex;z-index:9100;position:absolute;left:0;top:80px;max-width:unset;width:calc(100% + 0px);height:auto;padding:0px;background-color:#0379ab;padding-left:15px;padding-right:15px;overflow-y:scroll;height:calc(100vh - 80px)}#mainNav .navbar-container .navbar-collapse.show .nav-items{flex-direction:column;width:100%;height:unset !important;justify-content:flex-start;align-items:flex-start}#mainNav .navbar-container .navbar-collapse.show .nav-items .nav-item{padding-top:10px;padding-bottom:10px;color:#fff;flex:unset;height:unset}#mainNav .navbar-container .navbar-collapse.show .nav-items .nav-item.active{background-color:rgba(0,0,0,0);color:#fff}}.menu-dropdown{position:relative;cursor:pointer}.menu-dropdown .menu-navbar{position:relative;display:flex;align-items:center;height:100%;padding-left:10px;padding-right:10px}.menu-dropdown .dropdown-items{z-index:9900;display:none}.menu-dropdown:hover .dropdown-items{display:flex}.menu-dropdown .dropdown-items{flex-direction:column;min-width:165px;width:auto;white-space:nowrap;padding-right:2px;position:absolute;left:0px;top:calc(100% + 0px);background-color:#fff;border-top:2px solid rgba(3,121,171,.9);white-space:break-spaces}.menu-dropdown .dropdown-items .dropdown-item{cursor:pointer;color:rgba(40,40,40,.75);padding:10px 10px;display:flex;align-items:center}.menu-dropdown .dropdown-items .dropdown-item:not(:last-child){border-bottom:1px solid rgba(3,121,171,.9)}.menu-dropdown .dropdown-items .dropdown-item:hover{color:#0379ab}.menu-dropdown .dropdown-items.active{display:flex}.menu-dropdown.activing .dropdown-items{display:flex}@media(max-width: 992px){.menu-dropdown{display:flex;flex-direction:column}.menu-dropdown .menu-navbar{flex-direction:column;align-items:flex-start}.menu-dropdown .dropdown-items{position:relative;left:unset;top:unset}}.footer-container{z-index:10;background-color:#008c95;color:#fff;padding-top:60px;padding-bottom:30px}.footer-container .footer-bigtitle{font-size:2.5rem;font-weight:700;margin-bottom:30px}.footer-container .footer-title{font-size:1.625rem;font-weight:700;margin-bottom:15px}.footer-container .footer-wrap{display:flex}.footer-container .footer-wrap .footer-infos-container{width:60%;display:flex}.footer-container .footer-wrap .footer-infos-container .footer-infos{width:60%;display:flex;flex-direction:column}.footer-container .footer-wrap .footer-infos-container .footer-infos .footer-info{margin-bottom:15px;display:flex}.footer-container .footer-wrap .footer-infos-container .footer-infos .footer-info .icon{width:40px}.footer-container .footer-wrap .footer-infos-container .footer-infos .footer-info .icon img{width:25px}.footer-container .footer-wrap .footer-infos-container .footer-infos .footer-info .content{flex:2;line-height:1.65}.footer-container .footer-wrap .footer-infos-container .footer-infos .footer-info .content a{color:#fff}.footer-container .footer-wrap .footer-infos-container .footer-infos-photo{flex:2;display:flex;justify-content:center}.footer-container .footer-wrap .footer-infos-container .footer-infos-photo img{width:300px}.footer-container .footer-wrap .footer-menus-container{flex:2;display:flex;justify-content:flex-end}.footer-container .footer-wrap .footer-menus-container .footer-menus{display:flex;flex-direction:column}.footer-container .footer-wrap .footer-menus-container .footer-menus .footer-menu{cursor:pointer}.footer-container .footer-wrap .footer-menus-container .footer-menus .footer-menu:not(:last-child){margin-bottom:15px}.footer-container .footer-wrap .footer-menus-container .footer-menus.fwb{font-weight:700}.footer-container .footer-wrap .footer-menus-container .footer-menus-line{background-color:#fff;width:1px;height:100%;margin-left:30px;margin-right:30px}.footer-container .footer-copyright-container{display:flex;align-items:center;justify-content:space-between;margin-top:60px}.footer-container .footer-copyright-container .footer-copyright{font-size:.75rem}.footer-container .footer-copyright-container .footer-logo{width:180px}@media(max-width: 1280px){.footer-container .footer-wrap{flex-direction:column}.footer-container .footer-wrap .footer-infos-container{width:100%;padding-right:0;padding-bottom:30px;flex-direction:column}.footer-container .footer-wrap .footer-infos-container .footer-infos{width:100%;padding-right:0}.footer-container .footer-wrap .footer-infos-container .footer-infos-photo{justify-content:flex-start}.footer-container .footer-wrap .footer-menus-container{flex-direction:column}.footer-container .footer-wrap .footer-menus-container .footer-menus-line{width:100%;height:1px;margin-left:0;margin-right:0;margin-top:15px;margin-bottom:15px}.footer-container .footer-copyright-container{flex-direction:column;align-items:flex-start}.footer-container .footer-copyright-container .footer-copyright{margin-bottom:15px}}*{-webkit-user-select:none;user-select:none;overscroll-behavior-y:contain}.is_ovy{overflow-y:hidden !important}img:not(.notevents){pointer-events:none}.overflow-hidden{overflow:hidden;padding-right:17px}.htitle{display:block}.htitle.white{color:#fff}.htitle.orange{color:#c95c02}.htitle.black{color:#282828}.htitle.gray{color:#8e8e90}.htitle.mbhigh{margin-bottom:30px}.htitle.mbsmall{margin-bottom:5px}.htitle.center{text-align:center}h1.htitle{font-size:3.65rem;line-height:1}h2.htitle{font-size:3.65rem;line-height:1}h3.htitle{font-size:1.5rem;font-weight:300}h4.htitle{font-size:1rem;line-height:1.65}h5.htitle{font-size:.875rem}span.gray{color:#8e8e90 !important}span.orange{color:#c95c02 !important}span.green{color:#008c95 !important}span.brown{color:#630303 !important}span.red{color:#ff3f3f !important}span.black{color:#282828 !important}span.blue{color:#0379ab !important}span.bluelight{color:#3098e0 !important}span.bluedark{color:#024866 !important}span.tourl{color:#630303;cursor:pointer}span.tourl:after{content:"→";font-size:.75rem;margin-left:4px}span.tourl:hover{font-style:italic}.btn_disable{opacity:.25 !important;cursor:default !important;pointer-events:none !important}section{padding-top:60px;padding-bottom:60px}section.pt0{padding-top:0}section.pb0{padding-bottom:0}section.page{min-height:calc(100vh - 160px - 250px - 150px)}section.faq-page{background-image:#fff}section.faq-page .block-item .block-item-content{background-color:rgba(255,255,255,.04) !important}.section-title{text-align:center;font-size:2rem;margin-bottom:30px}.index-banner{position:relative;background-image:url("../images/banner.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100vh;max-height:900px}.index-banner:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(40,40,40,.5)}.index-banner .index-banner-content{z-index:10;margin:0;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:#fff;font-weight:700;font-size:3.5rem;line-height:1.25}@media(max-width: 992px){.index-banner .index-banner-content{font-size:2rem}}.index-aboutus{position:relative;background-image:url("../images/aboutus.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:100vh;max-height:600px;color:#fff}.index-aboutus:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(40,40,40,.75)}.index-aboutus .index-aboutus-content{z-index:10;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:1.125rem}.index-contactus{position:relative;background-image:url("../images/map.jpg");background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:auto}.index-contactus:after{content:"";position:absolute;width:100%;height:100%;top:0px;left:0px;background-color:rgba(40,40,40,.05)}.index-contactus-container{display:flex}.index-contactus-container .contactus-left-container{z-index:100;width:50%;padding-right:30px}.index-contactus-container .contactus-left-container label{color:#fff}.index-contactus-container .contactus-right-container{flex:2;padding-left:30px}.index-contactus-container .contactus-right-container .contactus-title{color:#fff;font-size:1.25rem;margin-bottom:15px}.index-contactus-container .contactus-right-container .contactus-content{color:#fff}.index-contactus-container .contactus-right-container .contactus-content a{color:#fff;text-decoration:underline}@media(max-width: 992px){.index-contactus-container{flex-direction:column}.index-contactus-container .contactus-left-container{width:100%;margin-bottom:30px;padding-right:0}.index-contactus-container .contactus-right-container{padding-left:0}}.loginpages{padding:90px 30px;background-color:rgba(242,243,245,.25)}.loginpages .loginpages-container{display:flex;flex-direction:column;margin:0px auto;width:100%;max-width:480px;border-radius:5px;border:2px solid #fff;background-color:#fff;box-shadow:0px 0px 5px 5px rgba(58,62,65,.25)}.loginpages .loginpages-container .login-logo{display:flex;align-items:center;padding:10px 15px;border-bottom:1px solid #000}.loginpages .loginpages-container .login-logo .img{display:flex}.loginpages .loginpages-container .login-logo .img img{height:30px}.loginpages .loginpages-container .login-logo .content{font-size:1.5rem;padding-left:15px}.loginpages .loginpages-container .login-container,.loginpages .loginpages-container .forgetpwd-container,.loginpages .loginpages-container .register-container{padding:15px 15px}.loginpages .loginpages-container .login-container .title,.loginpages .loginpages-container .forgetpwd-container .title,.loginpages .loginpages-container .register-container .title{margin-bottom:15px}.loginpages .loginpages-container .login-container .form-input,.loginpages .loginpages-container .forgetpwd-container .form-input,.loginpages .loginpages-container .register-container .form-input{border:none;border-radius:0;border-bottom:1px solid #acacac}.loginpages .loginpages-container .login-container .form-line,.loginpages .loginpages-container .forgetpwd-container .form-line,.loginpages .loginpages-container .register-container .form-line{margin-top:10px;margin-bottom:30px;height:1px;width:100%;background-color:#8e8e90}.loginpages .loginpages-container .login-container .btnforgetpwd,.loginpages .loginpages-container .forgetpwd-container .btnforgetpwd,.loginpages .loginpages-container .register-container .btnforgetpwd{color:#8e8e90;cursor:pointer;text-decoration-line:underline;text-underline-offset:5px;text-decoration-thickness:1px;font-size:.875rem}.loginpages .loginpages-container .login-container.inactive,.loginpages .loginpages-container .forgetpwd-container.inactive,.loginpages .loginpages-container .register-container.inactive{display:none !important}@media(max-width: 992px){.loginpages{padding:60px 15px}.loginpages .loginpages-container .form-input{height:80px;font-size:1.5rem}}.banner-page{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;min-height:400px}ul,li{list-style:none;padding-left:0px;margin-top:0;margin-bottom:0}.floatright{float:right}.banner-title-withbg{background-image:url("../images/upward.webp");background-size:cover;background-position:center;background-repeat:no-repeat;width:730px;height:350px;position:absolute;bottom:0px;left:100px;display:flex;justify-content:center;align-items:center}.banner-title-withbg span{width:370px;color:#fff;font-size:44px;line-height:1.125;font-weight:700;letter-spacing:1px;padding-left:185px}.banner-title-withbg span.notlong{padding-left:160px}.banner-title-withbg span.long{padding-left:150px}.banner-title-withbg span.short{padding-left:200px}@media(max-width: 992px){.banner-title-withbg{width:365px;height:175px;left:50px}.banner-title-withbg span{max-width:200px;font-size:24px;padding-left:100px}.banner-title-withbg span.long{padding-left:80px}.banner-title-withbg span.short{padding-left:150px}}@media(max-width: 576px){.banner-title-withbg{width:300px;height:144px;left:15px}.banner-title-withbg span{max-width:200px;font-size:20px;padding-left:100px}.banner-title-withbg span.long{padding-left:80px}.banner-title-withbg span.short{padding-left:100px}}.banner-title{z-index:10;background-color:rgba(3,121,171,.75);width:100%;max-width:500px;padding-top:30px;padding-bottom:30px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0px;display:flex;justify-content:center;align-items:center}.banner-title span{position:relative;max-width:360px;color:#fff;font-size:36px;line-height:1.125;font-weight:700;letter-spacing:1px;padding-bottom:50px}.banner-title span:after{content:"";background-image:url("../images/arrow_down.png");background-size:contain;width:50px;height:30px;position:absolute;bottom:0px;left:0px;cursor:pointer}@media(max-width: 992px){.banner-title{width:365px;height:185px}.banner-title span{max-width:200px;font-size:1.5rem;padding-bottom:35px}.banner-title span:after{width:40px;height:24px}}@media(max-width: 576px){.banner-title{width:250px;height:125px}.banner-title span{font-size:1rem;padding-bottom:30px}.banner-title span:after{width:35px;height:21px}}.separate-half{width:calc((100% - 30px)/2);margin-right:15px}.separate-half:nth-child(2n){margin-right:0}.separate-third{width:calc((100% - 2*30px)/3);margin-right:30px}.separate-third:nth-child(3n){margin-right:0}@media(max-width: 576px){.separate{margin-bottom:30px;width:100%;margin-right:0}.separate-half{width:100%;margin-right:0}.separate-third{width:100%;margin-right:0}}@media(max-width: 768px){.separate{margin-bottom:30px;width:100%;margin-right:0}.separate-half{width:100%;margin-right:0}.separate-third{width:100%;margin-right:0}}.search-bar{border:1px solid #008c95;border-radius:6px;display:flex;align-items:center;padding:2px 5px}.search-bar .search-bar-input{flex:2}.search-bar .search-bar-input input{width:100%;border:none;display:flex;align-items:center}.search-bar img{cursor:pointer}.search-bar.navbar{width:200px;background-color:#fff}.search-bar.navbar .search-bar-input input{height:18px}.search-bar.navbar img{height:14px}.search-bar.webpage{width:320px;margin:60px auto}.search-bar.webpage .search-bar-input input{height:40px}.search-bar.webpage img{height:25px}.contactus-form{position:relative}.policy-form{position:relative}.webpage-container{display:flex;flex-direction:column}.webpage-container.pb60{padding-bottom:60px}.webpage-container .webpage-gray{color:#8e8e90 !important}.webpage-container .webpage-white{color:#fff !important}.webpage-container .webpage-black{color:#282828 !important}.webpage-container .webpage-brown{color:#630303 !important}.webpage-container .webpage-red{color:#ff3f3f !important}.webpage-container .webpage-blue{color:#0379ab !important}.webpage-container .webpage-blue_light{color:#3098e0 !important}.webpage-container .webpage-blue_dark{color:#024866 !important}.webpage-container .webpage-green{color:#008c95 !important}.webpage-container .webpage-purple{color:#8d09d7 !important}.webpage-container .webpage-orange{color:#c95c02 !important}.webpage-container .webpage-orange_red{color:#f75c2d !important}.webpage-container .webpage-orange_yellow{color:#fa923c !important}.webpage-container .webpage-pink{color:#fae3df !important}.webpage-container .webpage-yellow{color:#fdda24 !important}.webpage-container .webpage-green_light{color:#24b269 !important}.webpage-container .webpage-wrap{display:flex;flex-wrap:wrap}.webpage-container .webpage-wrap.fdc{flex-direction:column}.webpage-container .webpage-italic{font-style:italic}.webpage-container .webpage-line{background-color:#008c95;width:100%;height:1px;margin-top:30px;margin-bottom:30px}.webpage-container .webpage-bigtitle{color:#008c95;font-weight:700;font-size:2.1875rem}.webpage-container .webpage-title{color:#008c95;font-weight:700;font-size:1.625rem}.webpage-container .webpage-subtitle{color:#008c95;font-weight:700;font-size:1.5rem}.webpage-container .webpage-mintitle{color:#008c95;font-weight:700;font-size:1.125rem}.webpage-container .webpage-mintitle:hover{color:#0379ab}.webpage-container .webpage-content{text-align:justify}.webpage-container .webpage-content ul li{font-weight:700;padding-left:15px}.webpage-container .webpage-content ul.mt15{margin-top:15px}.webpage-container .webpage-content ul.pl0 li{padding-left:0}.webpage-container .webpage-mt60{margin-top:60px}.webpage-container .webpage-mt30{margin-top:30px}.webpage-container .webpage-mt15{margin-top:15px}.webpage-container .webpage-mb60{margin-bottom:60px}.webpage-container .webpage-mb30{margin-bottom:30px}.webpage-container .webpage-mb15{margin-bottom:15px}.webpage-container .webpage-pr15{padding-right:15px}.webpage-container .webpage-pr30{padding-right:30px}.webpage-container .webpage-pr60{padding-right:60px}.webpage-container .webpage-full{width:100%}.webpage-container .webpage-full.webpage-offset1{padding-left:60px}.webpage-container .webpage-full.webpage-offset2{padding-left:120px}.webpage-container .ta-justify{text-align:justify}.webpage-container .webpage-half{width:calc((100% - 30px/2)/2);margin-right:15px}.webpage-container .webpage-half:nth-child(2n){margin-right:0}.webpage-container .webpage-third{width:calc((100% - 30px)/3);margin-right:15px}.webpage-container .webpage-third.mr0{margin-right:0}.webpage-container .webpage-third:nth-child(3n){margin-right:0}.webpage-container .webpage-third2{width:calc((100% - 30px)/3*2 + 30px/2);margin-right:15px}.webpage-container .webpage-fourth{width:calc((100% - 3*30px/2)/4);margin-right:15px}.webpage-container .webpage-fourth:nth-child(4n){margin-right:0}.webpage-container .webpage-fivth{width:calc((100% - 2*30px)/5);max-width:312px;margin-right:15px}.webpage-container .webpage-fivth:nth-child(5n){margin-right:0}.webpage-container .webpage-fivth2{width:calc((100% - 3*30px/2)/2.5);margin-right:15px}.webpage-container .webpage-fivth2.services-offsetleft{margin-left:calc((100% - 2*30px)/5)}.webpage-container .webpage-df{display:flex}.webpage-container .webpage-fdc{flex-direction:column}.webpage-container .webpage-flex2{flex:2}.webpage-container .webpage-half img,.webpage-container .webpage-third img,.webpage-container .webpage-third2 img,.webpage-container .webpage-flex2 img{height:100%;width:100%;object-fit:cover;object-position:center}.webpage-container .webpage-half.webpage-img-noeffect,.webpage-container .webpage-third.webpage-img-noeffect,.webpage-container .webpage-third2.webpage-img-noeffect,.webpage-container .webpage-flex2.webpage-img-noeffect{display:flex;justify-content:center;align-items:center}.webpage-container .webpage-half.webpage-img-noeffect img,.webpage-container .webpage-third.webpage-img-noeffect img,.webpage-container .webpage-third2.webpage-img-noeffect img,.webpage-container .webpage-flex2.webpage-img-noeffect img{height:unset;object-fit:unset;object-position:unset}.webpage-container .webpage-half.webpage-img-noeffect img.maxwidth,.webpage-container .webpage-third.webpage-img-noeffect img.maxwidth,.webpage-container .webpage-third2.webpage-img-noeffect img.maxwidth,.webpage-container .webpage-flex2.webpage-img-noeffect img.maxwidth{max-width:500px}@media(max-width: 992px){.webpage-container .webpage-wrap{flex-direction:column}.webpage-container .webpage-full.webpage-offset1{padding-left:10px}.webpage-container .webpage-full.webpage-offset2{padding-left:20px}.webpage-container .webpage-half{margin-bottom:15px;width:100%;margin-right:0}.webpage-container .webpage-third{margin-bottom:15px;width:100%;margin-right:0}.webpage-container .webpage-third2{margin-bottom:15px;width:100%;margin-right:0}.webpage-container .webpage-fourth{margin-bottom:15px;width:calc((100% - 30px/2)/2)}.webpage-container .webpage-fourth:nth-child(2n){margin-right:0}.webpage-container .webpage-fivth{margin-bottom:15px;width:100%;margin-right:0}.webpage-container .webpage-fivth2{width:100%}.webpage-container .webpage-fivth2.services-offsetleft{margin-left:0}}@media(max-width: 576px){.webpage-container .webpage-fourth{width:100%;margin-right:0}}.webpage-cross{display:flex;justify-content:space-between;padding-top:60px;padding-bottom:60px}.webpage-cross.nobottom{padding-bottom:0}.webpage-cross.ishidden{display:none}.webpage-cross .webpage-cross-line{width:100%;height:1px;border-bottom:1px solid rgba(142,142,144,.1)}.bread-crumbs{display:flex;align-items:center;margin-top:30px;margin-bottom:15px;font-size:.75rem}.bread-crumbs .bread-crumb.addarrow{margin-right:5px}.bread-crumbs .bread-crumb.addarrow:after{content:"˃";margin-left:5px}.bread-crumbs .bread-crumb.addarrow:hover{color:#0379ab}.webpage-img-effect{display:flex;justify-content:center;align-items:center;cursor:pointer}.webpage-img-effect img{max-width:80%}.webpage-img-effect img:first-child{display:flex;transition:all 1s ease-in-out 0s}.webpage-img-effect img:last-child{display:none;transition:all 1s ease 0s}.webpage-img-effect.activing img:first-child{display:none;transition:all 1s ease 0s}.webpage-img-effect.activing img:last-child{display:flex;transition:all 1s ease-in-out 0s}.guardpages{padding:15px 30px;transition:opacity .15s ease-out}.guard-booting .guardpages{opacity:0}#connection-status{display:none !important}.guard-deviceid{display:flex;flex-direction:column;align-items:flex-start;margin:0px auto;max-width:250px}.guard-deviceid .guard-deviceid-hint{font-size:.8rem;color:#667eea;font-weight:600;margin-bottom:7.5px;line-height:1.4}.guard-deviceid span{font-size:.75rem;color:#8e8e90;margin-top:5px;font-style:italic}.guard-container{margin:0px auto;display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:540px}.guard-footer{position:fixed;bottom:30px;margin:0px auto;display:flex;justify-content:center;align-items:center;width:100%}.guard-footer img{height:60px}.guard-footer .footer-btn.footer-hide-btn{position:absolute;left:0px;bottom:0px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:rgba(194,202,221,.5);font-style:italic}.guard-func{z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:1px 2px 5px rgba(194,202,221,.75);border-radius:5px;padding:15px 10px;margin:5px;cursor:pointer;width:calc((100% - 30px)/3)}.guard-func:hover{box-shadow:2px 3px 10px rgba(194,202,221,.95)}.guard-func img{width:90px;margin-bottom:15px}.guard-func span{font-size:1.125rem;font-weight:700}.guard-func:nth-child(1){background:linear-gradient(180deg, rgba(0, 140, 149, 0.05) 0%, rgba(0, 140, 149, 0.1) 70%)}.guard-func:nth-child(2){background:linear-gradient(180deg, rgba(99, 3, 3, 0.05) 0%, rgba(99, 3, 3, 0.1) 70%)}.guard-func:nth-child(3){background:linear-gradient(180deg, rgba(141, 9, 215, 0.05) 0%, rgba(141, 9, 215, 0.1) 70%)}.guard-func:nth-child(4){background:linear-gradient(180deg, rgba(201, 92, 2, 0.05) 0%, rgba(201, 92, 2, 0.1) 70%)}.guard-func:nth-child(5){background:linear-gradient(180deg, rgba(40, 40, 40, 0.05) 0%, rgba(40, 40, 40, 0.1) 70%)}.guard-func:nth-child(6){background:linear-gradient(180deg, rgba(3, 121, 171, 0.05) 0%, rgba(3, 121, 171, 0.1) 70%)}.guard-func:nth-child(7){background:linear-gradient(180deg, rgba(250, 227, 223, 0.05) 0%, rgba(250, 227, 223, 0.1) 70%)}.guard-func:nth-child(8){background:linear-gradient(180deg, rgba(255, 63, 63, 0.05) 0%, rgba(255, 63, 63, 0.1) 70%)}.guard-func.half{width:calc((100% - 20px)/2)}.guard-func.third{width:calc((100% - 30px)/3)}.guard-func.fullwidth{width:100%;flex-direction:row;padding:15px}.guard-func.fullwidth img{margin-right:10px;width:50px}.guard-func.fullwidth span{margin-top:0}@media(max-width: 576px){.guard-func img{width:50px}}.remindflash{animation:remindflash 1s infinite}@keyframes remindflash{0%{box-shadow:0 0 10px rgba(255,255,255,.75) inset,0 0 30px rgba(255,255,255,.75)}50%{box-shadow:0 0 50px rgba(255,63,63,.75) inset,0 0 30px rgba(255,63,63,.75)}100%{box-shadow:0 0 10px rgba(255,255,255,.75) inset,0 0 30px rgba(255,255,255,.75)}}.alarmflash{animation:alarmflash 1s infinite}@keyframes alarmflash{0%{box-shadow:0 0 10px rgba(255,255,255,.75) inset,0 0 30px rgba(255,255,255,.75)}50%{box-shadow:0 0 50px rgba(255,63,63,.75) inset,0 0 30px rgba(255,63,63,.75)}100%{box-shadow:0 0 10px rgba(255,255,255,.75) inset,0 0 30px rgba(255,255,255,.75)}}.guard-reminder-bar{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg, rgba(3, 121, 171, 0.12), rgba(3, 121, 171, 0.04));border:1px solid rgba(3,121,171,.35);box-shadow:0 2px 8px rgba(40,40,40,.06);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);user-select:none}.guard-reminder-bar:active{transform:scale(0.995)}.guard-reminder-bar .rmb-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#0379ab;color:#fff;font-weight:700;font-size:1rem;line-height:1}.guard-reminder-bar .rmb-items{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 auto}.guard-reminder-bar .rmb-item{display:inline-flex;align-items:center;padding:6px 12px;border-radius:5px;font-size:.9rem;font-weight:600;text-decoration:none;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.guard-reminder-bar .rmb-item:hover{transform:translateY(-1px);text-decoration:none}.guard-reminder-bar .rmb-info{background:#0379ab}.guard-reminder-bar .rmb-warning{background:#c95c02}.guard-reminder-bar .rmb-danger{background:#ff3f3f}.guard-reminder-bar.rmb-danger{border-color:rgba(255,63,63,.6);animation:rmb-pulse 1.2s infinite}.guard-reminder-bar.rmb-danger .rmb-icon{background:#ff3f3f}@keyframes rmb-pulse{0%{box-shadow:0 0 0 0 rgba(255,63,63,.55)}70%{box-shadow:0 0 0 12px rgba(255,63,63,0)}100%{box-shadow:0 0 0 0 rgba(255,63,63,0)}}.countdown,.nexthour{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:250px;height:50px;padding:5px 15px;margin-bottom:30px;font-size:1.25rem;background:linear-gradient(145deg, #f0f4ff, #e6ebff);box-shadow:0 2px 10px rgba(102,126,234,.4);border-radius:10px}.countdown.isdelay,.nexthour.isdelay{max-width:360px;height:unset;background-color:rgba(255,63,63,.15);padding:10px 15px;font-size:1rem}.countdown.timealarm,.nexthour.timealarm{color:#ff3f3f}.patrol-normal-container,.patrol-delay-container{display:none;width:100%;max-width:320px;flex-direction:column;gap:7.5px}.patrol-normal-container .patrol-status-note,.patrol-delay-container .patrol-status-note{width:100%;padding:7.5px 10px;border-radius:8px;background:rgba(255,63,63,.1);color:#ff3f3f;font-size:.875rem;text-align:center}.patrol-normal-container .patrol-status-note.isdelay,.patrol-delay-container .patrol-status-note.isdelay{background:rgba(255,63,63,.1);color:#ff3f3f}.patrol-normal-container .patrol-camera-checkin,.patrol-delay-container .patrol-camera-checkin{margin:0;text-align:center}.patrol-normal-container.activing,.patrol-delay-container.activing{display:flex;align-items:center;padding-bottom:10px}.patrol-camera-container{z-index:9999 !important;position:fixed !important;width:100vw !important;height:100vh !important;left:0px;top:0px}.patrol-camera-checkin{font-size:.875rem}.patrol-camera-checkin span{font-weight:700;text-decoration:underline;color:#ff3f3f;cursor:pointer}.monitor-container{display:flex}.monitor-container .monitor-infos{width:200px;height:100vh;display:flex;flex-direction:column;border:1px solid rgba(194,202,221,.5);border-radius:5px}.monitor-container .monitor-infos .monitor-info{padding:10px 10px;font-size:.875rem;display:flex;flex-direction:column}.monitor-container .monitor-infos .monitor-info span:first-child{font-size:.75rem}.monitor-container .monitor-infos .monitor-info.info{background-color:rgba(3,121,171,.05)}.monitor-container .monitor-infos .monitor-info.success{background-color:rgba(0,140,149,.05)}.monitor-container .monitor-infos .monitor-info.failed{background-color:rgba(40,40,40,.05)}.monitor-container .monitor-infos .monitor-info.warn{background-color:rgba(255,63,63,.05)}.monitor-container .monitor-window{flex:2;display:flex}.monitor-container .monitor-window .monitor-none{display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:rgba(255,63,63,.5);width:320px;height:150px;margin:100px auto}.monitor-container .monitor-window .monitor-wrapper{margin:5px;width:100%;max-width:360px;background-color:rgba(142,142,144,.1);border:1px solid rgba(194,202,221,.5);border-radius:5px;padding:5px}.monitor-container .monitor-window .monitor-wrapper .patrol-infos{display:flex;flex-direction:column;padding:10px 5px}.monitor-container .monitor-window .monitor-wrapper .patrol-infos .patrol-linename{font-weight:700}.monitor-container .monitor-window .monitor-wrapper .patrol-infos .patrol-person{font-size:.875rem}.monitor-container .monitor-window .monitor-wrapper .patrol-infos .patrol-time{font-size:.75rem}.patrol-container{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}.patrol-container .patrol-guard{flex:0 0 auto;border-bottom:2px solid rgba(194,202,221,.4);background:linear-gradient(135deg, rgba(3, 121, 171, 0.06) 0%, rgba(3, 121, 171, 0.12) 100%);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:15px;padding:7.5px 15px}.patrol-container .patrol-guard .guard-main{display:flex;flex-direction:row;align-items:center;gap:15px;min-width:0}.patrol-container .patrol-guard .guard-main .guard-meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.patrol-container .patrol-guard .guard-main .guard-photo{display:flex;align-items:center;flex:0 0 44px;width:44px;height:44px}.patrol-container .patrol-guard .guard-main .guard-photo img{width:44px;height:44px;min-width:44px;flex-shrink:0;aspect-ratio:1/1;border-radius:50%;border:2px solid rgba(3,121,171,.35);object-fit:contain;background:#fff}.patrol-container .patrol-guard .guard-main .guard-name{font-size:1.05rem;font-weight:700;color:#223}.patrol-container .patrol-guard .guard-main .guard-route{font-size:.85rem;color:#8e8e90;background:rgba(142,142,144,.1);padding:3px 10px;border-radius:20px}.patrol-container .patrol-guard .guard-options{display:flex;align-items:center;gap:10px;flex:0 0 auto}.patrol-container .patrol-guard .guard-sub{display:flex;align-items:center;justify-content:space-between;gap:15px}.patrol-container .patrol-offline-bar{padding:8px 12px;font-size:.9rem;font-weight:700;text-align:center}.patrol-container .patrol-offline-bar.is-offline{background:#fff3cd;color:#7a5200}.patrol-container .patrol-offline-bar.is-syncing{background:#e6f0ff;color:#1650b4}.patrol-container .patrol-offline-bar.is-error{background:#ffe3e3;color:#b42318}.patrol-container .pt-optional{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;background:rgba(201,92,2,.12);color:#c95c02;font-style:normal;font-size:.75rem;font-weight:700;vertical-align:middle}.patrol-container .patrol-skip-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:6px 0 10px}.patrol-container .patrol-skip-row .patrol-skip-hint{font-size:.8rem;color:#8e8e90}.patrol-container .pt-offline{display:inline-block;margin-left:6px;padding:0 6px;border-radius:4px;background:#fff3cd;color:#7a5200;font-style:normal;font-size:.75rem;font-weight:700}.patrol-container .patrol-route-bar{flex:0 0 auto;padding:5px 15px;background:rgba(3,121,171,.06);border-bottom:1px solid rgba(194,202,221,.3);font-size:.9rem;color:#8e8e90;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patrol-container .patrol-route-bar .patrol-route-label{font-weight:600}.patrol-container .patrol-route-bar .patrol-route-name{font-weight:700;color:#334}.patrol-container .patrol-complete{padding:30px;flex:1;display:flex;justify-content:center;flex-direction:column;align-items:center}.patrol-container .patrol-complete .patrol-count{margin-top:15px;margin-bottom:15px;font-size:1.1rem}.patrol-container .patrol-summary{flex:0 0 auto;display:flex;justify-content:center;gap:15px;padding:7.5px 15px;background:rgba(142,142,144,.06);border-bottom:1px solid rgba(194,202,221,.3)}.patrol-container .patrol-summary.ishidden{display:none}.patrol-container .patrol-summary .ps-item{display:flex;flex-direction:column;align-items:center;min-width:60px;padding:4px 10px;border-radius:8px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06)}.patrol-container .patrol-summary .ps-item .ps-num{font-size:1.15rem;font-weight:800;line-height:1.1;color:#0379ab}.patrol-container .patrol-summary .ps-item .ps-timer{color:#8d09d7;font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:700}.patrol-container .patrol-summary .ps-item .ps-timer.timealarm{color:#ff3f3f}.patrol-container .patrol-summary .ps-item .ps-lbl{font-size:.65rem;color:#8e8e90;margin-top:2px}.patrol-container .patrol-options{flex:0 0 auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:2px solid rgba(194,202,221,.4);background:linear-gradient(0deg, rgba(3, 121, 171, 0.04) 0%, transparent 100%);padding:15px;padding-bottom:max(50px,env(safe-area-inset-bottom, 0px));gap:10px}.patrol-container .patrol-options.options-fill{flex:1 1 auto;justify-content:flex-start}.patrol-container .patrol-options .btncamera{position:absolute;right:15px;bottom:15px;cursor:pointer}.patrol-container .patrol-options .btncamera img{width:60px}.patrol-container .patrol-date{flex:0 0 auto;display:flex;justify-content:center;align-items:center;font-size:4.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:#0379ab;letter-spacing:2px;padding:10px 0;text-shadow:0 2px 8px rgba(3,121,171,.15)}.patrol-container .callsafe-status-bar{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:10px;margin:5px 15px;padding:8px 15px;border-radius:10px;background:rgba(142,142,144,.08)}.patrol-container .callsafe-status-bar .csb-label{font-size:.8rem;color:#8e8e90;font-weight:600}.patrol-container .callsafe-status-bar .csb-value{font-size:1rem;font-weight:700;color:#008c95}.patrol-container .callsafe-status-bar .csb-value.overdue{color:#ff3f3f}.patrol-container .callsafe-status-bar .csb-value.pending{color:#8d09d7}.patrol-container .callsafe-status-bar .csb-value.done{color:#008c95}.patrol-container .patrol-locations{padding:15px 15px 15px 36px;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow-y:auto;margin-bottom:0}.patrol-container .patrol-locations.fixedloc-timeline{padding:15px 5px 15px 5px}.patrol-container .patrol-locations .patrol-location{position:relative;display:flex;align-items:stretch;margin-bottom:10px;padding-bottom:10px}.patrol-container .patrol-locations .patrol-location:not(:last-child):before{content:"";position:absolute;left:15px;top:34px;bottom:-10px;width:2px;background-color:rgba(142,142,144,.3)}.patrol-container .patrol-locations .patrol-location .pt-node{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#fff;border:2px solid rgba(142,142,144,.5);display:flex;align-items:center;justify-content:center;z-index:2;margin-right:15px}.patrol-container .patrol-locations .patrol-location .pt-node .pt-step{font-size:.8rem;font-weight:700;color:#8e8e90}.patrol-container .patrol-locations .patrol-location .pt-body{flex:1;display:flex;flex-direction:column;justify-content:center;background:rgba(142,142,144,.05);border:1px solid rgba(194,202,221,.3);border-radius:10px;padding:7.5px 15px}.patrol-container .patrol-locations .patrol-location .pt-body .pt-name{font-size:1.05rem;font-weight:600;color:#334}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time{display:flex;align-items:baseline;gap:8px;font-size:1.25rem;font-weight:700;color:#223}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time .pt-time-label{font-size:.75rem;font-weight:500;color:#8e8e90}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time .pt-time-value{font-variant-numeric:tabular-nums;letter-spacing:1px}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time.signed{color:#008c95}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time.signed .pt-time-label{color:#008c95}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time.pending{color:#8d09d7}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time.urgent{color:#ff3f3f}.patrol-container .patrol-locations .patrol-location .pt-body .pt-time.skipped{color:#8e8e90}.patrol-container .patrol-locations .patrol-location.waiting .pt-node{border-color:rgba(142,142,144,.5)}.patrol-container .patrol-locations .patrol-location.waiting .pt-body{opacity:.85}.patrol-container .patrol-locations .patrol-location.activing .pt-node{border-color:#8d09d7;background:#8d09d7;box-shadow:0 0 0 4px rgba(141,9,215,.2);animation:pulse-node 1.5s infinite}.patrol-container .patrol-locations .patrol-location.activing .pt-node .pt-step{color:#fff}.patrol-container .patrol-locations .patrol-location.activing .pt-body{border-color:#8d09d7;background:rgba(141,9,215,.07)}.patrol-container .patrol-locations .patrol-location.activing .pt-body .pt-name{color:#8d09d7;font-weight:700}.patrol-container .patrol-locations .patrol-location.activing:not(:last-child):before{background-color:rgba(141,9,215,.4)}.patrol-container .patrol-locations .patrol-location.signed .pt-node{border-color:#008c95;background:#008c95}.patrol-container .patrol-locations .patrol-location.signed .pt-node .pt-step{color:#fff}.patrol-container .patrol-locations .patrol-location.signed .pt-body{border-color:rgba(0,140,149,.4);background:rgba(0,140,149,.05)}.patrol-container .patrol-locations .patrol-location.signed .pt-body .pt-name{text-decoration:line-through;opacity:.75}.patrol-container .patrol-locations .patrol-location.signed:not(:last-child):before{background-color:rgba(0,140,149,.4)}.patrol-container .patrol-locations .patrol-location.skipped .pt-node{border-style:dashed;border-color:#8e8e90;background:#fff}.patrol-container .patrol-locations .patrol-location.skipped .pt-node .pt-step{color:#8e8e90}.patrol-container .patrol-locations .patrol-location.skipped .pt-body{border-color:rgba(142,142,144,.4);background:rgba(142,142,144,.05)}.patrol-container .patrol-locations .patrol-location.skipped:not(:last-child):before{background-color:rgba(142,142,144,.3)}@keyframes pulse-node{0%{box-shadow:0 0 0 4px rgba(141,9,215,.25)}50%{box-shadow:0 0 0 9px rgba(141,9,215,.05)}100%{box-shadow:0 0 0 4px rgba(141,9,215,.25)}}.callsafe-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.callsafe-container .elapsed-tip{font-size:.8rem;color:#8e8e90;margin-bottom:8px}.callsafe-container .nexthour{margin-bottom:0}.patrol-items{flex:2;display:flex;flex-wrap:wrap;margin-bottom:30px}.patrol-items .patrol-item{width:calc((100% - 30px/3*4)/4);margin:5px;color:#c2cadd;background-color:#fff;border:1px solid rgba(194,202,221,.5);padding:10px 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.patrol-items .patrol-item.fullwidth{width:100%;border-radius:10px;align-items:flex-start}.patrol-items .patrol-item.signed{background-color:rgba(0,140,149,.01)}.patrol-items .patrol-item.signed:before{border-color:#008c95 #008c95 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:14px;content:"";position:absolute;right:0;top:0}.patrol-items .patrol-item.signed:after{color:#fff;content:"✔";font-size:.75rem;position:absolute;right:2px;top:2px;transform:rotate(0deg)}.patrol-items .patrol-item.waiting{width:100%;font-size:1.125rem;padding:20px 10px;background-color:rgba(3,121,171,.95);color:#fff}.patrol-items .patrol-item.warning{width:100%;font-size:1.125rem;padding:20px 10px;background-color:rgba(255,63,63,.75);color:#fff}.patrol-items .patrol-item .patrol-title{margin-bottom:15px}.patrol-items .patrol-item .patrol-name{font-size:1.125rem;margin-bottom:15px;font-weight:700}.patrol-items .patrol-item .patrol-name img{height:30px}.patrol-items .patrol-item .patrol-location{font-size:.875rem;margin-bottom:15px}@media(max-width: 576px){.patrol-items .patrol-item{width:calc((100% - 30px/3*2)/2)}.patrol-items .patrol-item:nth-child(4n){margin-right:10px}.patrol-items .patrol-item:nth-child(2n){margin-right:0}}.patroldelay-form .form-input.form-dropdown{background-image:url("../lib/icons/droparrow.webp") !important}.patroldelay-form .delay-reason-detail{display:none}.patroldelay-form .delay-reason-detail.active{display:block}.callsafe-container{display:flex;justify-content:center;flex-direction:column;align-items:center}.callsafe-container .callsafe-safeflag,.callsafe-container .nexthour{transition:color .2s ease}.callsafe-container.callsafe-status-current .callsafe-safeflag{color:#008c95}.callsafe-container.callsafe-status-current .nexthour{color:#008c95}.callsafe-container.callsafe-status-upcoming .callsafe-safeflag{color:#0379ab}.callsafe-container.callsafe-status-upcoming .nexthour{color:#0379ab}.callsafe-container.callsafe-status-overdue .callsafe-safeflag{color:#c95c02}.callsafe-container.callsafe-status-overdue .nexthour{color:#c95c02}.callsafe-container.callsafe-status-missed .callsafe-safeflag{color:#ff3f3f}.callsafe-container.callsafe-status-missed .nexthour{color:#ff3f3f}.callsafe-container.callsafe-status-none .callsafe-safeflag{color:#8e8e90}.callsafe-container.callsafe-status-none .nexthour{color:#8e8e90}.patrol-overtime-modal{text-align:center;padding:20px}.patrol-overtime-modal h3{color:#e74c3c;margin-bottom:15px;font-size:1.5rem;font-weight:700}.patrol-overtime-modal .warning-text{color:#666;margin-bottom:20px;font-size:16px}.patrol-overtime-modal .countdown-display{font-size:24px;font-weight:bold;color:#e74c3c;margin:15px 0;padding:10px;border-radius:5px;display:inline-flex}.patrol-overtime-modal .action-buttons{margin-top:20px;display:flex;justify-content:center}.patrol-overtime-modal .action-buttons button{padding:10px 30px;font-size:16px}.callsafe-staff-container{display:flex;flex-direction:column;align-items:stretch;width:100%}.callsafe-staff-container .delay-reason-container{display:flex;flex-direction:column;width:100%;margin-bottom:10px}.callsafe-staff-container .delay-reason-container .delay-reason-section{display:flex;flex-direction:column;align-items:flex-start;width:100%}.callsafe-staff-container .delay-reason-container .delay-reason-section label{font-size:.875rem;margin-top:5px;font-weight:600;color:#333}.callsafe-staff-container .delay-reason-container .delay-reason-section .dropdown{width:100%}.callsafe-staff-container .delay-reason-container .delay-reason-section .dropdown .form-input.form-dropdown{background-image:url("../lib/icons/droparrow.webp") !important}.callsafe-staff-container .callsafe-submit-row{display:flex;flex-direction:column;gap:7.5px;width:100%;margin-top:10px}.callsafe-staff-container .callsafe-submit-row.fd-row{flex-direction:row}.callsafe-staff-container .callsafe-submit-row .btnsmall,.callsafe-staff-container .callsafe-submit-row .btnsmallsquare{width:100%;margin:0 !important;padding:12px 0;font-size:1rem}.callsafe-status{font-size:1.125rem;font-weight:700}.callsafe-status.overdue{color:#8d09d7}.callsafe-status.delayed{color:#ff3f3f}.callsafe-submit-row{display:flex;gap:10px;width:100%;justify-content:center;align-items:center;margin:10px 0}.callsafe-submit-row .btnsmall,.callsafe-submit-row .btnsmallsquare{flex:1;max-width:48%}.staff-section{margin-top:15px}.staff-items{flex:2;display:flex;flex-wrap:wrap;margin-top:10px}.staff-items .staff-item{width:calc((100% - 80px)/8);position:relative;margin:5px;border-radius:5px;border:1px solid rgba(194,202,221,.5);display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 4px;overflow:hidden}.staff-items .staff-item .staff-photo{flex:0 0 auto;width:44px;height:44px;margin:0}.staff-items .staff-item .staff-photo img{width:100%;height:100%;object-fit:cover;border-radius:4px}.staff-items .staff-item .staff-title{width:100%;font-size:.75rem;text-align:center;flex:1 1 auto;line-height:1.2;color:#223;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.staff-items .staff-item.activing{background-color:rgba(194,202,221,.25);border-color:rgba(33,150,243,.6)}.staff-items .staff-item.activing::before{content:"✓";position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:#2196f3;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;z-index:1;box-shadow:0 2px 4px rgba(33,150,243,.3)}@media(max-width: 576px){.staff-items .staff-item{width:calc((100% - 50px)/5)}.staff-items .staff-item .staff-photo img{max-width:100px}.staff-items .staff-item.activing::before{width:20px;height:20px;font-size:12px;top:-6px;right:-6px}}.warning-container{display:flex;flex-direction:column;align-items:center;padding:15px}.warning-container .warning-title{font-size:1.125rem;margin-bottom:15px}.warning-container .warning-text{font-size:.8755rem;margin-bottom:15px}.callsafe-detail-box{padding:8px 4px;text-align:center}.callsafe-detail-box .cdb-icon{font-size:2.5rem;line-height:1;margin-bottom:6px}.callsafe-detail-box .cdb-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:6px}.callsafe-detail-box .cdb-status{display:inline-block;font-size:.85rem;font-weight:600;padding:3px 10px;border-radius:12px;margin-bottom:10px}.callsafe-detail-box .cdb-status.st-done{background:rgba(67,160,71,.12);color:#43a047;border:1px solid rgba(67,160,71,.4)}.callsafe-detail-box .cdb-status.st-progress{background:rgba(33,150,243,.12);color:#2196f3;border:1px solid rgba(33,150,243,.4)}.callsafe-detail-box .cdb-status.st-overtime{background:rgba(255,152,0,.12);color:#ff9800;border:1px solid rgba(255,152,0,.4)}.callsafe-detail-box .cdb-meta{text-align:left;background:#f7f7fa;border-radius:8px;padding:8px 12px;margin-bottom:10px}.callsafe-detail-box .cdb-meta .cdb-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.85rem;border-bottom:1px solid rgba(0,0,0,.04)}.callsafe-detail-box .cdb-meta .cdb-row:last-child{border-bottom:none}.callsafe-detail-box .cdb-meta .cdb-lbl{color:#888}.callsafe-detail-box .cdb-meta .cdb-val{color:#222;font-weight:600}.callsafe-detail-box .cdb-section{text-align:left;margin-top:8px}.callsafe-detail-box .cdb-section .cdb-section-title{font-size:.8rem;color:#888;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.callsafe-detail-box .cdb-section .cdb-section-val{color:#333;font-size:.95rem;padding:4px 0}.callsafe-detail-box .cdb-staff{display:flex;flex-wrap:wrap;gap:8px}.callsafe-detail-box .cdb-staff .cdb-staff-item{width:64px;text-align:center}.callsafe-detail-box .cdb-staff .cdb-staff-item .cdb-staff-photo{width:48px;height:48px;border-radius:50%;background:#eee;margin:0 auto 4px;display:flex;align-items:center;justify-content:center;overflow:hidden}.callsafe-detail-box .cdb-staff .cdb-staff-item .cdb-staff-photo img{width:100%;height:100%;object-fit:cover}.callsafe-detail-box .cdb-staff .cdb-staff-item .cdb-staff-photo span{font-size:1.5rem}.callsafe-detail-box .cdb-staff .cdb-staff-item .cdb-staff-name{font-size:.75rem;font-weight:600;line-height:1.1}.callsafe-detail-box .cdb-staff .cdb-staff-item .cdb-staff-id{font-size:.65rem;color:#999;line-height:1.1}.callsafe-detail-box .cdb-picture{max-width:100%;max-height:240px;border-radius:8px;border:1px solid #eee}.patrol-complete-modal{width:420px;max-width:calc(100vw - 32px)}.patrol-complete-box{padding:30px !important;text-align:center}.patrol-complete-box .pc-icon{font-size:3rem;line-height:1;margin-bottom:10px}.patrol-complete-box .pc-title{font-size:1.35rem;font-weight:700;color:#008c95;margin-bottom:15px}.patrol-complete-box .pc-stat{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:10px}.patrol-complete-box .pc-stat .pc-stat-label{font-size:.875rem;color:#666}.patrol-complete-box .pc-stat .pc-stat-value{font-size:1.5rem;font-weight:700;color:#fff;background:linear-gradient(135deg, #4a90d9, #2563eb);padding:6px 16px;border-radius:20px;letter-spacing:1px;box-shadow:0 2px 6px rgba(37,99,235,.25)}.patrol-complete-box .pc-progress{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-top:15px}.patrol-complete-box .pc-progress .pc-progress-num{font-size:1.5rem;font-weight:700;color:#222}.patrol-complete-box .pc-progress .pc-progress-num .pc-progress-sep{color:#999;font-weight:400;margin:0 4px}.patrol-complete-box .pc-progress .pc-progress-percent{font-size:1.1rem;font-weight:700;color:#fff;background:#43a047;padding:3px 10px;border-radius:12px}.patrol-complete-box .pc-progress-bar{height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin:8px 0 15px}.patrol-complete-box .pc-progress-bar .pc-progress-fill{height:100%;background:linear-gradient(90deg, #43a047, #66bb6a);transition:width .4s ease}.patrol-complete-box .pc-all-done{display:inline-block;font-size:.95rem;font-weight:700;color:#43a047;background:rgba(67,160,71,.12);border:1px solid rgba(67,160,71,.4);padding:4px 14px;border-radius:14px;margin-bottom:15px}.patrol-complete-box .btnsmaller{margin-top:10px}.schedule-container{max-width:680px;margin:0 auto;padding-top:15px;display:flex;flex-direction:column}.schedule-container .schedule-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.schedule-container .schedule-header .schedule-title{font-size:1.5rem;font-weight:700;color:#282828;margin:0}.schedule-container .schedule-items{display:flex;flex-direction:column;gap:10px}.schedule-container .schedule-items .schedule-item{display:flex;align-items:center;gap:15px;border-radius:5px;background-color:#fff;border:1px solid rgba(194,202,221,.45);padding:10px 15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.schedule-container .schedule-items .schedule-item:hover{background-color:rgba(3,121,171,.06);border-color:rgba(3,121,171,.4);box-shadow:0 6px 16px rgba(0,0,0,.08);transform:translateY(-2px)}.schedule-container .schedule-items .schedule-item .schedule-item-icon{flex:0 0 auto;width:46px;height:46px;border-radius:10px;background:linear-gradient(135deg, #0379ab, #3098e0);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.3px;line-height:1.1;padding:2px;display:flex;align-items:center;justify-content:center;text-align:center}.schedule-container .schedule-items .schedule-item .schedule-item-body{flex:1 1 auto;min-width:0}.schedule-container .schedule-items .schedule-item .schedule-item-body .schedule-item-month{font-size:.8rem;color:#8e8e90;margin-bottom:2px}.schedule-container .schedule-items .schedule-item .schedule-item-body .schedule-item-title{font-size:1rem;font-weight:600;color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-container .schedule-items .schedule-item .schedule-item-action{flex:0 0 auto;color:#0379ab;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:2px}.schedule-container .schedule-items .schedule-item .schedule-item-action .arrow{font-size:1.3rem;line-height:1}.schedule-container .schedule-empty{text-align:center;color:#8e8e90;padding:30px 0;font-size:1rem}.fixedloc-container{display:flex;flex-direction:column}.fixedloc-container .fixedloc-infos{background-color:rgba(194,202,221,.15);padding:10px 15px;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:10px}.fixedloc-container .fixedloc-infos .fixedloc-info{margin-bottom:5px}.fixedloc-container.warning .alert-text{text-align:center;color:#ff3f3f;font-size:1.125rem;font-weight:700;margin-top:10px;margin-bottom:10px}.fixedloc-location-bar{flex:0 0 auto;display:flex;align-items:center;gap:15px;padding:10px 30px;background:linear-gradient(135deg, rgba(3, 121, 171, 0.08) 0%, rgba(3, 121, 171, 0.14) 100%);border-bottom:1px solid rgba(194,202,221,.3)}.fixedloc-location-bar .flb-label{font-size:.85rem;color:#8e8e90;font-weight:600;white-space:nowrap}.fixedloc-location-bar .flb-value{font-size:.95rem;font-weight:700;color:#223;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fixedloc-location-bar .flb-progress{font-size:.78rem;color:#8e8e90;font-variant-numeric:tabular-nums;white-space:nowrap}.fixedloc-timeline .js_fixedloc_slot{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.fixedloc-timeline .js_fixedloc_slot:hover{transform:translateX(2px)}.fixedloc-timeline .js_fixedloc_slot:hover .pt-body{border-color:#0379ab;background:rgba(3,121,171,.08);box-shadow:0 2px 8px rgba(3,121,171,.15)}.fixedloc-timeline .js_fixedloc_slot.signed{cursor:default}.fixedloc-timeline .js_fixedloc_slot.signed:hover{transform:none}.fixedloc-timeline .js_fixedloc_slot.signed:hover .pt-body{box-shadow:none}.fixedloc-timeline .fl-slot .fl-slot-sub{margin-top:2px;font-size:.8rem;color:#8e8e90}.fixedloc-timeline .fl-slot.open .pt-node{border-color:#0379ab;background:#0379ab;color:#fff}.fixedloc-timeline .fl-slot.open .pt-body{border-color:#0379ab;background:rgba(3,121,171,.08)}.fixedloc-timeline .fl-slot.open .pt-time-label,.fixedloc-timeline .fl-slot.open .fl-slot-sub{color:#0379ab;font-weight:700}.fixedloc-timeline .fl-slot.missed .pt-node{border-color:#ff3f3f;color:#ff3f3f}.fixedloc-timeline .fl-slot.missed .pt-time-label,.fixedloc-timeline .fl-slot.missed .fl-slot-sub{color:#ff3f3f}.fixedloc-timeline .fl-slot.waiting{opacity:.75}.fixedloc-timeline .fl-slot.signed .pt-node{border-color:#008c95;background:#008c95;color:#fff}.fixedloc-timeline .fl-slot.signed .pt-time-label,.fixedloc-timeline .fl-slot.signed .fl-slot-sub{color:#008c95}.fixedloc-timeline .fixedloc-loading,.fixedloc-timeline .fixedloc-empty{text-align:center;color:#8e8e90;padding:30px;font-size:.95rem}.fixedloc-timeline .fixedloc-group{margin-bottom:30px}.fixedloc-timeline .fixedloc-group .flg-title{display:flex;align-items:baseline;justify-content:space-between;padding:8px 10px;background:linear-gradient(135deg, rgba(3, 121, 171, 0.05) 0%, rgba(3, 121, 171, 0.1) 100%);border-radius:8px 8px 0 0;border-bottom:1px solid rgba(3,121,171,.15)}.fixedloc-timeline .fixedloc-group .flg-title .flg-name{font-size:1.05rem;font-weight:700;color:#223}.fixedloc-timeline .fixedloc-group .flg-title .flg-progress{font-size:.78rem;color:#8e8e90;font-variant-numeric:tabular-nums}.fixedloc-timeline .fixedloc-group .flg-times{background:#fff;border:1px solid rgba(3,121,171,.1);border-top:0;border-radius:0 0 8px 8px;padding:6px 8px}.fixedloc-timeline .fixedloc-group .flg-actions{padding:10px 8px 4px;border-top:1px dashed rgba(3,121,171,.15);margin-top:6px;text-align:center}.fixedloc-timeline .fixedloc-group .flg-actions .btnsquare{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:auto;max-width:none;margin:0 auto;padding:8px 20px;font-size:.9rem;border-radius:18px}.fixedloc-timeline .fixedloc-group .flg-actions .btnsmall{display:inline-block;width:auto;padding:8px 22px;white-space:nowrap;border-radius:18px}.fixedloc-timeline .fixedloc-group .flg-actions .flg-fallback{margin-top:8px;font-size:.78rem;color:#8e8e90}.fixedloc-timeline .fixedloc-group .flg-actions .flg-fallback a{color:#ff3f3f;text-decoration:underline;font-weight:600;cursor:pointer;margin-left:4px}.guard-busy{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2147483000;padding:30px}.guard-busy .guard-busy-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.25);border-top-color:#0379ab;border-radius:50%;animation:guard-busy-spin 1s linear infinite;margin-bottom:15px}.guard-busy .guard-busy-text{color:#fff;font-size:1.05rem;font-weight:700;text-align:center;line-height:1.5}@keyframes guard-busy-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.monitor-header #connection-status{display:inline-flex !important}body:has(.monitor-page){background-color:#0f1724}.monitor-page{min-height:100vh;background-color:#0f1724;color:#e8eef8;font-size:16px}.monitor-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:6px 14px;background:linear-gradient(135deg, #14233b 0%, #0f1a2c 100%);border-bottom:1px solid #2c3d5a}.monitor-header .mh-left{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-width:0}.monitor-header .mh-right{display:flex;justify-content:flex-end}@media(min-width: 1101px){.monitor-header{display:grid;grid-template-columns:minmax(0, 1fr) auto minmax(0, 1fr)}.monitor-header .mh-stats{flex-wrap:nowrap}}.monitor-header .mh-title{font-size:1.35rem;font-weight:800;letter-spacing:1px}.monitor-header .mh-status{padding:3px 10px;border-radius:999px;font-size:.85rem;font-weight:600}.monitor-header .mh-status.status-success{background-color:rgba(47,191,113,.18);color:#2fbf71}.monitor-header .mh-status.status-warning{background-color:rgba(255,176,32,.16);color:#ffb020}.monitor-header .mh-status.status-error{background-color:rgba(255,77,79,.2);color:#ff4d4f}.monitor-header .mh-status.status-default{background-color:rgba(159,176,200,.15);color:#9fb0c8}.monitor-header .mh-updated{display:inline-block;min-width:7.5em;color:#9fb0c8;font-size:.9rem;font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-header .mh-stats{display:flex;flex-wrap:wrap;gap:8px}.monitor-header .mh-stat{min-width:100px;padding:3px 12px;border-radius:12px;background-color:#172235;border:1px solid #2c3d5a;text-align:center}.monitor-header .mh-stat .mh-num{display:block;font-size:1.6rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}.monitor-header .mh-stat .mh-lbl{font-size:.78rem;color:#9fb0c8}.monitor-header .mh-stat.is-alert{border-color:#ff4d4f;background-color:rgba(255,77,79,.15)}.monitor-header .mh-stat.is-alert .mh-num{color:#ff4d4f}.monitor-header .mh-stat.mh-stat-alert.is-alert{animation:mon-pulse 1.4s ease-in-out infinite}.monitor-header .mh-clock{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums}@keyframes mon-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,77,79,.55)}50%{box-shadow:0 0 0 10px rgba(255,77,79,0)}}.monitor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:5px 14px;background-color:#172235;border-bottom:1px solid #2c3d5a}.monitor-toolbar .mt-group{display:inline-flex;border:1px solid #2c3d5a;border-radius:10px;overflow:hidden}.monitor-toolbar .mt-group .mt-btn{border:0;border-radius:0}.monitor-toolbar .mt-btn{padding:4px 12px;border:1px solid #2c3d5a;border-radius:8px;background-color:#1e2b42;color:#e8eef8;font-size:.9rem;cursor:pointer}.monitor-toolbar .mt-btn:hover{background-color:hsl(218.3333333333,37.5%,24.8235294118%)}.monitor-toolbar .mt-btn.is-active{background-color:#3b8cff;color:#fff}.monitor-toolbar .mt-btn.is-off{color:#9fb0c8}.monitor-toolbar .mt-btn.mt-btn-ghost{background:rgba(0,0,0,0);color:#9fb0c8}.monitor-toolbar .mt-select{display:inline-flex;align-items:center;gap:8px;color:#9fb0c8}.monitor-toolbar .mt-select select{padding:7px 10px;border:1px solid #2c3d5a;border-radius:10px;background-color:#1e2b42;color:#e8eef8;font-size:.95rem}.monitor-toolbar .mt-legend{display:flex;flex-wrap:wrap;gap:12px;color:#9fb0c8;font-size:.9rem}.monitor-toolbar .mt-legend .lg::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border-radius:3px;vertical-align:-1px}.monitor-toolbar .mt-legend .lg-done::before{background-color:#2fbf71}.monitor-toolbar .mt-legend .lg-open::before{background-color:#3b8cff}.monitor-toolbar .mt-legend .lg-waiting::before{background-color:#6b7c96}.monitor-toolbar .mt-legend .lg-overdue::before{background-color:#ff4d4f}.monitor-toolbar .mt-right{display:flex;gap:8px;margin-left:auto}.monitor-board{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:10px;padding:8px 10px}@media(max-width: 1100px){.monitor-board{grid-template-columns:1fr}}.monitor-board .board-stack{display:flex;flex-direction:column;gap:10px;min-width:0}.monitor-board .board-col{display:flex;flex-direction:column;min-width:0;padding:0;padding:0;border-radius:14px;background-color:#172235;border:1px solid #2c3d5a}.monitor-board .board-title{display:flex;align-items:baseline;gap:10px;margin:0;padding:6px 14px;border-bottom:1px solid #2c3d5a;font-size:1.15rem;font-weight:800;color:#e8eef8}.monitor-board .board-title .board-count{font-size:.9rem;font-weight:500;color:#9fb0c8}.monitor-board .board-body{display:flex;flex-direction:column;gap:10px;padding:8px}.monitor-board .dash-empty{padding:28px 10px;text-align:center;color:#9fb0c8;font-size:1.05rem}.monitor-page .dash-card{padding:12px 14px;border-radius:12px;background-color:#1e2b42;border:1px solid #2c3d5a;border-left:6px solid #3b8cff}.monitor-page .dash-card.st-done{border-left-color:#2fbf71}.monitor-page .dash-card.st-overtime,.monitor-page .dash-card.has-overdue{border-left-color:#ff4d4f;background-color:hsl(269.0625,17.864619679%,22.4784313725%)}.monitor-page .dash-card.js_mon_detail{cursor:pointer}.monitor-page .dash-card.js_mon_detail:hover,.monitor-page .dash-card.js_mon_detail:focus-visible{outline:2px solid #3b8cff;outline-offset:2px}.monitor-page .dash-card .dash-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.monitor-page .dash-card .dc-title{font-size:1.2rem;font-weight:700}.monitor-page .dash-card .dc-title small{font-size:.85rem;font-weight:500;color:#9fb0c8}.monitor-page .dash-card .dc-badge{flex-shrink:0;padding:3px 10px;border-radius:999px;font-size:.9rem;font-weight:700;background-color:rgba(59,140,255,.2);color:rgb(53.137254902%,72.5040016006%,100%)}.monitor-page .dash-card .dc-badge.st-done{background-color:rgba(47,191,113,.2);color:#2fbf71}.monitor-page .dash-card .dc-badge.st-overtime{background-color:rgba(255,77,79,.25);color:#ff8a8c}.monitor-page .dash-card .dash-card-meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;color:#9fb0c8;font-size:.92rem}.monitor-page .dash-card .dash-card-meta .pc-offline{color:#ffb020;font-weight:700}.monitor-page .dash-card .dash-card-meta .pc-skipped{color:#9fb0c8;font-weight:700}.monitor-page .dash-card.is-collapsed{opacity:.75}.monitor-page .dash-card.is-collapsed .pc-next,.monitor-page .dash-card.is-collapsed .pt-dots,.monitor-page .dash-card.is-collapsed .dash-card-meta{display:none}.monitor-page .dash-progress{display:flex;align-items:center;gap:10px;margin-top:10px}.monitor-page .dash-progress .dp-bar{flex:1;height:10px;border-radius:5px;background-color:#2c3d5a;overflow:hidden}.monitor-page .dash-progress .dp-fill{height:100%;background:linear-gradient(90deg, #3b8cff, #2fbf71);transition:width .4s ease}.monitor-page .dash-progress .dp-text{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.monitor-page .dash-progress .dp-late{color:#ff4d4f;font-weight:700}.monitor-page .pc-next{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-top:10px;padding:8px 10px;border-radius:8px;background-color:rgba(59,140,255,.12)}.monitor-page .pc-next .pc-next-lbl{color:#9fb0c8;font-size:.85rem}.monitor-page .pc-next .pc-next-name{font-size:1.1rem;font-weight:700}.monitor-page .pc-next .pc-next-time{color:#9fb0c8}.monitor-page .pc-next .pc-countdown{margin-left:auto;font-size:1.15rem;font-weight:800;font-variant-numeric:tabular-nums;color:rgb(53.137254902%,72.5040016006%,100%)}.monitor-page .pc-next .pc-countdown.is-late{color:#ff4d4f}.monitor-page .pc-next.is-late{background-color:rgba(255,77,79,.15)}.monitor-page .pt-dots{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.monitor-page .pt-dots .pt-dot{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.8rem;font-weight:700;background-color:#6b7c96;color:#fff}.monitor-page .pt-dots .pt-dot.st-done{background-color:#2fbf71}.monitor-page .pt-dots .pt-dot.st-overdue{background-color:#ff4d4f}.monitor-page .pt-dots .pt-dot.is-offline{box-shadow:0 0 0 2px #ffb020}.monitor-page .pt-dots .pt-dot.is-optional{outline:2px dashed rgba(255,255,255,.45);outline-offset:1px}.monitor-page .pt-dots .pt-dot.st-skipped{background-color:rgba(0,0,0,0);color:#9fb0c8;border:2px dashed #9fb0c8}.monitor-page .tl-wrap{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:10px}.monitor-page .tl-chip{display:flex;flex-direction:column;justify-content:center;min-width:96px;padding:6px 10px;border-radius:10px;border:2px solid rgba(0,0,0,0);background-color:rgba(107,124,150,.25);line-height:1.25}.monitor-page .tl-chip b{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}.monitor-page .tl-chip i{font-style:normal;font-size:.82rem;color:#9fb0c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.monitor-page .tl-chip .tl-esc{display:block;margin-top:3px;font-style:normal;font-size:.78rem;font-weight:700;white-space:nowrap;color:#ffd166}.monitor-page .tl-chip.esc-calling{animation:mon-open 1.2s ease-in-out infinite}.monitor-page .tl-chip.esc-acked .tl-esc,.monitor-page .tl-chip.esc-reported .tl-esc{color:#9ff0c3}.monitor-page .tl-chip.esc-alarmed,.monitor-page .tl-chip.esc-alarm_failed{border-color:#ff4d4f;background-color:rgba(255,77,79,.35)}.monitor-page .tl-chip.esc-alarmed .tl-esc,.monitor-page .tl-chip.esc-alarm_failed .tl-esc{color:#fff}.monitor-page .tl-chip.st-done{background-color:rgba(47,191,113,.2);border-color:rgba(47,191,113,.55)}.monitor-page .tl-chip.st-done i{color:#9ff0c3}.monitor-page .tl-chip.st-open{background-color:rgba(59,140,255,.22);border-color:#3b8cff;animation:mon-open 1.6s ease-in-out infinite}.monitor-page .tl-chip.st-open i{color:#b9d5ff}.monitor-page .tl-chip.st-overdue{background-color:rgba(255,77,79,.22);border-color:#ff4d4f}.monitor-page .tl-chip.st-overdue i{color:#ffb3b4;font-weight:700}.monitor-page .tl-chip.js_mon_detail{cursor:pointer}.monitor-page .tl-chip.js_mon_detail:hover,.monitor-page .tl-chip.js_mon_detail:focus-visible{outline:2px solid #fff;outline-offset:1px}@keyframes mon-open{0%,100%{box-shadow:0 0 0 0 rgba(59,140,255,.5)}50%{box-shadow:0 0 0 6px rgba(59,140,255,0)}}.monitor-board .recent-col{display:flex;flex-direction:column;height:148px;min-width:0;padding:0;border-radius:14px;background-color:#172235;border:1px solid #2c3d5a}.monitor-board .recent-title{margin:0;padding:5px 14px;border-bottom:1px solid #2c3d5a;color:#9fb0c8;font-size:.9rem;font-weight:700;letter-spacing:1px;display:flex;align-items:center;justify-content:space-between;gap:8px}.monitor-board .recent-all{border:0;background:rgba(0,0,0,0);padding:0 2px;color:#3b8cff;font-size:.85rem;font-weight:700;letter-spacing:0;cursor:pointer}.monitor-board .recent-all:hover,.monitor-board .recent-all:focus-visible{text-decoration:underline;outline:none}.monitor-board .recent-body{flex:1;min-height:0;overflow-y:auto;padding:6px 8px}.monitor-board .recent-empty{padding:24px 10px;text-align:center;color:#9fb0c8}.monitor-board .mon-recent-row,.mon-list .mon-recent-row{display:flex;align-items:center;gap:10px;padding:5px 10px;margin-bottom:6px;border-radius:8px;background-color:rgba(47,191,113,.08);border-left:4px solid #2fbf71;cursor:pointer}.monitor-board .mon-recent-row:hover,.monitor-board .mon-recent-row:focus-visible,.mon-list .mon-recent-row:hover,.mon-list .mon-recent-row:focus-visible{outline:2px solid #3b8cff;outline-offset:1px}.monitor-board .mon-recent-row.is-progress,.mon-list .mon-recent-row.is-progress{border-left-color:#3b8cff;background-color:rgba(59,140,255,.08)}.monitor-board .mon-recent-row.is-progress .mrr-badge,.mon-list .mon-recent-row.is-progress .mrr-badge{color:#3b8cff}.monitor-board .mon-recent-row.is-late,.mon-list .mon-recent-row.is-late{border-left-color:#ffb020;background-color:rgba(255,176,32,.08)}.monitor-board .mon-recent-row.is-late .mrr-badge,.mon-list .mon-recent-row.is-late .mrr-badge{color:#ffb020}.monitor-board .mon-recent-row:last-child,.mon-list .mon-recent-row:last-child{margin-bottom:0}.monitor-board .mrr-text,.mon-list .mrr-text{flex:1;min-width:0}.monitor-board .mrr-text b,.mon-list .mrr-text b{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-board .mrr-text i,.mon-list .mrr-text i{display:block;font-style:normal;font-size:.82rem;color:#9fb0c8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-board .mrr-badge,.mon-list .mrr-badge{flex-shrink:0;font-size:.85rem;font-weight:700;color:#2fbf71}@media(min-width: 1101px){.monitor-page{display:flex;flex-direction:column;height:100vh;min-height:0;overflow:hidden}.monitor-board{flex:1;min-height:0}.monitor-board .board-stack{min-height:0}.monitor-board .board-col{flex:1;min-height:0}.monitor-board .board-body{flex:1;min-height:0;overflow-y:auto}.monitor-board .recent-col{flex-shrink:0}}.monitor-toasts{position:fixed;top:90px;right:20px;z-index:60;display:flex;flex-direction:column;gap:10px;width:min(420px,100vw - 32px)}.mon-toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background-color:#ff4d4f;color:#fff;font-size:1.05rem;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.45);animation:mon-toast-in .25s ease-out;transition:opacity .4s,transform .4s}.mon-toast.is-hide{opacity:0;transform:translateX(20px)}.mon-toast .mon-toast-icon{font-size:1.3rem}.mon-toast .mon-toast-text{flex:1}.mon-toast .mon-toast-close{border:0;background:rgba(0,0,0,0);color:#fff;font-size:1.4rem;cursor:pointer;line-height:1}@keyframes mon-toast-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}.monitor-modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:16px;background-color:rgba(0,0,0,.65)}.monitor-modal.is-open{display:flex}.monitor-modal .mm-box{width:min(1120px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;border-radius:14px;background-color:#172235;border:1px solid #2c3d5a;color:#e8eef8;box-shadow:0 20px 50px rgba(0,0,0,.5)}.monitor-modal .mm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #2c3d5a}.monitor-modal .mm-title{font-size:1.3rem;font-weight:800}.monitor-modal .mm-close{border:0;background:rgba(0,0,0,0);color:#9fb0c8;font-size:2rem;line-height:1;cursor:pointer}.monitor-modal .mm-body{padding:16px 18px;overflow:auto}.monitor-modal .mon-list{width:min(900px,100%);height:calc(100vh - 32px)}.monitor-modal .mon-list .mlist-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 18px;border-bottom:1px solid #2c3d5a;color:#9fb0c8;font-size:.9rem}.monitor-modal .mon-list .mlist-filter label{display:inline-flex;align-items:center;gap:6px;margin:0}.monitor-modal .mon-list .mlist-filter input[type=date],.monitor-modal .mon-list .mlist-filter input[data-component=datepicker],.monitor-modal .mon-list .mlist-filter select{padding:5px 8px;border:1px solid #2c3d5a;border-radius:8px;background-color:#1e2b42;color:#e8eef8;color-scheme:dark}.monitor-modal .mon-list .mlist-filter .mlf-check input{width:16px;height:16px}.monitor-modal .mon-list .mm-body{flex:1;min-height:0}.monitor-modal .mon-list .mon-list-rows .mon-recent-row:last-child{margin-bottom:0}.monitor-modal .mon-list .mlist-pager{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 18px;border-top:1px solid #2c3d5a;color:#9fb0c8;font-size:.9rem}.monitor-modal .mon-list .mlist-pager:empty{display:none}.monitor-modal .mon-list .mlist-pager span{margin-right:auto}.monitor-modal .mon-list .mt-btn{padding:5px 14px;border:1px solid #2c3d5a;border-radius:8px;background-color:#1e2b42;color:#e8eef8;font-size:.9rem;cursor:pointer}.monitor-modal .mon-list .mt-btn:hover:not(:disabled){background-color:hsl(218.3333333333,37.5%,24.8235294118%)}.monitor-modal .mon-list .mt-btn.is-active{background-color:#3b8cff;border-color:#3b8cff;color:#fff}.monitor-modal .mon-list .mt-btn:disabled{opacity:.4;cursor:default}.monitor-detail .md-subtitle{margin:18px 0 8px;font-size:1.05rem;font-weight:700}.monitor-detail .md-head{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:14px;font-size:1.05rem}.monitor-detail .md-head .md-lbl{margin-right:8px;color:#9fb0c8;font-size:.9rem}.monitor-detail .md-empty{padding:24px;text-align:center;color:#9fb0c8}.monitor-detail .md-table-wrap{overflow-x:auto}.monitor-detail .md-table{width:100%;border-collapse:collapse;font-size:.98rem;border:1px solid #2c3d5a}.monitor-detail .md-table th,.monitor-detail .md-table td{padding:9px 12px;border:1px solid #2c3d5a;text-align:left;vertical-align:middle;white-space:nowrap}.monitor-detail .md-table th{background-color:rgba(44,61,90,.55);color:#9fb0c8;font-weight:700;font-size:.88rem}.monitor-detail .md-table tbody tr:nth-child(even) td{background-color:rgba(255,255,255,.025)}.monitor-detail .md-table td.md-note{white-space:normal;min-width:160px;color:#9fb0c8}.monitor-detail .md-table .md-status{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.88rem;font-weight:700}.monitor-detail .md-table .md-status.is-ok{background-color:rgba(47,191,113,.2);color:#2fbf71}.monitor-detail .md-table .md-status.is-late{background-color:rgba(255,77,79,.22);color:#ff8a8c}.monitor-detail .md-table td.prd-name{font-weight:700}.monitor-detail .md-table td.prd-delay{white-space:normal;color:#9fb0c8;min-width:140px}.monitor-detail .md-table .md-audio{display:inline-block;vertical-align:middle;height:32px;width:220px;max-width:100%}.monitor-detail .md-table a{color:rgb(53.137254902%,72.5040016006%,100%)}.monitor-detail .md-table .prd-state{padding:2px 8px;border-radius:999px;font-size:.85rem;font-weight:700;background-color:rgba(107,124,150,.35)}.monitor-detail .md-table tr.prd-done .prd-state{background-color:rgba(47,191,113,.25);color:#2fbf71}.monitor-detail .md-table tr.prd-overdue .prd-state{background-color:rgba(255,77,79,.25);color:#ff8a8c}.monitor-detail .md-table tr.prd-overdue td{background-color:rgba(255,77,79,.06)}.monitor-detail .md-table tr.prd-skipped .prd-state{background-color:rgba(0,0,0,0);color:#9fb0c8;border:1px dashed #9fb0c8}.monitor-detail .md-table .prd-thumb{width:56px;height:42px;object-fit:cover;border-radius:6px;display:block}.monitor-login{background-color:#0f1724}.monitor-login .ml-box{width:min(360px,100%);padding:28px 24px;align-items:stretch;text-align:center;gap:12px}.monitor-login .ml-icon{font-size:2.4rem}.monitor-login .ml-tip{color:#9fb0c8}.monitor-login .ml-input{padding:12px 14px;border:1px solid #2c3d5a;border-radius:10px;background-color:#1e2b42;color:#e8eef8;font-size:1.15rem;text-align:center;letter-spacing:2px}.monitor-login .ml-input:focus{outline:2px solid #3b8cff}.monitor-login .ml-error{min-height:1.3em;color:#ff8a8c;font-size:.95rem}.monitor-login .ml-submit{padding:12px;border:0;border-radius:10px;background-color:#3b8cff;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer}.monitor-login .ml-submit:disabled{opacity:.6}.callsafe-call-panel{z-index:10050;position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:16px;background-color:rgba(40,40,40,.6)}.callsafe-call-panel.is-open{display:flex}.callsafe-call-panel .ccp-box{width:100%;max-width:340px;padding:20px 18px;border-radius:16px;background-color:#fff;text-align:center;box-shadow:0 10px 30px rgba(40,40,40,.3)}.callsafe-call-panel .ccp-title{font-size:1.25rem;font-weight:700}.callsafe-call-panel .ccp-status{margin-top:4px;color:#008c95;font-size:1rem}.callsafe-call-panel.is-ended .ccp-status{color:#8e8e90}.callsafe-call-panel .ccp-digits{min-height:2.25rem;margin:10px 0;font-size:1.75rem;letter-spacing:4px;word-break:break-all}.callsafe-call-panel .ccp-keypad{display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.callsafe-call-panel .ccp-key{height:60px;border:0;border-radius:12px;background-color:rgba(40,40,40,.06);font-size:1.6rem;font-weight:600;touch-action:manipulation}.callsafe-call-panel .ccp-key:active{background-color:rgba(40,40,40,.18)}.callsafe-call-panel .ccp-hangup{width:100%;height:52px;margin-top:14px;border:0;border-radius:26px;background-color:#ff3f3f;color:#fff;font-size:1.15rem;font-weight:700;touch-action:manipulation}.attendance-container{z-index:9900;display:flex;position:fixed;top:0;left:0;width:calc(100vw - 17px);height:100vh}.attendance-container .attendance-camera{display:flex;align-items:center;justify-content:center;flex:2;height:100%;overflow:hidden}.attendance-container .attendance-camera img{max-width:64px}.attendance-container .attendance-camera.posa{position:relative;top:unset;left:unset;width:100%;height:100%}.attendance-container .attendance-camera.notshow{display:none}@media(max-width: 768px){.attendance-container{flex-direction:column;width:100vw}.attendance-container .attendance-camera{width:100%;height:unset}}.attendance-options{position:relative;width:30%;border-left:1px solid rgba(142,142,144,.05);background-color:rgba(142,142,144,.05);display:flex;flex-direction:column}.attendance-options .attendance-inout{display:flex}.attendance-options .attendance-inout .attendance-in-group{flex:2;display:flex;flex-wrap:wrap}.attendance-options .attendance-in{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-bottom:3px;border-radius:10px;background-color:rgba(142,142,144,.25)}.attendance-options .attendance-in .btn,.attendance-options .attendance-in .btnfullwidth,.attendance-options .attendance-in .btngray,.attendance-options .attendance-in .btnwhite,.attendance-options .attendance-in .btnblack,.attendance-options .attendance-in .btnbrown,.attendance-options .attendance-in .btnred,.attendance-options .attendance-in .btnblue,.attendance-options .attendance-in .btnblue_light,.attendance-options .attendance-in .btnblue_dark,.attendance-options .attendance-in .btngreen,.attendance-options .attendance-in .btnpurple,.attendance-options .attendance-in .btnorange,.attendance-options .attendance-in .btnorange_red,.attendance-options .attendance-in .btnorange_yellow,.attendance-options .attendance-in .btnpink,.attendance-options .attendance-in .btnyellow,.attendance-options .attendance-in .btngreen_light,.attendance-options .attendance-in .btnupload,.attendance-options .attendance-in .btnnobgc{width:calc((100% - 20px)/2);height:60px;font-size:1.25rem;font-weight:700}.attendance-options .attendance-out .btn,.attendance-options .attendance-out .btnfullwidth,.attendance-options .attendance-out .btngray,.attendance-options .attendance-out .btnwhite,.attendance-options .attendance-out .btnblack,.attendance-options .attendance-out .btnbrown,.attendance-options .attendance-out .btnred,.attendance-options .attendance-out .btnblue,.attendance-options .attendance-out .btnblue_light,.attendance-options .attendance-out .btnblue_dark,.attendance-options .attendance-out .btngreen,.attendance-options .attendance-out .btnpurple,.attendance-options .attendance-out .btnorange,.attendance-options .attendance-out .btnorange_red,.attendance-options .attendance-out .btnorange_yellow,.attendance-options .attendance-out .btnpink,.attendance-options .attendance-out .btnyellow,.attendance-options .attendance-out .btngreen_light,.attendance-options .attendance-out .btnupload,.attendance-options .attendance-out .btnnobgc{width:100% !important;height:90px;font-weight:700;font-size:2rem}.attendance-options .attendance-out.attendance-outbtn{z-index:9990;position:absolute;bottom:0px;width:100%}@media(max-width: 1280px){.attendance-options .attendance-inout .attendance-in-group .btnsmallbig{width:calc((100% - 20px)/2)}.attendance-options .attendance-inout .attendance-out-group{display:flex;justify-content:flex-end}.attendance-options .attendance-inout .attendance-out-group .btnsquare{width:90px}.attendance-options .attendance-in .btn,.attendance-options .attendance-in .btnfullwidth,.attendance-options .attendance-in .btngray,.attendance-options .attendance-in .btnwhite,.attendance-options .attendance-in .btnblack,.attendance-options .attendance-in .btnbrown,.attendance-options .attendance-in .btnred,.attendance-options .attendance-in .btnblue,.attendance-options .attendance-in .btnblue_light,.attendance-options .attendance-in .btnblue_dark,.attendance-options .attendance-in .btngreen,.attendance-options .attendance-in .btnpurple,.attendance-options .attendance-in .btnorange,.attendance-options .attendance-in .btnorange_red,.attendance-options .attendance-in .btnorange_yellow,.attendance-options .attendance-in .btnpink,.attendance-options .attendance-in .btnyellow,.attendance-options .attendance-in .btngreen_light,.attendance-options .attendance-in .btnupload,.attendance-options .attendance-in .btnnobgc{height:60px;font-size:1.125rem}.attendance-options .attendance-out .btn,.attendance-options .attendance-out .btnfullwidth,.attendance-options .attendance-out .btngray,.attendance-options .attendance-out .btnwhite,.attendance-options .attendance-out .btnblack,.attendance-options .attendance-out .btnbrown,.attendance-options .attendance-out .btnred,.attendance-options .attendance-out .btnblue,.attendance-options .attendance-out .btnblue_light,.attendance-options .attendance-out .btnblue_dark,.attendance-options .attendance-out .btngreen,.attendance-options .attendance-out .btnpurple,.attendance-options .attendance-out .btnorange,.attendance-options .attendance-out .btnorange_red,.attendance-options .attendance-out .btnorange_yellow,.attendance-options .attendance-out .btnpink,.attendance-options .attendance-out .btnyellow,.attendance-options .attendance-out .btngreen_light,.attendance-options .attendance-out .btnupload,.attendance-options .attendance-out .btnnobgc{height:60px;font-size:1.75rem}}@media(max-width: 768px){.attendance-options{width:100%;height:50%;border-left:none;border-top:1px solid rgba(142,142,144,.05)}}.attendance-result{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;padding:15px}.attendance-result .attendance-image{width:60px;margin-bottom:10px}.attendance-result .attendance-title{margin-bottom:5px;font-size:1.25rem}.attendance-result .attendance-title.success{color:#008c95}.attendance-result .attendance-title.failed{color:#ff3f3f}.attendance-result .attendance-name{margin-bottom:5px}.attendance-result .attendance-date{font-size:.875rem}@media(max-width: 576px){.attendance-result .attendance-image{width:60px}}.access-container{z-index:9900;display:flex;position:fixed;top:0;left:0;width:calc(100vw - 17px);height:100vh}.access-container .access-camera{display:flex;align-items:center;justify-content:center;flex:2;height:100%;overflow:hidden}.access-container .access-camera img{max-width:64px}.access-container .access-options{position:relative;width:30%;border-left:1px solid rgba(142,142,144,.05);background-color:rgba(142,142,144,.05);display:flex;flex-direction:column}@media(max-width: 576px){.access-container{flex-direction:column}.access-container .access-camera{width:100%;height:unset}.access-container .access-options{width:100%;height:50%;border-left:none;border-top:1px solid rgba(142,142,144,.05)}}.attendance-container .result-container{position:relative !important;left:auto !important;top:auto !important;width:100% !important;height:auto !important;z-index:auto !important;justify-content:flex-start !important}/*# sourceMappingURL=style.min.css.map */