.app{position:fixed;top:0;left:0;right:0;bottom:0}.banner{position:absolute;max-width:33%;z-index:199}.menu{position:absolute;left:1em;top:6em;width:350px;background-color:#0b0f184f;border-radius:.75em;padding:1em}.menu .panel:not(:last-child){margin-bottom:.75em}.dashboard{position:absolute;right:1em;top:1em;background-color:#f8f9fa;padding:.25em;overflow-y:auto}.dashboard iframe{border:0}.panel{border-radius:.25rem;background-color:#f8f9fa}.panel .panel-header{padding:.5em;background-color:#75a5ff81;color:#003077;border-radius:.25rem .25rem 0 0;text-align:center;font-weight:600}.panel .panel-body{border-radius:0 0 .25rem .25rem;padding:.5em;overflow-y:auto;max-height:55vh}.input-group{display:flex;flex-wrap:wrap;align-items:stretch;border-radius:.5em;color:#212529}.input-group .label{padding:.25rem .5rem;width:25%;border:1px solid #dee2e6;border-right:0;border-radius:.25rem 0 0 .25rem;font-size:small}.input-group input{flex:1 1 auto;width:1%}.input-group select{flex:1 1 auto;width:1%;border:1px solid #dee2e6;border-radius:0 .25rem .25rem 0}.input-group select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem #0d6efd40}.switch{position:relative;display:inline-block;width:60px;height:24px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:24px}.switch .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}.switch input:checked+.slider{background-color:#2196f3}.switch input:focus+.slider{box-shadow:0 0 1px #2196f3}.switch input:checked+.slider:before{-webkit-transform:translateX(35px);-ms-transform:translateX(35px);transform:translate(35px)}.action-item{cursor:pointer;padding:.5em;border:1px solid #dee2e6;border-radius:.25rem;display:flex;justify-content:space-between;margin-bottom:.25em}.action-item:hover{background-color:#75a5ff2d}.action-item.active{background-color:#75a5ff62}.action-item .label{pointer-events:none;display:flex;align-items:center}.action-item .label img{width:24px;height:24px;margin-right:1em}.action-item .switch{position:relative;display:inline-block;width:60px;height:24px}.action-item .switch input{opacity:0;width:0;height:0}.action-item .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.action-item .slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s}.action-item input:checked+.slider{background-color:#2196f3}.action-item input:focus+.slider{box-shadow:0 0 1px #2196f3}.action-item input:checked+.slider:before{-webkit-transform:translateX(35px);-ms-transform:translateX(35px);transform:translate(35px)}.action-item .slider.round{border-radius:24px}.action-item .slider.round:before{border-radius:50%}.dialog{position:fixed;top:0;left:0;right:0;bottom:0;display:none}.dialog.active{display:block}.dialog .dialog-bg{width:100%;height:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dialog .dialog-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#0b0f184f;border-radius:1em;padding:1em;min-width:20em}.dialog .dialog-content .dialog-footer{display:flex}.btn{cursor:pointer;border-radius:1em;border:2px solid rgba(117,165,255,.5058823529);padding:.25em .5em;text-align:center;margin:.25em;background-color:#f8f9fa}.btn :hover{background-color:#75a5ff2d}