.m-24{margin:24px}.mt-24{margin-top:24px}.mr-24{margin-right:24px}.mb-24{margin-bottom:24px}.ml-24{margin-left:24px}.m-16{margin:16px}.mt-16{margin-top:16px}.mr-16{margin-right:16px}.mb-16{margin-bottom:16px}.ml-16{margin-left:16px}.m-12{margin:12px}.mt-12{margin-top:12px}.mr-12{margin-right:12px}.mb-12{margin-bottom:12px}.ml-12{margin-left:12px}.m-6{margin:6px}.mt-6{margin-top:6px}.mr-6{margin-right:6px}.mb-6{margin-bottom:6px}.ml-6{margin-left:6px}.p-24{padding:24px}.pt-24{padding-top:24px}.pr-24{padding-right:24px}.pb-24{padding-bottom:24px}.pl-24{padding-left:24px}.p-16{padding:16px}.pt-16{padding-top:16px}.pr-16{padding-right:16px}.pb-16{padding-bottom:16px}.pl-16{padding-left:16px}.p-12{padding:12px}.pt-12{padding-top:12px}.pr-12{padding-right:12px}.pb-12{padding-bottom:12px}.pl-12{padding-left:12px}.p-6{padding:6px}.pt-6{padding-top:6px}.pr-6{padding-right:6px}.pb-6{padding-bottom:6px}.pl-6{padding-left:6px}.layout{min-height:100vh;display:flex;flex:auto;flex-direction:column}.layout .footer,.layout .header{flex:0 0 auto}.layout .content{flex:auto}.w-100{width:100%}.h-100{height:100%}*,:after,:before{box-sizing:border-box;font-size:16px}body,html{margin:0;padding:0;font-family:"Microsoft JhengHei","Segoe UI",Helvetica,Arial,sans-serif}.tab.p-tabview .p-tabview-nav{display:flex}.tab.p-tabview .p-tabview-nav li{flex:1 1;font-size:24px}.tab.p-tabview .p-tabview-panels{background:transparent;border:none;border-top:3px solid hsla(0,0%,100%,.1);padding:0}.tab.p-tabview .p-tabview-nav li .p-tabview-nav-link{flex:1 1;background-color:transparent;border:3px solid hsla(0,0%,100%,.1);color:#bbb}.tab.p-tabview .p-tabview-nav li .p-tabview-nav-link span{margin:0 auto;font-size:22px;letter-spacing:.1rem}.tab.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{background:hsla(0,0%,100%,.1);border:none;border-bottom:5px solid hsla(0,0%,100%,0);color:#fff}.screenCapture{background:hsla(0,0%,100%,.1);color:#fff;font-weight:700;text-align:center}.screenCapture .downloadButton{width:220px;background:#0b8820;color:#fff;border:0}.screenCapture .downloadButton .p-button-label{font-size:18px}.screenCapture .downloadButton:hover{background:#10ac2a;color:#fff;border:0}.result{background:hsla(0,0%,100%,.1);color:#fff;font-weight:700;text-align:center}.result span,.resultValue{font-size:25px}.resultValue{color:#ffd000;font-weight:700;text-align:center}.directionArrow{background:hsla(0,0%,100%,.1);color:#000;margin:0;padding:0}.directionArrow .startDirection{color:#fff;text-align:right;font-weight:700;font-size:20px}.directionArrow .line{color:#fff;text-align:left;position:relative;bottom:5}.directionArrow .lineBox{height:3px;width:99.5%;position:absolute;top:0;bottom:0;left:0;margin:auto;background:#fff}.directionArrow .endArrow{color:#fff;position:absolute;top:9px;right:0;margin:auto}.directionArrow .endDirection{color:#fff;text-align:left;font-weight:700;font-size:20px}.timeSpace{background:hsla(0,0%,100%,.1);color:#fff}.timeSpace .signal{width:100%;height:100%;color:transparent;cursor:pointer}.timeSpace .signal.purple{background:#9332b1}.timeSpace .signal.red{background:#e63946}.timeSpace .signal.orange{background:#f80}.timeSpace .signal.yellow{background:gold}.timeSpace .signal.green{background:#9df857}.timeSpace .sectionName{cursor:pointer;font-size:28px}.timeSpace .p-datatable .p-datatable-scrollable-footer,.timeSpace .p-datatable .p-datatable-scrollable-header{background:hsla(0,0%,100%,0)}.timeSpace .p-datatable .p-datatable-thead>tr,.timeSpace .p-datatable .p-datatable-thead>tr>th{border:1px solid transparent;background:hsla(0,0%,100%,0);word-break:break-all;font-size:28px}.timeSpace .p-datatable .p-datatable-tbody>tr,.timeSpace .p-datatable .p-datatable-tbody>tr>td{border:1px solid transparent;background:hsla(0,0%,100%,0)}.timeSpace .customTable{display:block;overflow-x:auto;margin-top:0}.timeSpace .customTable::-webkit-scrollbar{width:5px}.timeSpace .customTable::-webkit-scrollbar-button{background:rgba(0,0,0,.5)}.timeSpace .customTable::-webkit-scrollbar-track-piece{background:transparent}.timeSpace .customTable::-webkit-scrollbar-thumb{background-color:hsla(0,0%,98.8%,.733)}h4.title{color:#fff;margin-bottom:10px;font-size:18px}h4.title .required{font-size:18px;color:#ffb302}.p-field>.p-invalid,.p-field>.p-invalid>.p-inputtext{border-color:#ffb302!important}.p-error{color:#ffb302;font-weight:700}.p-dropdown .p-dropdown-label{line-height:30px;font-size:20px}.p-dropdown-panel .p-dropdown-items .p-dropdown-item{font-size:20px}.p-inputtext{margin:0 10px}.customSelect{display:flex;justify-content:center;align-items:center}.customSelect .p-button{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.3);color:rgba(60,60,60,.9);font-size:50px}.customSelect.p-selectbutton .p-highlight{background:rgba(0,50,100,.8);border-color:hsla(0,0%,100%,.5);box-shadow:0 0 9px 3px #fff;color:#fff;font-weight:700;font-size:50px}.customSelect span.p-button-label{font-size:24px}.dialog .p-tabview .p-tabview-panels{background-color:rgba(10,20,49,.95);border:0}.dialog .p-tabview-nav-link{border-radius:5px}.dialog.p-dialog{padding:0;width:90%;box-shadow:0 0 6px 2px hsla(0,0%,100%,.7)}.dialog.p-dialog .p-dialog-header{height:0;border-bottom:1px solid rgba(10,20,49,.95);background:rgba(10,20,49,.95);color:#fff;border-top-right-radius:3px;border-top-left-radius:3px}.dialog.p-dialog .p-dialog-content{background:rgba(10,20,49,.95);color:#fff;padding-top:0}.dialog .p-dialog-content::-webkit-scrollbar{width:0}.dialog .p-dialog-content::-webkit-scrollbar-button{background:rgba(248,243,243,.5)}.dialog .p-dialog-content::-webkit-scrollbar-track-piece{background:rgba(250,23,23,0)}.dialog .p-dialog-content::-webkit-scrollbar-thumb{background-color:hsla(0,0%,98.8%,.733)}.dialog .p-dialog-header-icons{z-index:999}.dialog .tab-block{width:100%;display:flex}.dialog .tab-block.fixed{position:fixed;top:30px;left:0;z-index:99;background:rgba(10,20,49,.95);border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8}.dialog .tab{color:#fff;background-color:#333;border:1px solid #333;border-radius:3px;font-weight:700;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-right:3px;padding:.7rem 1rem}.dialog .tab:hover{background-color:#dbdbdb;color:#000}.dialog .tab.active{background-color:#007ad9}.dialog .tab.active:hover{color:#fff}.roadInfo{min-width:1000px}.roadInfo .mapTitle{font-size:24px;font-weight:700;color:#fff}.roadInfo .mapContainer{position:relative;z-index:1}.roadInfo .focusThisButton{position:absolute;top:-80%;bottom:0;left:95%;right:0;margin:auto;z-index:9999999;box-shadow:0 0 3px 2px rgba(0,0,0,.3)}.roadInfo .roadInfo{font-size:22px;margin:0 0 12px 12px}.roadInfo .customInfo{height:350px;color:#fff}.roadInfo .customChart{position:relative;top:25%;bottom:0;left:0;right:0;margin:auto}.waterWave .water-waves{overflow:hidden;position:relative;border-radius:50%;border:2px solid #fff;text-align:center;line-height:50px;animation:water-waves linear infinite;margin:0 auto 12px}.waterWave .water-wave{position:absolute;left:-45%;right:-45%;opacity:.8;width:200%;height:200%;border-radius:35%;animation:inherit;animation-duration:7s;border:1px solid #333}.waterWave .water-wave-text{position:absolute;top:50%;left:50%;font-size:28px;color:#fff;transform:translate(-50%,-50%)}@keyframes water-waves{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.waterIcon{padding-top:15px;padding-bottom:10px}.waterIcon .legend-content{display:flex;align-items:center;padding:0 0 10px;font-size:20px}.waterIcon .legend-content .legend{width:25px;height:25px;margin-right:10px;border-radius:5px;background-color:#fff;opacity:.9;display:flex;justify-content:center;align-items:center}#vcInfo{color:#fff}#vcInfo .header{display:flex;padding:20px 0;background:rgba(10,20,49,.95);position:fixed;top:80px;left:0;right:0;z-index:99;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;margin:0}#vcInfo .header div{font-size:22px}#vcInfo .header .info{margin:0 0 12px 12px}#vcInfo .header .check{min-width:200px;display:flex;margin:0 0 12px 12px}#vcInfo .header label{font-size:22px}#vcInfo .lane-title-block{width:100%;height:50px;display:flex;justify-content:flex-end}#vcInfo .lane-title{width:120px;border:1px solid #fff;background-color:#fff;color:#000;font-size:20px;font-weight:700;display:flex;justify-content:center;align-items:center}#vcInfo .lane-content-block{width:100%;height:30%;min-height:450px;display:flex;justify-content:flex-end;cursor:point}#vcInfo .lane-content-block .lane-content{width:120px;cursor:pointer;display:flex;justify-content:center;align-items:center;border-bottom:5px solid #fff}#vcInfo .lane-name{width:100%;background-color:#fff;border:1px solid #fff;color:#000;font-size:28px;padding:10px}#vcInfo .lane-name,#vcInfo .lane-speed{display:flex;justify-content:center;align-items:center;font-weight:700}#vcInfo .lane-speed{width:65px;height:100%;border:5px solid #fff;border-top:0 solid #fff;font-size:20px;flex-direction:column}#vcInfo .speed-title{color:#000;background-color:#fff}#vcInfo .lane-speed>span:first-child{font-size:24px;font-weight:700}#vcInfo .lane-speed>span:nth-child(2){font-size:17px;font-weight:700}#vcInfo .lane-icon{width:50px;height:50px}#vcInfo .lane-content>div,#vcInfo .lane-icon{display:flex;justify-content:center;align-items:center}#vcInfo .lane-content>div{width:90px;height:90px;background:#fff}#vcInfo .legend-block{width:80px;display:flex;flex-direction:column;align-items:left;justify-content:space-between;padding:10px 0;margin-top:50px;margin-left:10px}#vcInfo .legend-block .lane-cross{width:30px;height:50px;display:flex;align-items:center;cursor:pointer}#vcInfo .p-tabview-title{font-size:20px}#vcInfo .timer{width:100%;font-size:24px;margin-bottom:30px}#vcInfo .add-btn,#vcInfo .timer{display:flex;justify-content:center;font-weight:700}#vcInfo .add-btn{border:5px dashed #fff;padding:10px;font-size:20px;cursor:pointer}#vcInfo .slider{width:100%}#vcInfo .slider .title{width:100%;display:flex;justify-content:space-between;margin:10px 0}#vcInfo .slider .time{font-size:24px;cursor:pointer}#vcInfo .button-block{width:100%;display:flex;margin-bottom:10px}#vcInfo .button-block .modelButton{background:#ca2b2b;border:0}#vcInfo .button-block .modelButton .p-button-label{font-size:20px}#vcInfo .button-block .modelButton:hover{background:#f73a3a;border:0}#vcInfo .info-th{width:100%;padding:10px 0;font-weight:700}#vcInfo .info-td,#vcInfo .info-th{font-size:20px;display:flex;justify-content:center;align-items:center;border-right:1px solid #fff;border-bottom:1px solid #fff}#vcInfo .info-td{min-width:170px;padding:5px 0}#vcInfo .p-disabled{opacity:.7}#curnatureRadius{width:80%}#curnatureRadius .p-dialog-header{height:-moz-fit-content;height:fit-content}#curnatureRadius .p-dialog-title{margin-top:1vh}#curnatureRadius .table-container{display:flex;justify-content:center;margin:1vh 0 4vh}#curnatureRadius table{border:1px solid #fff;border-collapse:collapse}#curnatureRadius tr{display:flex;justify-content:center}#curnatureRadius th{width:100%;padding:10px 0;font-weight:700}#curnatureRadius td,#curnatureRadius th{font-size:20px;display:flex;justify-content:center;align-items:center}#curnatureRadius td{min-width:170px;padding:5px 0;color:#000}#createConstruction{width:50vw}#createConstruction .p-dialog-header{height:-moz-fit-content;height:fit-content}#createConstruction .p-dialog-title{margin-top:1vh}#createConstruction #createConstruction_content{display:flex;justify-content:center}#createConstruction form{width:80%;display:flex;justify-content:center;flex-wrap:wrap;margin:0 0 5vh}#createConstruction .data-row{width:100%;display:flex;justify-content:center;margin:0 0 1.5vh;flex-wrap:wrap}#createConstruction .data-label{font-size:20px;margin-right:1vw}#createConstruction .data-input{width:20vw}#createConstruction .data-error{font-size:12px;margin:.3vh 0 0 1.5vw}#createConstruction .data-error,.login{width:100%;display:flex;justify-content:center}.login{margin-top:150px}.login .login-block{width:500px;height:300px;background:#174ea0;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;position:relative;border:3px solid #fff}.login .title{font-size:28px;font-weight:700;padding:20px 0;border-radius:5px 5px 0 0;color:#fff}.login .content,.login .title{display:flex;justify-content:center}.login .content{flex-direction:column;align-items:center;padding:20px}.login .input-block{display:flex;justify-content:center}.login .button-style{width:100%;height:50px;border-radius:0 0 10px 10px;font-size:30px;font-weight:700;background:#5383c3;border:0}.login .text{font-size:"22px";font-weight:"bold";color:"#fff";margin-right:"10px"}.login .p-password-input{margin:0;width:100%}.notFound{width:90%;color:#fff;text-align:center;font-size:24px;letter-spacing:.5rem;position:absolute;top:50%;bottom:0;left:0;right:0;margin:auto}.history{display:flex;flex-direction:column;align-items:center;letter-spacing:0}.history .searchBar{width:90%;display:flex;justify-content:space-around;margin:10px 0 50px}.history .searchBar .filterButton .p-button{background-color:hsla(0,0%,100%,.3);border:1px solid hsla(0,0%,100%,.3);color:rgba(60,60,60,.9)}.history .searchBar .filterButton .p-button span{font-size:24px}.history .searchBar .filterButton.p-selectbutton .p-highlight{background:rgba(0,50,100,.8);border-color:hsla(0,0%,100%,.5);box-shadow:0 0 9px 3px #fff;color:#fff;font-weight:700}.history .searchBar .selectDate{color:#fff;font-size:20px;font-weight:700}.history .searchBar .selectDate .filterCalendar{width:200px}.history .searchBar .selectDate .filterCalendar .p-inputtext{margin:0;font-size:20px}.history .tableBox{width:95%;overflow-x:auto}.history .tableBox .p-datatable{margin:0 auto;width:1500px;border:none}.history .tableBox .p-datatable-header{font-size:28px;width:100%;height:80px;border:none;background:hsla(0,0%,100%,0)}.history .tableBox .p-datatable-header .tableHeader{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.history .tableBox .p-datatable-header .tableHeader .title{font-size:28px;letter-spacing:.3em}.history .tableBox .p-datatable-header .tableHeader .searchBox{width:400px;height:100%;display:flex;align-items:center}.history .tableBox .p-datatable-header .tableHeader .searchBox .pi-search{margin-left:12px}.history .tableBox .p-datatable-header .tableHeader .searchBox .p-inputtext{font-size:20px;width:300px;height:70%;border-radius:3px}.history .tableBox .p-datatable-header .tableHeader .searchBox .button-style{width:80px;height:40px;letter-spacing:2px}.history .tableBox .p-datatable .p-datatable-thead>tr th{letter-spacing:.1rem;height:60px;color:#fff;background:hsla(0,0%,100%,.1);text-align:center;border:3px solid #fff;border-right:none;border-left:none}.history .tableBox .p-datatable .p-datatable-thead>tr th span{font-size:24px;border:none}.history .tableBox .p-datatable .p-datatable-thead>tr :nth-child(3) span{border:none}.history .tableBox .p-datatable .p-datatable-tbody tr{background:hsla(0,0%,100%,0);color:#fff}.history .tableBox .p-datatable .p-datatable-tbody tr td{font-size:24px;height:70px;text-align:center;border:none;border-bottom:1px solid hsla(0,0%,100%,.2)}.history .tableBox .p-datatable .p-datatable-tbody tr :nth-child(3){text-align:left}.history .tableBox .p-paginator{height:70px;background-color:hsla(0,0%,100%,0);border:none}.history .tableBox .p-paginator button{margin:10px;color:#fff;border-radius:5px;font-size:20px;font-weight:700}.history .tableBox .p-paginator button span{font-weight:700}.history .tableBox .p-paginator .p-dropdown span{display:flex;align-items:center;justify-content:center}.history .tableBox::-webkit-scrollbar{width:0}.history .tableBox::-webkit-scrollbar-button{background:rgba(248,243,243,.5)}.history .tableBox::-webkit-scrollbar-track-piece{background:rgba(250,23,23,0)}.history .tableBox::-webkit-scrollbar-thumb{background-color:hsla(0,0%,98.8%,.733)}@media screen and (max-width:1200px){.history .searchBar div .filterCalendar{width:160px}}@media screen and (max-width:992px){.history .searchBar{height:250px;flex-direction:column;align-items:center}.history .searchBar div .filterCalendar{width:300px}}@media screen and (max-width:768px){.history .searchBar div .filterCalendar{width:250px}}.authorization{display:flex;justify-content:center}.authorization .tableBox{width:95%;overflow-x:auto}.authorization .tableBox .p-datatable{margin:0 auto;width:1500px}.authorization .tableBox .p-datatable .p-datatable-header{height:80px;border:none;background-color:hsla(0,0%,100%,0)}.authorization .tableBox .p-datatable .p-datatable-header .tableHeader{height:100%;display:flex;align-items:center;justify-content:space-between}.authorization .tableBox .p-datatable .p-datatable-header .tableHeader span{font-size:28px}.authorization .tableBox .p-datatable .p-datatable-header .tableHeader .p-button{font-size:20px;font-weight:700}.authorization .tableBox .p-datatable .p-datatable-thead tr{height:60px}.authorization .tableBox .p-datatable .p-datatable-thead tr th{color:#fff;background-color:hsla(0,0%,100%,.1);border:3px solid #fff;border-right:none;border-left:none;text-align:center}.authorization .tableBox .p-datatable .p-datatable-thead tr th span{font-size:24px}.authorization .tableBox .p-datatable .p-datatable-tbody tr{color:#fff;background-color:transparent;height:70px}.authorization .tableBox .p-datatable .p-datatable-tbody tr td{font-size:20px;font-weight:700;border:none;border-bottom:1px solid hsla(0,0%,100%,.2)}.authorization .tableBox .p-datatable .p-datatable-tbody tr>:first-child,.authorization .tableBox .p-datatable .p-datatable-tbody tr>:nth-child(2){padding-left:130px}.authorization .tableBox .p-datatable .p-datatable-tbody tr>:nth-child(3),.authorization .tableBox .p-datatable .p-datatable-tbody tr>:nth-child(4){text-align:right;padding-right:130px}.authorization .tableBox .p-datatable .p-datatable-tbody .unAvailable{background-color:transparent;color:#fff}.authorization .tableBox .p-datatable .p-paginator{height:70px;background-color:hsla(0,0%,100%,0);border:none}.authorization .tableBox .p-datatable .p-paginator button{margin:10px;color:#fff;border-radius:5px;font-size:20px;font-weight:700}.authorization .tableBox .p-datatable .p-paginator button span{font-weight:700}.authorization .tableBox .p-datatable .p-paginator .p-dropdown span{display:flex;align-items:center;justify-content:center}.authorization .tableBox::-webkit-scrollbar{width:0}.authorization .tableBox::-webkit-scrollbar-button{background:rgba(248,243,243,.5)}.authorization .tableBox::-webkit-scrollbar-track-piece{background:rgba(250,23,23,0)}.authorization .tableBox::-webkit-scrollbar-thumb{background-color:hsla(0,0%,98.8%,.733)}.p-dialog{border:none}.p-dialog .p-dialog-header{background:#174ea0;border:none;border-radius:5px 5px 0 0}.p-dialog .p-dialog-header .p-dialog-title{font-size:28px;display:flex;justify-content:center;align-items:center;margin-left:32px}.p-dialog .p-dialog-content{background:#174ea0;border-radius:0 0 5px 5px;padding:0;height:auto}.Register{width:100%;height:auto}.Register .content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:20px auto}.Register .input-block{display:flex;justify-content:center;margin-bottom:5px}.Register .button-style{width:100%;height:50px;border-radius:0 0 5px 5px;font-size:30px;font-weight:700;background:#5383c3;border:0}.Register .p-dropdown-label{margin:0}.Register .text{font-size:"22px";font-weight:"bold";color:"#fff";margin-right:"10px"}.Register .p-password>.p-inputtext{margin:0;width:100%}.Edit{width:100%;height:auto}.Edit .content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:20px auto}.Edit .input-block{display:flex;justify-content:center;margin-bottom:5px}.Edit .button-style{width:100%;height:50px;border-radius:0 0 5px 5px;font-size:30px;font-weight:700;background:#5383c3;border:0}.Edit .p-dropdown-label{margin:0}.Edit .text{font-size:"22px";font-weight:"bold";color:"#fff";margin-right:"10px"}.Edit .p-password>.p-inputtext{margin:0;width:100%}.PersonalEdit{width:100%;height:auto;display:flex;justify-content:center;margin-top:100px}.editBlock{width:600px;background-color:#174ea0;border-radius:5px;height:auto}.editBlock .title{width:100%;font-size:28px;font-weight:700;letter-spacing:1px;color:#fff;margin-top:20px;display:flex;justify-content:center}.editBlock .content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:20px auto}.editBlock .input-block{display:flex;justify-content:center;margin-bottom:5px}.editBlock .button-style{width:100%;height:50px;border-radius:0 0 5px 5px;font-size:30px;font-weight:700;background:#5383c3;border:0}.editBlock .p-dropdown-label{margin:0}.editBlock .text{font-size:"22px";font-weight:"bold";color:"#fff";margin-right:"10px"}.editBlock .p-password>.p-inputtext{margin:0;width:100%}.p-button-label{font-size:20px;font-weight:700}#constructionModal,#copyModal{width:50vw}#constructionModal .p-dialog-header,#copyModal .p-dialog-header{height:-moz-fit-content;height:fit-content}#constructionModal .p-dialog-title,#copyModal .p-dialog-title{margin-top:1vh}#constructionModal #constructionModal_content,#constructionModal #copyModal_content,#constructionModal .form-area,#copyModal #constructionModal_content,#copyModal #copyModal_content,#copyModal .form-area{display:flex;justify-content:center}#constructionModal form,#copyModal form{width:80%;display:flex;justify-content:center;flex-wrap:wrap}#constructionModal .data-row,#copyModal .data-row{width:100%;display:flex;justify-content:center;margin:0 0 1.5vh;flex-wrap:wrap}#constructionModal .data-label,#copyModal .data-label{font-size:20px;margin-right:2vw;width:6vw;text-align:end}#constructionModal input,#copyModal input{width:20vw;height:3.5vh;font-size:16px}#constructionModal .data-error,#copyModal .data-error{width:100%;display:flex;font-size:12px;margin:.3vh 0 0 14vw}#constructionModal .btn-area,#copyModal .btn-area{display:flex;margin-top:3vh}#constructionModal .btn-area .copy-btn,#copyModal .btn-area .copy-btn{margin:0 .5vw 2vh 0}#constructionModal .btn-area .cancel-btn,#copyModal .btn-area .cancel-btn{margin:0 .5vw 2vh 0;background-color:grey}#constructionModal .btn-area .delete-btn,#copyModal .btn-area .delete-btn{background-color:red;margin:0 .5vw 2vh 0}#constructionModal .btn-area .submit-btn,#copyModal .btn-area .submit-btn{margin-bottom:2vh}#constructionModal .data_label,#copyModal .data_label{width:5vw;text-align:end}#constructionModal .dropdown-ele,#copyModal .dropdown-ele{width:20vw;height:3.5vh}#constructionModal .dropdown-ele .p-dropdown-label,#copyModal .dropdown-ele .p-dropdown-label{padding:0;font-size:16px}#constructionModal .p-calendar,#copyModal .p-calendar{height:3.5vh;width:20vw}#constructionModal .p-calendar .p-inputtext,#copyModal .p-calendar .p-inputtext{font-size:16px;margin:0}#constructionModal .lane_details,#copyModal .lane_details{width:20vw}#constructionModal .lane_details .data-label,#copyModal .lane_details .data-label{margin-right:1vw;text-align:start}#constructionModal .lane_details .data-area,#copyModal .lane_details .data-area{border-bottom:1px solid}#constructionModal .lane_details .data-error,#copyModal .lane_details .data-error{margin:.3vh 0 0 7.5vw}#constructionModal .lane_details .dropdown-ele,#constructionModal .lane_details input,#copyModal .lane_details .dropdown-ele,#copyModal .lane_details input{width:12vw}#constructionModal .lane_details .p-calendar,#copyModal .lane_details .p-calendar{height:3.5vh;width:12vw}#constructionModal .lane_details .p-calendar .p-inputtext,#copyModal .lane_details .p-calendar .p-inputtext{font-size:16px;margin:0;width:10vw}#constructionModal .lane_details .delete-btn,#copyModal .lane_details .delete-btn{background-color:transparent;border:0;color:red;font-weight:700;margin-left:auto;margin-bottom:0}#constructionModal .detail-area,#copyModal .detail-area{max-height:27vh;width:21vw;overflow-y:scroll;overflow-x:hidden}#constructionModal .plus-btn,#copyModal .plus-btn{width:20vw;height:3.5vh}#constructionModal .plus-btn .p-button-icon,#copyModal .plus-btn .p-button-icon{margin-right:.5vw}#constructionModal .p-checkbox,#copyModal .p-checkbox{margin-top:.5vh}#constructionModal .radio_area,#copyModal .radio_area{width:10vw}#constructionModal .radio_area .radio_label,#copyModal .radio_area .radio_label{margin-left:.5vw}#constructionModal .repeat-area,#copyModal .repeat-area{display:flex;flex-wrap:wrap;margin-top:3vh}#constructionModal .repeat-area .date-area,#copyModal .repeat-area .date-area{width:100%;display:flex;margin-bottom:4vh;justify-content:center}#constructionModal .repeat-area .date-area .data-label,#copyModal .repeat-area .date-area .data-label{width:auto;margin:0 1vw}#constructionModal .repeat-area .date-area span,#copyModal .repeat-area .date-area span{width:auto}#constructionModal .repeat-area .date-area input,#copyModal .repeat-area .date-area input{width:10vw}#constructionModal .repeat-area .weekdays,#copyModal .repeat-area .weekdays{display:flex}#constructionModal .repeat-area .weekdays .data-label,#copyModal .repeat-area .weekdays .data-label{text-align:unset;margin:0 1vw 0 .5vw;width:max-content;display:inline}#constructionModal .repeat-area .weekdays .data-row,#copyModal .repeat-area .weekdays .data-row{flex-wrap:unset;width:-moz-fit-content;width:fit-content}#constructionModal .repeat-area .weekdays .data-title,#copyModal .repeat-area .weekdays .data-title{margin-right:2vw;font-size:20px}#constructionModal .repeat-area .weekdays .data-title-right,#copyModal .repeat-area .weekdays .data-title-right{margin-right:0 0 0 2vw;font-size:20px}#constructionModal .repeat-area .weekdays .data-error,#copyModal .repeat-area .weekdays .data-error{width:100%}#constructionModal .repeat-area .data-error,#copyModal .repeat-area .data-error{margin:0;text-align:center;display:block}.swal2-container{z-index:9999}.p-dropdown-item{font-size:16px!important}.construction{display:block;padding:0 5%;height:85vh}.construction .calendar{background-color:transparent;color:#fff;text-align:center;justify-content:center;height:85vh}.construction .calendar .rbc-event{height:2.5vh;overflow:hidden;align-items:center;display:flex;border:1px solid #0e1938}.construction .calendar .rbc-event-content{display:flex;align-content:center;flex-wrap:wrap}.construction .calendar .tool-area{text-align:center;display:flex;justify-content:space-between}.construction .calendar .tool-area .tips{display:flex;align-items:end;width:max-content;font-size:14px;width:40%}.construction .calendar .tool-area .color-tips{display:flex;align-items:end;flex-wrap:wrap;width:40%;justify-content:end}.construction .calendar .tool-area .color-tips span{font-size:14px!important}.construction .calendar .tool-area .color-tips .note{width:-webkit-fill-available}.construction .calendar .tool-area .color-tips .tips-item{display:flex;align-items:center;flex-wrap:wrap}.construction .calendar .tool-area .color-tips .color{width:.8vw;aspect-ratio:1/1;border-radius:5px;margin:0 .2vw}.construction .calendar .tool-area .title{padding:0 0 1.4vh}.construction .calendar .tool-area .tool-btn{border:0;background-color:transparent;color:#fff;font-weight:700;padding:0}.construction .calendar .tool-area .tool-title{margin:0 10px;font-size:22px;font-weight:700}.construction .calendar .rbc-now .rbc-button-link{background-color:red;border-radius:100px;padding:.5vh;margin-top:.4vh}.construction .calendar .rbc-today{background-color:transparent}.construction .calendar .rbc-off-range-bg{background:#3a486b}.construction .rbc-show-more{background-color:transparent;color:#fff}.construction .construction-mark{background-color:red;margin-top:.5vh}.construction .title{display:flex;justify-content:space-between}.construction .title span{color:#fff;font-size:28px}.construction .react-calendar__tile{display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.construction .else-construction{display:flex;justify-content:flex-end;width:100%;margin-top:auto}.construction .else-construction-button{background-color:transparent;border:0}.container{background-image:url(/static/media/background_login.0bc2c8ec.jpg)}.container .capture_loginBg{background:hsla(0,0%,100%,.1)}.container .capture_loginBg:before{content:"";width:100vw;height:100vh;position:absolute;top:0;left:0;background-repeat:no-repeat;filter:blur(4px);background:hsla(0,0%,100%,.1);background-image:linear-gradient(0deg,rgba(22,78,160,.3),rgba(22,78,160,.1)),url(/static/media/background_login.0bc2c8ec.jpg);filter:blur(0) brightness(1) saturate(1.2);background-attachment:fixed;background-size:cover;background-position:50%}.container .capture_loginBg .header{width:100vw;height:70px;line-height:70px;position:relative;top:0;z-index:5;background:rgba(10,20,49,.3);box-shadow:0 3px 3px rgba(0,0,0,.4)}.container .capture_loginBg .header img{height:100%;margin-right:10px;cursor:pointer;position:relative;top:-3px}.container .capture_loginBg .header div{line-height:1.5;cursor:pointer}.container .capture_loginBg .header div h1{margin:0;font-size:18px;color:#fff;letter-spacing:6px;text-align:center;position:relative;top:-6px}.container .capture_loginBg .header div h2{margin:0;font-size:13px;color:#fff;letter-spacing:2px;position:relative;top:-6px}@media screen and (max-width:992px){.container .capture_loginBg .header{height:75px;line-height:75px}.container .capture_loginBg .header div h1{font-size:22px}.container .capture_loginBg .header div h2{font-size:18px}}@media screen and (max-width:768px){.container .capture_loginBg .header{height:70px;line-height:70px}.container .capture_loginBg .header div h1{font-size:18px}.container .capture_loginBg .header div h2{font-size:14px}}@media screen and (max-width:576px){.container .capture_loginBg .header{height:55px;line-height:55px}.container .capture_loginBg .header div h1{font-size:14px}.container .capture_loginBg .header div h2{font-size:12px}}@media screen and (max-width:992px){.container .capture_loginBg .content{padding-top:80px}}@media screen and (max-width:768px){.container .capture_loginBg .content{padding-top:70px}}@media screen and (max-width:576px){.container .capture_loginBg .content{padding-top:55px}}body::-webkit-scrollbar{display:none}.p-sidebar-content{height:calc(100vw - 60px)}.p-sidebar-content .sidebarButton{font-size:20px;color:#fff;font-weight:bolder;width:100%;height:60px;margin-top:15px;text-align:left;border:none;cursor:pointer;background-color:#1e2845}.p-sidebar-content .Selected,.p-sidebar-content .Selected:hover,.p-sidebar-content .sidebarButton:hover{background-color:#46506d}.p-sidebar-content .logout{background-color:#323c59;text-align:center;position:absolute;bottom:0;left:0}.p-sidebar-content .logout:hover{background-color:#46506d}.container,.container .captureBg{min-height:100vh;background-image:url(/static/media/background.3d12660a.png);background-attachment:fixed;background-size:cover;background-position:50%}.container .captureBg .header{width:100vw;height:70px;line-height:70px;position:relative;top:0;z-index:5;background:rgba(10,20,49,.3);box-shadow:0 3px 3px rgba(0,0,0,.4)}.container .captureBg .header img{height:100%;margin-right:10px;cursor:pointer;position:relative;top:-3px}.container .captureBg .header div{line-height:1.5;cursor:pointer}.container .captureBg .header div h1{margin:0;font-size:18px;color:#fff;letter-spacing:6px;text-align:center;position:relative;top:-6px}.container .captureBg .header div h2{margin:0;font-size:13px;color:#fff;letter-spacing:2px;position:relative;top:-6px}@media screen and (max-width:992px){.container .captureBg .header{height:75px;line-height:75px}.container .captureBg .header div h1{font-size:22px}.container .captureBg .header div h2{font-size:18px}}@media screen and (max-width:768px){.container .captureBg .header{height:70px;line-height:70px}.container .captureBg .header div h1{font-size:18px}.container .captureBg .header div h2{font-size:14px}}@media screen and (max-width:576px){.container .captureBg .header{height:55px;line-height:55px}.container .captureBg .header div h1{font-size:14px}.container .captureBg .header div h2{font-size:12px}}@media screen and (max-width:992px){.container .captureBg .content{padding-top:80px}}@media screen and (max-width:768px){.container .captureBg .content{padding-top:70px}}@media screen and (max-width:576px){.container .captureBg .content{padding-top:55px}}.container .footer{width:100vw;height:25px;color:hsla(0,0%,100%,.6);text-align:center;line-height:25px;font-size:16px}@media screen and (max-width:768px){.container .footer{font-size:14px}}