.knob{position:relative;text-align:normal;display:inline-flex}.knob>button{display:flex;align-items:center}.knob.open .knob-leftdown,.knob.open .knob-leftup,.knob.open .knob-rightdown,.knob.open .knob-rightup{opacity:1;visibility:visible}.knob .knob-leftdown,.knob .knob-leftup,.knob .knob-rightdown,.knob .knob-rightup{opacity:0;visibility:hidden;position:absolute;min-width:120px;background:#fff;border-radius:3px;overflow:hidden;transition:.3s;z-index:1;box-shadow:0 2px 5px #0000004d}.knob .knob-leftdown button,.knob .knob-leftup button,.knob .knob-rightdown button,.knob .knob-rightup button{text-align:left;margin:0;width:100%;border-radius:0;background:none}.knob .knob-leftdown{top:100%;left:0}.knob .knob-rightdown{top:100%;right:0}.knob .knob-leftup{bottom:100%;left:0}.knob .knob-rightup{bottom:100%;right:0}.modal{opacity:0;visibility:hidden;transition:.5s;position:fixed;z-index:10000;inset:0;background:#000000b3}.modal.open{opacity:1;visibility:visible}.modal .modal-wrapper{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.modal .modal-wrapper .modal-overlay{z-index:1;position:absolute;inset:0;background:#00000080}.modal .modal-wrapper .modal-box{z-index:10;background:#fff;overflow:hidden;max-height:75%;height:100%;position:relative;border-radius:10px;padding:0}@media (max-width: 640px){.modal .modal-wrapper .modal-box{max-height:90%}}.modal .modal-wrapper .modal-box .modal-close{position:absolute;right:15px;top:15px;box-shadow:0 2px 5px #0000004d}.modal .modal-wrapper .modal-box .modal-content{overflow:auto;height:100%;width:100%;padding:30px}.toast-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}.toast-title{font-weight:700}.toast-message{word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;text-shadow:0 1px 0 #ffffff}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0}.toast-container{pointer-events:none;position:fixed;z-index:999999}.toast-container *{box-sizing:border-box}.toast-container .ngx-toastr{position:relative;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;background-size:24px;box-shadow:0 0 12px #999;color:#fff}.toast-container .ngx-toastr:hover{box-shadow:0 0 12px #000;opacity:1;cursor:pointer}.toast-info{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+)}.toast-error{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+)}.toast-success{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==)}.toast-warning{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==)}.toast-container.toast-top-center .ngx-toastr,.toast-container.toast-bottom-center .ngx-toastr{width:300px;margin-left:auto;margin-right:auto}.toast-container.toast-top-full-width .ngx-toastr,.toast-container.toast-bottom-full-width .ngx-toastr{width:96%;margin-left:auto;margin-right:auto}.ngx-toastr{background-color:#030303;pointer-events:auto}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4}@media all and (max-width: 240px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:11em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 241px) and (max-width: 480px){.toast-container .ngx-toastr.div{padding:8px 8px 8px 50px;width:18em}.toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width: 481px) and (max-width: 768px){.toast-container .ngx-toastr.div{padding:15px 15px 15px 50px;width:25em}}button,.btn{border:none;border-radius:3px;padding:0 5px;height:32px;cursor:pointer;outline:none;margin:2px;background:#ebebeb}button.clear,.btn.clear{background:transparent!important}button.clear.btn-light,.btn.clear.btn-light,button.clear.btn-light *,.btn.clear.btn-light *{color:#fff}button.clear.btn-dark,.btn.clear.btn-dark,button.clear.btn-dark *,.btn.clear.btn-dark *{color:#212121}button.btn-light,.btn.btn-light{background:#fff;color:#212121}button.btn-light *,.btn.btn-light *{color:#212121}button.btn-dark,.btn.btn-dark{background:#212121;color:#fff}button.btn-dark *,.btn.btn-dark *{color:#fff}button.btn-success,.btn.btn-success{background:#4caf50}button.btn-warning,.btn.btn-warning{background:#ffc107}button.btn-danger,.btn.btn-danger{background:#f44336}button.btn-info,.btn.btn-info{background:#2196f3}button.btn-violet,.btn.btn-violet{background:#4d3ab7}button.btn-sm,.btn.btn-sm{font-size:14px;height:28px}button.btn-lg,.btn.btn-lg{font-size:24px;height:50px}form.disabled input,form.disabled textarea,form.disabled select,form.disabled button{pointer-events:none;opacity:.5}input{width:100%;height:32px;background:#ebebeb;padding:0 15px;border:none;outline:none;border-radius:3px;margin:2px}input[type=checkbox]{width:15px;height:15px}input[type=radio]{display:inline-block;width:20px;margin:0 15px 0 0;vertical-align:middle}textarea{width:100%;background:#ebebeb;padding:15px;border:none;outline:none;border-radius:3px;margin:2px}select{width:100%;height:32px;background:#ebebeb;padding:0 15px;border:none;outline:none;border-radius:3px;margin:2px}input[type=month]{border:none;box-sizing:border-box;outline:0;padding:.75rem;position:relative;width:100%}input[type=month]::-webkit-calendar-picker-indicator{background:transparent;color:transparent;cursor:pointer;height:auto;inset:0;position:absolute;width:auto}img{display:flex!important;object-fit:cover!important;width:100%;min-height:100%!important;max-height:unset!important;background:#bebebe;max-width:unset!important}*{font-family:Arial;font-weight:400;box-sizing:border-box}body{overflow-x:hidden}@media (max-width: 1023px){.wrapper-app.show-sidebar .content-layout,.wrapper-app.show-sidebar .overlay-content-layout{width:80vw;left:20vw}}@media (max-width: 640px){.wrapper-app.show-sidebar .content-layout,.wrapper-app.show-sidebar .overlay-content-layout{width:100vw;left:40vw}}@media (min-width: 1024px){.wrapper-app.show-sidebar .content-layout,.wrapper-app.show-sidebar .overlay-content-layout{width:87vw;left:13vw}}@media (max-width: 1023px){.wrapper-app .sidebar-layout{width:20vw}}@media (max-width: 640px){.wrapper-app .sidebar-layout{width:40vw}}@media (min-width: 1024px){.wrapper-app .sidebar-layout{width:13vw}}.wrapper-app .sidebar-layout .main-sidebar{background:#00000080}.wrapper-app .sidebar-layout .main-sidebar ul::-webkit-scrollbar{display:none}.wrapper-app .sidebar-layout .main-sidebar .nav-link{transition:.3s}.wrapper-app .sidebar-layout .main-sidebar .nav-link.active{font-weight:600;background:#ffffff4d}.wrapper-app .sidebar-layout .main-sidebar .nav-link:hover{background:#ffffff1a}.wrapper-app .content-layout,.wrapper-app .overlay-content-layout{transition:.5s}.wrapper-err{height:20px}notifier-container{z-index:1000;position:absolute;top:60px;right:30px}notifier-container .notifier__notification{overflow:auto;display:flex;align-items:center;border-radius:5px;box-shadow:0 2px 5px #0003;margin-bottom:5px;transform:translateY(calc(-100% - 12px))!important}notifier-container .notifier__notification p{flex:1;margin:10px;color:#fff}notifier-container .notifier__notification button{color:#fff;background:none}notifier-container .notifier__notification button *{fill:#fff}notifier-container .notifier__notification.notifier__notification--success{background:#4caf50}notifier-container .notifier__notification.notifier__notification--warning{background:#ffc107}notifier-container .notifier__notification.notifier__notification--danger{background:#f44336}.alert-confirm{position:fixed;z-index:1000;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.alert-confirm .main-alert-confirm{background:#fff;border-radius:10px;overflow:hidden;display:inline-block;max-width:80%;box-shadow:0 5px 15px #0000004d;padding:20px 50px 50px}@keyframes ani-for-dot-noti{0%{box-shadow:0 0 5px 3px #ff990080;background:#ffb100}50%{outline:rgba(255,174,0,.7) solid 0px;background:#fab300}to{background:#ffb700;outline:rgba(255,183,0,.2) solid 6px;box-shadow:0 0 5px 5px #ffb7001a}}.ani-dot-noti{animation-name:ani-for-dot-noti;animation-duration:3s;animation-iteration-count:infinite;animation-direction:reverse}@keyframes ani-loading-ic{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ani-loading{animation-name:ani-loading-ic;animation-duration:1s;animation-iteration-count:infinite;animation-timing-function:linear}*::-webkit-scrollbar{transform:translateY(-100px);width:5px;height:5px;position:relative!important}*::-webkit-scrollbar-thumb{background-color:#ebebeb;border-radius:5px;height:5px;width:5px;position:absolute}*::-webkit-scrollbar-thumb:hover{background-color:#000;height:5px;width:5px;position:absolute}*::-webkit-scrollbar-track{background:transparent;border-radius:5px}*::-webkit-scrollbar-track:hover{background:#f1f1f1}