body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;height:100vh}.AppBody{overflow-y:auto;overflow-x:hidden;height:calc(100vh - 75px);display:flex;flex-direction:column;position:relative;width:100%}.AppSubBody{height:calc(100vh - 75px);display:flex;flex-direction:column;position:relative;width:100%}.App-logo{animation:App-logo-spin infinite 20s linear;height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-Component{margin:100px auto 0;width:100px}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.globalMessage{position:fixed;top:20px;right:20px;border-radius:5px;z-index:100000;max-width:300px;padding:15px;color:#e6e6e6;font-weight:400}.globalMessage.success{background-color:#146414cc;box-shadow:0 0 10px gray}.globalMessage.error{background-color:#dc3232cc;box-shadow:0 0 10px gray}.fade-enter{opacity:0;transform:translate(-100%)}.fade-enter-active,.fade-exit{opacity:1;transform:translate(0)}.fade-exit-active{opacity:0;transform:translate(100%)}.fade-enter-active,.fade-exit-active{transition:opacity .5s,transform .5s}.opsReport-button.disabled{background-color:#f0f0f0;width:"200px";color:#aaa;cursor:not-allowed;opacity:.6}.opsReport-button.disabled:hover{width:"200px";cursor:not-allowed}.loginArea{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px}div.loginBox{width:280px;height:380px}.loginForm{padding-right:10px}.loginButton{margin-bottom:15px}.loginHeader{display:flex;width:100%;justify-content:space-between;flex-wrap:wrap}.loginLogos{height:100%}@media screen and (max-width: 400px){div.onMusicLogoArea{display:none}}.onMusicLogoArea{height:120px;margin-left:20px;margin-top:12px;display:flex;align-items:center}.compactLogoArea{margin-top:20px;height:60px;margin-right:15px}.dark{color:#fff}.forgottenText{cursor:pointer;font-size:14px;text-decoration:underline;color:#1a0dab;margin:auto auto 15px}.flexRow{display:flex}.flexWrap{flex-wrap:wrap}.flexCol{display:flex;flex-direction:column}.flexGrow{flex:1 0 0}.flexGrow2{flex:2 0 0}.flexStretch{align-items:stretch}.flexCentre{align-items:center}.flexApart{justify-content:space-between}.flexMiddle{justify-content:center}.flexEnd{justify-content:flex-end}.flexBetween{justify-content:space-between}.flexBottom{align-items:flex-end}.flexEvenly{justify-content:space-evenly}.flexRight{margin-left:auto}.flexLeft{margin-right:auto}.inputItem{padding-top:5px;margin-left:10px;margin-bottom:15px;flex:1 0 0;text-align:left}.inputItem.dateItem{padding-top:2px}.raisedContainer{display:flex;box-shadow:-5px 5px 15px gray;margin:15px 15px 0;border-radius:5px;padding:15px;flex-direction:column;background-color:#fff}.raisedContainerSmall{display:flex;box-shadow:-2px 2px 5px gray;border-radius:4px;flex-direction:column;background-color:#fff}h4{font-size:16px;font-weight:lighter;color:gray;letter-spacing:-1px;margin-top:7px;margin-bottom:7px}h3{font-size:20px;font-weight:400;color:gray;letter-spacing:-1px;margin-top:10px;margin-bottom:10px}h2{font-size:25px;font-weight:lighter;color:gray;letter-spacing:-2px}h2 .bold{font-weight:400}.boldText{font-weight:700}.moveRight{margin-left:auto}.moveLeft{margin-right:auto}.moveBottom{margin-top:auto}.warning{font-size:small;color:red}.h-0{height:0}.h-100{height:100%}.w-100{width:100%}.anchor{position:relative}.mt-1{margin-top:5px}.mt-2{margin-top:10px}.mt-3{margin-top:15px}.ml-1{margin-left:5px}.ml-2{margin-left:10px}.ml-3{margin-left:15px}.mr-1{margin-right:5px}.mr-2{margin-right:10px}.mr-3{margin-right:15px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:5px}.mb-2{margin-bottom:10px}.mb-3{margin-bottom:15px}.m-1{margin:5px}.m-2{margin:10px}.m-3{margin:15px}.p-1{padding:5px}.p-2{padding:10px}.p-3{padding:15px}.pr-3{padding-right:15px}.pl-3{padding-left:15px}.pt-1{padding-top:5px}.pt-2{padding-top:10px}.pt-3{padding-top:15px}.pt-4{padding-top:20px}.minorText{font-size:14px;color:#646464}.absolute{position:absolute}.absoluteRight{right:0}.absoluteLeft{left:0}.absoluteBottom{bottom:0}.absoluteTop{top:0}.absoluteVCentre{top:50%;transform:translateY(-50%)}.absoluteHCentre{left:50%;transform:translate(-50%)}.scrollVertical{overflow-y:auto}.numberCircle{background-color:#00f;border-radius:50%}.titleBarLogo{height:50px;cursor:pointer}.textLeft{text-align:left}.linkText{font-size:18px;color:#525151;letter-spacing:-1px;cursor:pointer}.justifyText{text-align:justify}.badge{height:20px;width:20px;border-radius:50%}.badge.green{background-color:green}.badge.orange{background-color:orange}.badge.red{background-color:red}.badge.yellow{background-color:#ff0}.badge.gray{background-color:gray}.matchPill{border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid grey;padding:5px;display:flex;align-items:center;border-right:none;cursor:default}.matchPill.complete{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid grey}.separator{width:calc(100% - 10px);margin-top:10px;height:1px;background-color:#d3d3d3}.headBlock{width:250px;height:200px;margin-left:-15px;margin-right:-15px;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;align-items:center;justify-content:center}.headBlock.affinity{background-color:#fff;flex-direction:column}.headBlock.mrit{background-color:#fff}.headBlock img{height:100%}.createItem{animation:createBox .25s}.textEllipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes createBox{0%{transform:scale(0)}to{transform:scale(1)}}.removeItem{animation:deleteBox .25s}@keyframes deleteBox{0%{transform:scale(1)}to{transform:scale(0)}}.redHighlight{background-color:#b41414cc;color:#000}.greenHighlight{background-color:#14b414cc;color:#000}.heroImage{height:100vh;width:100vw;background-position:center;background-size:cover}.tableArea{width:calc(100% - 20px);padding:10px;flex:1 0 0;border-collapse:collapse;table-layout:fixed;height:0;display:flex;flex-direction:column}.tableBody{display:block;overflow-y:auto;flex:1 0 0;height:0}.tableBody.scrollBar{width:calc(100% + 15px)}.tableRow{width:100%;display:flex;overflow:clip}.tableRow.border{border-bottom:1px solid rgb(50,50,50)}.titleRow{border-bottom:1px solid rgb(50,50,50);width:100%;display:flex;min-height:40px;background-color:#323232}.tableRow:hover:not(.skeleton-row){background-color:#dcdcdc;cursor:pointer}.skeleton-row .tableRow:hover{background-color:transparent;cursor:default}.tableRow.selected{background-color:#c8c8c8}.titleCell{font-weight:700;text-align:start;color:#dcdcdc;padding:5px;display:flex;align-items:center}.bodyCell{display:flex;align-items:center;justify-content:flex-start;padding:5px;font-size:small}.cellPadding{padding-bottom:8px;padding-top:8px}.bodyText{text-align:start;color:#646464;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.truncate-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.movingPanel{position:absolute;top:0;height:calc(100% - 60px);width:calc(100% - 60px);transition:left .5s,width .5s}.loaderIcon{margin-top:30px;text-align:center}.selectButton{width:40px;display:flex;justify-content:center;align-items:center;color:#323232}.clearButton{cursor:pointer;color:#f50057;text-decoration:underline;font-weight:500}.sortIcons{display:flex;flex-direction:column;margin-left:auto;justify-content:center}.sortIcons svg{margin:-3px}.clickable{cursor:pointer}.skeleton-row{width:100%;display:flex;overflow:clip;border-bottom:1px solid rgb(50,50,50);min-height:56px;align-items:center;cursor:default}.skeleton-cell{display:flex;align-items:center;justify-content:flex-start;padding:8px 5px}.skeleton-content{height:16px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px;width:80%}.skeleton-content.short{width:40%}.skeleton-content.medium{width:60%}.skeleton-content.long{width:90%}.skeleton-checkbox{width:18px;height:18px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:3px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-container{width:100%}.sliderDrawer{height:100%;width:600px;display:flex;flex-direction:column}.sliderDrawer.wide{width:1200px}.sliderSave{display:flex;justify-content:center;align-items:center;padding:15px 150px;border-top:1px solid lightgray}.builderTitle{color:#646464;font-size:20px;letter-spacing:-1px;border-bottom:1px solid lightgray;padding:10px;display:flex;align-items:center;justify-content:space-between}.builderListItem{padding:10px;border-radius:3px;border:1px solid lightgray;margin-bottom:5px;background-color:#e6e6e6}.builderListList{max-height:200px;overflow-y:auto}.builderListList.large{max-height:300px}.modalArea{width:400px;margin:auto;height:auto;background-color:#fff;display:flex;flex-direction:column;padding:15px;border-radius:8px}.button-container{display:flex;justify-content:space-evenly;gap:16px;align-items:stretch}.sliderBottomDrawer{height:95vh;width:100%;display:flex;flex-direction:column;position:relative}.sortableTableRow{display:flex;overflow:clip;width:100%}.sortableTableRowContainer{padding:10px;border:1px solid grey;border-radius:5px;margin-bottom:10px;display:flex;background-color:#fff;min-height:34px}.dragHandle{color:gray;width:40px;display:flex;justify-content:center;align-items:center}.sortableTitleRow{border-bottom:1px solid rgb(50,50,50);display:flex;background-color:#323232;margin-bottom:5px;padding:10px;border-radius:5px}.sortableTableBody{display:flex;flex-direction:column;flex:1 0;height:0}.sortableTableBody.scrollBar{width:calc(100% + 15px)}.sortableTableScrollArea{overflow-y:auto;flex:1;height:0}.chartArea{border-radius:5px;border:1px solid lightgray;padding:15px}.raisedContainer.chartContainer{margin:15px 0 0 15px}.jiraTask{display:flex;box-shadow:-2px 2px 5px gray;border-radius:4px;background-color:#fff}.header{font-size:25px;font-weight:lighter;color:gray;letter-spacing:-2px}header .bold{font-weight:400}
