#control-panel{border-bottom:1px solid #a9b1b6;color:#8fa2ac;padding:7px 15px;box-shadow:0 4px 4px #cbcbcb;z-index:1}#control-panel .top-panel{position:relative;display:flex;flex-wrap:wrap;align-items:center;margin-bottom:5px}#control-panel .top-panel #breadcrumb-slot{width:50%;display:inline-flex;align-items:center;list-style:none;white-space:nowrap;margin:0;padding:7px 0}#control-panel .top-panel #breadcrumb-slot li{font-size:13px;cursor:context-menu;line-height:1}#control-panel .top-panel #breadcrumb-slot li:first-child{font-size:17px}#control-panel .top-panel #breadcrumb-slot li:not(:last-child):after{content:"/";padding:0 2px;font-size:12px}@media(max-width:992px){#control-panel .top-panel #breadcrumb-slot li:not(:last-child):after{font-size:12px}}#control-panel .top-panel #breadcrumb-slot li a{display:inline-block;color:inherit}#control-panel .top-panel #breadcrumb-slot li a:hover{color:#00abbd}@media(max-width:992px){#control-panel .top-panel #breadcrumb-slot{width:100%}}#control-panel .top-panel #search-slot{width:50%}#control-panel .top-panel #search-slot:empty{display:none}@media(max-width:992px){#control-panel .top-panel #search-slot{width:100%}}#control-panel .bottom-panel{display:grid;grid-template-columns:auto auto;justify-content:space-between}#control-panel .bottom-panel #actions-slot{display:flex;gap:3px;align-items:center}#control-panel .bottom-panel #actions-slot>span{padding:5px 8px;border-radius:5px;background-color:rgba(0,171,189,.15);color:#424753;cursor:context-menu;font-size:12px}#control-panel .bottom-panel #toolbar-slot{display:flex;align-items:center;gap:3px}#control-panel .bottom-panel #toolbar-slot button.ff{font-size:18px;padding:0 7px;border:0;border-radius:5px;color:inherit;background-color:unset}#control-panel .bottom-panel #toolbar-slot button.ff:hover{background-color:#f3f3f3}#control-panel .bottom-panel #toolbar-slot .pulsating-circle:after{content:"";width:8px;height:8px;background-color:#ec6148;border-radius:50%;position:absolute;top:2px;right:2px;-webkit-animation:pulsate 1.5s infinite;animation:pulsate 1.5s infinite}@-webkit-keyframes pulsate{50%{transform:scale(1.4)}}@keyframes pulsate{50%{transform:scale(1.4)}}#search{width:100%;position:relative}#search .form-control{display:flex;align-items:center;overflow:hidden}#search .form-control input{flex:1;padding:0;border:0;background-color:transparent}#search .form-control button{padding:0 3px;font-size:18px;border:0;background-color:transparent;color:inherit}#search .search-menu{position:absolute;left:0;right:0;top:100%;padding:0;margin:0;border-radius:0 0 5px 5px;z-index:1;background-color:#fff;list-style:none;box-shadow:0 6px 6px rgba(0,0,0,.3);max-height:200px;overflow-x:hidden;overflow-y:auto}@media(min-width:992px){#search .search-menu::-webkit-scrollbar{width:8px;background-color:#f5f5f5}#search .search-menu::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px rgba(0,0,0,.3);background-color:#00abbd;border-radius:5px}}#search .search-menu li{padding:6px 8px;cursor:pointer;font-size:14px}#search .search-menu li:hover{background-color:#e3ecee}#search .search-menu li b,#search .search-menu li strong{color:#00abbd}#search .search-menu li strong{font-size:16px}.confirm{z-index:2000;overflow:hidden;display:flex;justify-content:center;align-items:center}.confirm,.confirm-background{position:fixed;left:0;top:0;right:0;bottom:0}.confirm-background{background-color:rgba(0,0,0,.3);z-index:-1}.confirm-content{max-width:90%;width:350px;background-color:#fff;border-top:4px solid #00abbd;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.3);overflow:hidden}.confirm-content main{padding:10px 15px 15px}.confirm-content footer{display:flex}.confirm-content footer button{width:50%;background-color:#fff;border:1px solid #a9b1b6;padding:10px;transition:background-color .4s}.confirm-content footer button.yes-btn:hover{border-color:#33b49e;background-color:#33b49e}.confirm-content footer button.no-btn:hover{border-color:#ec6148;background-color:#ec6148}.confirm.confirm-enter-active,.confirm.confirm-leave-active{transition:opacity .4s}.confirm.confirm-enter-active .confirm-content,.confirm.confirm-leave-active .confirm-content{transition:transform .4s}.confirm.confirm-enter-from,.confirm.confirm-leave-to{opacity:0}.confirm.confirm-enter-from .confirm-content,.confirm.confirm-leave-to .confirm-content{transform:scale(.7)}.observer{display:flex;justify-content:center;padding:10px}.observer:after{content:"";width:35px;height:35px;border-radius:50%;border:5px solid #c8d4d9;border-top-color:#00abbd;-webkit-animation:rotate 1.5s infinite;animation:rotate 1.5s infinite;cursor:pointer}@-webkit-keyframes rotate{to{transform:rotate(1turn)}}@keyframes rotate{to{transform:rotate(1turn)}}.output-number{display:inline-block}.output-number .label{display:block;border-bottom:1px solid #a9b1b6;font-size:13px;font-weight:500}.output-number .label:empty{display:none}.output-number .number{display:inherit;font-size:14px}.output-number .number:empty:before{content:" "}#pagination{position:fixed;right:15px;bottom:10px;opacity:.3;padding:5px 8px;background-color:#00abbd;color:#fff;border-radius:5px;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#pagination:hover{opacity:1}#pagination span{cursor:pointer}