@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(https://example.com/MaterialIcons-Regular.eot);src:local("Material Icons"),local("MaterialIcons-Regular"),url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"),url(https://example.com/MaterialIcons-Regular.woff) format("woff"),url(https://example.com/MaterialIcons-Regular.ttf) format("truetype")}body{font-family:Consolas,Courier New,monospace;margin:0}.container{display:flex}.main-container{background:#f8f8ff;border-radius:0;box-shadow:-3px 0 6px #4a5562;box-sizing:border-box;height:100%;left:0;padding:20px;position:fixed;top:0;transition:left .3s ease;width:100%}.main-container_head-bar{align-items:center;display:flex}.page-container{animation-duration:.3s;height:100%;position:absolute;width:100%}.clickAble{cursor:pointer}.alert-container{animation-duration:.2s;background:rgba(0,0,0,.3);height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:4}.alert{background-color:#fff;border:.5px solid #999;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.3);left:50%;max-width:400px;min-height:120px;min-width:250px;padding-bottom:15px;padding-left:30px;padding-right:30px;position:absolute;top:40%;transform:translate(-50%,-50%)}.close-button{cursor:pointer;font-size:20px;position:absolute;right:20px;top:10px}.alert-button-container{display:flex;gap:10px;justify-content:flex-end;padding-top:25px}.alert-button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:35px;transition:background-color .3s ease;width:60px}.modify-button,.query-button,.start-button{background-color:#45c8bb}.modify-button:hover,.query-button:hover,.start-button:hover{background-color:#5ee6d8}.export-button,.get-sold-cards-button,.removeFromShelves-button,.upload-code-button{background-color:#ffb800}.export-button:hover,.get-sold-cards-button:hover,.removeFromShelves-button:hover,.upload-code-button:hover{background-color:#fbd52b}.add-button,.alert-button-ok,.putOnShelves-button,.recharge-button,.save-button{background-color:#1e9efb}.add-button:hover,.alert-button-ok:hover,.putOnShelves-button,.recharge-button:hover,.save-button:hover{background-color:#4ab1fe}.alert-button-cancle,.delete-all-button,.delete-button,.stop-button{background-color:#fe5662}.alert-button-cancle:hover,.delete-all-button:hover,.delete-button:hover,.stop-button:hover{background-color:#fe774d}.edit-tools_button{border:none;border-radius:5px;color:#fff;cursor:pointer;height:30px;transition:background-color .3s ease;width:50px}.loader-container--hidden{animation-duration:.2s;background:transparent;height:100%;left:0;position:absolute;top:0;visibility:hidden;width:100%;z-index:5}.loader{aspect-ratio:.75;display:flex;left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);width:45px;--c:no-repeat linear-gradient(#000 0 0);animation:l7 1s linear infinite alternate;background:var(--c) 0 50%,var(--c) 50% 50%,var(--c) 100% 50%}@keyframes l7{0%{background-size:20% 50%,20% 50%,20% 50%}20%{background-size:20% 20%,20% 50%,20% 50%}40%{background-size:20% 100%,20% 20%,20% 50%}60%{background-size:20% 50%,20% 100%,20% 20%}80%{background-size:20% 50%,20% 50%,20% 100%}to{background-size:20% 50%,20% 50%,20% 50%}}.notification{align-items:center;background-color:#fff;border-radius:8px;box-shadow:5px 5px 10px rgba(0,0,0,.3);display:flex;font-size:15px;font-weight:700;height:60px;left:50%;max-width:400px;min-width:200px;padding:10px;position:absolute;top:-100px;transform:translate(-50%,-50%);transition:top .3s ease-in-out;z-index:100}.notification_img{height:40px;margin-right:20px;width:40px}.side-bar--keep{background-color:#353633;bottom:0;display:block;float:left;height:100%;max-width:284px;position:fixed;top:0;width:100%}.side-bar_contain{align-items:center;color:#fff}.side-bar_contain,.side-bar_menu{display:flex;flex-direction:column}.side-bar_menu{gap:12px;margin-top:10px;width:100%}.side-bar-menu_option{align-items:center;cursor:pointer;display:flex;gap:15px;padding:7px 7px 7px 30px;transition:background-color .2s ease;width:100%}.side-bar-menu_option:hover{background-color:#454643;box-shadow:5px 5px 10px rgba(0,0,0,.2)}.side-bar-menu_icon{font-family:Material Icons;font-size:32px}.side-bar-menu_title{flex-grow:1;text-decoration:none}.app-version,.side-bar-menu_title{color:#fff;font-weight:700}.side-bar_app-version{align-items:center;bottom:-150px;display:flex;flex-direction:column;gap:5px;position:relative}.app-version_icon{background-image:url(../js/f129d264ce925c7ba63b.ico);height:80px;width:80px}.side-bar-active{left:284px}.side-bar-tringger{background-color:#dfe5eb;border-radius:5px;cursor:pointer;font-family:Material Icons;font-size:48px;margin-right:25px;max-height:48px;padding:5px;transition:all .3s ease}.side-bar-tringger:hover{background-color:#556270;color:#fff}.fadeIn{animation-name:fadeIn;visibility:visible}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.login-box_container{align-items:center;display:flex;justify-content:center;text-align:center}.login-box{align-items:center;background-color:#fff;border:.5px solid #999;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.3);display:flex;flex-direction:column;left:50%;padding:20px 30px 15px;position:absolute;top:45%;transform:translate(-50%,-50%);width:250px}.login-box span{color:#999;font-size:15px;font-weight:bolder;margin:3px}.logo{background-image:url(../js/f129d264ce925c7ba63b.ico);border:2px solid #000;border-radius:5px;height:80px;width:80px}.form{display:flex;flex-direction:column;margin-top:10px}.form input{border-radius:3px;flex:1;margin-bottom:10px;min-height:30px;padding-left:10px;transition:border .3s ease}.form input:focus,.form input:hover{border:2px solid #16b777}.form label{color:#888;flex:0 0 max-content;font-weight:700;margin-right:10px}.formBtn button{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:bolder;height:30px;transition:background-color .3s ease;width:50px}.login-btn{background-color:#1e9efb}.login-btn:hover{background-color:#4ab1fe}.logout-btn{background-color:#fe5662}.logout-btn:hover{background-color:#fe774d}