diff --git a/frontend/src/index.css b/frontend/src/index.css index 53cee6e27..04e0e11ef 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -1,3866 +1,3 @@ -.Page-page-jT { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - height: 100%; -} - -.Page-main-2l { - position: relative; /* need this to position inner content - is this really needed? */ - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; -} - -@media only screen and (max-width: 768px) { - .Page-page-jT { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - height: initial; - } -} - -.ErrorPage-page-3G { - - margin-top: 20px; - text-align: center; - font-size: 20px; -} - -.ErrorPage-version-3t { - margin-top: 20px; - font-size: 16px; -} - -.LoadingIndicator-loading-3S { - margin-top: 20px; - text-align: center; -} - -.LoadingIndicator-rippleContainer-c8 { - position: relative; - display: inline-block; -} - -.LoadingIndicator-ripple-35:nth-child(0) { - -webkit-animation-delay: -0.8s; - animation-delay: -0.8s; -} - -.LoadingIndicator-ripple-35:nth-child(1) { - -webkit-animation-delay: -0.6s; - animation-delay: -0.6s; -} - -.LoadingIndicator-ripple-35:nth-child(2) { - -webkit-animation-delay: -0.4s; - animation-delay: -0.4s; -} - -.LoadingIndicator-ripple-35:nth-child(3) { - -webkit-animation-delay: -0.2s; - animation-delay: -0.2s; -} - -.LoadingIndicator-ripple-35 { - position: absolute; - border: 2px solid #3a3f51; - border-radius: 100%; - -webkit-animation: LoadingIndicator-rippleContainer-c8 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); - animation: LoadingIndicator-rippleContainer-c8 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} - -@-webkit-keyframes LoadingIndicator-rippleContainer-c8 { - 0% { - opacity: 1; - -webkit-transform: scale(0.1); - transform: scale(0.1); - } - - 70% { - opacity: 0.7; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 0; - } -} - -@keyframes LoadingIndicator-rippleContainer-c8 { - 0% { - opacity: 1; - -webkit-transform: scale(0.1); - transform: scale(0.1); - } - - 70% { - opacity: 0.7; - -webkit-transform: scale(1); - transform: scale(1); - } - - 100% { - opacity: 0; - } -} - -.LoadingMessage-loadingMessage-1g { - margin: 50px 10px 0; - text-align: center; - font-weight: 300; - font-size: 36px; -} - -.LoadingPage-page-32 { -} - -.Link-link-1r { - margin: 0; - padding: 0; - outline: none; - border: 0; - background: none; - color: inherit; - text-align: inherit; - text-decoration: none; - cursor: pointer; -} - - .Link-link-1r.isDisabled { - cursor: default; - } - -.Link-to-6f { - color: #5d9cec; -} - -.Link-to-6f:hover { - color: #1b72e2; - text-decoration: underline; - } - -.Button-button-2P { - - overflow: hidden; - border: 1px solid; - border-radius: 4px; - vertical-align: middle; - text-align: center; - white-space: nowrap; - line-height: normal; -} - - .Button-button-2P.isDisabled { - opacity: 0.65; - } - - .Button-button-2P:hover { - text-decoration: none; - } - -.Button-danger-Gb { - border-color: #f04b4b; - background-color: #f05050; - color: #fff; -} - -.Button-danger-Gb:hover { - border-color: #ec2626;; - background-color: #ee3d3d; - color: #fff; - } - -.Button-default-2u { - border-color: #eaeaea; - background-color: #fff; - color: #333; -} - -.Button-default-2u:hover { - border-color: #d6d6d6;; - background-color: #f5f5f5; - color: #333; - } - -.Button-primary-1F { - border-color: #5899eb; - background-color: #5d9cec; - color: #fff; -} - -.Button-primary-1F:hover { - border-color: #3483e7;; - background-color: #4b91ea; - color: #fff; - } - -.Button-success-36 { - border-color: #26be4a; - background-color: #27c24c; - color: #fff; -} - -.Button-success-36:hover { - border-color: #1f9c3d;; - background-color: #24b145; - color: #fff; - } - -.Button-warning-1K { - border-color: #ff8d26; - background-color: #ff902b; - color: #fff; -} - -.Button-warning-1K:hover { - border-color: #fc7800;; - background-color: #ff8517; - color: #fff; - } - -/* - * Sizes - */ - -.Button-small--2 { - padding: 1px 5px; - font-size: 12px; -} - -.Button-medium-3l { - padding: 6px 16px; - font-size: 14px; -} - -.Button-large-22 { - padding: 10px 20px; - font-size: 16px; -} - -/* - * Sizes -*/ - -.Button-left-99 { - margin-left: -1px; - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.Button-center-3i { - margin-left: -1px; - border-radius: 0; -} - -.Button-right-2R { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.ErrorBoundaryError-container-2a { - text-align: center; -} - -.ErrorBoundaryError-message-1U { - margin: 50px 0; - text-align: center; - font-weight: 300; - font-size: 36px; -} - -.ErrorBoundaryError-imageContainer-r5 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - flex: 0 0 auto; -} - -.ErrorBoundaryError-image-25 { - height: 350px; -} - -.ErrorBoundaryError-details-1- { - margin: 20px; - text-align: left; - white-space: pre-wrap; -} - -@media only screen and (max-width: 992px) { - .ErrorBoundaryError-image-25 { - height: 250px; - } -} - -@media only screen and (max-width: 768px) { - .ErrorBoundaryError-image-25 { - height: 150px; - } -} - -.Icon-danger-2a { - color: #f05050; -} - -.Icon-default-3C { - color: inherit; -} - -.Icon-disabled-33 { - color: #999; -} - -.Icon-info-1C { - color: #35c5f4; -} - -.Icon-pink-2o { - color: #ff69b4; -} - -.Icon-success-2D { - color: #27c24c; -} - -.Icon-warning-1j { - color: #ffa500; -} - -.ModalContent-modalContent--t { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - width: 100%; - background-color: #fff; -} - -.ModalContent-closeButton-37 { - position: absolute; - top: 0; - right: 0; - z-index: 1; - width: 60px; - height: 60px; - text-align: center; - line-height: 60px; -} - -.ModalContent-closeButton-37:hover { - color: #888; - } - -.ModalHeader-modalHeader-gp { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-flex-shrink: 0; - - flex-shrink: 0; - padding: 15px 50px 15px 30px; - border-bottom: 1px solid #e5e5e5; - font-size: 18px; -} - -.Scroller-scroller-26::-webkit-scrollbar { - width: 6px; - height: 6px; - } - .Scroller-scroller-26.Scroller-scroller-26::-webkit-scrollbar-track { - background-color: transparent; - } - .Scroller-scroller-26::-webkit-scrollbar-thumb { - min-height: 50px; - border: 1px solid transparent; - border-radius: 5px; - background-color: #9ea4b9; - background-clip: padding-box; - } - .Scroller-scroller-26::-webkit-scrollbar-thumb:hover { - background-color: #656d8c; - } - -.Scroller-none-kC { - overflow-x: hidden; - overflow-y: hidden; -} - -.Scroller-vertical-1j { - overflow-x: hidden; - overflow-y: scroll; -} - -.Scroller-vertical-1j.Scroller-autoScroll-l3 { - overflow-y: auto; - } - -.Scroller-horizontal-2Y { - overflow-x: scroll; - overflow-y: hidden; -} - -.Scroller-horizontal-2Y.Scroller-autoScroll-l3 { - overflow-x: auto; - } - -.ModalBody-modalBody-2A { - -webkit-box-flex: 1; - -webkit-flex: 1 0 1px; - flex: 1 0 1px; - padding: 30px; -} - -.ModalBody-modalScroller-jD { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; -} - -.ModalBody-innerModalBody-1n { - padding: 30px; -} - -.ModalFooter-modalFooter-1N { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - -webkit-flex-shrink: 0; - flex-shrink: 0; - padding: 15px 30px; - border-top: 1px solid #e5e5e5; -} - - .ModalFooter-modalFooter-1N a, - .ModalFooter-modalFooter-1N button { - margin-left: 10px; - } - - .ModalFooter-modalFooter-1N a:first-child, .ModalFooter-modalFooter-1N button:first-child { - margin-left: 0; - } - -@media only screen and (max-width: 768px) { - .ModalFooter-modalFooter-1N { - padding: 15px; - } -} - -.Modal-modalContainer-Ab { - position: absolute; - top: 0; - z-index: 1000; - width: 100%; - height: 100%; -} - -.Modal-modalBackdrop-1N { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - width: 100%; - height: 100%; - background-color: rgba(0, 0, 0, 0.6); - opacity: 1; -} - -.Modal-modal-3R { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: flex; - max-height: 90%; - border-radius: 6px; - opacity: 1; -} - -.Modal-modalOpen-3d { - /* Prevent the body from scrolling when the modal is open */ - overflow: hidden !important; -} - -/* - * Sizes - */ - -.Modal-small-DJ { - - width: 480px; -} - -.Modal-medium-2A { - - width: 720px; -} - -.Modal-large-1E { - - width: 1080px; -} - -.Modal-extraLarge-39 { - - width: 1280px; -} - -@media only screen and (max-width: 1450px) { - .Modal-modal-3R.Modal-extraLarge-39 { - width: 90%; - } -} - -@media only screen and (max-width: 1200px) { - .Modal-modal-3R.Modal-large-1E { - width: 90%; - } -} - -@media only screen and (max-width: 992px) { - .Modal-modal-3R.Modal-small-DJ, - .Modal-modal-3R.Modal-medium-2A { - width: 90%; - } -} - -@media only screen and (max-width: 768px) { - .Modal-modalContainer-Ab { - position: fixed; - } - - .Modal-modal-3R.Modal-small-DJ, - .Modal-modal-3R.Modal-medium-2A, - .Modal-modal-3R.Modal-large-1E, - .Modal-modal-3R.Modal-extraLarge-39 { - max-height: 100%; - width: 100%; - height: 100% !important; - } -} - -.ConnectionLostModal-automatic-3P { - margin-top: 20px; -} - -.UpdateChanges-title-SX { - margin-top: 10px; - font-size: 16px; -} - -.AppUpdatedModalContent-version-15 { - margin: 0 3px; - font-weight: bold; -} - -.AppUpdatedModalContent-maintenance-3t { - margin-top: 20px; -} - -.AppUpdatedModalContent-changes-F4 { - margin-top: 20px; - padding-bottom: 5px; - border-bottom: 1px solid #e5e5e5; - font-size: 18px; -} - -.Label-label-30 { - display: inline-block; - margin: 2px; - border: 1px solid; - border-radius: 2px; - color: #fff; - text-align: center; - white-space: nowrap; - line-height: 1; - cursor: default; -} - -/** Kinds **/ - -.Label-danger-1N { - border-color: #f05050; - background-color: #f05050; -} - -.Label-danger-1N.Label-outline-1L { - color: #f05050; - } - -.Label-default-2A { - border-color: #4f566f; - background-color: #4f566f; -} - -.Label-default-2A.Label-outline-1L { - color: #4f566f; - } - -.Label-disabled-2R { - border-color: #999; - background-color: #999; -} - -.Label-disabled-2R.Label-outline-1L { - color: #999; - } - -.Label-info-3Y { - border-color: #35c5f4; - background-color: #35c5f4; - color: #4f566f; -} - -.Label-info-3Y.Label-outline-1L { - color: #35c5f4; - } - -.Label-inverse-QU { - border-color: #ddd; - background-color: #ddd; - color: #333; -} - -.Label-inverse-QU.Label-outline-1L { - background-color: #333 !important; - color: #ddd; - } - -.Label-primary-1q { - border-color: #5d9cec; - background-color: #5d9cec; -} - -.Label-primary-1q.Label-outline-1L { - color: #5d9cec; - } - -.Label-success-1p { - border-color: #27c24c; - background-color: #27c24c; - color: #eee; -} - -.Label-success-1p.Label-outline-1L { - color: #27c24c; - } - -.Label-warning-1E { - border-color: #ffa500; - background-color: #ffa500; -} - -.Label-warning-1E.Label-outline-1L { - color: #ffa500; - } - -/** Sizes **/ - -.Label-small-3D { - padding: 1px 3px; - font-size: 11px; -} - -.Label-medium-3x { - padding: 2px 5px; - font-size: 12px; -} - -.Label-large-1w { - padding: 3px 7px; - font-weight: bold; - font-size: 14px; -} - -/** Outline **/ - -.Label-outline-1L { - background-color: #fff; -} - -.SeriesSearchResult-result-2I { - display: -webkit-box; - display: -webkit-flex; - display: flex; - padding: 3px; - cursor: pointer; -} - -.SeriesSearchResult-poster-1F { - width: 35px; - height: 50px; -} - -.SeriesSearchResult-titles-2A { - -webkit-box-flex: 1; - -webkit-flex: 1 1 1px; - flex: 1 1 1px; -} - -.SeriesSearchResult-title-3W { - -webkit-box-flex: 1; - -webkit-flex: 1 1 1px; - flex: 1 1 1px; - margin-left: 5px; -} - -.SeriesSearchResult-alternateTitle-21 { - - color: #999; - font-size: 12px; -} - -.SeriesSearchResult-tagContainer-3t { -} - -@media only screen and (max-width: 768px) { - .SeriesSearchResult-titles-2A, - .SeriesSearchResult-title-3W, - .SeriesSearchResult-alternateTitle-21 { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - } -} - -.SeriesSearchInput-wrapper-1v { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; -} - -.SeriesSearchInput-input-2C { - margin-left: 8px; - width: 200px; - border: none; - border-bottom: solid 1px #fff; - border-radius: 0; - background-color: transparent; - box-shadow: none; - color: #fff; - -webkit-transition: border 0.3s ease-out; - transition: border 0.3s ease-out; -} - -.SeriesSearchInput-input-2C::-webkit-input-placeholder { - color: #fff; - -webkit-transition: color 0.3s ease-out; - transition: color 0.3s ease-out; - } - -.SeriesSearchInput-input-2C::-moz-placeholder { - color: #fff; - -webkit-transition: color 0.3s ease-out; - transition: color 0.3s ease-out; - } - -.SeriesSearchInput-input-2C:-ms-input-placeholder { - color: #fff; - -webkit-transition: color 0.3s ease-out; - transition: color 0.3s ease-out; - } - -.SeriesSearchInput-input-2C::-ms-input-placeholder { - color: #fff; - -webkit-transition: color 0.3s ease-out; - transition: color 0.3s ease-out; - } - -.SeriesSearchInput-input-2C::placeholder { - color: #fff; - -webkit-transition: color 0.3s ease-out; - transition: color 0.3s ease-out; - } - -.SeriesSearchInput-input-2C:focus { - outline: 0; - border-bottom-color: transparent; - } - -.SeriesSearchInput-input-2C:focus::-webkit-input-placeholder { - color: transparent; - } - -.SeriesSearchInput-input-2C:focus::-moz-placeholder { - color: transparent; - } - -.SeriesSearchInput-input-2C:focus:-ms-input-placeholder { - color: transparent; - } - -.SeriesSearchInput-input-2C:focus::-ms-input-placeholder { - color: transparent; - } - -.SeriesSearchInput-input-2C:focus::placeholder { - color: transparent; - } - -.SeriesSearchInput-container-1W { - position: relative; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; -} - -.SeriesSearchInput-seriesContainer-2y::-webkit-scrollbar { - width: 6px; - height: 6px; - } - -.SeriesSearchInput-seriesContainer-2y.SeriesSearchInput-seriesContainer-2y::-webkit-scrollbar-track { - background-color: transparent; - } - -.SeriesSearchInput-seriesContainer-2y::-webkit-scrollbar-thumb { - min-height: 50px; - border: 1px solid transparent; - border-radius: 5px; - background-color: #9ea4b9; - background-clip: padding-box; - } - -.SeriesSearchInput-seriesContainer-2y::-webkit-scrollbar-thumb:hover { - background-color: #656d8c; - } - -.SeriesSearchInput-containerOpen-3F .SeriesSearchInput-seriesContainer-2y { - position: absolute; - top: 42px; - z-index: 1; - overflow-y: auto; - min-width: 100%; - max-height: 230px; - border: 1px solid #3a3f51; - border-radius: 4px; - border-top-left-radius: 0; - border-top-right-radius: 0; - background-color: #3a3f51; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - color: #e1e2e3; - } - -.SeriesSearchInput-list-3z { - margin: 5px 0; - padding-left: 0; - list-style-type: none; -} - -.SeriesSearchInput-listItem-Q5 { - padding: 0 16px; - white-space: nowrap; -} - -.SeriesSearchInput-highlighted-15 { - background-color: #4f566f; -} - -.SeriesSearchInput-sectionTitle-jI { - padding: 5px 8px; - color: #999; -} - -.SeriesSearchInput-addNewSeriesSuggestion-3C { - padding: 0 3px; - cursor: pointer; -} - -@media only screen and (max-width: 768px) { - .SeriesSearchInput-input-2C { - min-width: 150px; - max-width: 200px; - } - - .SeriesSearchInput-container-1W { - min-width: 0; - max-width: 200px; - } -} - -.Menu-tether-nR { - z-index: 2000; -} - -.Menu-menu-3X { - position: relative; -} - -.MenuButton-menuButton-3n { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - height: 100%; -} - - .MenuButton-menuButton-3n::after { - margin-left: 5px; - content: '\25BE'; - } - - .MenuButton-menuButton-3n:hover { - color: #35c5f4; - } - -.MenuButton-isDisabled-2b { - color: #999; - - pointer-events: none; -} - -.MenuContent-menuContent-3Z { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - background-color: #454b60; - line-height: 20px; -} - -.MenuContent-scroller-V4 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; -} - -.MenuItem-menuItem-zB { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - display: block; - -webkit-flex-shrink: 0; - flex-shrink: 0; - padding: 10px 20px; - min-width: 150px; - max-width: 250px; - background-color: #454b60; - color: #e1e2e3; - line-height: 20px; -} - - .MenuItem-menuItem-zB:hover, - .MenuItem-menuItem-zB:focus { - background-color: #3a3f51; - color: #fbfcfc; - text-decoration: none; - } - -.MenuItemSeparator-separator-1a { - overflow: hidden; - height: 1px; - background-color: #3a3f51; -} - -.PageHeaderActionsMenu-menuButton-2Z { - margin-right: 15px; - width: 30px; - height: 60px; - text-align: center; -} - - .PageHeaderActionsMenu-menuButton-2Z:hover { - color: #3a3f51; - } - -.PageHeaderActionsMenu-itemIcon-1x { - margin-right: 8px; -} - -@media only screen and (max-width: 768px) { - .PageHeaderActionsMenu-menuButton-2Z { - margin-right: 5px; - } -} - - -.KeyboardShortcutsModalContent-shortcut-1y { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - padding: 5px 20px; - font-size: 18px; -} - -.KeyboardShortcutsModalContent-key-26 { - padding: 2px 4px; - border-radius: 3px; - background-color: #333; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); - color: #fff; - font-size: 16px; -} - -.OverlayScroller-scroller-20 { - /* Placeholder */ -} - -.OverlayScroller-thumb-1L { - min-height: 50px; - border: 1px solid transparent; - border-radius: 5px; - background-color: #9ea4b9; - background-clip: padding-box; -} - -.OverlayScroller-thumb-1L:hover { - background-color: #656d8c; - } - -.Message-message-3p { - display: -webkit-box; - display: -webkit-flex; - display: flex; - border-left: 3px solid #35c5f4; -} - -.Message-iconContainer-2Z, -.Message-text-2L { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - padding: 2px 0; - color: #e1e2e3; -} - -.Message-iconContainer-2Z { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25px; - flex: 0 0 25px; - margin-left: 24px; - padding: 10px 0; -} - -.Message-text-2L { - margin-right: 24px; - font-size: 13px; -} - -/* Types */ - -.Message-error-13 { - border-left-color: #f05050; -} - -.Message-info-2K { - border-left-color: #35c5f4; -} - -.Message-success-5A { - border-left-color: #27c24c; -} - -.Message-warning-2v { - border-left-color: #ffa500; -} - -.Messages-messages-3B { - margin-top: auto; - margin-bottom: 20px; - padding-top: 20px; -} - -@media only screen and (max-width: 768px) { - .Messages-messages-3B { - margin-bottom: 0; - } -} - -.PageSidebarItem-item-2z { - border-left: 3px solid transparent; - color: #e1e2e3; - -webkit-transition: border-left 0.3s ease-in-out; - transition: border-left 0.3s ease-in-out; -} - -.PageSidebarItem-isActiveItem-bU { - border-left: 3px solid #2193b5; -} - -.PageSidebarItem-link-Tu { - display: block; - padding: 12px 24px; - color: #e1e2e3; -} - -.PageSidebarItem-link-Tu:hover, - .PageSidebarItem-link-Tu:focus { - color: #35c5f4; - text-decoration: none; - } - -.PageSidebarItem-childLink-2M { - - padding: 10px 24px; -} - -.PageSidebarItem-isActiveLink-1H { - color: #2193b5; -} - -.PageSidebarItem-isActiveParentLink-2u { - background-color: #252833; -} - -.PageSidebarItem-iconContainer-1j { - display: inline-block; - margin-right: 7px; - width: 18px; - text-align: center; -} - -.PageSidebarItem-noIcon-28 { - margin-left: 25px; -} - -.PageSidebarItem-status-34 { - float: right; -} - -.PageSidebar-sidebarContainer-3H { - -webkit-box-flex: 0; - -webkit-flex: 0 0 210px; - flex: 0 0 210px; - overflow: hidden; - width: 210px; - background-color: #3a3f51; - -webkit-transition: -webkit-transform 300ms ease-in-out; - transition: -webkit-transform 300ms ease-in-out; - transition: transform 300ms ease-in-out; - transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; - -webkit-transform: translateX(0); - transform: translateX(0); -} - -.PageSidebar-sidebar-3I { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - overflow: hidden; - background-color: #3a3f51; - color: #fff; -} - -@media only screen and (max-width: 768px) { - .PageSidebar-sidebarContainer-3H { - position: fixed; - top: 0; - z-index: 2; - height: 100vh; - } - - .PageSidebar-sidebar-3I { - position: fixed; - z-index: 2; - overflow-y: auto; - width: 100%; - height: 100%; - } -} - - -.PageContentBody-contentBody-39 { - /* 1px for flex-basis so the div grows correctly in Edge/Firefox */ - -webkit-box-flex: 1; - -webkit-flex: 1 0 1px; - flex: 1 0 1px; -} - -.PageContentBody-innerContentBody-tE { - padding: 20px; -} - -@media only screen and (max-width: 768px) { - .PageContentBody-contentBody-39 { - -webkit-flex-basis: auto; - flex-basis: auto; - overflow-y: hidden !important; - } - - .PageContentBody-innerContentBody-tE { - padding: 10px; - } -} - -.PageContent-content-38 { - position: relative; - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - overflow-x: hidden; - width: 100%; -} - -.PageContentError-content-Qr { -} - -.NotFound-container-kH { - text-align: center; -} - -.NotFound-message-2H { - margin: 50px 0; - text-align: center; - font-weight: 300; - font-size: 36px; -} - -.NotFound-image-10 { - height: 350px; -} - -.PageJumpBarItem-jumpBarItem-3F { - -webkit-box-flex: 1; - -webkit-flex: 1 0 25px; - flex: 1 0 25px; - border-bottom: 1px solid #e5e5e5; - text-align: center; - font-weight: bold; -} - - .PageJumpBarItem-jumpBarItem-3F:hover { - color: #777; - } - - .PageJumpBarItem-jumpBarItem-3F:last-child { - border: none; - } - -.PageJumpBar-jumpBar-3o { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-align-content: stretch; - align-content: stretch; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; - -webkit-align-self: stretch; - align-self: stretch; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-flex: 0; - -webkit-flex: 0 0 30px; - flex: 0 0 30px; -} - -.PageJumpBar-jumpBarItems-37 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-justify-content: space-around; - justify-content: space-around; - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - flex: 0 0 100%; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - overflow: hidden; -} - -@media only screen and (max-width: 768px) { - .PageJumpBar-jumpBar-3o { - display: none; - } -} - -.Alert-alert-e4 { - display: block; - margin: 5px; - padding: 15px; - border: 1px solid transparent; - border-radius: 4px; -} - -.Alert-danger--w { - border-color: #ebccd1; - background-color: #f2dede; - color: #a94442; -} - -.Alert-info-1J { - border-color: #bce8f1; - background-color: #d9edf7; - color: #31708f; -} - -.Alert-success-1K { - border-color: #d6e9c6; - background-color: #dff0d8; - color: #3c763d; -} - -.Alert-warning-aV { - border-color: #faebcc; - background-color: #fcf8e3; - color: #8a6d3b; -} - -.Form-validationFailures-3V { - margin-bottom: 20px; -} - -.FormGroup-group-1r { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 20px; -} - -/* Sizes */ - -.FormGroup-extraSmall-3Q { - max-width: 550px; -} - -.FormGroup-small-1F { - max-width: 650px; -} - -.FormGroup-medium-22 { - max-width: 800px; -} - -.FormGroup-large-2y { - max-width: 1200px; -} - -@media only screen and (max-width: 1200px) { - .FormGroup-group-1r { - display: block; - } -} - -.FormLabel-label-2d { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - margin-right: 20px; - font-weight: bold; - line-height: 35px; -} - -.FormLabel-hasError-2p { - color: #f05050; -} - -.FormLabel-isAdvanced-1g { - color: #ff902b; -} - -@media only screen and (max-width: 1200px) { - .FormLabel-label-2d { - -webkit-box-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - } -} - -.FormLabel-small-3U { - -webkit-box-flex: 0; - -webkit-flex: 0 0 150px; - flex: 0 0 150px; -} - -.FormLabel-large-3S { - -webkit-box-flex: 0; - -webkit-flex: 0 0 250px; - flex: 0 0 250px; -} - -.TagInputInput-inputContainer-18 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - padding: 6px 16px; - cursor: default; -} - -.KeyValueListInputItem-itemContainer-2g { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 3px; - border-bottom: 1px solid #dde6e9; -} - - .KeyValueListInputItem-itemContainer-2g:last-child { - margin-bottom: 0; - } - -.KeyValueListInputItem-keyInput-3Y, -.KeyValueListInputItem-valueInput-3z { - border: none; -} - -.TableHeaderCell-headerCell-Db { - padding: 8px; - border: none !important; - text-align: left; - font-weight: bold; -} - -.TableHeaderCell-sortIcon-MC { - margin-left: 10px; -} - -@media only screen and (max-width: 768px) { - .TableHeaderCell-headerCell-Db { - white-space: nowrap; - } -} - -.Table-tableContainer-2V { - overflow-x: auto; -} - -.Table-table-2C { - max-width: 100%; - width: 100%; - border-collapse: collapse; -} - -@media only screen and (max-width: 768px) { - .Table-tableContainer-2V { - overflow-y: hidden; - width: 100%; - } -} - -.TableRow-row-33 { - -webkit-transition: background-color 500ms; - transition: background-color 500ms; -} - - .TableRow-row-33:hover { - background-color: #fafbfc; - } - -.TableRowCell-cell-2f { - padding: 8px; - border-top: 1px solid #eee; - line-height: 1.52857143; -} - -@media only screen and (max-width: 768px) { - .TableRowCell-cell-2f { - white-space: nowrap; - } -} - -.EnhancedSelectInputSelectedValue-selectedValue-2N { - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; -} - -.EnhancedSelectInputSelectedValue-isDisabled-2K { - color: #808080; -} - -.EnhancedSelectInputOption-option-iw { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - padding: 5px 10px; - width: 100%; - cursor: default; -} - - .EnhancedSelectInputOption-option-iw:hover { - background-color: #f9f9f9; - } - -.EnhancedSelectInputOption-isSelected-1m { - background-color: #e2e2e2; -} - -.EnhancedSelectInputOption-isSelected-1m.EnhancedSelectInputOption-isMobile-3P { - background-color: inherit; - } - -.EnhancedSelectInputOption-isSelected-1m.EnhancedSelectInputOption-isMobile-3P .EnhancedSelectInputOption-iconContainer-3X { - color: #5d9cec; - } - -.EnhancedSelectInputOption-isDisabled-1X { - background-color: #aaa; -} - -.EnhancedSelectInputOption-isHidden-2f { - display: none; -} - -.EnhancedSelectInputOption-isMobile-3P { - height: 50px; - border-bottom: 1px solid #e5e5e5; -} - -.EnhancedSelectInputOption-isMobile-3P:last-child { - border: none; - } - -.RootFolderSelectInputOption-optionText-19 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-flex: 1; - -webkit-flex: 1 0 0; - flex: 1 0 0; -} - - .RootFolderSelectInputOption-optionText-19.RootFolderSelectInputOption-isMobile-MT { - display: block; - } - - .RootFolderSelectInputOption-optionText-19.RootFolderSelectInputOption-isMobile-MT .RootFolderSelectInputOption-freeSpace-gk { - margin-left: 0; - } - -.RootFolderSelectInputOption-freeSpace-gk { - margin-left: 15px; - color: #888; - font-size: 12px; -} - -.RootFolderSelectInputSelectedValue-selectedValue-2g { - - display: -webkit-box; - - display: -webkit-flex; - - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - overflow: hidden; -} - -.RootFolderSelectInputSelectedValue-path-3Q { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 1; - - -webkit-flex: 1 0 0; - - flex: 1 0 0; -} - -.RootFolderSelectInputSelectedValue-freeSpace-1I { - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - margin-left: 15px; - color: #adadad; - text-align: right; - font-size: 12px; -} - -.FormInputGroup-inputGroupContainer-1n { - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; -} - -.FormInputGroup-inputGroup-1U { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.FormInputGroup-inputContainer-2I { - position: relative; - -webkit-box-flex: 1; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; -} - -.FormInputGroup-inputUnit-19 { - position: absolute; - top: 0; - right: 20px; - margin-top: 7px; - width: 75px; - color: #c6c6c6; - text-align: right; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.FormInputGroup-inputUnitNumber-1F { - - right: 40px; -} - -.FormInputGroup-pendingChangesContainer-1y { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - width: 30px; -} - -.FormInputGroup-pendingChangesIcon-2P { - color: #ffa500; - font-size: 20px; - line-height: 35px; -} - -.FormInputGroup-helpLink-i4 { - margin-top: 5px; - line-height: 20px; -} - -.TableOptionsColumn-column-2H { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; - width: 100%; - border: 1px solid #aaa; - border-radius: 4px; - background: #fafafa; -} - -.TableOptionsColumn-checkContainer-35 { - position: relative; - margin-right: 4px; - margin-bottom: 7px; - margin-left: 8px; -} - -.TableOptionsColumn-label-3l { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - margin-bottom: 0; - margin-left: 2px; - font-weight: normal; - line-height: 36px; - cursor: pointer; -} - -.TableOptionsColumn-dragHandle-2X { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-shrink: 0; - flex-shrink: 0; - margin-left: auto; - width: 40px; - text-align: center; - cursor: -webkit-grab; - cursor: grab; -} - -.TableOptionsColumn-dragIcon-1z { - top: 0; -} - -.TableOptionsColumn-isDragging-38 { - opacity: 0.25; -} - -.TableOptionsColumn-notDragable-15 { - padding: 4px 0; -} - -.TableOptionsColumnDragSource-columnDragSource-Ai { - padding: 4px 0; -} - -.TableOptionsColumnDragSource-columnPlaceholder-2I { - width: 100%; - height: 36px; - border: 1px dotted #aaa; - border-radius: 4px; -} - -.TableOptionsColumnDragSource-columnPlaceholderBefore-1X { - margin-bottom: 8px; -} - -.TableOptionsColumnDragSource-columnPlaceholderAfter-2j { - margin-top: 8px; -} - -.DragPreviewLayer-dragLayer-HA { - position: fixed; - top: 0; - left: 0; - z-index: 9999; - width: 100%; - height: 100%; - pointer-events: none; -} - -.TableOptionsColumnDragPreview-dragPreview-2r { - width: 380px; - opacity: 0.75; -} - -.TableOptionsModal-columns-1K { - margin-top: 10px; - width: 100%; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.PageToolbar-toolbar-1L { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - padding: 0 20px; - height: 60px; - background-color: #4f566f; - color: #e1e2e3; - line-height: 60px; -} - -@media only screen and (max-width: 768px) { - .PageToolbar-toolbar-1L { - padding: 0 10px; - } -} - -.PageToolbarSeparator-separator-2A { - margin: 10px 20px; - height: 40px; - border-right: 1px solid #e5e5e5; - opacity: 0.35; -} - -@media only screen and (max-width: 768px) { - .PageToolbarSeparator-separator-2A { - margin: 10px 5px; - } -} - -.NoSeries-message-1J { - margin-top: 10px; - margin-bottom: 30px; - text-align: center; - font-size: 20px; -} - -.NoSeries-buttonContainer-35 { - margin-top: 20px; - text-align: center; -} - -.VirtualTableBody-tableBodyContainer-1l { - position: relative; -} - -.VirtualTable-tableContainer-2W { - width: 100%; -} - -.VirtualTableHeader-header-3r { - display: -webkit-box; - display: -webkit-flex; - display: flex; -} - -.VirtualTableHeaderCell-headerCell-2c { - padding: 8px; - border: none !important; - text-align: left; - font-weight: bold; -} - -.VirtualTableHeaderCell-sortIcon-1D { - margin-left: 10px; -} - -@media only screen and (max-width: 768px) { - .VirtualTableHeaderCell-headerCell-2c { - white-space: nowrap; - } -} - -.HeartRating-heart-2I { - margin-right: 5px; - color: #c4273c; -} - -.ProgressBar-container-14 { - position: relative; - overflow: hidden; - width: 100%; - border-radius: 4px; - background-color: #f5f5f5; - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.ProgressBar-progressBar-35 { - position: relative; - z-index: 1; - float: left; - width: 0; - height: 100%; - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - color: #fff; - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.ProgressBar-frontTextContainer-3n { - z-index: 1; - color: #fff; -} - -.ProgressBar-backTextContainer-3d, -.ProgressBar-frontTextContainer-3n { - position: absolute; - overflow: hidden; - width: 0; - height: 100%; -} - -.ProgressBar-backText-1F, -.ProgressBar-frontText-35 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - text-align: center; - font-size: 12px; - cursor: default; -} - -.ProgressBar-primary-3Y { - background-color: #5d9cec; -} - -.ProgressBar-danger-2o { - background-color: #f05050; -} - -.ProgressBar-danger-2o.colorImpaired { - background: repeating-linear-gradient(90deg, rgb(228, 76, 76), rgb(228, 76, 76) 5px, rgb(204, 68, 68) 5px, rgb(204, 68, 68) 10px); - } - -.ProgressBar-success-14 { - background-color: #27c24c; -} - -.ProgressBar-purple-3D { - background-color: #7a43b6; -} - -.ProgressBar-warning-3p { - background-color: #ffa500; -} - -.ProgressBar-warning-3p.colorImpaired { - background: repeating-linear-gradient(45deg, #ffa500, #ffa500 5px, rgb(255, 179, 38) 5px, rgb(255, 179, 38) 10px); - } - -.ProgressBar-info-2A { - background-color: #35c5f4; -} - -.ProgressBar-small-NL { - height: 5px; -} - -.ProgressBar-small-NL .ProgressBar-backText-1F, - .ProgressBar-small-NL .ProgressBar-frontText-35 { - height: 5px; - } - -.ProgressBar-medium-Vm { - height: 15px; -} - -.ProgressBar-medium-Vm .ProgressBar-backText-1F, - .ProgressBar-medium-Vm .ProgressBar-frontText-35 { - height: 15px; - } - -.ProgressBar-large-2Y { - height: 20px; -} - -.ProgressBar-large-2Y .ProgressBar-backText-1F, - .ProgressBar-large-2Y .ProgressBar-frontText-35 { - height: 20px; - } - -.TagList-tags-3R { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; -} - -.VirtualTableRow-row-2- { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-transition: background-color 500ms; - transition: background-color 500ms; -} - - .VirtualTableRow-row-2-:hover { - background-color: #fafbfc; - } - -@media only screen and (max-width: 992px) { - .VirtualTableRow-row-2- { - overflow-x: visible !important; - } -} - -.RelativeDateCell-cell-2v { - - width: 180px; -} - -.DeleteSeriesModalContent-pathContainer-1h { - margin-bottom: 20px; -} - -.DeleteSeriesModalContent-pathIcon-mE { - margin-right: 8px; -} - -.DeleteSeriesModalContent-deleteFilesMessage-1Q { - margin-top: 20px; - color: #f05050; -} - -.SeriesIndexPosterInfo-info-2J { - background-color: #fafbfc; - text-align: center; - font-size: 12px; -} - -.SeriesIndexPosters-grid-1o { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; -} - -.SeriesIndexOverviewInfoRow-infoRow-9P { - -webkit-box-flex: 0; - -webkit-flex: 0 0 21px; - flex: 0 0 21px; - margin: 2px 0; -} - -.SeriesIndexOverviewInfoRow-icon-3I { - margin-right: 5px; - width: 25px !important; - text-align: center; -} - -.SeriesIndexOverviewInfo-infos-aU { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 0; - -webkit-flex: 0 0 250px; - flex: 0 0 250px; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - flex-direction: column; - margin-left: 10px; -} - -@media only screen and (max-width: 768px) { - .SeriesIndexOverviewInfo-infos-aU { - margin-left: 0; - } -} - -.SeriesIndexOverviews-grid-17 { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; -} - -.SelectedMenuItem-item-3E { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - white-space: nowrap; -} - -.SelectedMenuItem-isSelected-3o { - visibility: visible; - margin-left: 20px; -} - -.SelectedMenuItem-isNotSelected-Sy { - visibility: hidden; - margin-left: 20px; -} - -.FilterMenu-filterMenu-3T { -} - -@media only screen and (max-width: 768px) { - .FilterMenu-filterMenu-3T { - margin-right: 10px; - } -} - -.FilterBuilderRow-filterRow-1o { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 5px; -} - - .FilterBuilderRow-filterRow-1o:hover { - background-color: #fafbfc; - } - -.FilterBuilderRow-inputContainer-NZ { - -webkit-box-flex: 0; - -webkit-flex: 0 1 200px; - flex: 0 1 200px; - margin-right: 10px; -} - -.FilterBuilderRow-valueInputContainer-2o { - -webkit-box-flex: 0; - -webkit-flex: 0 1 300px; - flex: 0 1 300px; - margin-right: 10px; -} - -.FilterBuilderRow-actionsContainer-LD { - display: -webkit-box; - display: -webkit-flex; - display: flex; -} - -@media only screen and (max-width: 768px) { - .FilterBuilderRow-filterRow-1o { - display: block; - } - - .FilterBuilderRow-inputContainer-NZ { - margin-bottom: 10px; - } -} - -.FilterBuilderModalContent-labelContainer-Ci { - margin-bottom: 20px; -} - -.FilterBuilderModalContent-label-15 { - margin-bottom: 5px; - font-weight: bold; -} - -.FilterBuilderModalContent-labelInputContainer-33 { - width: 300px; -} - -.FilterBuilderModalContent-rows-2Y { - margin-bottom: 100px; -} - -.CustomFilter-customFilter-zB { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 5px; - padding: 5px; -} - - .CustomFilter-customFilter-zB:hover { - background-color: #fafbfc; - } - -.CustomFilter-label-Iu { - -webkit-box-flex: 0; - -webkit-flex: 0 1 300px; - flex: 0 1 300px; -} - -.CustomFilter-actions-fI { - -webkit-box-flex: 0; - -webkit-flex: 0 0 60px; - flex: 0 0 60px; -} - -.CustomFiltersModalContent-addButtonContainer-1j { - margin-top: 15px; -} - -.DescriptionList-descriptionList-2v { - margin-top: 0; - margin-bottom: 0; -} - -.DescriptionListItemTitle-title-1Y { - line-height: 1.528571429; -} - -.DescriptionListItemTitle-title-1Y { - font-weight: bold; -} - -@media (min-width: 768px) { - .DescriptionListItemTitle-title-1Y { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - float: left; - clear: left; - width: 160px; - text-align: right; - } -} - -.DescriptionListItemDescription-description-3U { - line-height: 1.528571429; -} - -.DescriptionListItemDescription-description-3U { - margin-left: 0; -} - -@media (min-width: 768px) { - .DescriptionListItemDescription-description-3U { - margin-left: 180px; - } -} - -.SeriesIndexFooter-footer-14 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - margin-top: 20px; - font-size: 12px; -} - -.SeriesIndexFooter-legendItem-1S { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 4px; - line-height: 16px; -} - -.SeriesIndexFooter-legendItemColor-2y { - margin-right: 8px; - width: 30px; - height: 16px; - border-radius: 4px; -} - -.SeriesIndexFooter-continuing-84 { - - background-color: #5d9cec; -} - -.SeriesIndexFooter-ended-HY { - - background-color: #27c24c; -} - -.SeriesIndexFooter-missingMonitored-2_ { - - background-color: #f05050; -} - -.SeriesIndexFooter-missingMonitored-2_.colorImpaired { - background: repeating-linear-gradient(90deg, rgb(228, 76, 76), rgb(228, 76, 76) 5px, rgb(204, 68, 68) 5px, rgb(204, 68, 68) 10px); - } - -.SeriesIndexFooter-missingUnmonitored-2A { - - background-color: #ffa500; -} - -.SeriesIndexFooter-missingUnmonitored-2A.colorImpaired { - background: repeating-linear-gradient(45deg, #ffa500, #ffa500 5px, rgb(255, 179, 38) 5px, rgb(255, 179, 38) 10px); - } - -.SeriesIndexFooter-statistics-1c { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -@media (max-width: 1200px) { - .SeriesIndexFooter-statistics-1c { - display: block; - } -} - -@media (max-width: 768px) { - .SeriesIndexFooter-footer-14 { - display: block; - } - - .SeriesIndexFooter-statistics-1c { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-top: 20px; - } -} - -.Popover-tether-2U { - z-index: 2000; -} - -.Popover-popoverContainer-1T { - margin: 10px 15px; -} - -.Popover-popover-3g { - position: relative; - background-color: #fff; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -} - -.Popover-arrow-2i, -.Popover-arrow-2i::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-width: 11px; - border-style: solid; - border-color: transparent; -} - -.Popover-arrow-2i::after { - border-width: 10px; - content: ''; -} - -.Popover-top-zn { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; -} - -.Popover-top-zn::after { - bottom: 1px; - margin-left: -10px; - border-top-color: #fff; - border-bottom-width: 0; - content: ' '; - } - -.Popover-right-3J { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; -} - -.Popover-right-3J::after { - bottom: -10px; - left: 1px; - border-right-color: #fff; - border-left-width: 0; - content: ' '; - } - -.Popover-bottom-26 { - top: -11px; - left: 50%; - margin-left: -11px; - border-top-width: 0; - border-bottom-color: rgba(0, 0, 0, 0.25); -} - -.Popover-bottom-26::after { - top: 1px; - margin-left: -10px; - border-top-width: 0; - border-bottom-color: #fff; - content: ' '; - } - -.Popover-left-rX { - top: 50%; - right: -11px; - margin-top: -11px; - border-right-width: 0; - border-left-color: rgba(0, 0, 0, 0.25); -} - -.Popover-left-rX::after { - right: 1px; - bottom: -10px; - border-right-width: 0; - border-left-color: #fff; - content: ' '; - } - -.Popover-title-32 { - padding: 10px 20px; - border-bottom: 1px solid #ebebeb; - background-color: #f7f7f7; - font-size: 16px; -} - -.Popover-body-10 { - overflow: auto; - padding: 10px; -} - -.AddNewSeriesSearchResult-searchResult-xR { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin: 20px 0; - padding: 20px; - width: 100%; - background-color: #fff; - color: inherit; - -webkit-transition: background 500ms; - transition: background 500ms; -} - - .AddNewSeriesSearchResult-searchResult-xR:hover { - background-color: #eaf2ff; - color: inherit; - text-decoration: none; - } - -.AddNewSeriesSearchResult-poster-2p { - -webkit-box-flex: 0; - -webkit-flex: 0 0 170px; - flex: 0 0 170px; - margin-right: 20px; - height: 250px; -} - -.AddNewSeriesSearchResult-title-1c { - font-weight: 300; - font-size: 36px; -} - -.AddNewSeriesSearchResult-year-2j { - margin-left: 10px; - color: #999; -} - -.AddNewSeriesSearchResult-alreadyExistsIcon-3S { - margin-left: 10px; - color: #37bc9b; -} - -.AddNewSeriesSearchResult-overview-3F { - margin-top: 20px; -} - -.FieldSet-fieldSet-2W { - margin: 0; - margin-bottom: 20px; - padding: 0; - min-width: 0; - border: 0; -} - -.FieldSet-legend-3x { - display: block; - margin-bottom: 21px; - padding: 0; - width: 100%; - border: 0; - border-bottom: 1px solid #e5e5e5; - color: #3a3f51; - font-size: 21px; - line-height: inherit; -} - -.ImportSeriesSelectFolder-header-2h { - margin-bottom: 40px; - text-align: center; - font-weight: 300; - font-size: 36px; -} - -.ImportSeriesSelectFolder-tips-1A { - font-size: 20px; -} - -.ImportSeriesSelectFolder-tip-1C { - font-size: 14px; -} - -.ImportSeriesSelectFolder-code-1A { - font-size: 12px; - font-family: "Ubuntu Mono", Menlo, Monaco, Consolas, "Courier New", monospace;; -} - -.ImportSeriesSelectFolder-recentFolders-V7 { - margin-top: 40px; -} - -.ImportSeriesSelectFolder-startImport-je { - margin-top: 40px; - text-align: center; -} - -.ImportSeriesSelectFolder-importButtonIcon-2b { - margin-right: 8px; -} - -.ImportSeriesTitle-titleContainer-2B { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-flex: 0; - -webkit-flex: 0 1 auto; - flex: 0 1 auto; - overflow: hidden; -} - -.ImportSeriesTitle-title-20 { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; -} - -.ImportSeriesTitle-year-3D { - margin-right: 5px; - margin-left: 5px; - color: #999; -} - -.ImportSeriesTitle-existing-21 { - margin-left: 5px; -} - -.ImportSeriesSearchResult-series-2B { - padding: 10px 20px; - width: 100%; -} - - .ImportSeriesSearchResult-series-2B:hover { - background-color: #f5f7fa; - } - -.PageContentFooter-contentFooter-3O { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 0; - -webkit-flex: 0 0 auto; - flex: 0 0 auto; - padding: 20px; - background-color: #f1f1f1; -} - -@media only screen and (max-width: 768px) { - .PageContentFooter-contentFooter-3O { - display: block; - } - - .PageContentFooter-contentFooter-3O div { - margin-top: 10px; - } - - .PageContentFooter-contentFooter-3O div:first-child { - margin-top: 0; - } -} - -@media only screen and (max-width: 1200px) { - .PageContentFooter-contentFooter-3O { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - } -} - -.OrganizeSeriesModalContent-renameIcon-2B { - margin-left: 5px; -} - -.OrganizeSeriesModalContent-message-2S { - margin-top: 20px; - margin-bottom: 10px; -} - -.TagsModalContent-renameIcon-1G { - margin-left: 5px; -} - -.TagsModalContent-message-xy { - margin-top: 20px; - margin-bottom: 10px; -} - -.TagsModalContent-result-tl { - padding-top: 4px; -} - -.DeleteSeriesModalContent-message-34 { - margin-top: 20px; - margin-bottom: 10px; -} - -.DeleteSeriesModalContent-pathContainer-3Q { - margin-left: 5px; -} - -.DeleteSeriesModalContent-path-2r { - margin-left: 5px; - color: #f05050; -} - -.SeriesEditorFooterLabel-label-1C { - margin-bottom: 3px; - font-weight: bold; -} - -.SeriesEditorFooterLabel-savingIcon-1P { - margin-left: 8px; -} - -.SeasonPassSeason-season-2F { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; - overflow: hidden; - margin: 2px 4px; - border: 1px solid #e5e5e5; - border-radius: 4px; - background-color: #eee; - cursor: default; -} - -.SeasonPassSeason-info-2q { - padding: 0 4px; -} - -.SeasonPassSeason-episodes-N9 { - padding: 0 4px; - background-color: #fff; - color: #333; -} - -.SeasonPassSeason-allEpisodes-1z { - background-color: #e0ffe0; -} - -.Tooltip-tether-1y { - z-index: 2000; -} - -.Tooltip-tooltipContainer-26 { - margin: 10px 15px; -} - -.Tooltip-tooltip-3H { - position: relative; -} - -.Tooltip-tooltip-3H.Tooltip-default-2N { - background-color: #fff; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - } - -.Tooltip-tooltip-3H.Tooltip-inverse-yM { - background-color: #3a3f51; - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - } - -.Tooltip-arrow-3r, -.Tooltip-arrow-3r::after { - position: absolute; - display: block; - width: 0; - height: 0; - border-width: 11px; - border-style: solid; - border-color: transparent; -} - -.Tooltip-arrow-3r::after { - border-width: 10px; - content: ''; -} - -.Tooltip-top-34 { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-bottom-width: 0; -} - -.Tooltip-top-34::after { - bottom: 1px; - margin-left: -10px; - border-bottom-width: 0; - content: ' '; - } - -.Tooltip-top-34::after.Tooltip-default-2N { - border-top-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-top-34::after.Tooltip-inverse-yM { - border-top-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-top-34.Tooltip-default-2N { - border-top-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-top-34.Tooltip-inverse-yM { - border-top-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-right-2M { - top: 50%; - left: -11px; - margin-top: -11px; - border-left-width: 0; -} - -.Tooltip-right-2M::after { - bottom: -10px; - left: 1px; - border-left-width: 0; - content: ' '; - } - -.Tooltip-right-2M::after.Tooltip-default-2N { - border-right-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-right-2M::after.Tooltip-inverse-yM { - border-right-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-right-2M.Tooltip-default-2N { - border-right-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-right-2M.Tooltip-inverse-yM { - border-right-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-bottom-3E { - top: -11px; - left: 50%; - margin-left: -11px; - border-top-width: 0; -} - -.Tooltip-bottom-3E::after { - top: 1px; - margin-left: -10px; - border-top-width: 0; - content: ' '; - } - -.Tooltip-bottom-3E::after.Tooltip-default-2N { - border-bottom-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-bottom-3E::after.Tooltip-inverse-yM { - border-bottom-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-bottom-3E.Tooltip-default-2N { - border-bottom-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-bottom-3E.Tooltip-inverse-yM { - border-bottom-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-left-3Q { - top: 50%; - right: -11px; - margin-top: -11px; - border-right-width: 0; -} - -.Tooltip-left-3Q::after { - right: 1px; - bottom: -10px; - border-right-width: 0; - content: ' '; - } - -.Tooltip-left-3Q::after.Tooltip-default-2N { - border-left-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-left-3Q::after.Tooltip-inverse-yM { - border-left-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-left-3Q.Tooltip-default-2N { - border-left-color: rgba(0, 0, 0, 0.25); - } - -.Tooltip-left-3Q.Tooltip-inverse-yM { - border-left-color: rgba(58, 63, 81, 0.75); - } - -.Tooltip-body-kG { - padding: 5px; -} - -.EpisodeFileEditorModalContent-actions-2A { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-right: auto; -} - -.EpisodeFileEditorModalContent-selectInput-1z { - margin-left: 10px; -} - -.OrganizePreviewRow-row-Je { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 5px; - padding: 5px 0; - border-bottom: 1px solid #e5e5e5; -} - - .OrganizePreviewRow-row-Je:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; - } - -.OrganizePreviewRow-selectedContainer-1T { - margin-right: 30px; -} - -.OrganizePreviewRow-path-3w { - margin-left: 10px; -} - -.EpisodeNumber-absoluteEpisodeNumber-2H { - margin-left: 5px; -} - -.EpisodeNumber-warning-3z { - margin-left: 8px; -} - -.SeriesAlternateTitles-alternateTitle-2X { - white-space: nowrap; -} - -.PageMenuButton-menuButton-1z { -} - - .PageMenuButton-menuButton-1z:hover { - color: #666; - } - -.PageMenuButton-label-Oi { - margin-left: 5px; -} - -.InteractiveSearch-filterMenuContainer-27 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - margin-bottom: 10px; -} - -.InteractiveSearch-filteredMessage-3f { - margin-top: 10px; -} - -.EpisodeSummary-infoTitle-3F { - display: inline-block; - width: 100px; - font-weight: bold; -} - -.EpisodeSummary-overview-3A, -.EpisodeSummary-files-3N { - margin-top: 20px; -} - -.EpisodeSummary-filesHeader-2_ { - display: -webkit-box; - display: -webkit-flex; - display: flex; - font-weight: bold; -} - -.EpisodeSummary-filesHeader-2_ { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 10px; - border-bottom: 1px solid #e5e5e5; -} - -.EpisodeSummary-fileRow-3l { - display: -webkit-box; - display: -webkit-flex; - display: flex; -} - -.EpisodeSummary-path-12 { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 1; - - -webkit-flex: 1 0 1px; - - flex: 1 0 1px; -} - -.EpisodeSummary-size-2j, -.EpisodeSummary-quality-3Z { - -webkit-box-flex: 0; - -webkit-flex: 0 0 125px; - flex: 0 0 125px; -} - -.EpisodeSummary-actions-1b { - -webkit-box-flex: 0; - -webkit-flex: 0 0 40px; - flex: 0 0 40px; - text-align: center; -} - -@media only screen and (max-width: 992px) { - .EpisodeSummary-size-2j, - .EpisodeSummary-quality-3Z { - -webkit-box-flex: 0; - -webkit-flex: 0 0 80px; - flex: 0 0 80px; - } -} - -.EpisodeStatus-center-dv { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; -} - -.SelectSeriesRow-series-1S { - padding: 8px; - border-bottom: 1px solid #e5e5e5; -} - -.SelectSeasonRow-season-HW { - padding: 8px; - border-bottom: 1px solid #e5e5e5; -} - -.InteractiveImportRowCellPlaceholder-placeholder-27 { - display: inline-block; - margin: -8px 0; - width: 100%; - height: 25px; - border: 2px dashed #f05050; -} - -.legendIconItem-legendIconItem-18 { - margin: 3px 0; - margin-right: 6px; - width: 150px; - cursor: default; -} - -.legendIconItem-icon-3Y { - margin-right: 5px; -} - -.Legend-legend-tg { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - margin-top: 10px; - padding: 3px 0; -} - -.DayOfWeek-dayOfWeek-1i { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - background-color: #e4eaec; - text-align: center; -} - -.DayOfWeek-isSingleDay-1u { - width: 100%; -} - -.DayOfWeek-isToday-So { - background-color: #ddd; -} - -.DaysOfWeek-daysOfWeek-sW { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-top: 10px; -} - -.CircularProgressBar-circularProgressBarContainer-3O { - position: relative; - display: inline-block; - vertical-align: top; - text-align: center; -} - -.CircularProgressBar-circularProgressBar-3I { - position: absolute; - top: 0; - left: 0; - -webkit-transform: rotate(-90deg); - transform: rotate(-90deg); - -webkit-transform-origin: center center; - transform-origin: center center; -} - -.CircularProgressBar-circularProgressBarText-2E { - position: absolute; - width: 100%; - height: 100%; - font-weight: bold; -} - -.CalendarEvent-event-3U { - overflow-x: hidden; - margin: 4px 2px; - padding: 5px; - border-bottom: 1px solid #e5e5e5; - border-left: 4px solid #e5e5e5; - font-size: 12px; -} - -.CalendarEvent-info-24, -.CalendarEvent-episodeInfo-IW { - display: -webkit-box; - display: -webkit-flex; - display: flex; -} - -.CalendarEvent-seriesTitle-3s, -.CalendarEvent-episodeTitle-j8 { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 1; - - -webkit-flex: 1 0 1px; - - flex: 1 0 1px; - margin-right: 10px; -} - -.CalendarEvent-seriesTitle-3s { - color: #3a3f51; - font-size: 14px; -} - -.CalendarEvent-absoluteEpisodeNumber-1e { - margin-left: 3px; -} - -.CalendarEvent-statusIcon-bK { - margin-left: 3px; -} - -/* - * Status - */ - -.CalendarEvent-downloaded-2v { - border-left-color: #27c24c !important; -} - -.CalendarEvent-downloading-1k { - border-left-color: #7a43b6 !important; -} - -.CalendarEvent-unmonitored-Zv { - border-left-color: #adadad !important; -} - -.CalendarEvent-unmonitored-Zv.colorImpaired { - background: repeating-linear-gradient(45deg, transparent, transparent 5px, #fcfcfc 5px, #fcfcfc 10px); - } - -.CalendarEvent-onAir-dw { - border-left-color: #ffa500 !important; -} - -.CalendarEvent-onAir-dw.colorImpaired { - background: repeating-linear-gradient(90deg, transparent, transparent 5px, #fcfcfc 5px, #fcfcfc 10px); - } - -.CalendarEvent-missing-1y { - border-left-color: #f05050 !important; -} - -.CalendarEvent-missing-1y.colorImpaired { - background: repeating-linear-gradient(90deg, transparent, transparent 5px, #fcfcfc 5px, #fcfcfc 10px); - } - -.CalendarEvent-unaired-3a { - border-left-color: #5d9cec !important; -} - -.CalendarEvent-unaired-3a.colorImpaired { - background: repeating-linear-gradient(90deg, transparent, transparent 5px, #fcfcfc 5px, #fcfcfc 10px); - } - -.CalendarDay-day-2T { - -webkit-box-flex: 1; - -webkit-flex: 1 0 14.28%; - flex: 1 0 14.28%; - overflow: hidden; - min-height: 70px; - border-bottom: 1px solid #e5e5e5; - border-left: 1px solid #e5e5e5; -} - -.CalendarDay-isSingleDay-27 { - width: 100%; -} - -.CalendarDay-dayOfMonth-2C { - padding-right: 5px; - border-bottom: 1px solid #e5e5e5; - text-align: right; -} - -.CalendarDay-isToday-1r { - background-color: #ddd; -} - -.CalendarDay-isDifferentMonth-10 { - color: #999; -} - -.CalendarDays-days-gi { - display: -webkit-box; - display: -webkit-flex; - display: flex; - border-right: 1px solid #e5e5e5; -} - -.CalendarDays-day-1J, -.CalendarDays-week-2V, -.CalendarDays-forecast-34 { - -webkit-flex-wrap: nowrap; - flex-wrap: nowrap; -} - -.CalendarDays-month-LD { - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.Agenda-agenda-3H { - margin-top: 10px; -} - -.Calendar-calendar-Gr { - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - width: 100%; -} - -.Calendar-calendarContent-2v { - width: 100%; -} - -.RemoveQueueItemsModal-message-Jr { - margin-bottom: 30px; -} - -.RemoveQueueItemModal-message-3_ { - margin-bottom: 30px; -} - -.NamingOption-option-gi { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - margin: 3px; - border: 1px solid #e5e5e5; -} - - .NamingOption-option-gi:hover .NamingOption-token-1y { - background-color: #ddd; - } - - .NamingOption-option-gi:hover .NamingOption-example-RN { - background-color: #ccc; - } - -.NamingOption-small-2n { - width: 460px; -} - -.NamingOption-large-3G { - width: 100%; -} - -.NamingOption-token-1y { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - flex: 0 0 50%; - padding: 6px 16px; - background-color: #eee; - font-family: "Ubuntu Mono", Menlo, Monaco, Consolas, "Courier New", monospace;; -} - -.NamingOption-example-RN { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-align-self: stretch; - align-self: stretch; - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - flex: 0 0 50%; - padding: 6px 16px; - background-color: #ddd; -} - -.NamingOption-lower-M7 { - text-transform: lowercase; -} - -.NamingOption-upper-hm { - text-transform: uppercase; -} - -.NamingOption-isFullFilename-1w .NamingOption-token-1y, - .NamingOption-isFullFilename-1w .NamingOption-example-RN { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - } - -@media only screen and (max-width: 768px) { - .NamingOption-option-gi.NamingOption-small-2n { - width: 100%; - } -} - -@media only screen and (max-width: 480px) { - .NamingOption-token-1y, - .NamingOption-example-RN { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - } -} - -.Card-card-1i { - position: relative; - margin: 10px; - padding: 10px; - border-radius: 3px; - background-color: #fff; - box-shadow: 0 0 10px 1px #e1e1e1; - color: #333; -} - -.Card-underlay-1g { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 100%; -} - -.Card-overlay-3U { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 100%; - pointer-events: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - position: relative; -} - -.Card-overlay-3U a, - .Card-overlay-3U button { - pointer-events: all; - } - -.QualityProfileItemDragSource-qualityProfileItemDragSource-25 { - padding: 4px 0; -} - -.QualityProfileItemDragSource-qualityProfileItemPlaceholder-2B { - width: 100%; - height: 30px; - border: 1px dotted #aaa; - border-radius: 4px; -} - -.QualityProfileItemDragSource-qualityProfileItemPlaceholderBefore-3_ { - margin-bottom: 8px; -} - -.QualityProfileItemDragSource-qualityProfileItemPlaceholderAfter-12 { - margin-top: 8px; -} - -.QualityProfileItemDragPreview-dragPreview-ho { - width: 380px; - opacity: 0.75; -} - -.EditQualityProfileModalContent-formGroupsContainer-3O { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.EditQualityProfileModalContent-formGroupWrapper-2X { - -webkit-box-flex: 0; - -webkit-flex: 0 0 -webkit-calc(650px - 100px); - flex: 0 0 calc(650px - 100px); -} - -.EditQualityProfileModalContent-deleteButtonContainer-1K { - margin-right: auto; -} - -@media only screen and (max-width: 1200px) { - .EditQualityProfileModalContent-formGroupsContainer-3O { - display: block; - } -} - -.LanguageProfileItem-languageProfileItem-18 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; - width: 100%; - border: 1px solid #aaa; - border-radius: 4px; - background: #fafafa; -} - -.LanguageProfileItem-checkContainer-23 { - position: relative; - margin-right: 4px; - margin-bottom: 7px; - margin-left: 8px; -} - -.LanguageProfileItem-languageName-23 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-flex: 1; - -webkit-flex-grow: 1; - flex-grow: 1; - margin-bottom: 0; - margin-left: 2px; - font-weight: normal; - line-height: 36px; - cursor: pointer; -} - -.LanguageProfileItem-dragHandle-3T { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-shrink: 0; - flex-shrink: 0; - margin-left: auto; - width: 40px; - text-align: center; - cursor: -webkit-grab; - cursor: grab; -} - -.LanguageProfileItem-dragIcon-3v { - top: 0; -} - -.LanguageProfileItem-isDragging-1a { - opacity: 0.25; -} - -.LanguageProfileItemDragSource-languageProfileItemDragSource-9c { - padding: 4px 0; -} - -.LanguageProfileItemDragSource-languageProfileItemPlaceholder-31 { - width: 100%; - height: 36px; - border: 1px dotted #aaa; - border-radius: 4px; -} - -.LanguageProfileItemDragSource-languageProfileItemPlaceholderBefore-1l { - margin-bottom: 8px; -} - -.LanguageProfileItemDragSource-languageProfileItemPlaceholderAfter-1- { - margin-top: 8px; -} - -.LanguageProfileItemDragPreview-dragPreview-6p { - width: 380px; - opacity: 0.75; -} - -.LanguageProfileItems-languages-Cr { - margin-top: 10px; - /* TODO: This should consider the number of languages in the list */ - min-height: 550px; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.EditLanguageProfileModalContent-deleteButtonContainer-3T { - margin-right: auto; -} - -.DelayProfile-delayProfile-4B { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; - margin-bottom: 10px; - height: 30px; - border-bottom: 1px solid #e5e5e5; - line-height: 30px; -} - -.DelayProfile-column-2X { - -webkit-box-flex: 0; - -webkit-flex: 0 0 200px; - flex: 0 0 200px; -} - -.DelayProfile-actions-F7 { - display: -webkit-box; - display: -webkit-flex; - display: flex; -} - -.DelayProfile-dragHandle-3a { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-shrink: 0; - flex-shrink: 0; - margin-left: auto; - width: 40px; - text-align: center; - cursor: -webkit-grab; - cursor: grab; -} - -.DelayProfile-dragIcon-e8 { - top: 0; -} - -.DelayProfile-isDragging-4Z { - opacity: 0.25; -} - -.DelayProfile-editButton-2_ { - width: 40px; - text-align: center; -} - -.DelayProfileDragSource-delayProfileDragSource-1v { - padding: 4px 0; -} - -.DelayProfileDragSource-delayProfilePlaceholder-3S { - width: 100%; - height: 30px; - border-bottom: 1px dotted #aaa; -} - -.DelayProfileDragSource-delayProfilePlaceholderBefore-2h { - margin-bottom: 8px; -} - -.DelayProfileDragSource-delayProfilePlaceholderAfter-1R { - margin-top: 8px; -} - -.DelayProfileDragPreview-dragPreview-Sa { - opacity: 0.75; -} - -.DelayProfiles-delayProfiles-3C { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.DelayProfiles-delayProfilesHeader-ml { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 10px; - font-weight: bold; -} - -.DelayProfiles-column-3v { - -webkit-box-flex: 0; - -webkit-flex: 0 0 200px; - flex: 0 0 200px; -} - -.DelayProfiles-tags-3R { - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; -} - -.DelayProfiles-addDelayProfile-5R { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; -} - -.DelayProfiles-addButton-25 { - width: 40px; - text-align: center; -} - -.QualityDefinitions-header-1c { - display: -webkit-box; - display: -webkit-flex; - display: flex; - font-weight: bold; -} - -.QualityDefinitions-quality-1L, -.QualityDefinitions-title-CQ { - -webkit-box-flex: 0; - -webkit-flex: 0 1 250px; - flex: 0 1 250px; -} - -.QualityDefinitions-sizeLimit-2h { - -webkit-box-flex: 0; - -webkit-flex: 0 1 500px; - flex: 0 1 500px; -} - -.QualityDefinitions-megabytesPerMinute-1X { - -webkit-box-flex: 0; - -webkit-flex: 0 0 250px; - flex: 0 0 250px; -} - -.QualityDefinitions-sizeLimitHelpTextContainer-X1 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - margin-top: 20px; - max-width: 1000px; -} - -.QualityDefinitions-sizeLimitHelpText-1w { - max-width: 500px; - color: #909293; -} - -@media only screen and (max-width: 768px) { - .QualityDefinitions-header-1c { - display: none; - } - .QualityDefinitions-definitions-1l:first-child { - border-top: none; - } -} - -.AddIndexerModalContent-indexers-1k { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.AddDownloadClientModalContent-downloadClients-2m { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.RemotePathMapping-remotePathMapping-17 { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-align: stretch; - -webkit-align-items: stretch; - align-items: stretch; - margin-bottom: 10px; - height: 30px; - border-bottom: 1px solid #e5e5e5; - line-height: 30px; -} - -.RemotePathMapping-host-1t { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 0; - - -webkit-flex: 0 1 300px; - - flex: 0 1 300px; -} - -.RemotePathMapping-path-3n { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 0; - - -webkit-flex: 0 1 400px; - - flex: 0 1 400px; -} - -.RemotePathMapping-actions-3y { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - -webkit-box-flex: 1; - -webkit-flex: 1 0 auto; - flex: 1 0 auto; - padding-right: 10px; -} - -.RemotePathMappings-remotePathMappingsHeader-Zh { - display: -webkit-box; - display: -webkit-flex; - display: flex; - margin-bottom: 10px; - font-weight: bold; -} - -.RemotePathMappings-host-50 { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 0; - - -webkit-flex: 0 1 300px; - - flex: 0 1 300px; -} - -.RemotePathMappings-path-Ca { - overflow: hidden !important; - max-width: 100%; - /* 1 */ - text-overflow: ellipsis !important; - white-space: nowrap !important; - - -webkit-box-flex: 0; - - -webkit-flex: 0 1 400px; - - flex: 0 1 400px; -} - -.RemotePathMappings-addRemotePathMapping-1- { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - padding-right: 10px; -} - -.RemotePathMappings-addButton-gF { - text-align: center; -} - -.AddNotificationModalContent-notifications-3a { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.Metadatas-metadatas-2Q { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - -.Tags-tags-3h { - display: -webkit-box; - display: -webkit-flex; - display: flex; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; -} - html, body { height: 100%; /* needed for proper layout */ @@ -3871,11 +8,8 @@ body { background-color: #f5f7fa; } -@media only screen and (max-width: 768px) { +@media only screen and (max-width: $breakpointSmall) { body { overflow-y: auto; } } - - -/*# sourceMappingURL=index.css.map*/ \ No newline at end of file