.fabricAppContainer .btn-info{color:#3498db;background-color:#fff;border-color:gray;border-width:1px}.fabricAppContainer .btn-primary{color:#3498db;background-color:#fff;border-color:gray;border-width:1px}.btn-track-grp{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:1px;border-color:#d3d3d3;border-radius:4px;cursor:pointer;padding:10px}.btn-track-grp:hover{box-shadow:0 3px 5px rgba(0,0,0,.25),0 2px 5px rgba(0,0,0,.22)}body{font:100% Helvetica,sans-serif;color:#333}.inputField{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;padding:2px 6px;border:1px solid #b7b7b7;-webkit-border-radius:2px;border-radius:2px;font-size:.8em;color:#008ec6;-o-text-overflow:clip;text-overflow:clip;background:#fcfcfc;-webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,.2) inset;box-shadow:2px 2px 2px 0 rgba(0,0,0,.2) inset;text-shadow:1px 1px 0 hsla(0,0%,100%,.66);-webkit-transition:all 200ms cubic-bezier(0.42, 0, 0.58, 1);-moz-transition:all 200ms cubic-bezier(0.42, 0, 0.58, 1);-o-transition:all 200ms cubic-bezier(0.42, 0, 0.58, 1);transition:all 200ms cubic-bezier(0.42, 0, 0.58, 1)}.textLink{color:#337ab7;cursor:pointer}.textLink:hover{text-decoration:underline}.remoteControlClientAppContainer{font-family:"Open Sans"}.remoteControlClientAppContainer .btn-info{color:#3498db;background-color:#fff;border-color:gray;border-width:1px}.remoteControlClientAppContainer .btn-primary{color:#3498db;background-color:#fff;border-color:gray;border-width:1px}.remoteControlClientAppContainer{max-width:400px;margin:auto;padding:10px;background-color:#141414;color:#fff}.remoteControlClientAppContainer .headingContainer{margin-bottom:10px;font-size:1.8em;text-align:center;display:flex;flex-direction:column;text-align:left;color:#fff}.remoteControlClientAppContainer .headingContainer .info .refreshIcon{margin-right:25px}.remoteControlClientAppContainer .hrHeading{margin-bottom:15px}.remoteControlClientAppContainer .queuedTracksContainer{display:flex;flex-direction:column;height:400px;margin-bottom:25px;background-color:#414141;white-space:nowrap;overflow:hidden;overflow-y:scroll}.remoteControlClientAppContainer .nextLinkedTracksContainer{margin-bottom:25px}.remoteControlClientAppContainer .votingLevelsContainer{border:5px;border-color:#ca3e47;border-style:solid}.remoteControlClientAppContainer .votingLevelsContainer .votingLevelsComponent .votingLevelsComponentTitle{padding:5px;font-size:1.4em;text-align:center;background-color:#ca3e47}.remoteControlClientAppContainer .votingLevelsContainer .votingLevelsComponent .votingLevelsComponentMain{margin-top:15px}.remoteControlClientAppContainer .votingLevelsContainer .votingLevelsComponent .votingLevelsComponentMain .voteLevelComponent{background-color:#414141;margin:25px 0px}.remoteControlClientAppContainer .votingLevelsContainer .votingLevelsComponent .votingLevelsComponentMain .voteLevelComponent .voteLevelTitle{padding:0px 5px}.remoteControlClientAppContainer .votingLevelsContainer .votingLevelsComponent .votingLevelsComponentMain .voteLevelComponent .voteLevelTracks{display:flex;flex-direction:row;white-space:nowrap;overflow:hidden;overflow-x:auto}.voteClientAppContainer{font-family:"Open Sans"}.voteClientAppContainer .btn-info{color:#3498db;background-color:#fff;border-color:gray;border-width:1px}.voteClientAppContainer .btn-primary{color:#3498db;background-color:#fff;border-color:gray;border-width:1px}.voteClientAppContainer{max-width:400px;margin:auto;padding:10px;background-color:#141414;color:#fff}.voteClientAppContainer .headingContainer{margin-bottom:10px;font-size:1.8em;text-align:center;display:flex;flex-direction:column;text-align:left;color:#fff}.voteClientAppContainer .headingContainer .info .refreshIcon{margin-right:25px}.voteClientAppContainer .hrHeading{margin-bottom:15px}.voteClientAppContainer .votingTracksContainer{display:flex;flex-direction:column;align-items:center}.voteClientAppContainer .votingTracksContainer .trackItem{margin-top:5px;display:flex;flex-direction:column;align-items:center}.voteClientAppContainer .votingTracksContainer .trackItem .voteValue{text-align:center;font-size:1.5em}.voteClientAppContainer .votingTracksContainer .tracksLoadingSpinner{font-size:1.5em;text-align:center;margin-top:50px}.voteClientAppContainer .votingTracksContainer .tracksLoadingSpinner .loadingSpinnerText{margin-left:20px}.voteClientAppContainer .votingTracksContainer .errorMsg{text-align:center;font-size:1.5em;line-height:200%;margin-top:20px}.voteClientAppContainer .votingTracksContainer .errorMsg .fa-spinner{margin-right:10px}.voteClientAppContainer .votingTracksContainer .showAgainLink,.voteClientAppContainer .votingTracksContainer .refreshTextLink{color:#fff;border-bottom:2px solid;padding-bottom:2px}.voteClientAppContainer .votingTracksContainer .showAgainLink{text-transform:capitalize}.voteClientAppContainer .votingTracksContainer .singleTrackInfoContainer{font-size:1.5em;letter-spacing:.06em;text-align:center;padding:5px;margin-bottom:20px;display:flex;flex-direction:column}.voteClientAppContainer .votingTracksContainer .singleTrackInfoContainer .trackArtist{margin-bottom:10px}.voteClientAppContainer .votingTracksContainer .singleTrackInfoContainer .trackTitle{font-style:italic;margin-bottom:10px}.voteClientAppContainer .votingTracksContainer .trackContainer{margin-bottom:20px;padding:10px;background-color:#fff;width:85vw;height:85vw;max-width:450px;max-height:450px;display:flex;flex-direction:column}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer{width:100%;position:relative}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer:after{content:"";display:block;padding-bottom:100%}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer{background-repeat:no-repeat;background-size:cover}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer{position:absolute;min-width:100%;min-height:100%;display:flex;flex-direction:column;flex-grow:1}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .voteInfo{position:absolute;color:#000;top:0;left:0;background:#fff;padding:5px 10px;padding-right:15px;padding-bottom:10px;font-size:1.4em}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .actionContainer{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .actionContainer .voteContainer{border-color:#00ff7f}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .actionContainer .passContainer{border-color:#00bfff}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .actionContainer .actionOverlayContainer{position:relative;border-style:solid;border-width:5px}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .actionContainer .actionOverlayContainer .actionOverlay{position:absolute;width:100%;height:100%;background-color:#000;opacity:.75}.voteClientAppContainer .votingTracksContainer .trackContainer .trackAlbumArtContainer .votingActionsContainer .actionContainer .actionOverlayContainer .actionText{position:relative;padding:0em .37em;font-size:3em;letter-spacing:.06em}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer{display:flex;flex-direction:column}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer .callOut{text-align:center;font-size:1.5em;margin-top:40px}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer .inputSection{display:flex;justify-content:center;margin:30px 0px}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer .inputSection .textInput{color:#000;width:200px;margin-right:20px}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer .inputSection .submitButton{width:100px}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer .passButtonSection{display:flex;justify-content:center}.voteClientAppContainer .votingTracksContainer .submitTextInputContainer .passButtonSection .passButton{text-align:center;font-size:2.5em;text-decoration:underline;text-transform:uppercase;margin-top:50px}.voteClientAppContainer .linkToPlayerContainer{margin-top:25px;font-size:1.5em;text-align:center}.voteClientAppContainer .linkToPlayerContainer a{color:#fff}.voteClientAppContainer .matches{margin-top:20px;margin-bottom:200px}.voteClientAppContainer .matches .voterInfo{font-size:.8em;text-align:left;text-transform:capitalize;margin-top:20px}.voteClientAppContainer .matches .voterInfo .trackInfoList{margin-left:20px;line-height:normal}.voteClientAppContainer .matches .voterInfo .trackInfoList .trackInfo{margin-top:15px}.voteClientAppContainer .voteAgainSection{position:fixed;left:0;bottom:0;width:100%;padding-bottom:20px;background-color:#141414}.viewVotesAppContainer{padding:20px}.viewVotesAppContainer .titleComponent{margin-bottom:30px}.viewVotesAppContainer .trackComponent{display:flex;flex-direction:row;margin-bottom:10px}.viewVotesAppContainer .trackComponent .votes{margin-left:20px;width:30px}.viewVotesAppContainer .trackComponent .votePosition{margin-left:20px;width:30px}.viewVotesAppContainer .trackComponent .artist{margin-left:20px;width:100px}.viewVotesAppContainer .trackComponent .title{margin-left:20px;width:200px}.viewClientAppContainer{width:800px;margin:auto;display:flex;flex-direction:column;align-items:center}.viewClientAppContainer .overlay{position:fixed;top:0;left:0;background-color:#000;width:100%;height:100%;opacity:.6}.viewClientAppContainer .headerSpacing{margin-top:30px}.viewClientAppContainer .footerSpacing{margin-bottom:30px}.viewClientAppContainer .voteSection{display:flex;flex-direction:row;position:relative}.viewClientAppContainer .voteSection .voteBar{width:50px;align-self:flex-end;display:flex;flex-direction:column;justify-content:flex-end;padding:1px 0px;border-style:solid;border-width:1px;border-color:#e3e880}.viewClientAppContainer .voteSection .voteBar .voteItem{background-color:#ff84d9;margin:1px 2px}.viewClientAppContainer .voteSection .middleInfoSection{margin:0px 60px;width:550px}.viewClientAppContainer .voteSection .middleInfoSection .voteCalloutContainer{color:#fff;height:240px;display:flex;flex-direction:column;justify-content:center;padding-bottom:15%;font-size:2em;text-align:center}.viewClientAppContainer .voteSection .middleInfoSection .voteCalloutContainer .urlTitle{margin-bottom:20px;text-transform:uppercase;font-size:.6em}.viewClientAppContainer .voteSection .middleInfoSection .voteCalloutContainer a{color:#fff}.viewClientAppContainer .voteSection .middleInfoSection .twoTracksContainer{display:flex;flex-direction:row;justify-content:space-between}.viewClientAppContainer .currentlyPlayingContainer{display:inline-flex;flex-direction:column}.viewClientAppContainer .currentlyPlayingContainer .currentlyPlayingHeader{text-align:center;margin-bottom:10px;text-transform:capitalize;font-size:1.5em}.viewClientAppContainer .currentlyPlayingContainer .currentlyPlayingTracks{display:inline-flex;flex-direction:row}.viewClientAppContainer .trackContainer{display:flex;flex-direction:column}.viewClientAppContainer .trackContainer .numVotesSection{color:#fff;text-align:center;font-size:1.5em;margin-bottom:10px}.viewClientAppContainer .trackContainer .trackImage{width:200px;height:200px;background-size:contain;border-style:solid;border-color:#dbe4ff;border-width:2px}.viewClientAppContainer .arrowRight{width:0;height:0;border-style:solid;border-width:102px 0 102px 53px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #dbe4ff}.fabricAppContainer{margin:auto;position:relative}.fabricAppContainer .configInfoContainer{text-align:center;background-color:orange}.fabricAppContainer .masterContainer{display:flex;flex-direction:column;align-items:center;padding:15px 20px}.fabricAppContainer .masterContainer .loadingSpinnerContainer{position:fixed;width:220;height:70;background-color:#000;opacity:.8;z-index:1;display:flex;justify-content:center;align-items:center}.fabricAppContainer .masterContainer .loadingSpinnerContainer .loadingSpinnerText{color:#fff;padding:10px;font-size:1.2em}.fabricAppContainer .fetchingTracksDialog{position:absolute;width:100%;height:100%;background-color:#000;opacity:.8;z-index:1;display:flex;justify-content:center}.fabricAppContainer .fetchingTracksDialog .loadingText{color:#fff;padding:10px;font-size:2.5em;text-align:center;margin-top:10vh}.fabricAppContainer .dialogMsg{width:300px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;border-radius:2px;padding:16px;padding-top:25px;position:fixed;z-index:1;left:50%;top:40px;font-size:1.2em}.fabricAppContainer .dialogMsg .closeButton{position:absolute;top:5px;right:10px}.fabricAppContainer .dialogMsg a{color:#fff}.contextControllerContainer{margin-bottom:15px}.contextControllerContainer .ccControlsSection,.contextControllerContainer .offsetInputSection{display:block}.contextControllerContainer .updateStartTimeButton,.contextControllerContainer .togglePlayButton,.contextControllerContainer .refreshMixset,.contextControllerContainer .resetToCue,.contextControllerContainer .prevTrack,.contextControllerContainer .nextTrack{font-size:1.6em;padding:10px 30px}.contextControllerContainer .ccControlsSection{margin-bottom:10px;display:flex;flex-direction:row;flex-wrap:wrap}.contextControllerContainer .ccControlsSection .togglePlayButton,.contextControllerContainer .ccControlsSection .refreshMixset,.contextControllerContainer .ccControlsSection .resetToCue,.contextControllerContainer .ccControlsSection .prevTrack,.contextControllerContainer .ccControlsSection .nextTrack{text-align:center;min-width:60px;margin-top:10px;margin-left:7px;margin-right:7px}.contextControllerContainer .offsetInputSection .offsetInput,.contextControllerContainer .offsetInputSection .updateStartTimeButton{display:inline-block}.contextControllerContainer .offsetInputSection .offsetInput{margin-right:15px}.hamburgerMenu{display:block}.hamburgerMenu .menuWrapper{position:absolute;z-index:2;top:0;right:0;width:250px;height:100%}.hamburgerMenu .menuWrapper .menu-item{float:left;width:100%;margin:0;padding:10px 15px;border-bottom:solid 1px #555;cursor:pointer;color:#b0b0b0}.hamburgerMenu .menuWrapper .menu-item:hover{color:#f0f0f0}.hamburgerMenu .close{color:#fff;text-align:right}.hamburgerMenu .hideMenu{background:#273d7a;display:none}.hamburgerMenu .showMenu{background:#273d7a;display:block}.modeSelector{width:100%;padding:0px;margin-bottom:15px;font-weight:bold;font-size:1.3em;color:navy}.modeSelector .title,.modeSelector .menu{display:inline-block}.modeSelector .title{width:80%}.modeSelector .menu{width:20%;text-align:right}.resultRow{margin-bottom:5px;border-bottom:solid;border-bottom-width:1px;padding-bottom:5px;border-bottom-color:#d3d3d3}.resultRow .oneButtonActions,.resultRow .oneButtonTitle,.resultRow .twoButtonActions,.resultRow .twoButtonTitle{display:inline-block;vertical-align:middle;text-transform:capitalize}.resultRow .oneButtonActions .bpm,.resultRow .oneButtonTitle .bpm,.resultRow .twoButtonActions .bpm,.resultRow .twoButtonTitle .bpm{font-weight:bold;margin-left:5px}.resultRow .oneButtonActions{width:25%}.resultRow .oneButtonTitle{width:75%}.resultRow .twoButtonActions{width:50%}.resultRow .twoButtonTitle{width:50%}.resultRow .masterButton{margin-right:8%}.searchTrackWidgetContainer .searchInputContainer{display:block}.searchTrackWidgetContainer .searchInputContainer{margin-bottom:15px}.searchTrackWidgetContainer .searchInputContainer .searchWebSection,.searchTrackWidgetContainer .searchInputContainer .buttonsSection{display:inline-block}.searchTrackWidgetContainer .searchInputContainer .searchWebSection{display:flex;flex-direction:row;flex-wrap:wrap}.searchTrackWidgetContainer .searchInputContainer .searchWebSection .searchInput{margin-top:10px;min-width:150px;margin-right:6%;height:28px;font-size:1.1em}.searchTrackWidgetContainer .searchInputContainer .searchWebSection .buttonsSection{margin-top:10px;text-align:right;display:flex;flex-direction:row;justify-content:space-between;flex-grow:1}.trackBasicContainer{margin-right:10px;position:relative}.trackBasicContainer .trackBasicAlbumArtContainer{width:150px;height:150px;background-size:contain}.trackBasicContainer .trackBasicAlbumArtContainer .trackBasicOverlay{position:absolute;width:100%;height:100%;background-color:#000;opacity:.5}.trackBasicContainer .trackBasicAlbumArtContainer .trackInfoContainer{font-size:1.4em;color:#fff;position:relative;padding:5px}.trackBigPicContainer{display:inline-block}.trackBigPicContainer .flagText{display:inline-block;width:100%}.trackBigPicContainer .bigPicComponent{position:relative}.trackBigPicContainer .bigPicComponent .mainContentContainerDefault,.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton,.trackBigPicContainer .bigPicComponent .overlay,.trackBigPicContainer .bigPicComponent .trackAlbumArtContainer{position:absolute;width:100%;height:100%}.trackBigPicContainer .bigPicComponent .actionButtonContainer{position:absolute;width:100px;height:100px;bottom:0;right:0}.trackBigPicContainer .bigPicComponent .trackInfoContainer{position:absolute;width:100%;height:100%;padding:5px;display:flex;flex-direction:column;align-content:center;justify-content:space-evenly}.trackBigPicContainer .flagText{padding:0px 5px;text-transform:uppercase;text-align:center;font-size:.8em}.trackBigPicContainer .bigPicComponent .overlay{background-color:#000;opacity:.7}.trackBigPicContainer .bigPicComponent .trackAlbumArtContainer{background-repeat:no-repeat;background-size:cover}.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton,.trackBigPicContainer .bigPicComponent .mainContentContainerDefault{color:#fff}.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton .trackInfoContainer,.trackBigPicContainer .bigPicComponent .mainContentContainerDefault .trackInfoContainer{text-align:center;line-height:1.5em}.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton .trackInfoContainer .actionContainer .actionButton,.trackBigPicContainer .bigPicComponent .mainContentContainerDefault .trackInfoContainer .actionContainer .actionButton{display:inline;border-radius:3px;border-color:#fff;border-style:solid;padding:5px 15px}.trackBigPicContainer .bigPicComponent .mainContentContainerDefault{font-size:1.3em}.trackBigPicContainer .bigPicComponent .mainContentContainerDefault .trackInfoContainer{white-space:normal}.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton{font-size:1em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.42),0 2px 6px rgba(0,0,0,.64);transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1)}.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton .trackInfoContainer{white-space:none;overflow:hidden}.trackBigPicContainer .bigPicComponent .mainContentContainerSingleButton:hover{box-shadow:0 3px 8px rgba(0,0,0,.8),0 3px 8px #000}.trackBigPicContainer .bigPicComponent .actionButtonContainer .actionRegion,.trackBigPicContainer .bigPicComponent .actionButtonContainer .actionText{position:absolute;bottom:0;right:0;opacity:1}.trackBigPicContainer .bigPicComponent .actionButtonContainer .actionRegion{width:0;height:0;border-style:solid;border-width:0 0 7em 7em}.trackBigPicContainer .bigPicComponent .actionButtonContainer .actionText{padding-bottom:1.6em;padding-right:.4em;font-size:1.2em}.trackController .mixpointSection,.trackController .bpmSection,.trackController .pitchSection{margin-top:5px}.trackController .mixpointSection .firstRow{display:inline-block;margin-right:15px}.trackController .mixpointSection .firstRow .playButtonContainer,.trackController .mixpointSection .firstRow .mixPointSelector{display:inline-block}.trackController .mixpointSection .firstRow .playButtonContainer{font-size:1.2em;margin-right:30px}.trackController .mixpointSection .firstRow .mixPointSelector{font-size:1.2em;background-color:#7fffd4}.trackController .mixpointSection .secondRow{display:block;margin-top:15px}.trackController .bpmSection .bpmTitle,.trackController .bpmSection .bpmWidgetContainer{display:inline-block}.trackController .pitchSection .pitchWidgetContainer{display:inline-block}.trackEditableContainer{border-style:solid;border-width:1px;padding:1em;margin-bottom:1em}.trackEditableContainer .inputTitle,.trackEditableContainer .inputField{display:inline-block}.trackEditableContainer .inputTitle{width:5em}.trackEditableContainer .bpmInputRow{width:10em;margin-top:.5em;margin-bottom:1em}.trackPaginatedListContainer{display:block;margin-top:35px}.trackPaginatedListContainer .header,.trackPaginatedListContainer .trackListSection,.trackPaginatedListContainer .paginationSection{display:block}.trackPaginatedListContainer .header{margin-bottom:30px}.trackPaginatedListContainer .header .title,.trackPaginatedListContainer .header .closeLink{display:inline-block}.trackPaginatedListContainer .header .title{width:65%}.trackPaginatedListContainer .header .closeLink{width:35%;text-align:right}.trackPaginatedListContainer .paginationSection{margin-bottom:10px}.trackPaginatedListContainer .paginationSection .previousPage,.trackPaginatedListContainer .paginationSection .currentPageInfo,.trackPaginatedListContainer .paginationSection .nextPage{display:inline-block}.trackPaginatedListContainer .paginationSection .previousPage,.trackPaginatedListContainer .paginationSection .nextPage{width:15%}.trackPaginatedListContainer .paginationSection .currentPageInfo{display:inline-block;width:40%}.trackPaginatedListContainer .paginationSection .previousPage{text-align:left}.trackPaginatedListContainer .paginationSection .currentPageInfo{text-align:center;font-size:.8em}.trackPaginatedListContainer .paginationSection .nextPage{text-align:right}.contactContainer{height:400px}.mixsetEditorContainer .errorInfoSection,.mixsetEditorContainer .primaryHorizontalContainer,.mixsetEditorContainer .mixsetTracksContainer{display:block}.mixsetEditorContainer .primaryHorizontalContainer,.mixsetEditorContainer .mixsetTracksContainer{padding:2%;background-color:#fff;margin-top:4%;margin-bottom:4%}.playerSettingsViewContainer{font-size:1.2em;color:#000}.playerSettingsViewContainer .actionsLookAheadContainer .settingsLabel{margin-right:15px}.playerSettingsViewContainer .actionsLookAheadContainer input{margin-right:15px}.playerSettingsViewContainer .configInfoContainer{margin-top:15px;text-align:left;background-color:#fff}.GuestPlayerContainer{width:50vw;max-width:650px;min-width:350px;min-height:1000px;display:flex;flex-direction:column}.playerContainer{width:50vw;max-width:650px;min-width:350px;min-height:1000px;display:flex;flex-direction:column}.playerContainer .errorInfoSection,.playerContainer .primaryHorizontalContainer{display:block}.playerContainer .primaryHorizontalContainer{padding:2%;box-shadow:0px 0px 5px #d3d3d3;margin:4% 0%;background-color:#fff}.playerContainer .mainControllerContainer{display:flex;flex-direction:column;align-items:center}.playerContainer .mainControllerContainer .mainControllerButtonsContainer{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center}.playerContainer .mainControllerContainer .mixsetSelectorContainer .mixsetSelectorLabel{text-align:center}.playerContainer .mainControllerContainer .bpmRangeContainer{display:flex;flex-direction:row;margin-bottom:20px;font-size:1.3em}.playerContainer .mainControllerContainer .bpmRangeContainer .title{text-transform:uppercase}.playerContainer .mainControllerContainer .bpmRangeContainer .bpmSelector{margin-left:20px}.trackEditorContainer .titleContainer,.trackEditorContainer .trackEditorContainer,.trackEditorContainer .guidContainer,.trackEditorContainer .albumArtContainer,.trackEditorContainer .autoUpdateContainer,.trackEditorContainer .bpmContainer,.trackEditorContainer .backButton{display:block;margin-bottom:20px}.trackEditorContainer .guidContainer .guidInput,.trackEditorContainer .guidContainer .submitGuid{display:inline-block}.trackEditorContainer .guidContainer .guidInput{margin-right:15px}.trackEditorContainer .albumArtContainer .albumArtInput,.trackEditorContainer .albumArtContainer .submitAlbumArt{display:inline-block}.trackEditorContainer .albumArtContainer .albumArtInput{margin-right:15px}.trackGraphViewContainer .cytoscapeContainer{height:800px;width:800px;background-color:#e0ffff}.trackGraphViewContainer .layoutContainer{display:flex;margin-bottom:20px}.trackGraphViewContainer .layoutContainer .textLink{margin:0px 20px}.trackGraphViewContainer .optionsContainer{display:flex;margin-bottom:20px}.trackGraphViewContainer .optionsContainer .selectorContainer{display:flex;margin-right:20px}.trackGraphViewContainer .optionsContainer .selectorContainer .selector{margin-left:10px}.trackGraphViewContainer .optionsContainer .checkboxContainer{display:flex}.trackGraphViewContainer .optionsContainer .checkboxContainer .checkboxLabel{margin-left:10px}.trackGraphViewContainer .buttonsContainer{margin-bottom:25px}.trackGraphViewContainer .buttonsContainer .btn{margin-right:15px}.trackMixerViewContainer{width:80vw}.trackMixerViewContainer .sectionTitle{background-color:#ff8c00}.trackMixerViewContainer .sectionTitle,.trackMixerViewContainer .errorInfoSection,.trackMixerViewContainer .infoSection,.trackMixerViewContainer .searchTrackWidgetSection,.trackMixerViewContainer .relatedTracksSection,.trackMixerViewContainer .mixEditorUISection,.trackMixerViewContainer .trackMixerMainControlsSection,.trackMixerViewContainer .bpmControlSection,.trackMixerViewContainer .pitchMixControlSection,.trackMixerViewContainer .trackControlSection,.trackMixerViewContainer .trackFadeSection{display:block}.trackMixerViewContainer .searchTrackWidgetSection,.trackMixerViewContainer .relatedTracksSection,.trackMixerViewContainer .mixEditorUISection,.trackMixerViewContainer .trackMixerMainControlsSection,.trackMixerViewContainer .bpmControlSection,.trackMixerViewContainer .pitchMixControlSection,.trackMixerViewContainer .trackControlSection,.trackMixerViewContainer .trackFadeSection{padding:2%;margin-bottom:20px;margin-top:4%;box-shadow:0px 0px 5px #d3d3d3}.trackMixerViewContainer .infoSection .shortcutsLink{display:inline}.trackMixerViewContainer .sectionTitle{margin-top:15px;margin-bottom:5px;font-style:italic;font-weight:bold}.trackMixerViewContainer .relatedTracksSection .loadRelatedTracksContainer{display:flex;justify-content:space-between}.trackMixerViewContainer .relatedTracksSection .loadRelatedTracksContainer .relatedTracksComponents{display:flex;flex-wrap:wrap}.trackMixerViewContainer .mixEditorUISection{margin-top:30px;margin-bottom:30px}.trackMixerViewContainer .bpmControlSection .masterTrackSection,.trackMixerViewContainer .bpmControlSection .mixinTrackSection{display:inline-block;width:48%}.trackMixerViewContainer .bpmControlSection .masterTrackSection .trackTitle,.trackMixerViewContainer .bpmControlSection .masterTrackSection .playButton,.trackMixerViewContainer .bpmControlSection .mixinTrackSection .trackTitle,.trackMixerViewContainer .bpmControlSection .mixinTrackSection .playButton{display:block}.trackMixerViewContainer .bpmControlSection .masterTrackSection .trackTitle,.trackMixerViewContainer .bpmControlSection .mixinTrackSection .trackTitle{margin-bottom:10px;font-weight:bold}.trackMixerViewContainer .bpmControlSection .masterTrackSection .playButton,.trackMixerViewContainer .bpmControlSection .mixinTrackSection .playButton{margin-bottom:10px;font-size:1.2em;text-align:center;text-transform:uppercase}.trackMixerViewContainer .bpmControlSection .masterTrackSection{margin-right:2%}.trackMixerViewContainer .bpmControlSection .mixinTrackSection{margin-left:2%}.trackMixerViewContainer .pitchMixControlSection .pitchSection1,.trackMixerViewContainer .pitchMixControlSection .pitchSection2{display:block}.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcTitle,.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcInput,.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcSetButton,.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcUp,.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcDown,.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcAutoButton{display:inline-block;margin-right:15px}.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcInput .inputField{width:50px}.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcDown,.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcUp{width:20px;padding-left:20px;padding-right:20px;font-size:1.2em;text-align:center}.trackMixerViewContainer .pitchMixControlSection .pitchSection1 .pmcAutoButton{font-size:1.2em}.trackMixerViewContainer .pitchMixControlSection .pitchSection2{margin-top:20px;font-size:1.4em}.trackMixerViewContainer .trackFadeSection .fadeTitle,.trackMixerViewContainer .trackFadeSection .fadeDurationInput{display:inline-block}.trackMixerViewContainer .trackFadeSection .fadeTitle{width:60%;margin-right:15px}.trackMixerViewContainer .trackFadeSection .fadeDurationInput .inputField{width:25px}.mixEditorUIContainer .mixEditorContainer{overflow:scroll;height:350px;border-style:solid;border-width:1px;border-color:bisque;position:relative;background-color:#fff}.mixEditorUIContainer .mixEditorContainer .playCursor{position:absolute;width:2px;height:330px;background-color:red;z-index:1}.mixEditorUIContainer .mixEditorContainer #zoomSlider{margin-bottom:30px}.mixEditorUIContainer .primaryControls{margin:10px 0px}.mixEditorUIContainer .primaryControls .btn{margin:0px 5px}.mixEditorUIContainer .primaryControls .playButtonContainer{display:inline-block}.rulerViewContainer{width:500px;background-color:#fff;display:flex}.rulerViewContainer .rulerTicksContainer{display:flex}.rulerViewContainer .rulerTicksContainer .tickContainer{border-width:1px;border-left:solid;border-left-color:#000;pointer-events:none}.mixEditorTrackTimelineContainer .iTrackContainer{width:100%}.mixsetSelectorContainer{margin-bottom:20px;display:flex;flex-direction:row;font-size:1.3em}.mixsetSelectorContainer .mixsetSelector{margin-top:0%;margin-left:20px}.mixsetSelectorContainer .mixsetSelector .mixsetSelectElement{max-width:150px}.mixsetSelectorContainer .newMixsetButton{margin-left:20px}.mixsetBasicContainer .controlBarContainer{display:flex;flex-direction:row;justify-content:space-between}.mixsetBasicContainer .mixsetViewBarItemsContainer{display:flex;flex-direction:row;overflow:scroll;overflow-y:hidden;white-space:nowrap;padding:20px 0px}.mixsetBasicContainer .mixsetViewBarItemsContainer .loadingTextContainer{font-size:1.7em}.mixsetBasicContainer .mixsetViewBarItemsContainer .mixsetItem{height:320px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:30px 20px}.mixsetBasicContainer .mixsetViewBarItemsContainer .browseMoreTracksButtonItem,.mixsetBasicContainer .mixsetViewBarItemsContainer .searchTrackLinkItem,.mixsetBasicContainer .mixsetViewBarItemsContainer .trackPlaceHolder{display:flex;flex-direction:column;justify-content:center;align-items:center;width:150px;padding:10px;white-space:normal;text-align:center}.mixsetBasicContainer .mixsetViewBarItemsContainer .trackPlaceHolder{border:1px;border-color:#d3d3d3;border-style:dashed;height:100%}.mixsetBasicContainer .mixsetViewBarItemsContainer .browseMoreTracksButtonItem,.mixsetBasicContainer .mixsetViewBarItemsContainer .searchTrackLinkItem{transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);height:120px}.mixsetBasicContainer .mixsetViewBarNextTracksContainer{margin-top:20px}.bpmWidget{border-style:solid;padding:15px 5px;text-transform:uppercase}.bpmWidget .workingBpm{margin-bottom:15px}.bpmWidget .workingBpm input{font-size:1.2em;text-align:center;width:-webkit-fill-available}.bpmWidget .beatButton,.bpmWidget .setButton{display:block;font-size:1.2em}.bpmWidget .beatButton{text-align:center;padding-left:1%;padding-right:1%;padding-top:8%;padding-bottom:8%;margin-bottom:15px}.bpmWidget .setButton{text-align:center;padding-left:1%;padding-right:1%;padding-top:3%;padding-bottom:3%}.bpmWidget .setBpm{font-size:1.2em;font-weight:bold;text-align:center;margin-top:15px}.mixinTracksBrowserVertContainer .titleContainer{margin-left:5px;display:flex;flex-direction:row;justify-content:space-between}.mixinTracksBrowserVertContainer .titleContainer .title{margin-right:30px}.mixinTracksBrowserVertContainer .mixinTracksContainer{position:relative;min-height:200px;margin-top:10px}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksOverlay{position:absolute;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksOverlay .text{font-size:1.2em}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksLevelContainer{display:flex;flex-direction:row;white-space:nowrap;overflow:hidden;overflow-x:auto}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksLevelContainer .trackItemContainer{margin:5px}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksLevelContainer .requestTrackButtonComponent{margin:5px;white-space:normal}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksLevelContainer .requestTrackButtonComponent .buttonSpacer{display:flex;justify-content:center;align-items:center}.mixinTracksBrowserVertContainer .mixinTracksContainer .tracksLevelContainer .requestTrackButtonComponent .buttonSpacer .requestTrackButton{display:flex;justify-content:center;align-items:center}.requestTrackDialogMasterContainer{outline-width:0}.requestDialogOverlay{position:fixed;top:0px;left:0px;width:100%;height:100%;background-color:#000;opacity:.8}.requestTrackDialogContainer{position:fixed;top:0px;left:0px;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.requestTrackDialogContainer .dialogTitle{width:100%;text-align:center;font-size:1.5em}.requestTrackDialogContainer .requestTrackDialogMain{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:350px;background:#add8e6;padding:30px}.requestTrackDialogContainer .requestTrackDialogMain .closeDialogButton{position:absolute;top:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:30px;height:30px;font-size:1.2em}.requestTrackDialogContainer .requestTrackDialogMain .inputSeparator{margin-top:10px}.requestTrackDialogContainer .requestTrackDialogMain .dialogHr{width:100%;margin-top:30px;margin-bottom:10px}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:20px}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem .requestTrackTextInput{font-size:1.2em;width:100%}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem .fieldDesc{font-size:.8em}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem .fieldError{color:darkred}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem .djOptInComponent{display:flex;flex-direction:row;align-items:center;justify-content:center;font-size:1em}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem .djOptInComponent .requestTrackCheckBoxInput{margin:0px 10px 0px 0px}.requestTrackDialogContainer .requestTrackDialogMain .dialogInputItem .submitButton{width:70px}.requestTrackDialogContainer .requestTrackDialogMain .requestResultMsg{margin-top:20px}.requestTrackDialogContainer .requestTrackDialogMain .requestResultPrevTrack{margin-top:10px}.pitchBendWidget .pitchDown,.pitchBendWidget .pitchUp{display:inline-block}.pitchBendWidget .pitchDown{margin-right:15px}.playButtonDisabled{background:#d3d3d3;color:#a9a9a9}.positionWidget .adjLeftBig,.positionWidget .adjRightBig{margin-left:5px;margin-right:5px;display:inline-block}.positionWidget .adjRightSmall,.positionWidget .update{margin-left:5px;margin-right:5px;display:inline-block}.positionWidget .adjLeftSmall{display:inline-block;margin-right:5px}.positionWidget .adjLeftBig,.positionWidget .adjRightBig,.positionWidget .adjLeftSmall,.positionWidget .adjRightSmall,.positionWidget .update,.positionWidget .input{font-size:1.2em;display:inline-block}.positionWidget .input{width:110px;text-align:center;height:28px;font-size:1.1em}.voteAdminContainer{font-size:1.5em}.voteAdminContainer .voteAdminStatus{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px;text-transform:capitalize}.voteAdminContainer .voteAdminStatus .countdown{display:flex;flex-direction:row}.voteAdminContainer .voteAdminStatus .countdown .countdownNum{margin-left:5px}.voteAdminContainer .voteInfoGrid{display:grid;grid-template-columns:70px 50px 50px auto auto;grid-template-rows:3em;grid-gap:10px;grid-auto-rows:minmax(3.5em, auto);align-items:center}.voteAdminContainer .voteInfoGrid .title{font-weight:bold}.voteAdminContainer .voteInfoGrid .addButton .btn-primary{font-size:1em}.trackMixerMainControlsContainer .playbackButtonsContainer,.trackMixerMainControlsContainer .positionWidgetContainer,.trackMixerMainControlsContainer .mixsigControlsContainer{display:block;margin-bottom:15px}.trackMixerMainControlsContainer .playbackButtonsContainer{margin-top:5px}.trackMixerMainControlsContainer .playbackButtonsContainer .playPauseButton,.trackMixerMainControlsContainer .playbackButtonsContainer .rewindButton{display:inline-block;font-size:1.2em}.trackMixerMainControlsContainer .playbackButtonsContainer .playPauseButton{margin-right:15px}.trackMixerMainControlsContainer .mixsigControlsContainer{font-size:1.2em}.trackMixerMainControlsContainer .mixsigControlsContainer .saveMixSigButton,.trackMixerMainControlsContainer .mixsigControlsContainer .clearMixSigsButton{display:inline-block}.trackMixerMainControlsContainer .mixsigControlsContainer .saveMixSigButton{margin-right:15px}.trackUploaderContainer{margin-top:20px}.trackUploaderContainer .trackSelectorContainer .trackInput,.trackUploaderContainer .trackSelectorContainer .addTrackButton{display:inline-block}.trackUploaderContainer .trackSelectorContainer .addTrackButton{margin-bottom:1em}.trackUploaderContainer .tracksContainer{margin-bottom:1em}.trackUploaderContainer .uploadAllButton{width:5em}.trackUploaderContainer .backButton{width:5em}
