.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 */ } body { overflow: hidden; background-color: #f5f7fa; } @media only screen and (max-width: 768px) { body { overflow-y: auto; } } /*# sourceMappingURL=index.css.map*/