.sidebar{background-color:#fff;flex:1 1;min-height:100vh;min-width:210px}.sidebar a{text-decoration:none}.sidebar hr{border:1px solid rgba(139,0,139,.082);height:0;margin:0 15px}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center;margin:60px 0 30px}.sidebar .top .logo{color:#200020;font-size:20px;font-weight:900}.sidebar .center{align-items:center;display:flex;justify-content:center;margin-top:30px;padding:0 15px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul a{align-items:center;color:#200020;display:flex;margin:12px 0;text-decoration:none}.sidebar .center ul a:hover{background:#8b008b;color:#fff}.sidebar .center ul a li{align-items:center;cursor:pointer;display:flex;margin:10px 0;padding:0 12px}.sidebar .center ul a li .icon{background:#8b008b;border-radius:50%;color:#fff;font-size:18px;padding:5px}.sidebar .center ul a li span{font-size:16px;font-weight:600;padding-left:10px}.sidebar .center ul a li .counter{align-items:center;background-color:red;border-radius:50%;color:#fafafa;display:flex;font-size:8px;height:18px;justify-content:center;margin-left:20px;margin-top:-25px;position:absolute;width:18px}.sidebar .center ul a:hover .icon{background-color:initial;color:#fff}.home{display:flex}.homeContainer{flex:10 1}.wrapper{justify-content:right;margin:60px 30px 0 0;width:100%}.item,.wrapper{align-items:center;display:flex}.item{justify-content:center;margin-right:30px}.item ul{list-style:none;padding:0}.item ul a{align-items:center;background:#8b008b;border:1px solid #8b008b;color:#fff;display:flex;margin:12px 0;text-decoration:none}.item ul a:hover{background:#fff;border:1px solid #8b008b;color:#8b008b}.item ul a li{align-items:center;border:1px solid rgba(139,0,139,.039);cursor:pointer;display:flex;padding:12px}.item ul a li .icon{color:#fff;font-size:18px}.item ul a li span{font-size:15px;font-weight:500;padding-left:10px}.item ul a:hover .icon{background-color:initial;color:#8b008b}.loginForm{align-items:center;display:flex;height:100vh;justify-content:center}.loginForm .loginTop{display:grid;margin-bottom:30px;text-align:center}.loginForm .loginTop span:first-child{font-size:18px;font-weight:500}.loginForm .loginTop span:last-child{font-size:20px;font-weight:900}.loginForm .loginBottom{align-items:center;background:#fff;display:flex;justify-content:center;padding:30px}.loginForm .loginBottom .error{color:#8b008b;text-align:center}.loginForm .loginBottom .form-group{margin:15px 0}.loginForm .loginBottom .form-group input{background:transparent;border:none;border-bottom:1px solid #8b008b;outline:none;padding:15px;text-align:center}.loginForm .loginBottom .form-group input:-webkit-autofill,.loginForm .loginBottom .form-group input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.loginForm .loginBottom button{align-items:center;background:#8b008b;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;margin:30px auto;padding:12px 12px 12px 10px}.loginForm .loginBottom button:hover{background-color:#fff;border:1px solid #8b008b;color:#8b008b}.loginForm .loginBottom button .icon{font-size:18px;margin-right:7px}.datatable div{border:initial;border-radius:0;border-radius:initial;color:#200020;font-family:inherit;font-weight:500}.datatable{background:#fff;color:#200020;height:400px;margin:30px}.staticList{color:rgba(32,0,32,.33)}.datatable a{border-bottom:1px solid #8b008b;color:#200020;text-decoration:none}.cellWidthStatus .active{color:green}.cellWidthStatus .terminated{color:rgba(32,0,32,.33)}.cellAction{align-items:center;display:flex;gap:15px}.cellAction .viewButton *{border-radius:5px;color:#8b008b;font-size:18px;padding:2px 5px}.cellAction .deleteButton *{border-radius:5px;color:red;font-size:18px;padding:2px 5px}.new{display:flex;width:100%}.new .newContainer{flex:10 1}.new .newContainer .bottom,.new .newContainer .top{display:flex;margin:10px;padding:10px}.new .newContainer .bottom .right form,.new .newContainer .top .right form{display:flex;flex-wrap:wrap;gap:20px}.new .newContainer .bottom .right form label,.new .newContainer .top .right form label{align-items:center;display:flex;gap:30px}.new .newContainer .bottom .right form .formInput,.new .newContainer .top .right form .formInput{width:30%}.new .newContainer .bottom .right form .formInput input,.new .newContainer .top .right form .formInput input{background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.33);outline:none;padding:5px;width:60%}.new .newContainer .bottom .right form .formInput select,.new .newContainer .top .right form .formInput select{width:64%}.new .newContainer .bottom .right form button,.new .newContainer .top .right form button{align-items:center;align-self:self-end;background:#fff;border:1px solid #d3dfea;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:36px;justify-content:center;padding:5px 10px}.new .newContainer .bottom .right form button:hover,.new .newContainer .top .right form button:hover{background-color:#d3dfea;border:1px solid #fff;border-radius:10px}.new .newContainer .bottom .right form button .icon,.new .newContainer .top .right form button .icon{font-size:18px;margin-right:5px}.detail{display:flex;width:100%}.detail .detailContainer{flex:10 1}.profile{display:flex;width:100%}.profile .profileContainer{flex:10 1}.profile .profileContainer .profileBox{display:flex;margin:30px}@media(min-width:1600px){.profile .profileContainer .profileBox .profileLeft{text-align:-webkit-center}}.profile .profileContainer .profileBox .profileLeft{flex:1 1;min-width:350px}@media(min-width:1600px){.profile .profileContainer .profileBox .profileLeft .profileLeft,.profile .profileContainer .profileBox .profileLeft form{text-align:-webkit-center}}.profile .profileContainer .profileBox .profileLeft form{max-width:280px}.profile .profileContainer .profileBox .profileLeft form .item{margin:30px 0;place-content:space-between}.profile .profileContainer .profileBox .profileLeft form .item input{background:transparent;border:none;border-bottom:1px solid #8b008b;font-size:16px;margin-left:15px;outline:none;padding:5px}.profile .profileContainer .profileBox .profileLeft form .item input:-webkit-autofill,.profile .profileContainer .profileBox .profileLeft form .item input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}.profile .profileContainer .profileBox .profileLeft form button{align-items:center;background:#8b008b;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;float:right;font-size:16px;font-weight:600;margin:25px auto;padding:12px 12px 12px 10px}.profile .profileContainer .profileBox .profileLeft form button:hover{background-color:#fff;border:1px solid #8b008b;color:#8b008b}.profile .profileContainer .profileBox .profileLeft form button .icon{font-size:18px;margin-right:7px}.profile .profileContainer .profileBox .profileRight{flex:2 1}.ticket{display:flex}.ticket,.ticket .ticketContainer,.ticket .ticketContainer .commentBox{width:100%}.ticket .ticketContainer .reapeaterBox{display:flex;flex-wrap:wrap;position:absolute}.ticket .ticketContainer .commentFlexbox{height:100%;width:100%}.ticket .ticketContainer .ticketRepeater{background:#fff;border:1px solid #8b008b;cursor:pointer;display:flex;margin:0 15px 15px 0;padding:30px}.ticket .ticketContainer .ticketRepeater:hover{background:transparent}.ticket .ticketContainer textarea{background:transparent;border:1px solid #8b008b;height:150px;outline:none;overflow:hidden;padding:15px;width:-webkit-fill-available}.ticket .ticketContainer button{background:#8b008b;border:1px solid #fff;color:#fff;cursor:pointer;float:right;font-size:16px;font-weight:600;margin:30px auto;padding:12px 12px 12px 10px}.ticket .ticketContainer button:hover{background-color:#fff;border:1px solid #8b008b;color:#8b008b}.plan{color:#200020;display:flex;width:100%}.plan hr{border:1px solid rgba(139,0,139,.082);height:0}.plan .planContainer{cursor:pointer;flex:10 1}.plan .planContainer .planGroup{margin:0 30px}.plan .planContainer .planGroup .planBox{background:#fff;margin:30px 0;padding:30px}.plan .planContainer .planGroup .planBox:hover{background:transparent}.plan .planContainer .planGroup .planBox .planTitle{color:#200020;font-size:20px;font-weight:600}.plan .planContainer .planGroup .planBox .planDescription{margin-bottom:15px;margin-top:30px}.plan .planContainer .planGroup .planBox .planDetail{display:flex;margin-top:30px}.plan .planContainer .planGroup .planBox .planDetail .planCol{font-size:14px;font-weight:700;margin-right:30px}.plan .planContainer .planGroup .planBox .planDetail .planCol span{align-items:center;display:flex}.plan .planContainer .planGroup .planBox .planDetail .planCol .icon{font-size:18px;padding-right:7px}
/*# sourceMappingURL=main.50c37511.css.map*/