The URL can be used to link to this page

Home My WebLink AboutWaterfront of Westclay - Declaration of Covenants_pdf.change-email-before-verify { margin-top: 42px; float: left; } .change-email-inputs { margin: auto; width: 300px; } .change-email-inputs .text-input { width: 100%; } .db-modal--default-maestro-style .change-email-before-verify { margin-top: 54px; } .change-email-modal--maestro .db-modal .db-modal-title { text-align: center; color: rgb(27, 39, 51); margin-top: 16px; } .change-email-modal--maestro .db-modal .db-modal-content { background: rgb(255, 255, 255); margin: 0px 56px; } .change-email-modal--maestro .db-modal .db-modal-content .change-email-inputs { margin: 0px; width: 100%; } .change-email-modal--maestro .db-modal .db-modal-content .change-email-inputs .change-email-input-label { color: rgb(99, 114, 130); margin-top: 12px; display: inline-block; } .change-email-modal--maestro .db-modal .db-modal-content .change-email-inputs .text-input { margin-top: -3px; } .change-email-modal--maestro .db-modal .db-modal-content .change-email-inputs .text-input label { padding: 11px 16px; font-size: 14px; } .change-email-modal--maestro .db-modal .db-modal-content .change-email-inputs .text-input .text-input-error-wrapper { min-height: 15px; } .change-email-modal--maestro .db-modal .db-modal-content .change-email-inputs .text-input .text-input-input { min-height: 40px; } .change-email-modal--maestro .db-modal .db-modal-content .db-modal-buttons { background: rgb(255, 255, 255); padding: 16px 0px; margin-bottom: 24px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; } #multiaccount-login-modal .db-modal { width: auto; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal { width: 600px; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-title { text-align: center; color: rgb(27, 39, 51); padding-top: 40px; font-size: 22px; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content { padding: 8px 56px 32px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; background-color: rgb(255, 255, 255); } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container { width: auto; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .auth-google { height: 40px; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .button-primary.auth-google::before { border: currentColor; border-image: none; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .login-button { width: 112px; height: 40px; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .hr-label { color: rgb(99, 114, 130); } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .credentials-form__field-label { color: rgb(99, 114, 130); margin-top: 8px; display: inline-block; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .text-input { margin-top: -6px; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .text-input-input { min-height: 40px; } .multiaccount-login-modal--maestro#multiaccount-login-modal .db-modal .db-modal-content .login-form-container .text-input label { padding: 11px 16px; color: rgb(106, 124, 143); font-size: 14px; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Thin-Web-vflugmAly.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Thin-Web-vflWr14lv.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Thin-Web-vflYSEsbG.ttf) format("truetype"); font-weight: 100; font-style: normal; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-ThinItalic-Web-vflP-manv.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-ThinItalic-Web-vflmKWqdQ.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-ThinItalic-Web-vflHYkDrv.ttf) format("truetype"); font-weight: 100; font-style: italic; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Light-Web-vflvAXMid.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Light-Web-vfl9_ktQy.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Light-Web-vflc5lLwp.ttf) format("truetype"); font-weight: 300; font-style: normal; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-LightItalic-Web-vflq-t642.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-LightItalic-Web-vfl1PZNwi.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-LightItalic-Web-vflvfjS6x.ttf) format("truetype"); font-weight: 300; font-style: italic; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Regular-Web-vflk7bxjs.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Regular-Web-vflyEJFZg.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Regular-Web-vflJ3txfq.ttf) format("truetype"); font-weight: 400; font-style: normal; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-RegularItalic-Web-vflOIRvCj.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-RegularItalic-Web-vflDo8Kta.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-RegularItalic-Web-vfllxpplt.ttf) format("truetype"); font-weight: 400; font-style: italic; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Medium-Web-vfl38XiTL.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Medium-Web-vflyja8tN.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Medium-Web-vflbI0jjP.ttf) format("truetype"); font-weight: 500; font-style: normal; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-MediumItalic-Web-vfliTEIPs.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-MediumItalic-Web-vflSOoqcm.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-MediumItalic-Web-vflp44bwY.ttf) format("truetype"); font-weight: 500; font-style: italic; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Bold-Web-vfl39K48X.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Bold-Web-vflaLofNp.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Bold-Web-vflD33tdn.ttf) format("truetype"); font-weight: 700; font-style: normal; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-BoldItalic-Web-vflk44sx_.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-BoldItalic-Web-vflIKY_FY.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-BoldItalic-Web-vflntJR9Z.ttf) format("truetype"); font-weight: 700; font-style: italic; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Black-Web-vflp3rI0W.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Black-Web-vflY3PiPg.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-Black-Web-vflNBqfnS.ttf) format("truetype"); font-weight: 900; font-style: normal; } @font-face { font-family: AtlasGrotesk; src: url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-BlackItalic-Web-vflCRgLG7.woff2) format("woff2"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-BlackItalic-Web-vflLHCpzg.woff) format("woff"), url(/static/fonts/paper-atlasgrotesk/AtlasGrotesk-BlackItalic-Web-vflazUzhM.ttf) format("truetype"); font-weight: 900; font-style: italic; } body { color: rgb(61, 70, 77); font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 13px; font-weight: normal; } input { color: rgb(61, 70, 77); font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 13px; font-weight: normal; } textarea { color: rgb(61, 70, 77); font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 13px; font-weight: normal; } select { color: rgb(61, 70, 77); font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 13px; font-weight: normal; } button { color: rgb(61, 70, 77); font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 13px; font-weight: normal; } .normal { color: rgb(61, 70, 77); font-family: "Open Sans","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; font-size: 13px; font-weight: normal; } .maestro body { font-family: AtlasGrotesk,sans-serif; } .maestro input { font-family: AtlasGrotesk,sans-serif; } .maestro textarea { font-family: AtlasGrotesk,sans-serif; } .maestro select { font-family: AtlasGrotesk,sans-serif; } .maestro button { font-family: AtlasGrotesk,sans-serif; } .maestro .normal { font-family: AtlasGrotesk,sans-serif; } body { margin: 0px; padding: 0px; min-height: 100%; background-color: rgb(255, 255, 255); } a { cursor: pointer; } a * { cursor: pointer; } a { color: rgb(40, 149, 241); text-decoration: none; } a:focus { text-decoration: underline; } a img { border: 0px currentColor; border-image: none; } p { margin: 0px 0px 1em; line-height: 1.6em; } h1 { margin: 0px 0px 1em; line-height: 1.6em; } h2 { margin: 0px 0px 1em; line-height: 1.6em; } h3 { margin: 0px 0px 1em; line-height: 1.6em; } h4 { margin: 0px 0px 1em; line-height: 1.6em; } h5 { margin: 0px 0px 1em; line-height: 1.6em; } h1 { margin: 10px 0px; font-size: 18pt; font-weight: normal; } h2 { padding-top: 3px; padding-bottom: 10px; font-size: 10pt; margin-bottom: 4px; } h3 { margin: 0px; padding: 0px; font-size: 10pt; } h4 { margin: 0px 0px 0.5em; font-size: 14px; font-weight: bold; } h5 { margin: 0px 0px 0.5em; font-size: 12px; font-weight: bold; } input[type=password] { font-family: arial, sans-serif; } button { outline: 0px; border: 0px solid currentColor; border-image: none; width: auto; overflow: visible; } form { margin: 0px; padding: 0px; } label { cursor: default; } noscript { font-size: 13px; font-weight: normal; } .carousel * { font-family: "Atlas Grotesk Web","lucida grande","Segoe UI",arial,verdana,"lucida sans unicode",tahoma,sans-serif; } .carousel a { color: rgb(11, 172, 255); } .clearfix::before { display: table; content: " "; } .clearfix::after { display: table; content: " "; } .clearfix::after { clear: both; } .link-img { margin: -2px 0px 0px; padding-right: 4px; vertical-align: middle; background-repeat: no-repeat; background-color: rgb(255, 255, 255); } #maestro-nav { line-height: normal; } #maestro-nav h2 { padding-top: 0px; padding-bottom: 0px; } .page-header-text { color: rgb(27, 39, 51); } .fixed-layer-container { left: 0px; top: 0px; width: 0px; height: 100vh; display: flex; position: fixed; z-index: 6; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } #maestro-nav { flex:1 1 100%; display: flex; flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-box-flex: 1; } .maestro_nav__toggle { display: none; } .maestro_nav__curtain { display: none; } .user-education { flex:0 0 auto; width: 100vw; -webkit-box-flex: 0; } .maestro-chrome { display: flex; min-width: 784px; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .maestro #page-content { display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .maestro .page-header { background: rgb(255, 255, 255); padding: 40px 0px 0px 40px; left: 240px; width: calc(100% - (200px + 2 * 40px)); height: 56px; display: flex; white-space: nowrap; position: fixed; z-index: 5; min-width: 744px; justify-content: space-between; -webkit-box-pack: justify; } .maestro .page-header__shadow { flex:0 0 96px; -webkit-box-flex: 0; } .maestro .page-header__heading { margin: 0px; padding: 0px; line-height: 32px; font-size: 20px; } .maestro .page-header__title { position: absolute; z-index: 8; } .maestro #page-footer { padding: 3px 0px 8px 15px; left: calc(100% - 240px); margin-left: 0px; position: fixed; z-index: 4; } .maestro .top-menu-container { flex-grow: 1; -webkit-box-flex: 1; } .maestro .maestro-app { display: flex; } .maestro .maestro-app-content { flex:1 1 0px; margin-left: 40px; position: relative; z-index: 1; min-width: 420px; -webkit-box-flex: 1; } .maestro :only-child.maestro-app-content { margin-right: 40px; } .maestro .maestro-secondary-sidebar { background: none; padding: 0px 40px; width: 200px; height: 100%; position: fixed; z-index: 2; } .maestro .maestro-secondary-sidebar__shadow { flex:0 0 240px; margin-right: 40px; -webkit-box-flex: 0; } .maestro #maestro-prompt { display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .maestro .top-notification-bar-silo { flex:0 0 48px; order: -1; -webkit-box-flex: 0; -webkit-box-ordinal-group: 0; } .maestro .top-notification-bar-silo::before { background: rgb(255, 255, 255); left: 0px; width: 100%; height: 48px; position: fixed; z-index: 2; content: ""; } .maestro #top-notification-bar-container { top: auto; height: 40px; margin-top: 8px; position: fixed; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; } .maestro .reseller_support_session_bar { top: auto; height: 40px; margin-top: 8px; position: fixed; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; } .maestro .team_de_assume_user_top_bar { top: auto; height: 40px; margin-top: 8px; position: fixed; z-index: 9; box-sizing: border-box; -webkit-box-sizing: border-box; } .maestro #prompt-silo .ha { right: 40px; bottom: 60px; position: fixed; z-index: 3; } .maestro #ha-container .ha { right: 40px; bottom: 60px; position: fixed; z-index: 3; } .maestro #full_admin_page .ha { right: 40px; bottom: 60px; position: fixed; z-index: 3; } .maestro .account-header-silo { margin: 0px; } .maestro .account-header-react-silo { margin: 0px; } .maestro .maestro-tab-nav { flex-basis: 100%; } .maestro .maestro-tab-nav .c-tabs__bar { background: rgb(255, 255, 255); width: calc(100% - 560px); height: auto; line-height: 39px; margin-top: 0px; position: fixed; z-index: 5; min-width: 464px; box-sizing: border-box; -webkit-box-sizing: border-box; } .maestro .maestro-tab-nav .c-tabs__bar-shadow { height: 40px; } .maestro .maestro-tab-nav .c-tabs__bar-shadow::before { background: rgb(255, 255, 255); width: calc(100% - 560px); height: 40px; position: fixed; z-index: 5; content: ""; } .maestro .maestro-tab-nav .c-tabs__tab { letter-spacing: 0.03em; } .maestro .maestro-tab-nav .c-tabs__tab--selected { letter-spacing: 0px; } .maestro .maestro-tab-nav .c-tabs__tab + .c-tabs__tab { margin-left: 24px; } .maestro .maestro-tab-nav .c-tabs__tab .c-tabs__label { padding-bottom: 0px; } .no-scroll.maestro { position: static; -ms-overflow-y: hidden; } .ajax-loading-indicator { display: none; } .db-modal .sick-input input { background: rgb(255, 255, 255); border-color: rgb(229, 229, 229); } .db-modal .sick-input textarea { background: rgb(255, 255, 255); border-color: rgb(229, 229, 229); } #modal .sick-input input { background: rgb(255, 255, 255); border-color: rgb(229, 229, 229); } #modal .sick-input textarea { background: rgb(255, 255, 255); border-color: rgb(229, 229, 229); } .ajax-loading.db-modal-wrapper .ajax-loading-indicator { display: inline; } .ajax-loading.db-modal-wrapper .confirm-button { opacity: 0.5; } .ajax-loading.db-modal-wrapper .share-invite-button { opacity: 0.5; } .db-modal-wrapper--preloaded .db-modal { margin: 0px auto; left: 0px; top: 90px; right: 0px; position: fixed; } .db-modal { border-radius: 6px; border: 0px currentColor; border-image: none; width: 640px; position: absolute; z-index: 1000; } .db-modal .db-modal-title { background: none; margin: 0px; padding: 20px 32px; text-align: left; line-height: normal; font-size: 18px; font-weight: normal; min-height: 24px; box-sizing: content-box; -webkit-box-sizing: content-box; } .db-modal .maestro.db-modal-title { font-size: 20px; } .db-modal .db-modal-title .db-modal-h-img { padding-right: 6px; vertical-align: middle; display: none; } .db-modal .db-modal-title .db-modal-title-text { display: inline; } .db-modal .db-modal-content { background: rgb(246, 249, 252); padding: 32px; line-height: 1.8em; overflow: auto; font-size: 13px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; max-height: 60vh; box-sizing: content-box; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-box-sizing: content-box; } .db-modal .db-modal-content--notitle.db-modal-content { border-top-left-radius: 5px; border-top-right-radius: 5px; } .db-modal .db-modal-content .dynamic-content { margin: 0px; padding: 0px; } .db-modal .db-modal-content .dynamic-content .loading-spinner { margin: 3em 0px; text-align: center; } .db-modal .db-modal-content .db-modal-prompt-text { margin-bottom: 20px; } .db-modal .db-modal-content .db-modal-info-text { color: rgb(92, 92, 92); } .db-modal .db-modal-content .simple-modal-word-wrap-content { -ms-word-wrap: break-word; } .db-modal .db-modal-message.bottom-row { position: relative; } .db-modal .db-modal-message.bottom-row .db-modal-lower-left-message { width: 280px; bottom: 0px; float: left; position: absolute; } .db-modal .db-modal-buttons { text-align: right; margin-top: 20px; } .db-modal .db-modal-buttons hr { border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(225, 225, 225) rgb(225, 225, 225) currentColor; border-image: none; } .db-modal .db-modal-buttons .dbmodal-loading { margin-left: 12px; vertical-align: middle; } .db-modal .db-modal-buttons .dbmodal-button { margin-left: 12px; } .db-modal .confirm-button { margin-left: 12px; } .db-modal .cancel-button { margin-left: 12px; } .db-modal .cancel-link.cancel-button { margin: 10px auto 0px; display: block; } .db-modal--default-maestro-style .db-modal { width: 600px; } .db-modal--default-maestro-style .db-modal .db-modal-title { background: rgb(255, 255, 255); padding: 24px; } .db-modal--default-maestro-style .db-modal .db-modal-content { padding: 0px; border-top-color: currentColor; border-top-width: medium; border-top-style: none; } .db-modal--default-maestro-style .db-modal .db-modal-content .db-modal-message { background: rgb(255, 255, 255); margin: 0px; padding: 8px 24px 32px; } .db-modal--default-maestro-style .db-modal .db-modal-content .simple-modal-content { background: rgb(255, 255, 255); margin: 0px; padding: 8px 24px 32px; } .db-modal--default-maestro-style .db-modal .db-modal-buttons { padding: 16px; margin-top: 0px; border-top-color: rgb(225, 225, 225); border-top-width: 1px; border-top-style: solid; background-color: rgb(247, 249, 250); } .db-modal--default-maestro-style .db-modal .db-modal-buttons .dbmodal-button { margin-top: 0px; margin-bottom: 0px; min-width: 128px; } .db-modal--default-maestro-style .db-modal .db-modal-buttons .button-tertiary { font-weight: 400; } .db-modal--clean-style .db-modal { background-color: rgb(255, 255, 255); } .db-modal--clean-style .db-modal .db-modal-content { border-radius: 5px; text-align: center; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; background-color: transparent; } .db-modal--clean-style .db-modal .db-modal-title { display: none; } .db-modal--clean-style .db-modal .db-modal-buttons { margin: 20px 0px 0px; padding: 0px 0px 40px; text-align: center; } .db-modal--clean-style .db-modal .db-modal-buttons .button-primary { line-height: 36px; display: inline-block; min-width: 210px; } .db-modal--clean-style .db-modal .db-modal-buttons .button-primary { margin-top: 0px; } .db-modal--clean-style .db-modal .db-modal-buttons .button-secondary { margin-top: 0px; } .db-modal--clean-style .db-modal .db-modal-buttons .button-tertiary { margin-top: 0px; } .db-modal--clean-style .db-modal .db-modal__header { margin: 10px 0px 4px; font-size: 24px; } .db-modal--clean-style .db-modal .db-modal__body { margin: 0px auto; width: 400px; color: rgb(123, 137, 148); font-size: 14px; } .db-modal--clean-style .db-modal .db-modal__alt-action { padding: 0px 20px 20px; width: auto; text-align: center; display: block; } .db-modal--lightbox-style .db-modal { border-radius: 0px; border: currentColor; border-image: none; background-color: transparent; } .db-modal--lightbox-style .db-modal-box { border-radius: 0px; border: currentColor; border-image: none; background-color: transparent; } .db-modal--bare-style .db-modal { border-radius: 0px; border: currentColor; border-image: none; background-color: transparent; } .db-modal--bare-style .db-modal-box { border-radius: 0px; border: currentColor; border-image: none; background-color: transparent; } .db-modal--bare-style .db-modal { box-shadow: none; -webkit-box-shadow: none; } .db-modal--simple-style .db-modal-overlay { display: none; } .db-modal--simple-style .db-modal { margin: 0px; left: 0px; top: 0px; width: 100%; height: 100%; display: table; position: fixed; } .db-modal--simple-style .db-modal .db-modal-box { border: 0px currentColor; border-image: none; vertical-align: middle; display: table-cell; } .db-modal--simple-style .db-modal .db-modal-box .db-modal-x { display: none; } .db-modal--simple-style .db-modal .db-modal-box .db-modal-title { padding: 10px 32px; } .db-modal--simple-style .db-modal .db-modal-box .db-modal-content { background: rgb(255, 255, 255); padding: 0px 32px; border: 0px currentColor; border-image: none; } .db-modal--simple-style .db-modal .db-modal-box .db-modal-buttons { text-align: left; } .db-modal--simple-style .db-modal .db-modal-box .db-modal-buttons .dbmodal-button { margin-right: 10px; margin-left: 0px; } .db-modal--normal-size-buttons .db-modal .db-modal-box { padding: 40px; } .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons { padding: 0px; margin-top: 40px; } .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons .button-primary { margin: 0px auto; line-height: normal; min-width: 0px; } .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons .button-secondary { margin: 0px auto; line-height: normal; min-width: 0px; } .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal-buttons .button-tertiary { margin: 0px auto; line-height: normal; min-width: 0px; } .db-modal--normal-size-buttons .db-modal .db-modal-box .db-modal__alt-action { padding: 0px; margin-top: 10px; } .carousel-app .db-modal { width: 460px; } .carousel-app .db-modal .db-modal-content { background: rgb(255, 255, 255); padding: 0px; } .carousel-app .db-modal .db-modal-content .simple-modal-content { padding: 20px 24px; } .carousel-app .db-modal .db-modal-title { padding: 20px 25px 16px; } .carousel-app .db-modal .db-modal-buttons { padding: 20px 24px; margin-top: 0px; } .carousel-app .db-modal .db-modal-buttons .dbmodal-button { margin: 0px 0px 0px 12px; } .carousel-app .db-modal--clean-style .db-modal .db-modal-buttons .dbmodal-button { margin: 0px; } #modal { margin: 0px 0px 0px -250px; border-radius: 6px; border: 0px currentColor; border-image: none; left: 50%; width: 500px; position: absolute; z-index: 1000; background-color: rgb(255, 255, 255); } #modal-box { border-radius: 5px; border: 1px solid rgb(122, 133, 141); border-image: none; height: 100%; background-color: rgb(255, 255, 255); } #modal-box h2 { background: none; margin: 0px; padding: 20px 32px; font-size: 18px; font-weight: normal; } #modal-box h2.maestro { font-size: 20px; } #modal-box h2 span.step-number { color: rgb(136, 136, 136); font-weight: normal; } #modal-box h2#modal-title { -ms-word-wrap: break-word; } #modal-box h2#modal-title .sprite { display: none; } #modal-box .ajax-loading .ajax-loading-indicator { margin: 4px; display: inline; } div#modal-content { background: rgb(246, 249, 252); padding: 32px; line-height: 1.8em; font-size: 13px; border-top-color: rgb(229, 229, 229); border-top-width: 1px; border-top-style: solid; -ms-word-wrap: break-word; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; } div#modal-content h5 { line-height: 1.8em; font-size: 13px; } div#modal-content p { line-height: 1.8em; font-size: 13px; } div#modal-content h5 { font-weight: 600; } div#modal-content .wide { margin-right: -10px; margin-left: -10px; } div.modal-buttons { text-align: right; margin-top: 20px; } div.modal-buttons .freshbutton { margin-left: 10px; } div.modal-buttons .freshbutton-blue { margin-left: 10px; } html.boxshadow #modal { box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } #modal-behind { margin: 0px 0px 0px -260px; border: 0px currentColor; border-image: none; left: 50%; width: 520px; position: absolute; z-index: 999; background-color: rgb(0, 0, 0); } html.boxshadow #modal-behind { background-color: transparent; } #modal-content ol { margin: 0px; padding: 0px; } #modal-content ol li { margin: 0px 0px 1.5em 20px; padding: 0px; } .modal-tabs { background: rgb(244, 250, 255); list-style: none; margin: 5px 0px 1.5em; padding: 5px 8px; border-top-color: rgb(168, 206, 237); border-bottom-color: rgb(168, 206, 237); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; } .modal-tabs li { margin: 0px 10px 0px 0px; float: left; } .modal-tabs li a { padding: 3px 5px 4px; border-radius: 4px; border: 1px solid transparent; border-image: none; display: block; } .modal-tabs li a:hover { border-color: rgb(223, 237, 255); color: rgb(40, 149, 241); text-decoration: none; background-color: rgb(223, 237, 255); } .modal-tabs li a.selected { background: rgb(53, 140, 212); border-color: rgb(53, 140, 212); color: rgb(255, 255, 255); text-decoration: none; } .modal-multi-select { border: 1px solid rgb(120, 176, 222); border-image: none; height: 200px; overflow: auto; position: relative; } #modal-progress-overlay { left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; color: rgb(97, 97, 97); position: absolute; z-index: 95; background-color: rgb(255, 255, 255); } #modal-progress-content { background: rgb(255, 255, 255); margin: -42px 0px 0px -102px; padding: 18px 25px 14px; border: 1px solid rgb(119, 170, 221); border-image: none; left: 50%; top: 275px; text-align: center; position: fixed; z-index: 96; } #modal-progress-text { margin-top: 5px; } .modal-h-img { padding-right: 6px; margin-bottom: -8px; } #modal #upload-quota-warning-bar-padding { height: 41px; } #modal #upload-quota-warning-bar { left: 1px; height: 37px; text-align: center; right: 1px; bottom: 1px; padding-top: 14px; font-size: 13px; position: absolute; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } #modal .lightyellow#upload-quota-warning-bar { background: rgb(255, 253, 236); border-color: rgb(216, 184, 119); border-top-width: 1px; border-top-style: solid; } #modal .lightred#upload-quota-warning-bar { border-top-color: rgb(242, 118, 139); border-top-width: 1px; border-top-style: solid; background-color: rgb(251, 214, 220); } #modal #upload-quota-warning-bar { z-index: 1002; } #modal #invitations-quota-warning-bar-padding { height: 50px; } #modal #invitations-quota-warning-bar { left: 1px; height: 42px; text-align: center; right: 1px; bottom: 1px; padding-top: 18px; font-size: 14px; position: absolute; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } #modal .lightyellow#invitations-quota-warning-bar { background: rgb(255, 253, 236); border-color: rgb(216, 184, 119); border-top-width: 1px; border-top-style: solid; } #modal .lightred#invitations-quota-warning-bar { border-top-color: rgb(242, 118, 139); border-top-width: 1px; border-top-style: solid; background-color: rgb(251, 214, 220); } #modal-overlay { left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 999; } .db-modal-overlay { left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 999; } .db-modal-wrapper { left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 999; } #modal-overlay { background-color: rgba(37, 40, 43, 0.6); } .db-modal-overlay { background-color: rgba(37, 40, 43, 0.6); } .db-modal .db-modal-x { background-position: center; top: 20px; width: 24px; height: 24px; right: 26px; position: absolute; cursor: pointer; background-image: url("/static/images/streams/dismiss-cross-vflIlGysZ.svg"); background-repeat: no-repeat; background-size: 11px; background-color: transparent; } .db-modal .db-modal-x:focus { border-radius: 5px; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .db-modal-wrapper { overflow: auto; display: flex; justify-content: center; align-items: flex-start; -webkit-box-pack: center; -webkit-box-align: start; } .db-modal { border-radius: 4px; border: 0px currentColor; border-image: none; width: 640px; margin-top: 10vh; display: flex; position: relative; z-index: 1000; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); flex-direction: column; background-color: rgb(255, 255, 255); -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .db-modal .db-modal-box { display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .db-modal .db-modal-title { margin: 0px; padding: 20px 50px 20px 32px; line-height: normal; border-top-left-radius: 4px; border-top-right-radius: 4px; flex-shrink: 0; background-color: rgb(255, 255, 255); } .db-modal .db-modal-title .db-modal-h-img { padding-right: 6px; vertical-align: middle; display: none; } .db-modal .db-modal-title .db-modal-title-text { display: inline; -ms-word-wrap: break-word; overflow-wrap: break-word; } .db-modal .db-modal-content { background: rgb(246, 249, 252); padding: 32px; border-top-color: rgb(208, 212, 217); border-top-width: 1px; border-top-style: solid; box-sizing: content-box; -webkit-box-flex: 1; -webkit-box-sizing: content-box; } .db-modal .db-modal-buttons { text-align: right; } .db-modal .db-modal-buttons .dbmodal-loading { margin-left: 12px; vertical-align: middle; } .db-modal .db-modal-buttons .dbmodal-button + .dbmodal-button { margin-left: 12px; } .db-modal .confirm-button { margin-left: 12px; } .db-modal .cancel-button { margin-left: 12px; } .db-modal .cancel-link.cancel-button { margin: 10px auto 0px; display: block; } .db-modal__banner { padding: 23px; text-align: center; color: rgb(71, 82, 93); border-top-color: rgba(0, 0, 0, 0.1); border-top-width: 1px; border-top-style: solid; background-color: rgb(246, 249, 252); } .db-modal__banner--warning { color: rgb(153, 110, 0); background-color: rgb(255, 245, 204); } .db-modal__banner :last-child { margin-bottom: 0px; } .maestro .db-modal--clean-style .db-modal .db-modal-buttons .button-primary { line-height: 1; } .maestro .db-modal--clean-style .db-modal .db-modal-buttons .button-secondary { line-height: 1; } .maestro .db-modal--clean-style .db-modal .db-modal-buttons .button-tertiary { line-height: 1; } .oq-delete-file-modal-upsell__additional-text::before { content: " "; } .oq-delete-file-modal-upsell__buttons { display: flex; flex-direction: row; justify-content: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: end; } .subgrowth_biz_team_exit_modal--V2 .db-modal-content-text { margin: auto; text-align: center; max-width: 310px; } .subgrowth_biz_team_exit_modal--V2 .db-modal-title { text-align: center; padding-left: 50px; } .subgrowth_biz_team_exit_modal--V2 .db-modal-buttons { text-align: center; } #notify-wrapper { left: 0px; top: 0px; width: 100%; height: 0px; text-align: center; position: fixed; z-index: 1001; } #notify-wrapper .left-align { text-align: left; } #notify { margin: 9px; padding: 8px 18px; border-radius: 3px; font-size: 12px; display: inline-block; } .notify { margin: 9px; padding: 8px 18px; border-radius: 3px; font-size: 12px; display: inline-block; } .notify-msg .button-as-link { font-size: 12px; } .server-error { border: 1px solid rgb(226, 168, 168); border-image: none; color: rgb(212, 109, 109); background-color: rgb(254, 241, 241); } .server-warning { border: 1px solid rgb(244, 205, 51); border-image: none; color: rgb(195, 157, 2); background-color: rgb(255, 250, 228); } .server-success { border: 1px solid rgb(48, 182, 97); border-image: none; color: rgb(27, 168, 78); background-color: rgb(232, 247, 237); } .server-info { border: 1px solid rgb(189, 196, 201); border-image: none; color: rgb(170, 170, 170); background-color: rgb(255, 255, 255); } .maestro .with-top-notification#notify-wrapper { top: 48px; } html.maestro { box-sizing: border-box; -webkit-box-sizing: border-box; } .maestro body { margin: 0px; } .maestro body { font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .maestro input { font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .maestro textarea { font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .maestro select { font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .maestro button { font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .maestro .normal { font-size: 14px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .maestro .button-secondary { height: 32px; min-height: 32px; } .maestro .c-btn--secondary.c-btn { height: 32px; min-height: 32px; } .maestro .button-secondary:hover { background: rgb(255, 255, 255); } .maestro .c-btn--secondary.c-btn:hover { background: rgb(255, 255, 255); } .maestro :not(:disabled).button-secondary:hover { background: rgb(255, 255, 255); border-color: rgb(0, 112, 224); color: rgb(0, 112, 224); } .maestro :not(:disabled).c-btn--secondary.c-btn:hover { background: rgb(255, 255, 255); border-color: rgb(0, 112, 224); color: rgb(0, 112, 224); } .thumbnail-image { transition:opacity 0.5s; opacity: 0; -webkit-transition: opacity .5s ease 0s; } .thumbnail-image--loaded { opacity: 1; } .sl-page-header { top: 0px; width: 100%; height: 49px; position: fixed; z-index: 20; } .top-notification-bar-container + .preview-box .sl-page-header { top: 52px; } .sl-page-body { margin: 49px auto 40px; padding: 32px 10px; width: 952px; } .top-notification-bar-container + .preview-box .sl-page-body { margin-top: 101px; } .sl-title { font-size: 18px; font-weight: normal; display: inline; } .sl-title-owner { margin: 0px 0px 0px 10px; color: rgb(123, 137, 148); font-size: 13px; } .sl-body { position: relative; } .sl-body--empty-folder.sl-body { text-align: center; } .sl-list-container { margin: 13px 0px; padding: 16px; border-radius: 2px; border: 1px solid rgb(204, 219, 235); border-image: none; background-color: white; } .maestro .sl-list-container { padding: 0px; border: 0px currentColor; border-image: none; } .sl-list-header { margin: 4px 0px 10px; } .maestro .sl-list-header { margin: 0px; line-height: 39px; font-size: 12px; border-bottom-color: rgba(37, 40, 43, 0.1); border-bottom-width: 1px; border-bottom-style: solid; } .sl-list-column { float: left; display: block; } .sl-list-header .sl-list-column { color: rgb(99, 114, 130); } .sl-list-body .sl-list-column { color: rgb(85, 85, 85); } .maestro .sl-list-body .sl-list-column { color: rgb(83, 97, 112); } .sl-list-column--filename.sl-list-column { width: 558px; } .maestro .sl-list-column--filename.sl-list-column { width: 744px; } .sl-list-column--filesize.sl-list-column { width: 186px; } .sl-list-column--modified.sl-list-column { float: left; } .sl-list-row { border-width: 1px 0px 0px; margin: 0px; text-align: left; } .sl-list-body .sl-list-row { padding: 7px 0px; line-height: 32px; } .maestro .sl-list-body .sl-list-row { line-height: 49px; } .sl-list-body :last-of-type.sl-list-row { padding-bottom: 0px; } .sl-list-column--filename.sl-list-column .icon { width: 32px; height: 32px; margin-right: 8px; } .sl-view-toggle-option { padding: 7px 9px; border: 1px solid rgb(121, 188, 234); border-image: none; width: 14px; height: 14px; text-decoration: none; display: inline-block; -ms-zoom: 1; box-shadow: 0px 1px 1px #ccc, -1px 1px 1px white; background-color: rgb(243, 250, 254); -webkit-box-shadow: 0px 1px 1px #ccc, -1px 1px 1px white; } :first-of-type.sl-view-toggle-option { border-top-left-radius: 2px; border-bottom-left-radius: 2px; } :last-of-type.sl-view-toggle-option { border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .selected.sl-view-toggle-option { box-shadow: inset 1px 1px 3px #c4d0d9; background-color: rgb(217, 231, 240); -webkit-box-shadow: inset 1px 1px 3px #c4d0d9; } .maestro .sl-view-toggle-option { padding: 3px; border: 0px currentColor; border-image: none; top: 0px; width: 24px; height: 24px; right: 0px; position: absolute; box-shadow: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: none; } .maestro :first-of-type.sl-view-toggle-option { padding: 3px; border: 0px currentColor; border-image: none; top: 0px; width: 24px; height: 24px; right: 0px; position: absolute; box-shadow: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: none; } .maestro :last-of-type.sl-view-toggle-option { padding: 3px; border: 0px currentColor; border-image: none; top: 0px; width: 24px; height: 24px; right: 0px; position: absolute; box-shadow: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: none; } .maestro .selected.sl-view-toggle-option { padding: 3px; border: 0px currentColor; border-image: none; top: 0px; width: 24px; height: 24px; right: 0px; position: absolute; box-shadow: none; background-color: rgb(255, 255, 255); -webkit-box-shadow: none; } .maestro .sl-file-link { color: rgb(27, 39, 51); } .maestro .sl-file-link:hover { color: rgb(0, 112, 224); } .sl-video-watermark { background-position: center; border-radius: 2px; left: 5px; width: 24px; height: 24px; bottom: 5px; display: none; position: absolute; background-image: url("/static/images/icons/video_indicator-vfl0ziME4.png"); background-repeat: no-repeat; background-size: 12px 7px; background-color: rgba(0, 0, 0, 0.6); } @media not all, not all, not all { .sl-video-watermark { background-image: url("/static/images/icons/video_indicator@2x-vfln1jLoy.png"); } } :not(.thumbnail-image--failed).thumbnail-image--loaded + .sl-video-watermark { display: block; } .sl-grid { margin-top: 13px; } .sl-grid-header { margin: 0px; color: rgb(99, 114, 130); line-height: 39px; font-size: 12px; border-bottom-color: rgba(37, 40, 43, 0.1); border-bottom-width: 1px; border-bottom-style: solid; } .sl-grid-header-column { float: left; display: block; } .sl-grid-header-column--sort.sl-grid-header-column { width: 920px; } .sl-grid-body { margin: 0px; padding: 0px; } .sl-grid-cell { margin: 8px; width: 158px; float: left; display: block; } .sl-grid-thumbnail-container { margin: 16px 0px; width: 158px; height: 158px; position: relative; } .sl-grid-thumbnail { left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .thumbnail-image--loaded.sl-grid-thumbnail { width: 158px; height: 158px; } .sl-grid-filename { width: 100%; text-align: center; color: rgb(27, 39, 51); font-size: 12px; -ms-word-wrap: break-word; min-height: 3em; } .sl-grid-cell:hover .sl-grid-filename { color: rgb(0, 112, 224); } .sl-empty-folder-icon { margin: 80px auto 20px; } .sl-empty-folder-message { color: rgb(119, 119, 119); font-size: 24px; font-weight: normal; } .sl-takedown-warning { text-align: center; margin-bottom: 1.6em; } .sl-loading-indicator { text-align: center; } .sl-takedown-warning .notify { display: block; } .preview-archive { width: 100%; height: 100%; position: absolute; min-width: 400px; } .preview-archive * { box-sizing: border-box; -webkit-box-sizing: border-box; } .preview-archive__content { height: 100%; padding-right: 16px; padding-bottom: 16px; position: relative; min-height: 400px; background-color: rgb(255, 255, 255); } .preview-archive__breadcrumbs { padding-top: 20px; padding-left: 24px; font-size: 14px; z-index: 1; background-color: rgb(255, 255, 255); } .preview-archive__breadcrumbs h1 { margin: 0px; line-height: 1.2em; font-size: 14px; font-weight: normal; } .preview-archive__table { height: 100%; padding-top: 8px; padding-left: 24px; } .preview-archive__table .mc-table { height: 100%; -ms-overflow-y: auto; } .preview-archive__table .mc-table .mc-table-body :not(.mc-media-row-clickable).mc-media-row { color: rgb(123, 137, 148); } html { -ms-content-zooming: none; -ms-touch-action: none; } body { -ms-content-zooming: none; -ms-touch-action: none; } .zoomer .zoomer-holder { -ms-touch-action: none; } .zoomer { -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .zoomer * { -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .zoomer { background: no-repeat center rgb(238, 238, 238); transition:none; width: 100%; height: 100%; overflow: hidden; position: relative; -webkit-transition: none; } .zoomer .zoomer-positioner { margin: 0px; width: 1px; height: 1px; position: absolute; } .zoomer .zoomer-holder { transition:none; position: relative; opacity: 0; box-shadow: 0px 0px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); -webkit-transition: none; } .zoomer .zoomer-image { width: 100%; height: 100%; float: left; -webkit-transition: opacity 0.25 linear; } .zoomer .zoomer-tiles { width: 100%; height: 100%; position: relative; } .zoomer .zoomer-tile { width: auto; height: auto; position: absolute; } .zoomer .zoomer-controls { background: rgba(0, 0, 0, 0.8); padding: 5px; border-radius: 3px; position: absolute; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); -webkit-transition: opacity 0.25 linear; } .zoomer .zoomer-controls span { margin: 0px; border-radius: 3px; width: 30px; height: 30px; text-align: center; color: rgb(255, 255, 255); line-height: 30px; font-size: 20px; font-weight: bold; display: block; } .zoomer .zoomer-controls .zoomer-next { display: none; } .zoomer .zoomer-controls .zoomer-previous { display: none; } .zoomer-gallery.zoomer .zoomer-controls .zoomer-next { display: block; } .zoomer-gallery.zoomer .zoomer-controls .zoomer-previous { display: block; } .zoomer .zoomer-controls-top { margin: 0px 0px 0px -35px; left: 50%; } .zoomer .zoomer-controls-bottom { margin: 0px 0px 0px -35px; left: 50%; } .zoomer .zoomer-controls-top { top: 10px; bottom: auto; } .zoomer .zoomer-controls-bottom { top: auto; bottom: 10px; } .zoomer-gallery.zoomer .zoomer-controls-top { margin: 0px 0px 0px -65px; } .zoomer-gallery.zoomer .zoomer-controls-bottom { margin: 0px 0px 0px -65px; } .zoomer .zoomer-controls-top span { float: left; } .zoomer .zoomer-controls-bottom span { float: left; } .zoomer .zoomer-controls-top span:first-child { margin: 0px 1px 0px 0px; } .zoomer .zoomer-controls-bottom span:first-child { margin: 0px 1px 0px 0px; } .zoomer .zoomer-controls-left { width: 40px; height: 71px; } .zoomer .zoomer-controls-top-left { width: 40px; height: 71px; } .zoomer .zoomer-controls-bottom-left .zoomer .zoomer-controls-right { width: 40px; height: 71px; } .zoomer .zoomer-controls-top-right { width: 40px; height: 71px; } .zoomer .zoomer-controls-bottom-right { width: 40px; height: 71px; } .zoomer-gallery.zoomer .zoomer-controls-left { height: 131px; } .zoomer-gallery.zoomer .zoomer-controls-top-left { height: 131px; } .zoomer-gallery.zoomer .zoomer-controls-bottom-left .zoomer-gallery.zoomer .zoomer-controls-right { height: 131px; } .zoomer-gallery.zoomer .zoomer-controls-top-right { height: 131px; } .zoomer-gallery.zoomer .zoomer-controls-bottom-right { height: 131px; } .zoomer .zoomer-controls-left { margin: -35px 0px 0px; top: 50%; } .zoomer .zoomer-controls-right { margin: -35px 0px 0px; top: 50%; } .zoomer-gallery.zoomer .zoomer-controls-left { margin: -65px 0px 0px; } .zoomer-gallery.zoomer .zoomer-controls-right { margin: -65px 0px 0px; } .zoomer .zoomer-controls-left { left: 10px; } .zoomer .zoomer-controls-top-left { left: 10px; top: 10px; } .zoomer .zoomer-controls-bottom-left { left: 10px; bottom: 10px; } .zoomer .zoomer-controls-right { right: 10px; } .zoomer .zoomer-controls-top-right { top: 10px; right: 10px; } .zoomer .zoomer-controls-bottom-right { right: 10px; bottom: 10px; } @media screen and (min-width:980px) { .zoomer .zoomer-controls span:hover { background: rgb(0, 0, 0); } } .preview-toolbar-container { left: 50%; height: 52px; bottom: 16px; display: block; position: absolute; } .preview-toolbar-container--elevated { bottom: 32px; } .responsive-enabled .preview-toolbar-container { left: 85%; bottom: 32px; } @media only screen and (min-width:736px) { .responsive-enabled .preview-toolbar-container { left: 50%; bottom: 16px; } } .responsive-enabled .preview-toolbar-container--elevated { bottom: 32px; } .preview-toolbar-container .preview-toolbar-overlay-container { transition:opacity 0.4s; position: relative; opacity: 1; -webkit-transition: opacity .4s ease 0s; } .preview-toolbar-container .hide.preview-toolbar-overlay-container { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; height: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); opacity: 0; } .preview-toolbar-container .fadeout.preview-toolbar-overlay-container { opacity: 0; } .preview-toolbar-container .fadein-start.preview-toolbar-overlay-container { opacity: 0; } .preview-toolbar-container .disabled { opacity: 0.4; } .preview-toolbar-container .preview-toolbar-overlay { padding: 12px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.25); border-image: none; left: -50%; height: 26px; color: white; display: flex; position: relative; z-index: 1000; align-items: center; background-color: rgb(61, 70, 77); -webkit-box-align: center; } .responsive-enabled .preview-toolbar-container .preview-toolbar-overlay { padding: 6px 12px; font-size: 12px; } @media only screen and (min-width:736px) { .responsive-enabled .preview-toolbar-container .preview-toolbar-overlay { padding: 12px; font-size: inherit; } } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content { display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div { flex:1 0 auto; margin-right: 16px; margin-left: 16px; vertical-align: middle; white-space: nowrap; cursor: pointer; -ms-user-select: none; -webkit-box-flex: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div > img { vertical-align: middle; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div.zoom-label { width: 36px; text-align: center; margin-right: 0px; margin-left: 0px; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content div:first-of-type { margin-left: 0px; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content div:last-of-type { margin-right: 0px; } .preview-toolbar-container .toolbar-button-entry { position: relative; } .preview-toolbar-container .toolbar-button-entry:hover .toolbar-tooltip { left: 0px; top: 0px; visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .preview-toolbar-container .toolbar-button-entry:hover .toolbar-tooltip-container { visibility: visible; } .preview-toolbar-container .toolbar-button-entry:hover img { opacity: 1; } .preview-toolbar-container .toolbar-button-entry img { transition:opacity 0.2s; opacity: 0.8; -webkit-transition: .2s opacity ease 0s; } .preview-toolbar-container .toolbar-button-entry img.disabled { opacity: 0.4; } .preview-toolbar-container .disabled.toolbar-button-entry { opacity: 0.4; } .preview-toolbar-container .disabled.toolbar-button-entry img.disabled { opacity: 1; } .preview-toolbar-container .toolbar-button-entry button { background-color: transparent; } .preview-toolbar-container .toolbar-tooltip-container { left: 50%; bottom: 100%; position: absolute; } .preview-toolbar-container .toolbar-tooltip { transform-origin: center bottom; transition:transform 0.2s, opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s; visibility: hidden; opacity: 0; transform: scale(0.95); -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s; -webkit-transform: scale(0.95); -webkit-transform-origin: center bottom; } .preview-toolbar-container .toolbar-tooltip-body { background: rgb(61, 70, 77); padding: 10px; border-radius: 3px; border: 1px solid rgba(229, 229, 229, 0.25); border-image: none; left: -50%; bottom: 25px; white-space: nowrap; position: relative; } .preview-toolbar-container .toolbar-tooltip-pointer { left: -50%; width: 0px; height: 0px; bottom: 20px; border-top-color: rgb(61, 70, 77); border-right-color: transparent; border-left-color: transparent; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative; } .preview-toolbar-container .toolbar-tooltip-pointer-border { left: -50%; width: 0px; height: 0px; bottom: 19px; border-top-color: rgba(229, 229, 229, 0.5); border-right-color: transparent; border-left-color: transparent; border-top-width: 7px; border-right-width: 8px; border-left-width: 8px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content { display: flex; align-items: center; -webkit-box-align: center; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content img { vertical-align: middle; cursor: pointer; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .image-toolbar__item { margin-right: 15px; margin-left: 15px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content :first-child.image-toolbar__item { margin-left: 0px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content :last-child.image-toolbar__item { margin-right: 0px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons { display: flex; align-items: center; -webkit-box-align: center; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons > div { padding-right: 6px; padding-left: 6px; white-space: nowrap; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons .c-title-bubble { padding: 17px 3px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons .zoom-label { text-align: center; cursor: pointer; min-width: 34px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .item-w-label { cursor: pointer; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .item-w-label .item-w-label__label { margin-left: 10px; vertical-align: middle; } .preview-toolbar-container .region-creation-toolbar-content { width: 100%; display: flex; min-width: 350px; align-items: center; -webkit-box-align: center; } .preview-toolbar-container .region-creation-toolbar-content .region-creation-hint { flex:1 0 auto; text-align: center; -webkit-box-flex: 1; } .preview-toolbar-container .region-creation-toolbar-content .done-button { padding: 7px 15px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-left: 12px; cursor: pointer; } .html-preview .preview-toolbar-overlay-container { bottom: 60px; } #html-container .preview-toolbar-overlay-container { bottom: 60px; } html.no-cursor { cursor: none !important; } body.no-cursor { cursor: none !important; } html.no-cursor .preview-zoomer-container .zoomer-holder .zoomer-image { cursor: none !important; } html.no-cursor .zoomer-drag-disabled.preview-zoomer-container .zoomer-holder .zoomer-image { cursor: none !important; } body.no-cursor .preview-zoomer-container .zoomer-holder .zoomer-image { cursor: none !important; } body.no-cursor .zoomer-drag-disabled.preview-zoomer-container .zoomer-holder .zoomer-image { cursor: none !important; } html.no-cursor .preview-zoomer-container .zoomer-holder .zoomer-image:hover { cursor: none !important; } html.no-cursor .zoomer-drag-disabled.preview-zoomer-container .zoomer-holder .zoomer-image:hover { cursor: none !important; } body.no-cursor .preview-zoomer-container .zoomer-holder .zoomer-image:hover { cursor: none !important; } body.no-cursor .zoomer-drag-disabled.preview-zoomer-container .zoomer-holder .zoomer-image:hover { cursor: none !important; } .preview-zoomer-container { left: 0px; top: 0px; text-align: center; right: 0px; bottom: 0px; position: fixed; z-index: 501; background-color: rgb(37, 40, 43); } .preview-zoomer-container .video-player { left: 50%; top: 50%; width: 90%; height: 85%; position: fixed; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .preview-zoomer-container .preview-video-error { color: white; } .preview-zoomer-container .preview-toolbar-overlay-container .preview-toolbar-overlay { border: 0px currentColor; border-image: none; opacity: 0.8; background-color: rgb(37, 40, 43); } .preview-zoomer-container .preview-toolbar-overlay-container .preview-toolbar-overlay .preview-toolbar-content { display: flex; align-items: center; -webkit-box-align: center; } .preview-zoomer-container .preview-toolbar-overlay-container .preview-toolbar-overlay .preview-toolbar-content .react-file-viewer__controls { left: 0px; bottom: 0px; margin-left: -6px; position: relative; transform: none; -webkit-transform: none; } .preview-zoomer-container .preview-toolbar-overlay-container .preview-toolbar-overlay .preview-toolbar-content .c-title-bubble::before { bottom: 35px; border-top-color: rgb(37, 40, 43); } .preview-zoomer-container .preview-toolbar-overlay-container .preview-toolbar-overlay .preview-toolbar-content .c-title-bubble::after { bottom: 35px; font-size: 13px; background-color: rgb(37, 40, 43); } .preview-zoomer-container .hidden.preview-toolbar-overlay-container { opacity: 0; } .preview-zoomer-container .preview-zoomer-loading img { margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; } .preview-zoomer-container .preview-zoom { left: 50%; top: 50%; width: auto; position: absolute; max-height: calc(100% - 60px); max-width: calc(100% - 60px); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .preview-zoomer-container .preview-zoomer { width: 100%; height: 100%; } .preview-zoomer-container .preview-zoomer-style { background-color: rgb(37, 40, 43); } .preview-zoomer-container .preview-zoomer-style .zoomer-holder { transition:none; -ms-interpolation-mode: nearest-neighbor; -webkit-transition: none; image-rendering: pixelated; } .preview-zoomer-container .preview-zoomer-style .zoomer-holder .zoomer-image { -ms-interpolation-mode: nearest-neighbor; image-rendering: pixelated; } .preview-zoomer-container .preview-zoomer-style .zoomer-holder .zoomer-image:hover { cursor: move; } .preview-zoomer-container .preview-zoomer-style .zoomer-holder .zoomer-image:active { cursor: move; } .zoomer-drag-disabled.preview-zoomer-container .preview-zoomer-style .zoomer-holder .zoomer-image:hover { cursor: default; } .zoomer-drag-disabled.preview-zoomer-container .preview-zoomer-style .zoomer-holder .zoomer-image:active { cursor: default; } .preview-zoomer-container .preview-zoomer-close { border-radius: 50%; top: 9px; width: 31px; height: 31px; right: 11px; position: absolute; cursor: pointer; -ms-user-select: none; background-color: rgba(23, 23, 23, 0.2); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .preview-zoomer-container .preview-zoomer-close img { margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.8; } .preview-zoomer-container .preview-zoomer-close:hover { transition:background-color 0.3s; background-color: rgba(23, 23, 23, 0.4); -webkit-transition: background-color .3s ease 0s; } .preview-zoomer-container .preview-zoomer-close:hover img { transition:opacity 0.3s; opacity: 1; -webkit-transition: opacity .3s ease 0s; } .preview-zoomer-container .hidden.preview-zoomer-close { opacity: 0; } .preview-zoomer-container .preview-zoomer-controls { border-radius: 4px; left: 50%; width: 112px; height: 35px; text-align: center; bottom: 20px; margin-left: -56px; position: absolute; -ms-user-select: none; background-color: rgba(23, 23, 23, 0.8); -webkit-user-select: none; -moz-user-select: none; user-select: none; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-out { border-radius: 4px; top: 4px; width: 27px; height: 27px; text-align: center; position: absolute; cursor: pointer; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-in { border-radius: 4px; top: 4px; width: 27px; height: 27px; text-align: center; position: absolute; cursor: pointer; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-label { border-radius: 4px; top: 4px; width: 27px; height: 27px; text-align: center; position: absolute; cursor: pointer; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-out:hover { transition:background-color 0.3s; background-color: rgba(115, 115, 115, 0.4); -webkit-transition: background-color .3s ease 0s; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-in:hover { transition:background-color 0.3s; background-color: rgba(115, 115, 115, 0.4); -webkit-transition: background-color .3s ease 0s; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-label:hover { transition:background-color 0.3s; background-color: rgba(115, 115, 115, 0.4); -webkit-transition: background-color .3s ease 0s; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-out img { position: absolute; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-in img { position: absolute; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-label img { position: absolute; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-out { left: 4px; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-out img { left: 9px; top: 13px; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-in { right: 4px; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-in img { left: 9px; top: 9px; } .preview-zoomer-container .preview-zoomer-controls .preview-zoomer-label { margin: auto; left: 0px; width: 42px; right: 0px; color: rgb(255, 255, 255); line-height: 27px; } .flex-preview-container .preview-image-container { background: rgb(247, 249, 250); } @media only screen and (min-width:1024px) { .flex-preview-container .preview-image-container { background: rgb(255, 255, 255); } } .annotations-visible.preview-image-container { padding: 40px 36px; width: 100%; height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .annotations-visible.preview-image-container .preview-image-wrapper { width: 100%; height: 100%; position: relative; } .annotations-visible.preview-image-container .preview-image-wrapper .preview-image { border: 1px solid rgb(208, 212, 217); border-image: none; visibility: hidden; max-height: calc(100% - 6px); max-width: calc(100% - 6px); box-shadow: 0px 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .annotations-visible.preview-image-container .preview-image-wrapper .preview-image:hover { cursor: pointer; box-shadow: 0px 1px 3px rgba(0,0,0,0.45); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); } .annotations-visible.preview-image-container .preview-image-wrapper .preview-image:active { top: 1px; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4); } .zoom-disabled.annotations-visible.preview-image-container .preview-image-wrapper .preview-image:hover { cursor: default; } .has-annotations-toolbar.annotations-visible.preview-image-container { padding: 0px; -ms-user-select: text; -webkit-user-select: text; -moz-user-select: text; user-select: text; } .has-annotations-toolbar.annotations-visible.preview-image-container .preview-image-wrapper { overflow: auto; } .has-annotations-toolbar.annotations-visible.preview-image-container .db-annotation-container { background: rgba(255, 255, 255, 0); position: absolute; } .region-creation .has-annotations-toolbar.annotations-visible.preview-image-container .db-annotation-container { margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; } .image-visible.annotations-visible.preview-image-container .preview-image-wrapper .preview-image { visibility: visible; } .zoom-fit.annotations-visible.preview-image-container { padding: 40px 36px 108px; } .responsive-enabled .zoom-fit.annotations-visible.preview-image-container { padding: 10px 0px 40px; } @media only screen and (min-width:1024px) { .responsive-enabled .zoom-fit.annotations-visible.preview-image-container { padding: 40px 36px 108px; } } .region-creation .has-annotations-toolbar .db-annotation-container { cursor: crosshair; } .preview-pdf .pdfjs { left: 0px; width: 100%; position: absolute; } .preview-pdf .thumbnail { background: rgb(246, 249, 252); top: 0px; width: 100%; bottom: 0px; margin-top: 5px; position: absolute; z-index: 1; -ms-overflow-y: auto; } .maestro .preview-pdf .thumbnail { background: rgb(255, 255, 255); } .preview-pdf .thumbnail__image-wrapper { width: 100%; } .preview-pdf :last-of-type.thumbnail__image-wrapper { margin-bottom: 88px; } .preview-pdf .thumbnail__image-border { margin: 16px auto; width: calc(100% - 16px * 2); box-shadow: inset 0px 0px 0px 1px #e2e2e2; -webkit-box-shadow: inset 0 0 0 1px #e2e2e2; } .preview-pdf .thumbnail__image { width: 100%; display: block; position: relative; z-index: -2; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .preview-pdf .thumbnail:hover + .loading-indicator { visibility: visible; opacity: 1; } .preview-pdf .loading-indicator { transition:visibility, opacity 0.4s; left: 0px; width: 100%; bottom: 16px; display: flex; visibility: hidden; position: absolute; z-index: 10; opacity: 0; justify-content: center; -webkit-box-pack: center; -webkit-transition: visibility 0s, opacity 0.4s; } .preview-pdf .loading-indicator:hover { visibility: visible; opacity: 1; } .preview-pdf .loading-indicator__content { padding: 16px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.3); border-image: none; color: rgb(255, 255, 255); background-color: rgb(61, 70, 77); } .preview-pdf-ssr { min-height: 0px; background-color: white; } .preview-pdf-ssr .preview-ssr-viewer { width: 100%; display: flex; align-items: center; -webkit-box-align: center; } .preview-pdf-ssr .placeholder-image-wrapper { overflow: auto; max-height: 100%; flex-grow: 1; -webkit-box-flex: 1; } .preview-pdf-ssr .placeholder-image-wrapper__border { margin: 16px auto 88px; width: calc(100% - 32px); position: relative; } .preview-pdf-ssr .placeholder-image-wrapper__border::before { left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; box-shadow: inset 0px 0px 0px 1px #e8e8e8; -webkit-box-shadow: inset 0 0 0 1px #e8e8e8; } .preview-pdf-ssr .placeholder-image-wrapper img { margin: 0px auto; width: calc(100% - 2px); display: block; } .preview-pdf-ssr .page-container { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; font-family: system-ui; position: absolute; } .preview-pdf-ssr .ios-enable-inertial-scroll { -ms-overflow-y: scroll; -webkit-overflow-scrolling: touch; } .preview-pdf-ssr .page-container-inner { position: relative; } .preview-pdf-ssr .slide-container { width: 100%; overflow: hidden; } .preview-pdf-ssr .textbox { margin: 0px; padding: 0px; transform-origin: left bottom; color: transparent; line-height: 1; white-space: pre; position: absolute; opacity: 0.4; -webkit-transform-origin: bottom left; } .preview-pdf-ssr .page { margin: 16px auto; border: 1px solid rgb(232, 232, 232); border-image: none; position: relative; } .preview-pdf-ssr .page .c-loader { left: calc(50% - 3px); top: calc(50% - 3px); position: absolute; } .preview-pdf-ssr .page-image-wrapper { width: 100%; height: 100%; overflow: hidden; position: relative; } .preview-pdf-ssr .page-image-wrapper > img { max-width: 100%; pointer-events: none; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .preview-pdf-ssr .loading-indicator-ssr { left: 50%; top: 50%; margin-top: -16px; margin-left: -16px; position: absolute; } .preview-pdf-ssr .db-annotation-view-layer { left: 0px; top: 0px; width: 0px; height: 0px; position: absolute; } .preview-pdf-ssr .db-annotation-creation-layer { left: 0px; top: 0px; width: 0px; height: 0px; position: absolute; } .preview-pdf-ssr .pdf-snackbar { transition:bottom 0.1s; width: 100%; bottom: 0px; position: absolute; -webkit-transition: bottom 0.1s; } .preview-pdf-ssr .pdf-snackbar__toolbar-visible { bottom: 64px; } .preview-pdf-ssr .c-snackbar { border-radius: 4px; animation:snackbarload 0.15s cubic-bezier(0.2, 0, 0.5, 1.7); height: 44px; color: rgb(27, 39, 51); line-height: 1.5em; font-size: 14px; font-weight: 400; margin-right: auto; margin-bottom: 24px; margin-left: auto; pointer-events: all; box-shadow: 0px 0px 0px 1px rgba(99,114,130,0.16), 0px 8px 16px rgba(27,39,51,0.08); background-color: rgb(247, 249, 250); -webkit-box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); sizing: border-box; -webkit-animation: snackbarload 0.15s cubic-bezier(0.2, 0, 0.5, 1.7); } .preview-pdf-ssr .c-snackbar-fail { border-radius: 4px; animation:snackbarload 0.15s cubic-bezier(0.2, 0, 0.5, 1.7); height: 44px; color: rgb(27, 39, 51); line-height: 1.5em; font-size: 14px; font-weight: 400; margin-right: auto; margin-bottom: 24px; margin-left: auto; pointer-events: all; box-shadow: 0px 0px 0px 1px rgba(99,114,130,0.16), 0px 8px 16px rgba(27,39,51,0.08); background-color: rgb(247, 249, 250); -webkit-box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); sizing: border-box; -webkit-animation: snackbarload 0.15s cubic-bezier(0.2, 0, 0.5, 1.7); } .preview-pdf-ssr .c-snackbar p { margin: 0px; } .preview-pdf-ssr .c-snackbar-fail p { margin: 0px; } .preview-pdf-ssr .o-snackbar-large.c-snackbar { min-width: 400px; max-width: 600px; } .preview-pdf-ssr .o-snackbar-large.c-snackbar-fail { min-width: 400px; max-width: 600px; } .preview-pdf-ssr .c-snackbar-container { height: 100%; display: flex; flex-direction: row; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; sizing: border-box; } .preview-pdf-ssr .o-snackbar-small.c-snackbar-container { padding-right: 16px; padding-left: 16px; } .preview-pdf-ssr .o-snackbar-icon.o-snackbar-small.c-snackbar-container { padding-left: 8px; } .preview-pdf-ssr .o-snackbar-large.c-snackbar-container { padding-right: 24px; padding-left: 24px; } .preview-pdf-ssr .o-snackbar-icon.o-snackbar-large.c-snackbar-container { padding-left: 8px; } .preview-pdf-ssr .c-snackbar-actions { color: rgb(99, 114, 130); font-weight: 400; margin-left: auto; align-items: flex-start; -webkit-box-align: start; } .preview-pdf-ssr .o-last-child.c-snackbar-actions { margin-left: 16px; } .preview-pdf-ssr .c-snackbar-icon { margin-right: 4px; } .preview-pdf-ssr .c-snackbar-icon svg { width: 32px; height: 32px; display: block; } .close-x { border-radius: 50%; top: 20px; width: 31px; height: 31px; right: 20px; position: absolute; z-index: 1; background-color: rgba(0, 0, 0, 0.2); } .close-x .close-x-button { background: none; padding: 0px; width: 100%; text-align: center; color: rgb(123, 137, 148); line-height: 31px; display: inline-block; cursor: pointer; } .flex-preview-container { background: rgb(246, 249, 252); flex:1 1 0px; display: flex; position: relative; max-width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-flex: 1; } .preview-content-container { background: rgb(246, 249, 252); flex:1 1 0px; display: flex; position: relative; max-width: 100%; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-flex: 1; } .maestro .flex-preview-container { background: rgb(255, 255, 255); } .maestro .preview-content-container { background: rgb(255, 255, 255); } .flex-preview-container--padded { padding: 40px 0px; } .preview-content-container--padded { padding: 40px 0px; } @media only screen and (min-width:736px) { .flex-preview-container--padded { padding: 40px 36px; } .preview-content-container--padded { padding: 40px 36px; } } .flex-preview-container .preview-content { flex:1 1 0px; display: flex; position: relative; -webkit-box-flex: 1; } .preview-content-container .preview-content { flex:1 1 0px; display: flex; position: relative; -webkit-box-flex: 1; } .flex-preview-container .preview-content--center { justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; } .preview-content-container .preview-content--center { justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; } .flex-preview-container .absolute-center { margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 100%; max-width: 100%; } .preview-content-container .absolute-center { margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; max-height: 100%; max-width: 100%; } .flex-preview-container iframe { border: 0px currentColor; flex:1 1 0px; border-image: none; display: flex; min-height: 100%; background-color: rgb(255, 255, 255); -webkit-box-flex: 1; } .preview-content-container iframe { border: 0px currentColor; flex:1 1 0px; border-image: none; display: flex; min-height: 100%; background-color: rgb(255, 255, 255); -webkit-box-flex: 1; } .flex-preview-container .video-player { height: 100%; } .preview-content-container .video-player { height: 100%; } .flex-preview-container .preview-video-error { height: 150px; text-align: center; } .preview-content-container .preview-video-error { height: 150px; text-align: center; } .preview-content-container { height: 100%; } .preview-container-wrapper .flex-preview-container { height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .preview-linkfile-box { padding: 40px; border-radius: 7px; border: 1px solid rgb(208, 212, 217); border-image: none; width: 300px; background-color: rgb(255, 255, 255); } .preview-linkfile-box { background-position: center; background-image: url("/static/images/icons/ajax-loading-small-blue-vflVk_QNP.gif"); background-repeat: no-repeat; background-size: 24px 24px; } @media not all, not all, not all { .preview-linkfile-box { background-image: url("/static/images/icons/ajax-loading-small-blue@2x-vfl14X6Ll.gif"); } } .preview-linkfile-content { transition:visibility 0.2s, opacity 0.2s; text-align: center; background-color: rgb(255, 255, 255); -webkit-transition: visibility .2s, opacity .2s; } .preview-linkfile-content .preview-linkfile-icon img { width: 64px; height: 64px; } .loading-content.preview-linkfile-content { visibility: hidden; opacity: 0; } .preview-linkfile-title { margin: 8px 0px; font-size: 14px; } .preview-linkfile-filebase { font-weight: bold; } .preview-linkfile-description { color: rgb(71, 82, 93); overflow: hidden; font-size: 13px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 300px; } .preview-linkfile-button-openlink { visibility: hidden; } .has-link.preview-linkfile-button-openlink { visibility: visible; } body.preview-linkfile #page-content { position: static; } body.preview-linkfile .preview-box { top: 0px; bottom: 0px; position: absolute; } body.preview-linkfile .preview-container-wrapper { height: 100%; } .force-show-all-text { white-space: normal; } .preview-quality-bar { background: white; } .preview-quality-bar .container { padding: 10px 18px 5px 15px; text-align: center; font-size: 13px; margin-right: auto; margin-left: auto; display: block; } .preview-quality-bar .container .title { display: inline-block; } .preview-quality-bar .container .title .resolution { color: rgb(40, 149, 241); padding-left: 10px; display: inline-block; } .preview-quality-bar .container .title .resolution .looks-good-link { padding-right: 3px; padding-left: 3px; cursor: pointer; } .preview-quality-bar .container .title .resolution .something-wrong-link { padding-right: 3px; padding-left: 3px; cursor: pointer; } .preview-quality-bar .container .hide_button { float: right; display: table-cell; } .preview-quality-bar .separator { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(229, 229, 229); width: 100%; height: 0px; margin-bottom: 0px !important; } .send_feedback_modal_content .feedback { padding: 10px 12px; border: 1px solid rgb(229, 229, 229); border-image: none; width: calc(100% - 24px); height: 72px; resize: none; } .send_feedback_modal_content .file_selection { margin: 10px 0px 0px; padding: 0px !important; border: 1px solid rgb(229, 229, 229); border-image: none; width: calc(100%); display: table; cursor: pointer; } .send_feedback_modal_content .file_selection .file_check { padding: 0px 0px 0px 20px; height: 72px; vertical-align: middle; display: table-cell; } .send_feedback_modal_content .file_selection .file_check input { margin: 0px !important; } .send_feedback_modal_content .file_selection .file_image { padding: 0px 0px 0px 7px; top: 4px; height: 72px; vertical-align: middle; display: table-cell; position: relative; } .send_feedback_modal_content .file_selection .file_desc { padding: 0px 0px 0px 7px; height: 72px; vertical-align: middle; display: table-cell; } .send_feedback_modal_content .file_selection .file_desc .file_desc_container .main { color: rgb(71, 82, 93); font-family: "Open Sans"; font-size: 13px; } .send_feedback_modal_content .file_selection .file_desc .file_desc_container .main .bold { font-weight: bold; } .send_feedback_modal_content .file_selection .file_desc .file_desc_container .disclaimer { color: rgb(130, 136, 141); font-family: "Open Sans"; font-size: 11px; } .preview-toolbar-container { left: 50%; height: 52px; bottom: 16px; display: block; position: absolute; } .preview-toolbar-container--elevated { bottom: 32px; } .responsive-enabled .preview-toolbar-container { left: 85%; bottom: 32px; } @media only screen and (min-width:736px) { .responsive-enabled .preview-toolbar-container { left: 50%; bottom: 16px; } } .responsive-enabled .preview-toolbar-container--elevated { bottom: 32px; } .preview-toolbar-container .preview-toolbar-overlay-container { transition:opacity 0.4s; position: relative; opacity: 1; -webkit-transition: opacity .4s ease 0s; } .preview-toolbar-container .hide.preview-toolbar-overlay-container { margin: 0px; padding: 0px; border: 0px currentColor; border-image: none; height: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); opacity: 0; } .preview-toolbar-container .fadeout.preview-toolbar-overlay-container { opacity: 0; } .preview-toolbar-container .fadein-start.preview-toolbar-overlay-container { opacity: 0; } .preview-toolbar-container .disabled { opacity: 0.4; } .preview-toolbar-container .preview-toolbar-overlay { padding: 12px; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.25); border-image: none; left: -50%; height: 26px; color: white; display: flex; position: relative; z-index: 1000; align-items: center; background-color: rgb(61, 70, 77); -webkit-box-align: center; } .responsive-enabled .preview-toolbar-container .preview-toolbar-overlay { padding: 6px 12px; font-size: 12px; } @media only screen and (min-width:736px) { .responsive-enabled .preview-toolbar-container .preview-toolbar-overlay { padding: 12px; font-size: inherit; } } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content { display: flex; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-align: center; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div { flex:1 0 auto; margin-right: 16px; margin-left: 16px; vertical-align: middle; white-space: nowrap; cursor: pointer; -ms-user-select: none; -webkit-box-flex: 1; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div > img { vertical-align: middle; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content > div.zoom-label { width: 36px; text-align: center; margin-right: 0px; margin-left: 0px; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content div:first-of-type { margin-left: 0px; } .preview-toolbar-container .preview-toolbar-overlay .preview-toolbar-content div:last-of-type { margin-right: 0px; } .preview-toolbar-container .toolbar-button-entry { position: relative; } .preview-toolbar-container .toolbar-button-entry:hover .toolbar-tooltip { left: 0px; top: 0px; visibility: visible; opacity: 1; transform: scale(1); -webkit-transform: scale(1); } .preview-toolbar-container .toolbar-button-entry:hover .toolbar-tooltip-container { visibility: visible; } .preview-toolbar-container .toolbar-button-entry:hover img { opacity: 1; } .preview-toolbar-container .toolbar-button-entry img { transition:opacity 0.2s; opacity: 0.8; -webkit-transition: .2s opacity ease 0s; } .preview-toolbar-container .toolbar-button-entry img.disabled { opacity: 0.4; } .preview-toolbar-container .disabled.toolbar-button-entry { opacity: 0.4; } .preview-toolbar-container .disabled.toolbar-button-entry img.disabled { opacity: 1; } .preview-toolbar-container .toolbar-button-entry button { background-color: transparent; } .preview-toolbar-container .toolbar-tooltip-container { left: 50%; bottom: 100%; position: absolute; } .preview-toolbar-container .toolbar-tooltip { transform-origin: center bottom; transition:transform 0.2s, opacity 0.2s, visibility 0.2s, -webkit-transform 0.2s; visibility: hidden; opacity: 0; transform: scale(0.95); -webkit-transition: opacity .2s, visibility .2s, -webkit-transform .2s; -webkit-transform: scale(0.95); -webkit-transform-origin: center bottom; } .preview-toolbar-container .toolbar-tooltip-body { background: rgb(61, 70, 77); padding: 10px; border-radius: 3px; border: 1px solid rgba(229, 229, 229, 0.25); border-image: none; left: -50%; bottom: 25px; white-space: nowrap; position: relative; } .preview-toolbar-container .toolbar-tooltip-pointer { left: -50%; width: 0px; height: 0px; bottom: 20px; border-top-color: rgb(61, 70, 77); border-right-color: transparent; border-left-color: transparent; border-top-width: 6px; border-right-width: 6px; border-left-width: 6px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative; } .preview-toolbar-container .toolbar-tooltip-pointer-border { left: -50%; width: 0px; height: 0px; bottom: 19px; border-top-color: rgba(229, 229, 229, 0.5); border-right-color: transparent; border-left-color: transparent; border-top-width: 7px; border-right-width: 8px; border-left-width: 8px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: relative; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content { display: flex; align-items: center; -webkit-box-align: center; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content img { vertical-align: middle; cursor: pointer; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .image-toolbar__item { margin-right: 15px; margin-left: 15px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content :first-child.image-toolbar__item { margin-left: 0px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content :last-child.image-toolbar__item { margin-right: 0px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons { display: flex; align-items: center; -webkit-box-align: center; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons > div { padding-right: 6px; padding-left: 6px; white-space: nowrap; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons .c-title-bubble { padding: 17px 3px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .flip-buttons .zoom-label { text-align: center; cursor: pointer; min-width: 34px; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .item-w-label { cursor: pointer; } .has-annotations-toolbar .preview-toolbar-container .image-toolbar.preview-toolbar-content .item-w-label .item-w-label__label { margin-left: 10px; vertical-align: middle; } .preview-toolbar-container .region-creation-toolbar-content { width: 100%; display: flex; min-width: 350px; align-items: center; -webkit-box-align: center; } .preview-toolbar-container .region-creation-toolbar-content .region-creation-hint { flex:1 0 auto; text-align: center; -webkit-box-flex: 1; } .preview-toolbar-container .region-creation-toolbar-content .done-button { padding: 7px 15px; border-radius: 5px; border: 1px solid rgb(255, 255, 255); border-image: none; margin-left: 12px; cursor: pointer; } .html-preview .preview-toolbar-overlay-container { bottom: 60px; } #html-container .preview-toolbar-overlay-container { bottom: 60px; } .preview-quality-bar { background: white; } .preview-quality-bar .container { padding: 10px 18px 5px 15px; text-align: center; font-size: 13px; margin-right: auto; margin-left: auto; display: block; } .preview-quality-bar .container .title { display: inline-block; } .preview-quality-bar .container .title .resolution { color: rgb(40, 149, 241); padding-left: 10px; display: inline-block; } .preview-quality-bar .container .title .resolution .looks-good-link { padding-right: 3px; padding-left: 3px; cursor: pointer; } .preview-quality-bar .container .title .resolution .something-wrong-link { padding-right: 3px; padding-left: 3px; cursor: pointer; } .preview-quality-bar .container .hide_button { float: right; display: table-cell; } .preview-quality-bar .separator { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(229, 229, 229); width: 100%; height: 0px; margin-bottom: 0px !important; } .send_feedback_modal_content .feedback { padding: 10px 12px; border: 1px solid rgb(229, 229, 229); border-image: none; width: calc(100% - 24px); height: 72px; resize: none; } .send_feedback_modal_content .file_selection { margin: 10px 0px 0px; padding: 0px !important; border: 1px solid rgb(229, 229, 229); border-image: none; width: calc(100%); display: table; cursor: pointer; } .send_feedback_modal_content .file_selection .file_check { padding: 0px 0px 0px 20px; height: 72px; vertical-align: middle; display: table-cell; } .send_feedback_modal_content .file_selection .file_check input { margin: 0px !important; } .send_feedback_modal_content .file_selection .file_image { padding: 0px 0px 0px 7px; top: 4px; height: 72px; vertical-align: middle; display: table-cell; position: relative; } .send_feedback_modal_content .file_selection .file_desc { padding: 0px 0px 0px 7px; height: 72px; vertical-align: middle; display: table-cell; } .send_feedback_modal_content .file_selection .file_desc .file_desc_container .main { color: rgb(71, 82, 93); font-family: "Open Sans"; font-size: 13px; } .send_feedback_modal_content .file_selection .file_desc .file_desc_container .main .bold { font-weight: bold; } .send_feedback_modal_content .file_selection .file_desc .file_desc_container .disclaimer { color: rgb(130, 136, 141); font-family: "Open Sans"; font-size: 11px; } .account-menu a:hover { text-decoration: none; } .account-menu-user-summary { margin: 0px; padding: 0px; width: 232px; display: flex; flex-direction: column; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-align: start; } .account-menu-user-summary__change-avatar { flex:0 0 40px; -webkit-box-flex: 0; } .account-menu-user-summary__display-name { flex:0 0 32px; width: 232px; color: rgb(27, 39, 51); line-height: 32px; overflow: hidden; font-size: 14px; margin-top: 16px; white-space: nowrap; -ms-text-overflow: ellipsis; -webkit-box-flex: 0; } .quota-bar-container { width: 100%; color: rgb(99, 114, 130); font-size: 12px; font-weight: 400; } .quota-bar-container--over-quota { color: rgb(214, 44, 11); } .quota-bar-container--over-quota svg { width: 24px; height: 24px; float: right; fill: #d62c0b; } .near-quota-warning { top: 0px; right: 0px; position: absolute; transform: translateY(-100%); -webkit-transform: translateY(-100%); } .near-quota-icon { width: 24px; height: 24px; float: right; fill: #ff8e21; } .quota-bar-empty { margin: 16px 0px; height: 2px; position: relative; background-color: rgb(230, 232, 235); } .quota-bar-used { left: 0px; top: 0px; height: 2px; position: absolute; background-color: rgb(0, 112, 224); } .quota-bar-used--near-quota { transition:background-color 1000ms linear; background-color: rgb(255, 142, 33); -webkit-transition: background-color 1000ms linear; } .quota-bar-used--over-quota { width: 100%; background-color: rgb(214, 44, 11); } .account-menu-upgrade-link { color: rgb(0, 112, 224); font-size: 14px; font-weight: 400; } .react-file-viewer { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: flex; position: fixed; z-index: 500; flex-direction: column; background-color: rgb(255, 255, 255); -webkit-box-orient: vertical; -webkit-box-direction: normal; } .react-file-viewer__content { flex:1 1 0px; display: flex; min-height: 0px; -webkit-box-flex: 1; } .react-file-viewer__preview { flex:1 1 0px; display: flex; position: relative; -webkit-box-flex: 1; } .react-file-viewer__controls { left: 50%; bottom: 7px; display: flex; position: absolute; transform: translateX(-50%); align-items: center; -webkit-box-align: center; -webkit-transform: translateX(-50%); } .react-file-viewer__controls .nav-control { background: none; display: flex; cursor: pointer; } .react-file-viewer__controls .nav-text { padding: 0px 10px; text-align: center; min-width: 70px; } .react-file-viewer .c-split-btn-container { align-items: center; -webkit-box-align: center; } .react-file-viewer .c-title-bubble.disabled.c-split-btn-container::before { margin-top: 0px; } .react-file-viewer .c-title-bubble.disabled.c-split-btn-container::after { width: 125px; margin-top: 10px; white-space: normal; } .react-file-viewer .c-split-btn-container > .disabled { min-width: 100px; } .react-file-viewer :disabled.sprite-button { opacity: 0.4; } .maestro .react-file-viewer .button-secondary:hover { background: rgb(255, 255, 255); } .maestro .react-file-viewer .c-btn--secondary.c-btn:hover { background: rgb(255, 255, 255); } .maestro .react-file-viewer :not(:disabled).button-secondary:hover { background: rgb(255, 255, 255); border-color: rgb(0, 112, 224); color: rgb(0, 112, 224); } .maestro .react-file-viewer :not(:disabled).c-btn--secondary.c-btn:hover { background: rgb(255, 255, 255); border-color: rgb(0, 112, 224); color: rgb(0, 112, 224); } .react-file-viewer-dropdown .dropdown-contents { list-style: none; margin: 5px 0px; padding: 0px; } .react-file-viewer-dropdown li a { padding: 8px 14px; color: rgb(40, 149, 241); display: block; white-space: nowrap; background-color: rgb(255, 255, 255); } .react-file-viewer-dropdown li a.bubble-menu-item { padding: 8px 14px; color: rgb(40, 149, 241); display: block; white-space: nowrap; background-color: rgb(255, 255, 255); } .maestro .react-file-viewer-dropdown li a { color: rgb(27, 39, 51); } .maestro .react-file-viewer-dropdown li a.bubble-menu-item { color: rgb(27, 39, 51); } .react-file-viewer-dropdown li a:hover { text-decoration: none; background-color: rgb(227, 242, 255); } .react-file-viewer-dropdown li a.bubble-menu-item:hover { text-decoration: none; background-color: rgb(227, 242, 255); } .maestro .react-file-viewer-dropdown li a:hover { background-color: rgb(247, 249, 250); } .maestro .react-file-viewer-dropdown li a.bubble-menu-item:hover { background-color: rgb(247, 249, 250); } .react-file-viewer-dropdown li a .icon-left.small.sprite-frame { min-width: 19px; } .react-file-viewer-dropdown li a.bubble-menu-item .icon-left.small.sprite-frame { min-width: 19px; } .maestro .react-file-viewer-dropdown li a.bubble-menu-item--disabled { color: rgb(193, 199, 205); } .react-file-viewer-more-dropdown { border: 0px currentColor; border-image: none; box-shadow: 0px 0px 0px 1px rgba(99,114,130,0.16), 0px 8px 16px rgba(27,39,51,0.08); -webkit-box-shadow: 0 0 0 1px rgba(99, 114, 130, 0.16), 0 8px 16px rgba(27, 39, 51, 0.08); } .open-with-onboarding-tooltip.bubble-dropdown { color: white; font-size: 13px; background-color: rgb(83, 97, 112); } .open-with-onboarding-tooltip.bubble-dropdown .bubble-arrow { border-bottom-color: rgb(83, 97, 112); } .open-with-onboarding-tooltip.bubble-dropdown .bubble-arrow-border { border-bottom-color: rgb(83, 97, 112); } .open-with-onboarding-tooltip.bubble-dropdown .content-wrapper { padding: 16px; display: flex; align-items: flex-start; -webkit-box-align: start; } .open-with-onboarding-tooltip.bubble-dropdown .text-wrapper { width: 200px; line-height: 20px; margin-left: 8px; } .open-with-onboarding-tooltip.bubble-dropdown .text-wrapper .tooltip-new { font-weight: bold; } .open-with-onboarding-tooltip.bubble-dropdown .dismiss-button { padding: 3px 15px; color: rgb(255, 255, 255); font-weight: 200; margin-top: 3px; margin-left: 20px; background-color: rgb(83, 97, 112); } .open-with-onboarding-tooltip.bubble-dropdown .dismiss-button:focus { border: 1px solid gray; border-image: none; color: rgb(83, 97, 112); background-color: rgb(255, 255, 255); } .maestro .file-feedback { background-color: rgb(255, 255, 255); } .maestro .file-feedback .comments-holder { font-size: 12px; border-left-color: currentColor; border-left-width: medium; border-left-style: none; } .maestro .file-feedback .comments-holder a { text-decoration: none; } .maestro .file-feedback .comments-holder a:hover { text-decoration: none; } .maestro .file-feedback--border { border-left-color: rgb(230, 232, 235); border-left-width: 1px; border-left-style: solid; } .maestro .file-feedback--minimized { width: 50px; } .maestro .file-feedback--minimized .comments-and-feedback { width: 320px; } .maestro .file-feedback--minimized .comment-card { margin-left: 0px; } .maestro .file-feedback--minimized .comments-holder .comment-list .threaded-comment-list--expanded { border: 0px currentColor; border-image: none; } .maestro .file-feedback--minimized .comments-holder .comment-list .threaded-comment-list .threaded-comment-list__header { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } .maestro .file-feedback--minimized .comments-holder .comment-list .threaded-comment-list .comment-field { background: none; border-top-color: currentColor; border-top-width: 0px; border-top-style: none; } .maestro .file-feedback--minimized .tooltip-container { visibility: hidden; } .maestro .file-feedback--minimized .comments-holder .comment-list .threaded-comment-list .comment-activity { margin-left: 12px; } .maestro .file-feedback--minimized .comments-holder .comment-list .threaded-comment-list .comment-activity__expand { margin-left: 12px; } .maestro .file-sidebar__unread-count { float: left; } .maestro .file-sidebar__toggle-bar { padding: 16px; } .maestro .file-sidebar__toggle-bar .react-title-bubble__container { float: right; display: block; } .react-title-bar { background: rgb(255, 255, 255); width: 100%; height: 63px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; display: flex; position: relative; z-index: 600; box-sizing: border-box; justify-content: space-between; align-items: center; -webkit-box-pack: justify; -webkit-box-sizing: border-box; -webkit-box-align: center; } #shmodel-content-area .react-title-bar { background: rgb(255, 255, 255); width: 100%; height: 63px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; display: flex; position: relative; z-index: 600; box-sizing: border-box; justify-content: space-between; align-items: center; -webkit-box-pack: justify; -webkit-box-sizing: border-box; -webkit-box-align: center; } @media only screen and (min-width:1024px) { .react-title-bar { width: 100%; } #shmodel-content-area .react-title-bar { width: 100%; } } .react-title-bar .react-title-bar--title-bubble { display: flex; } #shmodel-content-area .react-title-bar .react-title-bar--title-bubble { display: flex; } .react-title-bar__title-wrap { height: inherit; display: flex; flex-wrap: nowrap; flex-grow: 1; align-items: center; -webkit-box-flex: 1; -webkit-box-align: center; } #shmodel-content-area .react-title-bar__title-wrap { height: inherit; display: flex; flex-wrap: nowrap; flex-grow: 1; align-items: center; -webkit-box-flex: 1; -webkit-box-align: center; } .react-title-bar__title-wrap .title-bar-icon { display: flex; max-height: 30px; min-width: 40px; max-width: 140px; justify-content: center; -webkit-box-pack: center; } #shmodel-content-area .react-title-bar__title-wrap .title-bar-icon { display: flex; max-height: 30px; min-width: 40px; max-width: 140px; justify-content: center; -webkit-box-pack: center; } .react-title-bar__title-wrap .title-bar-icon__img { max-width: 100%; } #shmodel-content-area .react-title-bar__title-wrap .title-bar-icon__img { max-width: 100%; } .react-title-bar__title-wrap .fileinfo { width: 100%; white-space: nowrap; } #shmodel-content-area .react-title-bar__title-wrap .fileinfo { width: 100%; white-space: nowrap; } @media only screen and (min-width:1024px) { .react-title-bar__title-wrap .fileinfo { width: auto; } #shmodel-content-area .react-title-bar__title-wrap .fileinfo { width: auto; } } .react-title-bar__title-wrap .filename { margin: 0px; height: 17px; color: rgb(27, 39, 51); line-height: 1; font-size: 14px; display: flex; align-items: center; -webkit-box-align: center; } #shmodel-content-area .react-title-bar__title-wrap .filename { margin: 0px; height: 17px; color: rgb(27, 39, 51); line-height: 1; font-size: 14px; display: flex; align-items: center; -webkit-box-align: center; } .responsive-enabled .react-title-bar__title-wrap .filename { justify-content: center; -webkit-box-pack: center; } .responsive-enabled #shmodel-content-area .react-title-bar__title-wrap .filename { justify-content: center; -webkit-box-pack: center; } @media only screen and (min-width:1024px) { .responsive-enabled .react-title-bar__title-wrap .filename { justify-content: flex-start; -webkit-box-pack: start; } .responsive-enabled #shmodel-content-area .react-title-bar__title-wrap .filename { justify-content: flex-start; -webkit-box-pack: start; } } .react-title-bar__title-wrap .file-modifier { color: rgb(99, 114, 130); font-size: 12px; } #shmodel-content-area .react-title-bar__title-wrap .file-modifier { color: rgb(99, 114, 130); font-size: 12px; } .react-title-bar__action-wrap { padding-right: 10px; display: flex; } #shmodel-content-area .react-title-bar__action-wrap { padding-right: 10px; display: flex; } .react-title-bar__action-wrap .c-title-bubble::before { margin-top: 6px; } #shmodel-content-area .react-title-bar__action-wrap .c-title-bubble::before { margin-top: 6px; } .react-title-bar__action-wrap .c-title-bubble::after { margin-top: 16px; } #shmodel-content-area .react-title-bar__action-wrap .c-title-bubble::after { margin-top: 16px; } .react-title-bar__controls { line-height: 0; display: flex; align-items: center; -webkit-box-align: center; } #shmodel-content-area .react-title-bar__controls { line-height: 0; display: flex; align-items: center; -webkit-box-align: center; } .react-title-bar__controls .control__button { margin: 0px 0px 0px 8px; height: 32px; display: flex; min-height: auto; align-items: center; -webkit-box-align: center; } #shmodel-content-area .react-title-bar__controls .control__button { margin: 0px 0px 0px 8px; height: 32px; display: flex; min-height: auto; align-items: center; -webkit-box-align: center; } .react-title-bar__controls .download-button.control__button { font-weight: normal; } #shmodel-content-area .react-title-bar__controls .download-button.control__button { font-weight: normal; } .react-title-bar__controls .c-split-btn-container { margin: 0px 0px 0px 8px; } #shmodel-content-area .react-title-bar__controls .c-split-btn-container { margin: 0px 0px 0px 8px; } .react-title-bar__controls .c-split-btn-container .control__button { margin: 0px; } #shmodel-content-area .react-title-bar__controls .c-split-btn-container .control__button { margin: 0px; } .tabbing .react-title-bar__controls .notification-button:focus { margin: 0px; border-radius: 5px; } .tabbing #shmodel-content-area .react-title-bar__controls .notification-button:focus { margin: 0px; border-radius: 5px; } .react-title-bar__controls .account-menu-target { margin: 0px 20px 0px 0px; display: block; } #shmodel-content-area .react-title-bar__controls .account-menu-target { margin: 0px 20px 0px 0px; display: block; } .react-title-bar__controls :disabled.account-menu-target { cursor: default; opacity: 0.4; } #shmodel-content-area .react-title-bar__controls :disabled.account-menu-target { cursor: default; opacity: 0.4; } .react-title-bar__controls .bubble-dropdown-container { display: inline-block; } #shmodel-content-area .react-title-bar__controls .bubble-dropdown-container { display: inline-block; } .react-title-bar__controls .disabled.c-title-bubble { display: flex; } #shmodel-content-area .react-title-bar__controls .disabled.c-title-bubble { display: flex; } .react-title-bar__close { background: none; padding: 0px 0px 0px 10px; margin-right: 4px; display: flex; cursor: pointer; min-height: 44px; align-items: center; -webkit-box-align: center; } #shmodel-content-area .react-title-bar__close { background: none; padding: 0px 0px 0px 10px; margin-right: 4px; display: flex; cursor: pointer; min-height: 44px; align-items: center; -webkit-box-align: center; } @media only screen and (min-width:1024px) { .react-title-bar__close { margin-left: 4px; min-height: auto; } #shmodel-content-area .react-title-bar__close { margin-left: 4px; min-height: auto; } } .react-title-bar__close--logo { fill: #0070e0; } #shmodel-content-area .react-title-bar__close--logo { fill: #0070e0; } .react-title-bar__close .s_web_folder_32 { width: 44px; } #shmodel-content-area .react-title-bar__close .s_web_folder_32 { width: 44px; } .react-title-bar__divider { border-right-color: rgb(232, 232, 232); border-right-width: 1px; border-right-style: solid; align-self: stretch; } #shmodel-content-area .react-title-bar__divider { border-right-color: rgb(232, 232, 232); border-right-width: 1px; border-right-style: solid; align-self: stretch; } .react-title-bar__controls .react-title-bar__divider { margin: 0px 10px; height: 32px; } #shmodel-content-area .react-title-bar__controls .react-title-bar__divider { margin: 0px 10px; height: 32px; } .react-title-bar__controls #shmodel-content-area .react-title-bar__divider { margin: 0px 10px; height: 32px; } #shmodel-content-area .react-title-bar__controls #shmodel-content-area .react-title-bar__divider { margin: 0px 10px; height: 32px; } .react-title-bar .c-coach-mark__container { height: 32px; } #shmodel-content-area .react-title-bar .c-coach-mark__container { height: 32px; } .react-title-bar .more-button { margin: 0px; padding: 0px; } #shmodel-content-area .react-title-bar .more-button { margin: 0px; padding: 0px; } .react-title-bar .more-button .svg-icon { display: block; } #shmodel-content-area .react-title-bar .more-button .svg-icon { display: block; } .react-title-bar .more-button { fill: #637282; } #shmodel-content-area .react-title-bar .more-button { fill: #637282; } .react-title-bar [aria-expanded='true'].more-button { fill: #0070e0; } #shmodel-content-area .react-title-bar [aria-expanded='true'].more-button { fill: #0070e0; } .react-title-bar .seen-state-coach-mark__container { height: 0px; position: relative; } #shmodel-content-area .react-title-bar .seen-state-coach-mark__container { height: 0px; position: relative; } .react-title-bar .seen-state-coach-mark__container .general-coach-mark .c-coach-mark__img { width: 120px; margin-top: -20px; } #shmodel-content-area .react-title-bar .seen-state-coach-mark__container .general-coach-mark .c-coach-mark__img { width: 120px; margin-top: -20px; } .react-title-bar .toggle-comments__button { margin: 0px; padding: 0px 5px; } #shmodel-content-area .react-title-bar .toggle-comments__button { margin: 0px; padding: 0px 5px; } .react-title-bar .toggle-comments__title-bubble::after { left: inherit; right: 0px; transform: none; -webkit-transform: none; } #shmodel-content-area .react-title-bar .toggle-comments__title-bubble::after { left: inherit; right: 0px; transform: none; -webkit-transform: none; } :root { } .mc-account-menu-item { margin: 16px 0px 0px; padding: 4px 16px; border: currentColor; border-image: none; width: 100%; text-align: left; color: inherit; line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; display: block; cursor: pointer; box-sizing: inherit; background-color: transparent; } .mc-account-menu-item:hover { text-decoration: none; } :disabled.mc-account-menu-item { color: rgb(193, 199, 205); cursor: auto; } .mc-account-menu-title { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(230, 232, 235); margin: 0px 0px 16px; padding: 16px; border-image: none; width: 100%; text-align: left; line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; font-weight: 400; display: flex; cursor: default; box-sizing: inherit; align-items: center; -webkit-box-align: center; } .mc-account-menu-item + .mc-account-menu-item { margin: 0px; } :first-child.mc-account-menu-item { margin-top: 16px; } :last-child.mc-account-menu-item { margin-bottom: 16px; } .mc-account-menu-item:focus { background-color: rgb(247, 249, 250); } :enabled.mc-account-menu-item:hover { background-color: rgb(247, 249, 250); } .mc-account-menu-separator { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(230, 232, 235); margin: 16px 0px; border-image: none; } :root { } .mc-tertiary-link-button { display: flex; } .mc-tertiary-list { display: flex; } .mc-tertiary-list-element { display: flex; } .mc-tertiary-icon-wrapper { display: flex; } .mc-tertiary-link-button { margin: 0px; padding: 0px 8px 0px 0px; border-radius: 4px; border: currentColor; border-image: none; text-align: left; color: rgb(0, 112, 224); font-family: "AtlasGrotesk", sans-serif; font-size: 14px; text-decoration: none; display: flex; cursor: pointer; -ms-zoom: 1; max-width: 100%; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: manipulation; align-items: center; touch-action: manipulation; background-color: transparent; -webkit-box-align: center; -webkit-user-select: none; -moz-user-select: none; user-select: none; user-drag: none; } .mc-tertiary-link-button:hover { color: rgb(0, 122, 245); } .mc-tertiary-link-button:active { color: rgb(0, 93, 214); } :disabled.mc-tertiary-link-button { cursor: default; opacity: 0.4; } .mc-tertiary-link-button-content { display: flex; } .mc-tertiary-list { margin: 0px; padding: 0px; list-style-type: none; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-tertiary-list-element { display: flex; } .mc-tertiary-icon-wrapper { margin-bottom: auto; min-width: 32px; } .mc-tertiary-icon-text { padding: 5px 0px; line-height: 22px; font-size: 14px; font-weight: 400; } :root { } .mc-avatar { outline: 0px; border-radius: 50%; overflow: hidden; vertical-align: middle; display: inline-block; } .mc-avatar-image { width: 100%; height: auto; display: block; } :root { } :root { } .mc-button { margin: 0px; border-radius: 4px; border: currentColor; border-image: none; height: 32px; text-align: center; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; text-decoration: none; vertical-align: middle; display: inline-block; white-space: nowrap; cursor: pointer; -ms-zoom: 1; box-sizing: border-box; -ms-user-select: none; -ms-touch-action: manipulation; touch-action: manipulation; background-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; user-drag: none; } :disabled.mc-button { cursor: default; } .mc-button-disabled { cursor: default; } .mc-button:focus { box-shadow: 0px 0px 0px 3px #99c6f3; } button:not([aria-disabled='true']):focus > .mc-button { box-shadow: 0px 0px 0px 3px #99c6f3; } .mc-button-styleless { background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none; } .mc-button .mc-button-content { position: relative; } .mc-button-primary { padding: 0px 16px; border: currentColor; border-image: none; color: rgb(255, 255, 255); line-height: 32px; font-weight: 500; background-color: rgb(0, 112, 224); } .mc-button-primary:hover { background-color: rgb(0, 122, 245); } .mc-button-primary:active { background-color: rgb(0, 93, 214); } :disabled.mc-button-primary { background-color: rgb(153, 198, 243); } .mc-button-disabled.mc-button-primary { background-color: rgb(153, 198, 243); } .mc-button-secondary { padding: 0px 16px; border: 1px solid rgb(193, 199, 205); border-image: none; color: rgb(27, 39, 51); line-height: 30px; font-weight: 400; background-color: rgb(255, 255, 255); } .mc-button-secondary:hover { border-color: rgb(0, 122, 245); color: rgb(0, 122, 245); } .mc-button-secondary:active { border-color: rgb(0, 93, 214); color: rgb(0, 93, 214); } :disabled.mc-button-secondary { border-color: rgb(193, 199, 205); color: rgb(193, 199, 205); } .mc-button-disabled.mc-button-secondary { border-color: rgb(193, 199, 205); color: rgb(193, 199, 205); } .mc-button-large { height: 40px; line-height: 40px; } .mc-button-small { height: 20px; line-height: 20px; } .mc-button-borderless { border-color: transparent; } .mc-button-borderless:hover { border-color: transparent; } :disabled.mc-button-borderless { border-color: transparent; } .mc-button-invisible { opacity: 0; } .mc-button-circular { background: none; padding: 0px; border-radius: 50%; border: currentColor; border-image: none; } .mc-button-circular:hover { background: none; } .mc-button-full-width { width: 100%; } :root { } .mc-checkbox { padding: 0px; border-radius: 3px; width: 20px; height: 20px; display: block; position: relative; cursor: pointer; background-color: rgb(255, 255, 255); } .mc-checkbox-disabled { cursor: default; } .mc-checkbox-invisible { visibility: hidden; } .mc-checkbox-input { margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; overflow: hidden; position: absolute; clip: rect(0px, 0px, 0px, 0px); } .mc-checkbox-border { border-radius: 3px; border: 1px solid rgb(193, 199, 205); border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; box-sizing: border-box; } .mc-checkbox-input:hover ~ .mc-checkbox-border { border: 1px solid rgb(0, 112, 224); border-image: none; } .mc-checkbox-input:focus ~ .mc-checkbox-border { border: 1px solid rgb(0, 112, 224); border-image: none; } .mc-checkbox-hovered .mc-checkbox-border { border: 1px solid rgb(0, 112, 224); border-image: none; } .mc-checkbox-disabled :disabled.mc-checkbox-input ~ .mc-checkbox-border { border: 1px solid rgb(193, 199, 205); border-image: none; } .mc-checkbox-input:focus ~ .mc-checkbox-border { box-shadow: 0px 0px 0px 3px #99c6f3; } .mc-checkbox-checked .mc-checkbox-checked-icon { display: block; } .mc-checkbox-checked { background-color: rgb(0, 112, 224); } .mc-checkbox-checked .mc-checkbox-border { border: 1px solid rgb(0, 112, 224); border-image: none; } .mc-checkbox-mixed .mc-checkbox-mixed-icon { display: block; } .mc-checkbox-checked-icon { left: 0px; top: 0px; width: 20px; height: 20px; display: none; position: absolute; } .mc-checkbox-mixed-icon { left: 7px; top: 9px; display: none; position: absolute; } :root { } .mc-dropdown-button { text-align: left; min-width: 200px; } .mc-dropdown-button .mc-button-content::before { margin: 14px 0px 12px 16px; border-top-color: rgb(99, 114, 130); border-right-color: transparent; border-left-color: transparent; border-top-width: 4px; border-right-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; float: right; display: inline-block; content: ""; } .mc-dropdown-button-content { overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } :root { } :root { } .mc-dropdown-menu { } .mc-dropdown-menu-button { } .mc-menu { background: rgb(255, 255, 255); padding: 0px; border-radius: 4px; width: 200px; overflow: auto; font-family: "AtlasGrotesk", sans-serif; margin-top: 8px; position: absolute; z-index: 1; max-height: 320px; box-shadow: 0px 0px 0px 1px rgba(99,114,130,0.16), 0px 8px 16px rgba(27,39,51,0.08); } .mc-menu-item { display: flex; } .mc-menu-item-button { background: none; padding: 0px 16px; border: currentColor; border-image: none; width: 100%; text-align: left; color: rgb(27, 39, 51); line-height: 32px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; cursor: pointer; box-sizing: border-box; } .mc-menu-item-button .mc-button-content { overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .mc-menu-item:focus .mc-menu-item-button { background-color: rgb(247, 249, 250); } .mc-menu-item-button:focus { background-color: rgb(247, 249, 250); } .mc-menu-item-button:hover { background-color: rgb(247, 249, 250); } .mc-menu-item-selected .mc-menu-item-button { color: rgb(0, 93, 214); } .mc-menu-item-button:active { color: rgb(0, 93, 214); } :first-of-type.mc-menu-item .mc-menu-item-button { border-top-left-radius: 4px; border-top-right-radius: 4px; } :last-of-type.mc-menu-item .mc-menu-item-button { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } :root { } .mc-input { padding: 0px 8px; border-radius: 4px; border: 1px solid rgb(193, 199, 205); border-image: none; height: 32px; color: rgb(27, 39, 51); font-size: 14px; box-sizing: border-box; } .disabled.mc-input { border-color: rgb(230, 232, 235); background-color: rgb(230, 232, 235); } :disabled.mc-input { border-color: rgb(230, 232, 235); background-color: rgb(230, 232, 235); } .invalid.mc-input { border-color: rgb(214, 44, 11); box-shadow: none; } :invalid.mc-input { border-color: rgb(214, 44, 11); box-shadow: none; } .mc-input:focus { border: 1px solid rgb(0, 112, 224); border-image: none; } .focus.mc-input { border: 1px solid rgb(0, 112, 224); border-image: none; } :root { } .mc-media-row { display: flex; } .mc-media-cell { display: flex; } .mc-media-cell-content { display: flex; } .mc-media-actions { display: flex; } .mc-media-row { border-bottom-color: rgb(230, 232, 235); border-bottom-width: 1px; border-bottom-style: solid; position: relative; min-height: 64px; box-sizing: border-box; } .mc-table tr.mc-media-row { cursor: inherit; } .mc-table tr.mc-media-row-clickable.mc-media-row { cursor: pointer; } .mc-media-row-culled { width: 100%; position: absolute; z-index: 0; } .mc-media-row-double-line { min-height: 72px; } .mc-media-row-clickable:active { background-color: rgb(240, 244, 245); } .mc-media-row-selected { background-color: rgb(235, 244, 253); } .mc-media-row-clickable.mc-media-row-selected:active { background-color: rgb(214, 232, 250); } .mc-media-row-droppable { background-color: rgb(237, 250, 241); } .mc-media-row-dragover { background-color: rgb(221, 240, 226); } .mc-media-cell { padding: 0px; flex:1 1 0px; min-height: 63px; -webkit-box-flex: 1; } .mc-media-cell-double-line { min-height: 71px; } .mc-media-cell-content { flex:1 1 0px; min-width: 0px; flex-direction: column; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-box-flex: 1; -webkit-box-pack: center; } .mc-media-cell-icon { display: flex; flex-shrink: 0; flex-basis: 64px; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; } .mc-media-cell-text-title { margin: 0px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .mc-media-cell-text-subtitle { margin: 0px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .mc-media-cell-text-detail { margin: 0px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .mc-media-cell-text-title { line-height: 24px; font-size: 14px; } .mc-media-cell-text-detail { line-height: 24px; font-size: 14px; } .mc-media-cell-text-detail { color: rgb(99, 114, 130); } .mc-media-cell-text-subtitle { color: rgb(99, 114, 130); line-height: 16px; font-size: 12px; } .mc-media-cell-text-highlight { color: rgb(0, 112, 224); } .mc-media-actions { padding: 0px; height: 100%; right: 0px; position: absolute; align-items: center; -webkit-box-align: center; } .mc-media-actions > * { margin-right: 16px; } :root { } .media-table-skeleton { display: flex; } .media-table-skeleton-head { display: flex; } .media-table-skeleton-head-row { display: flex; } .media-table-skeleton-head-cell { display: flex; } .media-table-skeleton-icon { display: flex; } .media-table-skeleton-body { display: flex; } .media-table-skeleton-row { display: flex; } .media-table-skeleton-cell-content { display: flex; } .media-table-skeleton-cell-detail { display: flex; } .media-table-skeleton-placeholder-head { display: flex; } .media-table-skeleton-placeholder-content { display: flex; } .media-table-skeleton-placeholder-detail { display: flex; } .media-table-skeleton { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .media-table-skeleton-head { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .media-table-skeleton-head-row { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .media-table-skeleton-body { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .media-table-skeleton-head-cell { padding: 0px; align-items: center; -webkit-box-align: center; } .media-table-skeleton-cell-content { padding: 0px; align-items: center; -webkit-box-align: center; } .media-table-skeleton-cell-detail { padding: 0px; align-items: center; -webkit-box-align: center; } .media-table-skeleton { overflow: hidden; } .media-table-skeleton-head { height: 40px; border-bottom-color: rgb(230, 232, 235); border-bottom-width: 1px; border-bottom-style: solid; box-sizing: border-box; justify-content: center; -webkit-box-pack: center; } .media-table-skeleton-head-row { } .media-table-skeleton-placeholder-head::after { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); left: -100px; top: 0px; width: 120px; height: 80px; position: absolute; content: ""; opacity: 1; transform: rotate(10deg); animation-name: mediaTableGlint; animation-duration: 0.8s; animation-timing-function: ease; animation-delay: 1s; animation-direction: normal; animation-iteration-count: infinite; -webkit-transform: rotate(10deg); -webkit-animation-name: mediaTableGlint; -webkit-animation-delay: 1s; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; } .media-table-skeleton-placeholder-content::after { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); left: -100px; top: 0px; width: 120px; height: 80px; position: absolute; content: ""; opacity: 1; transform: rotate(10deg); animation-name: mediaTableGlint; animation-duration: 0.8s; animation-timing-function: ease; animation-delay: 1s; animation-direction: normal; animation-iteration-count: infinite; -webkit-transform: rotate(10deg); -webkit-animation-name: mediaTableGlint; -webkit-animation-delay: 1s; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; } .media-table-skeleton-placeholder-detail::after { background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%); left: -100px; top: 0px; width: 120px; height: 80px; position: absolute; content: ""; opacity: 1; transform: rotate(10deg); animation-name: mediaTableGlint; animation-duration: 0.8s; animation-timing-function: ease; animation-delay: 1s; animation-direction: normal; animation-iteration-count: infinite; -webkit-transform: rotate(10deg); -webkit-animation-name: mediaTableGlint; -webkit-animation-delay: 1s; -webkit-animation-duration: 0.8s; -webkit-animation-timing-function: ease; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: normal; } .media-table-skeleton-placeholder-head { color: transparent; position: relative; opacity: 0.06; background-color: rgb(99, 114, 130); } .media-table-skeleton-placeholder-content { color: transparent; position: relative; opacity: 0.06; background-color: rgb(99, 114, 130); } .media-table-skeleton-placeholder-detail { color: transparent; position: relative; opacity: 0.06; background-color: rgb(99, 114, 130); } .media-table-skeleton-placeholder-head { height: 12px; flex-basis: 32px; } .media-table-skeleton-placeholder-content { height: 16px; } .media-table-skeleton-placeholder-detail { height: 16px; } .media-table-skeleton-placeholder-content { margin-right: 16px; flex-basis: 168px; } .media-table-skeleton-placeholder-detail { flex-basis: 32px; } .media-table-skeleton-row { width: 100%; height: 64px; border-bottom-color: rgb(230, 232, 235); border-bottom-width: 1px; border-bottom-style: solid; position: relative; align-items: center; background-color: rgb(255, 255, 255); -webkit-box-align: center; } .media-table-skeleton-cell-content { flex:3 1 0px; -webkit-box-flex: 3; } .media-table-skeleton-cell-detail { flex:2 1 0px; -webkit-box-flex: 2; } .media-table-skeleton-icon { flex:0 0 64px; justify-content: center; -webkit-box-flex: 0; -webkit-box-pack: center; } :root { } .mc-modal { background: rgb(255, 255, 255); border-radius: 4px; display: flex; box-shadow: 0px 0px 0px 1px rgba(99,114,130,0.16), 0px 8px 16px rgba(27,39,51,0.08); flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-modal-overlay { left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; position: absolute; justify-content: center; align-items: center; background-color: rgba(99, 114, 130, 0.5); -webkit-box-pack: center; -webkit-box-align: center; } .mc-modal-body { position: relative; } .mc-modal-close { top: 16px; width: 32px; height: 32px; right: 16px; display: flex; position: absolute; cursor: pointer; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; } .mc-modal-close-icon { width: 24px; height: 24px; } .mc-util-modal { display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-util-modal-regular { width: 560px; } .mc-util-modal-small { width: 432px; } .mc-util-modal-header { padding: 0px 24px; line-height: 64px; font-size: 16px; } .mc-util-modal-body { padding: 0px 24px 24px; line-height: 1.5em; font-size: 14px; flex-grow: 1; -webkit-box-flex: 1; } .mc-util-modal-actions { padding: 0px 24px; border-radius: 0px 0px 4px 4px; height: 64px; border-top-color: rgb(230, 232, 235); border-top-width: 1px; border-top-style: solid; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: rgb(247, 249, 250); -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-box-pack: justify; -webkit-box-align: center; } .mc-util-modal-actions-buttons > * { margin-left: 8px; } .mc-util-modal-small .mc-util-modal-actions-buttons { width: 100%; display: flex; flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; } .mc-util-modal-small .mc-util-modal-actions-buttons > * { width: 50%; } :root { } .mc-overflow-button { padding: 0px 1px; color: rgb(99, 114, 130); } .mc-overflow-button-icon { margin-top: -1px; } :not(:disabled).mc-overflow-button:hover .mc-overflow-button-icon g { fill: #0070e0; } :not(:disabled).mc-overflow-button:active .mc-overflow-button-icon g { fill: #0070e0; } :root { } .mc-popover { color: rgb(27, 39, 51); font-family: "AtlasGrotesk", sans-serif; font-size: 14px; display: inline-block; position: relative; box-sizing: border-box; } .mc-popover-trigger { background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none; } .mc-popover-content { left: 0px; width: 344px; display: flex; position: absolute; z-index: 1; box-sizing: inherit; } .mc-popover-content-menu { padding: 0px; border-radius: 4px; line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; font-weight: 400; display: inline-block; min-width: 160px; box-sizing: inherit; box-shadow: 0px 0px 0px 1px rgba(99,114,130,0.16), 0px 8px 16px rgba(27,39,51,0.08); background-color: rgb(255, 255, 255); } .mc-popover-content-attach-left { left: 0px; right: auto; margin-left: -8px; } .mc-popover-content-attach-right { left: auto; right: 0px; margin-right: -8px; justify-content: flex-end; -webkit-box-pack: end; } .mc-popover-content-position-above { bottom: 100%; margin-bottom: 8px; } .mc-popover-content-position-below { top: 100%; margin-top: 8px; } .mc-popover-content-scroller { overflow: auto; display: block; box-sizing: inherit; } .mc-popover-content-description { padding: 8px 16px; border: currentColor; border-image: none; width: 100%; text-align: left; line-height: 16px; font-size: 12px; font-weight: 400; box-sizing: border-box; } .mc-popover-content-title { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(230, 232, 235); margin: 0px; padding: 8px 16px 7px; border-image: none; width: 100%; text-align: left; line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; font-weight: 400; display: flex; cursor: default; box-sizing: inherit; align-items: center; -webkit-box-align: center; } .mc-popover-content-title + .mc-popover-content-item { margin-top: 8px; } .mc-popover-content-item { padding: 4px 16px; border: currentColor; border-image: none; width: 100%; text-align: left; color: inherit; line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; display: block; cursor: pointer; box-sizing: border-box; background-color: transparent; } :disabled.mc-popover-content-item { color: rgb(193, 199, 205); cursor: default; } :first-child.mc-popover-content-item { margin-top: 8px; } :last-child.mc-popover-content-item { margin-bottom: 8px; } .mc-popover-content-item:focus { background-color: rgb(247, 249, 250); } :enabled.mc-popover-content-item:hover { background-color: rgb(247, 249, 250); } .mc-popover-content-separator { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(230, 232, 235); margin: 8px 0px 8px 16px; border-image: none; } :root { } .mc-popover-item-group-separator { border-width: medium medium 1px; border-style: none none solid; border-color: currentColor currentColor rgb(230, 232, 235); margin: 8px 0px; padding: 0px; border-image: none; } :first-of-type.mc-popover-item-group { padding-top: 8px; } :last-of-type.mc-popover-item-group { padding-bottom: 8px; } .mc-popover-selectable-item { margin: 0px; padding: 0px; border: currentColor; border-image: none; width: 100%; text-align: left; line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; font-weight: 400; text-decoration: none; display: block; cursor: pointer; box-sizing: border-box; background-color: transparent; } :enabled.mc-popover-selectable-item:hover { background-color: rgb(247, 249, 250); } .mc-popover-selectable-item:focus { background-color: rgb(247, 249, 250); } :enabled.mc-popover-selectable-item:active { background-color: rgb(230, 232, 235); } .mc-popover-selectable-item-selected { color: rgb(0, 112, 224); font-weight: 500; } .mc-popover-selectable-item-disabled .mc-popover-selectable-item-text { color: rgb(193, 199, 205); } .mc-popover-selectable-item-content { display: flex; } .mc-popover-selectable-item-check-wrapper { display: flex; } .mc-popover-selectable-item-icon-wrapper { display: flex; } .mc-popover-selectable-item-content { display: flex; justify-content: center; align-items: center; -webkit-box-pack: center; -webkit-box-align: center; } .mc-popover-selectable-item-check-wrapper { min-width: 32px; justify-content: center; -webkit-box-pack: center; } .mc-popover-selectable-item-icon-wrapper { padding: 4px 8px 4px 0px; min-width: 32px; } .mc-popover-selectable-item-text { padding: 4px 8px 4px 0px; flex-grow: 1; -webkit-box-flex: 1; } .mc-popover-item-group-title { margin: 0px; padding: 4px 16px 4px 32px; color: rgb(99, 114, 130); text-transform: uppercase; font-size: 10px; font-weight: 500; } :root { } .mc-tabbed-header-list { display: flex; } .mc-tabbed-header-item { display: flex; } .mc-tabbed-header-tab { display: flex; } .mc-tabbed-header-tab-content { display: flex; } .mc-tabbed-header-list { margin: 0px; padding: 0px; font-family: "AtlasGrotesk", sans-serif; border-bottom-color: rgb(230, 232, 235); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; max-height: 40px; box-sizing: border-box; } .mc-tabbed-header-item { margin-right: 32px; } .mc-tabbed-header-tab { background: none; margin: 0px; padding: 0px; border: currentColor; border-image: none; height: 40px; color: rgb(99, 114, 130); line-height: 40px; font-family: "AtlasGrotesk", sans-serif; font-size: 12px; font-weight: 400; cursor: pointer; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-tabbed-header-tab:focus { } .mc-tabbed-header-tab-content-space { height: 0px; overflow: hidden; font-weight: 500; display: inline-block; visibility: hidden; } .mc-tabbed-header-tab-content-selected { color: rgb(27, 39, 51); font-weight: 500; border-bottom-color: rgb(27, 39, 51); border-bottom-width: 1px; border-bottom-style: solid; } :root { } .mc-table { display: flex; } .mc-table-head { display: flex; } .mc-table-body { display: flex; } .mc-table-row { display: flex; } .mc-table-cell { display: flex; } .mc-table { color: rgb(27, 39, 51); font-family: "AtlasGrotesk", sans-serif; flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-table-head { flex-direction: column; flex-basis: 40px; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-table-body { flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; } .mc-table-body-culled { position: relative; } .mc-table-row { background: rgb(255, 255, 255); border-bottom-color: rgb(230, 232, 235); border-bottom-width: 1px; border-bottom-style: solid; } .mc-table-row-culled { width: 100%; position: absolute; z-index: 0; } .mc-table tr.mc-table-row { cursor: inherit; } .mc-table-head-row { flex:1 1 0px; color: rgb(99, 114, 130); box-sizing: border-box; align-items: center; -webkit-box-flex: 1; -webkit-box-align: center; } .mc-table-head-row-fixed { position: fixed; z-index: 4; } .mc-table-cell { flex:1 1 0px; min-width: 0px; -webkit-box-flex: 1; } .mc-table-head-cell { line-height: 16px; font-size: 12px; font-weight: 400; } :root { } .mc-tip-card { padding: 16px; border-radius: 4px; border: 1px solid rgb(230, 232, 235); border-image: none; display: flex; background-color: rgb(247, 249, 250); } .mc-tip-card-description { margin: 0px; padding: 0px; color: rgb(27, 39, 51); line-height: 24px; font-family: "AtlasGrotesk", sans-serif; font-size: 14px; flex-grow: 1; -webkit-box-flex: 1; } .mc-tip-card-dismiss { flex:0 0 24px; height: 24px; margin-left: 8px; -webkit-box-flex: 0; } .mc-tip-card-dismiss-icon { width: 24px; height: 24px; cursor: pointer; } .mc-tip-card-dismiss-icon g { fill: #637282; } .mc-tip-card-dismiss-icon g:hover { fill: #6a7c8f; } .mc-tip-card-dismiss-icon g:active { fill: #536170; } .react-title-bubble { padding: 7px 9px; border-radius: 3px; color: rgb(255, 255, 255); line-height: 1.4; font-size: 11px; font-weight: 500; display: inline-block; white-space: nowrap; position: relative; background-color: rgb(61, 70, 77); } .react-title-bubble__container { display: inline-block; position: relative; } .react-title-bubble--disable-pointer { pointer-events: none; } .react-title-bubble .arrow { border: 5px solid transparent; border-image: none; position: absolute; content: ""; } .react-title-bubble--top .arrow { left: 50%; } .react-title-bubble--bottom .arrow { left: 50%; } .react-title-bubble--top { margin-bottom: 5px; } .react-title-bubble--top-align-right { margin-bottom: 5px; } .react-title-bubble--top-align-left { margin-bottom: 5px; } .react-title-bubble--top .arrow { top: 100%; margin-bottom: -5px; border-top-color: rgb(61, 70, 77); border-bottom-color: transparent; } .react-title-bubble--top-align-right .arrow { top: 100%; margin-bottom: -5px; border-top-color: rgb(61, 70, 77); border-bottom-color: transparent; } .react-title-bubble--top-align-left .arrow { top: 100%; margin-bottom: -5px; border-top-color: rgb(61, 70, 77); border-bottom-color: transparent; } .react-title-bubble--bottom { margin-top: 5px; } .react-title-bubble--bottom-align-right { margin-top: 5px; } .react-title-bubble--bottom-align-left { margin-top: 5px; } .react-title-bubble--bottom .arrow { bottom: 100%; margin-top: -5px; border-top-color: transparent; border-bottom-color: rgb(61, 70, 77); } .react-title-bubble--bottom-align-right .arrow { bottom: 100%; margin-top: -5px; border-top-color: transparent; border-bottom-color: rgb(61, 70, 77); } .react-title-bubble--bottom-align-left .arrow { bottom: 100%; margin-top: -5px; border-top-color: transparent; border-bottom-color: rgb(61, 70, 77); } .react-title-bubble--right { margin-left: 5px; } .react-title-bubble--right .arrow { top: 50%; right: 100%; margin-top: -5px; border-right-color: rgb(61, 70, 77); border-bottom-color: transparent; } .react-title-bubble--left { margin-right: 5px; } .react-title-bubble--left .arrow { left: 100%; top: 50%; margin-top: -5px; border-bottom-color: transparent; border-left-color: rgb(61, 70, 77); } .react-title-bubble--bottom-align-right .arrow { margin-right: -5px; } .react-title-bubble--top-align-right .arrow { margin-right: -5px; } .react-title-bubble--left .arrow { margin-right: -5px; } .react-title-bubble--bottom-align-left .arrow { margin-left: -5px; } .react-title-bubble--top-align-left .arrow { margin-left: -5px; } .react-title-bubble--right .arrow { margin-left: -5px; } .react-title-bubble--bottom .arrow { margin-left: -5px; } .react-title-bubble--top .arrow { margin-left: -5px; } .react-pass__facepile { display: flex; flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; } .react-pass__facepile .c-avatar { box-shadow: 0px 0px 0px 2px white; -webkit-box-shadow: 0 0 0 2px white; } .react-pass__facepile .c-avatar--inactive { background-color: white; } .react-pass__facepile .c-avatar--inactive img { opacity: 0.5; -webkit-filter: grayscale(1); } .react-pass__facepile .c-avatar-initials-wrapper { border-radius: 1000px; display: inline-block; background-color: white; } .react-pass__facepile .c-avatar-initials-wrapper::before { border-radius: 1000px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; pointer-events: none; box-shadow: 0px 0px 0px 2px white; -webkit-box-shadow: 0 0 0 2px white; } .react-pass__facepile .c-avatar-initials-wrapper--square { border-radius: 3px; display: inline-block; background-color: white; } .react-pass__facepile .c-avatar-initials-wrapper--square::before { border-radius: 3px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; pointer-events: none; box-shadow: 0px 0px 0px 2px white; -webkit-box-shadow: 0 0 0 2px white; } .react-pass__facepile .c-avatar-initials-wrapper .c-avatar--inactive { opacity: 0.5; box-shadow: none; -webkit-box-shadow: none; -webkit-filter: grayscale(1); } .react-pass__facepile .c-avatar-initials-wrapper--square .c-avatar--inactive { opacity: 0.5; box-shadow: none; -webkit-box-shadow: none; -webkit-filter: grayscale(1); } .react-pass__facepile .react-pass__face-container { margin-left: -6px; display: inline-block; } .react-pass__facepile .pass-facepile-avatar { margin: 0px; padding: 0px; vertical-align: middle; background-color: transparent; } .seen-state-title-bubble.react-title-bubble { padding: 5px 10px; text-align: center; font-weight: 400; margin-top: 0px; display: flex; align-items: center; -webkit-box-align: center; } .maestro-secondary-sidebar .react-pass__facepile-padding { padding: 8px 0px 16px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; } .maestro-secondary-sidebar .react-pass__facepile-wrap { display: inline-block; } .maestro-secondary-sidebar .react-pass__facepile .react-pass__face-container { margin: 0px 8px 0px 0px; } .react-copyright-complaint-flag { background-position: center; left: 10px; width: 28px; height: 28px; bottom: 7px; position: fixed; z-index: 999; background-image: url("/static/images/contentflag-vfl6np-Y7.png"); background-repeat: no-repeat; } .react-copyright-complaint-flag .c-title-bubble { height: 100%; display: block; } .react-copyright-complaint-flag .flag-link { height: 100%; display: block; } .bubble-dropdown-v2-container { vertical-align: inherit; display: inline-block; position: relative; } .bubble-dropdown-v2 { background: padding-box rgb(255, 255, 255); border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); border-image: none; display: block; position: relative; cursor: default; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2 .bubble-arrow-container { position: absolute; } .bubble-dropdown-v2 .bubble-arrow { border: solid transparent; border-image: none; width: 0px; height: 0px; position: absolute; pointer-events: none; } .bubble-dropdown-v2 .bubble-arrow-border { border: solid transparent; border-image: none; width: 0px; height: 0px; position: absolute; pointer-events: none; } .bubble-dropdown-v2--left .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--left-top .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--left-bottom .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--right .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--right-top .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--right-bottom .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--left-align-top .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--left-align-bottom .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--right-align-top .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--right-align-bottom .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .bubble-dropdown-v2--left .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--left-top .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--left-bottom .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--right .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--right-top .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--right-bottom .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--left-align-top .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--left-align-bottom .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--right-align-top .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--right-align-bottom .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .bubble-dropdown-v2--top .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--top-left .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--top-right .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--bottom .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--bottom-left .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--bottom-right .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--top-align-left .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--top-align-right .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--bottom-align-left .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--bottom-align-right .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bubble-dropdown-v2--top .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--top-left .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--top-right .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--bottom .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--bottom-left .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--bottom-right .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--top-align-left .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--top-align-right .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--bottom-align-left .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--bottom-align-right .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bubble-dropdown-v2--left { margin-right: 10px; } .bubble-dropdown-v2--left-top { margin-right: 10px; } .bubble-dropdown-v2--left-bottom { margin-right: 10px; } .bubble-dropdown-v2--left-align-top { margin-right: 10px; } .bubble-dropdown-v2--left-align-bottom { margin-right: 10px; } .bubble-dropdown-v2--left .bubble-arrow-container { left: 100%; } .bubble-dropdown-v2--left-top .bubble-arrow-container { left: 100%; } .bubble-dropdown-v2--left-bottom .bubble-arrow-container { left: 100%; } .bubble-dropdown-v2--left-align-top .bubble-arrow-container { left: 100%; } .bubble-dropdown-v2--left-align-bottom .bubble-arrow-container { left: 100%; } .bubble-dropdown-v2--left .bubble-arrow-border { border-left-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--left-top .bubble-arrow-border { border-left-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--left-bottom .bubble-arrow-border { border-left-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--left-align-top .bubble-arrow-border { border-left-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--left-align-bottom .bubble-arrow-border { border-left-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--left .bubble-arrow { border-left-color: rgb(255, 255, 255); } .bubble-dropdown-v2--left-top .bubble-arrow { border-left-color: rgb(255, 255, 255); } .bubble-dropdown-v2--left-bottom .bubble-arrow { border-left-color: rgb(255, 255, 255); } .bubble-dropdown-v2--left-align-top .bubble-arrow { border-left-color: rgb(255, 255, 255); } .bubble-dropdown-v2--left-align-bottom .bubble-arrow { border-left-color: rgb(255, 255, 255); } .bubble-dropdown-v2--right { margin-left: 10px; } .bubble-dropdown-v2--right-top { margin-left: 10px; } .bubble-dropdown-v2--right-bottom { margin-left: 10px; } .bubble-dropdown-v2--right-align-top { margin-left: 10px; } .bubble-dropdown-v2--right-align-bottom { margin-left: 10px; } .bubble-dropdown-v2--right .bubble-arrow-container { right: 100%; margin-right: 14px; } .bubble-dropdown-v2--right-top .bubble-arrow-container { right: 100%; margin-right: 14px; } .bubble-dropdown-v2--right-bottom .bubble-arrow-container { right: 100%; margin-right: 14px; } .bubble-dropdown-v2--right-align-top .bubble-arrow-container { right: 100%; margin-right: 14px; } .bubble-dropdown-v2--right-align-bottom .bubble-arrow-container { right: 100%; margin-right: 14px; } .bubble-dropdown-v2--right .bubble-arrow-border { border-right-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--right-top .bubble-arrow-border { border-right-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--right-bottom .bubble-arrow-border { border-right-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--right-align-top .bubble-arrow-border { border-right-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--right-align-bottom .bubble-arrow-border { border-right-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--right .bubble-arrow { margin-left: 2px; border-right-color: rgb(255, 255, 255); } .bubble-dropdown-v2--right-top .bubble-arrow { margin-left: 2px; border-right-color: rgb(255, 255, 255); } .bubble-dropdown-v2--right-bottom .bubble-arrow { margin-left: 2px; border-right-color: rgb(255, 255, 255); } .bubble-dropdown-v2--right-align-top .bubble-arrow { margin-left: 2px; border-right-color: rgb(255, 255, 255); } .bubble-dropdown-v2--right-align-bottom .bubble-arrow { margin-left: 2px; border-right-color: rgb(255, 255, 255); } .bubble-dropdown-v2--top { margin-bottom: 10px; } .bubble-dropdown-v2--top-left { margin-bottom: 10px; } .bubble-dropdown-v2--top-right { margin-bottom: 10px; } .bubble-dropdown-v2--top-align-left { margin-bottom: 10px; } .bubble-dropdown-v2--top-align-right { margin-bottom: 10px; } .bubble-dropdown-v2--top .bubble-arrow-container { top: 100%; } .bubble-dropdown-v2--top-left .bubble-arrow-container { top: 100%; } .bubble-dropdown-v2--top-right .bubble-arrow-container { top: 100%; } .bubble-dropdown-v2--top-align-left .bubble-arrow-container { top: 100%; } .bubble-dropdown-v2--top-align-right .bubble-arrow-container { top: 100%; } .bubble-dropdown-v2--top .bubble-arrow-border { border-top-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--top-left .bubble-arrow-border { border-top-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--top-right .bubble-arrow-border { border-top-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--top-align-left .bubble-arrow-border { border-top-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--top-align-right .bubble-arrow-border { border-top-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--top .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bubble-dropdown-v2--top-left .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bubble-dropdown-v2--top-right .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bubble-dropdown-v2--top-align-left .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bubble-dropdown-v2--top-align-right .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bubble-dropdown-v2--bottom { margin-top: 10px; } .bubble-dropdown-v2--bottom-left { margin-top: 10px; } .bubble-dropdown-v2--bottom-right { margin-top: 10px; } .bubble-dropdown-v2--bottom-align-left { margin-top: 10px; } .bubble-dropdown-v2--bottom-align-right { margin-top: 10px; } .bubble-dropdown-v2--bottom .bubble-arrow-container { bottom: 100%; margin-bottom: 14px; } .bubble-dropdown-v2--bottom-left .bubble-arrow-container { bottom: 100%; margin-bottom: 14px; } .bubble-dropdown-v2--bottom-right .bubble-arrow-container { bottom: 100%; margin-bottom: 14px; } .bubble-dropdown-v2--bottom-align-left .bubble-arrow-container { bottom: 100%; margin-bottom: 14px; } .bubble-dropdown-v2--bottom-align-right .bubble-arrow-container { bottom: 100%; margin-bottom: 14px; } .bubble-dropdown-v2--bottom .bubble-arrow-border { border-bottom-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--bottom-left .bubble-arrow-border { border-bottom-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--bottom-right .bubble-arrow-border { border-bottom-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--bottom-align-left .bubble-arrow-border { border-bottom-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--bottom-align-right .bubble-arrow-border { border-bottom-color: rgba(0, 0, 0, 0.1); } .bubble-dropdown-v2--bottom .bubble-arrow { margin-top: 2px; border-bottom-color: rgb(255, 255, 255); } .bubble-dropdown-v2--bottom-left .bubble-arrow { margin-top: 2px; border-bottom-color: rgb(255, 255, 255); } .bubble-dropdown-v2--bottom-right .bubble-arrow { margin-top: 2px; border-bottom-color: rgb(255, 255, 255); } .bubble-dropdown-v2--bottom-align-left .bubble-arrow { margin-top: 2px; border-bottom-color: rgb(255, 255, 255); } .bubble-dropdown-v2--bottom-align-right .bubble-arrow { margin-top: 2px; border-bottom-color: rgb(255, 255, 255); } .bubble-dropdown-v2--top .bubble-arrow-container { left: 50%; } .bubble-dropdown-v2--bottom .bubble-arrow-container { left: 50%; } .bubble-dropdown-v2--top-left .bubble-arrow-container { left: 75%; } .bubble-dropdown-v2--bottom-left .bubble-arrow-container { left: 75%; } .bubble-dropdown-v2--top-right .bubble-arrow-container { left: 25%; } .bubble-dropdown-v2--bottom-right .bubble-arrow-container { left: 25%; } .bubble-dropdown-v2--left .bubble-arrow-container { top: 50%; } .bubble-dropdown-v2--right .bubble-arrow-container { top: 50%; } .bubble-dropdown-v2--left-top .bubble-arrow-container { top: 75%; } .bubble-dropdown-v2--right-top .bubble-arrow-container { top: 75%; } .bubble-dropdown-v2--left-bottom .bubble-arrow-container { top: 25%; } .bubble-dropdown-v2--right-bottom .bubble-arrow-container { top: 25%; } div#account-header #notification-feed-nav-link { position: relative; } div#account-header #notification-feed-nav-link #notifications-bell-active { display: none; } div#account-header .active#notification-feed-nav-link #notifications-bell { display: none; } div#account-header .active#notification-feed-nav-link #notifications-bell-active { vertical-align: middle; display: inline-block; } .notification-button { background: none; } .notification-button .notification-button-bell-container { position: relative; } .notification-button .notifications-bell { margin-top: -7px; vertical-align: middle; display: inline-block; } .notification-button .shake.notifications-bell { transform-origin: 5.5px -18px; animation:notification 0.5s; -webkit-transform-origin: 5.5px -18px; -webkit-animation: notification 0.5s; } .notification-button #new-notification-count { left: -1em; top: -1em; height: 13px; line-height: 13px; margin-left: 100%; position: absolute; min-width: 7px; } .notifications-dropdown { padding: 0px; width: 320px; white-space: normal; min-width: 320px; } .notifications-dropdown .chat-bubble-arrow-border { right: 31px; } .notifications-dropdown .chat-bubble-arrow { right: 31px; } .notifications-dropdown .notifications-header { line-height: 30px; padding-left: 10px; border-bottom-color: rgba(37, 40, 43, 0.1); border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 10; box-shadow: 0px 1px 0px rgba(0,0,0,0.04); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04); } .notifications-dropdown #event-feed-container { overflow: auto; -ms-overflow-x: hidden; max-height: 400px; } .notifications-dropdown #event-feed-container #notification-loading { text-align: center; margin-top: 27px; margin-bottom: 27px; } .notifications-dropdown #event-feed-container #event-feed-empty { display: none; } .notifications-dropdown .empty#event-feed-container #event-feed-empty { padding: 8px 10px 20px; text-align: center; color: rgb(0, 0, 0); font-style: normal; display: block; } .notifications-dropdown .empty#event-feed-container #event-feed-empty img { padding: 15px 0px; } .notifications-dropdown .empty#event-feed-container #event-feed { display: none; } .notifications-dropdown #event-feed-container #event-feed { display: block; } .notifications-dropdown #event-feed-container #event-feed a { padding: 0px; color: rgb(68, 68, 68); text-decoration: none; } .notifications-dropdown #event-feed-container #event-feed a.button-primary { padding: inherit; color: white; margin-top: 2px; margin-bottom: 2px; } .notifications-dropdown #event-feed-container #event-feed a:focus .feed-row { border-bottom-color: rgb(228, 236, 242); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(240, 249, 255); } .notifications-dropdown #event-feed-container #event-feed .feed-row { padding: 8px 15px 10px 10px; line-height: 18px; border-bottom-color: rgb(228, 236, 242); border-bottom-width: 1px; border-bottom-style: solid; cursor: default; min-height: 54px; background-color: rgb(248, 252, 255); } .notifications-dropdown #event-feed-container #event-feed .clickable.feed-row { cursor: pointer; } .notifications-dropdown #event-feed-container #event-feed .clickable.feed-row:hover { border-bottom-color: rgb(228, 236, 242); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(240, 249, 255); } .notifications-dropdown #event-feed-container #event-feed .clickable.feed-row:focus { border-bottom-color: rgb(228, 236, 242); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(240, 249, 255); } .notifications-dropdown #event-feed-container #event-feed .read.feed-row { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .invisible.feed-row { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; cursor: default; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .no-action.feed-row { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; cursor: default; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .invisible.feed-row:hover { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .invisible.feed-row:focus { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .no-action.feed-row:hover { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .no-action.feed-row:focus { border-bottom-color: rgb(237, 241, 245); border-bottom-width: 1px; border-bottom-style: solid; background-color: transparent; } .notifications-dropdown #event-feed-container #event-feed .animate.feed-row .shared-folder-badge { animation:bounce 0.6s; -webkit-animation: bounce 0.6s; } .notifications-dropdown #event-feed-container #event-feed .feed-image { margin-top: 2px; float: left; } .notifications-dropdown #event-feed-container #event-feed .feed-image .feed-thumbnail { width: 32px; height: 32px; } .notifications-dropdown #event-feed-container #event-feed .feed-image .has-frame.feed-thumbnail img { border: 1px solid rgb(177, 177, 177); border-image: none; width: 28px; height: 28px; margin-left: 1px; box-shadow: 0px 1px 1px rgba(0,0,0,0.2), 0px 0px 0px #000; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 0 #000; } .notifications-dropdown #event-feed-container #event-feed .feed-image .feed-thumbnail .shared-folder-badge { left: 20px; width: 12px; height: 13px; bottom: 19px; position: relative; } .notifications-dropdown #event-feed-container #event-feed .feed-image .profile-pic { width: 36px; } .notifications-dropdown #event-feed-container #event-feed .feed-image--bluenote { width: 32px; height: 32px; } .notifications-dropdown #event-feed-container #event-feed .feed-text { color: rgb(27, 39, 51); margin-left: 44px; cursor: inherit; -ms-word-wrap: break-word; } .notifications-dropdown #event-feed-container #event-feed .feed-text strong { font-weight: 500; } .notifications-dropdown #event-feed-container #event-feed .feed-text--button-wrapper { margin-left: 44px; } .notifications-dropdown #event-feed-container #event-feed .feed-text__button { cursor: inherit; -ms-word-wrap: break-word; } .notifications-dropdown #event-feed-container #event-feed .feed-text__button strong { font-weight: 500; } .notifications-dropdown #event-feed-container #event-feed .feed-text__button-text { color: rgb(27, 39, 51); overflow: hidden; -ms-word-wrap: break-word; -ms-text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .notifications-dropdown #event-feed-container #event-feed .feed-text__button-text strong { font-weight: 500; } .notifications-dropdown #event-feed-container #event-feed .feed-time { color: rgb(170, 170, 170); font-size: 11px; margin-left: 44px; display: block; } .notifications-dropdown #event-feed-container #event-feed .preview-quote { color: rgb(99, 114, 130); line-height: 18px; overflow: hidden; font-size: 12px; margin-top: 4px; margin-bottom: 4px; margin-left: 47px; -ms-text-overflow: ellipsis; max-height: 54px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .notifications-dropdown #event-feed-container #event-feed .preview-thumbnail { border-radius: 5px; border: 1px solid rgba(99, 114, 130, 0.16); border-image: none; height: 40px; color: rgb(27, 39, 51); line-height: 25px; font-size: 12px; margin-top: 4px; margin-bottom: 4px; margin-left: 47px; display: flex; max-width: 260px; align-items: center; -webkit-box-align: center; } .notifications-dropdown #event-feed-container #event-feed .preview-thumbnail--icon { width: 24px; height: 24px; margin-left: 8px; vertical-align: middle; } .notifications-dropdown #event-feed-container #event-feed .preview-thumbnail--text { overflow: hidden; margin-right: 16px; margin-left: 8px; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 240px; } .notifications-dropdown #event-feed-container #event-feed .preview-thumbnail--wrapper { display: flex; } .notifications-dropdown #event-feed-container #event-feed .preview-single-task { margin-top: 6px; margin-bottom: 4px; margin-left: 47px; display: flex; } .notifications-dropdown #event-feed-container #event-feed .preview-single-task--checkbox { vertical-align: middle; display: inline-block; } .notifications-dropdown #event-feed-container #event-feed .preview-single-task--text { color: rgb(99, 114, 130); line-height: 18px; overflow: hidden; font-size: 12px; margin-left: 10px; vertical-align: middle; -ms-text-overflow: ellipsis; max-height: 54px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .notifications-dropdown #event-feed-container #event-feed .preview-single-task--text--complete { text-decoration: line-through; } .notifications-dropdown #event-feed-container #event-feed .feed-action { padding: 8px 0px 4px; margin-left: 44px; display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action { display: block; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action form { vertical-align: middle; display: inline-block; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .ajax-loading-indicator { display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-invite-action .ajax_submit_loading { display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sc-invite-action .ajax_submit_loading { display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-mounted.sf-invite-action form { display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-mounted.sc-invite-action form { display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .loading.sf-invite-action form { opacity: 0.4; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .loading.sc-invite-action form { opacity: 0.4; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .loading.sf-invite-action .ajax-loading-indicator { margin-left: 5px; vertical-align: middle; display: inline-block; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .loading.sc-invite-action .ajax-loading-indicator { margin-left: 5px; vertical-align: middle; display: inline-block; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-invite-action .ajax-loading-indicator { margin: 0px 6px; display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sc-invite-action .ajax-loading-indicator { margin: 0px 6px; display: none; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-invite-action .ajax-loading-indicator img { padding: 0px 0px 1px; vertical-align: text-bottom; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sc-invite-action .ajax-loading-indicator img { padding: 0px 0px 1px; vertical-align: text-bottom; } .ajax-loading .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-invite-action .ajax-loading-indicator { vertical-align: middle; display: inline-block; } .ajax-loading .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sc-invite-action .ajax-loading-indicator { vertical-align: middle; display: inline-block; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sf-invite-action input { margin-left: 0px; vertical-align: middle; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .sc-invite-action input { margin-left: 0px; vertical-align: middle; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action a { padding: 5px 14px; margin-right: 10px; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action a.freshbutton-blue { color: rgb(255, 255, 255); } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action form { vertical-align: middle; display: inline-block; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .group-join-request-action input { margin-left: 0px; vertical-align: middle; } .notifications-dropdown #event-feed-container #event-feed .action-available.feed-action .loading.group-join-request-action .ajax-loading-indicator { margin-left: 5px; } .maestro .notifications-popover-content--specific.notifications-popover-content { width: 380px; max-width: 380px; } .maestro .notifications-widget-container { height: 32px; margin-right: 16px; } .maestro .notification-button { border-radius: 16px; width: 32px; height: 32px; display: inline-block; cursor: pointer; } .maestro .notification-button .notifications-bell { margin-top: 0px; } .maestro .notification-button .maestro-badge { padding: 0px 4px; border-radius: 20px; top: 0px; height: 16px; right: 0px; color: rgb(247, 249, 250); line-height: 16px; font-size: 9px; font-weight: 500; vertical-align: middle; display: inline-block; position: absolute; z-index: 1; min-width: 16px; box-sizing: border-box; transform: translate(4px, 2px); background-color: rgb(214, 44, 11); -webkit-box-sizing: border-box; -webkit-transform: translate(4px, 2px); } .maestro .notification-button:hover .mcl-notifications-icon g { stroke: #6a7c8f; } .maestro .notification-button:active .mcl-notifications-icon g { stroke: #536170; } .maestro [aria-expanded='true'].notification-button:hover .svg-icon { fill: #007af5; } .maestro [aria-expanded='true'].notification-button:active .svg-icon { fill: #005dd6; } .maestro [aria-expanded='true'].notification-button .svg-icon { fill: #0070e0; } .maestro [aria-expanded='true'].notification-button:hover .mcl-notifications-icon g { stroke: #007af5; } .maestro [aria-expanded='true'].notification-button:active .mcl-notifications-icon g { stroke: #005dd6; } .maestro [aria-expanded='true'].notification-button .mcl-notifications-icon g { stroke: #0070e0; } .maestro .tabbing .notification-button:focus { margin: 0px; padding: 0px; border-radius: 16px; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .maestro .svg-icon-wrapper { vertical-align: middle; display: inline-flex; } .maestro .svg-icon { display: inline-block; } .maestro .svg-icon-bell { width: 32px; height: 32px; } .maestro .badge-red-dot { top: 9px; width: 8px; height: 8px; right: 6px; } .maestro .notifications-dropdown { border: currentColor; border-image: none; width: 380px; } .maestro .notifications-header { line-height: 42px; padding-left: 20px; font-size: 14px; } .maestro #event-feed-container #event-feed a:focus .feed-row { background-color: rgb(214, 232, 250); } .maestro #event-feed-container #event-feed .feed-row { padding: 13px 20px; border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; position: relative; min-height: 34px; background-color: rgb(235, 244, 253); } .maestro #event-feed-container #event-feed .clickable.feed-row:hover { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; background-color: rgb(214, 232, 250); } .maestro #event-feed-container #event-feed .clickable.feed-row:focus { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; background-color: rgb(214, 232, 250); } .maestro #event-feed-container #event-feed .clickable.feed-row:active { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; background-color: rgb(214, 232, 250); } .maestro #event-feed-container #event-feed .read.feed-row { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; background-color: white; } .maestro #event-feed-container #event-feed .clickable.read.feed-row:hover { background-color: rgb(230, 232, 235); } .maestro #event-feed-container #event-feed .clickable.read.feed-row:focus { background-color: rgb(230, 232, 235); } .maestro #event-feed-container #event-feed .clickable.read.feed-row:active { background-color: rgb(230, 232, 235); } .maestro #event-feed-container #event-feed .feed-text { line-height: 18px; font-size: 12px; margin-left: 47px; } .maestro #event-feed-container #event-feed .feed-action { line-height: 18px; font-size: 12px; margin-left: 47px; } .maestro #event-feed-container #event-feed .feed-time { line-height: 18px; font-size: 12px; margin-left: 47px; } .maestro #event-feed-container #event-feed .preview-quote .preview-thumbnail .preview-single-task { line-height: 18px; font-size: 12px; margin-left: 47px; } .maestro #event-feed-container #event-feed .feed-text--button-wrapper { margin-bottom: 4px; margin-left: 47px; min-height: 30px; } .maestro #event-feed-container #event-feed .feed-text--button-wrapper .feed-text__button { line-height: 18px; font-size: 12px; } .maestro #event-feed-container #event-feed .feed-time { color: rgb(123, 137, 148); } .maestro #event-feed-container #event-feed .feed-text { padding-bottom: 2px; } .maestro #event-feed-container #event-feed .feed-image .profile-pic { width: 32px; height: 32px; } .maestro .bubble-arrow-border { left: 85%; } .maestro .bubble-arrow { left: 85%; } .member-request-notification-button { margin-top: 4px; } .request-notifications-bubble-dropdown.bubble-dropdown { border-radius: 5px; width: 325px; cursor: auto; } .top-right.request-notifications-bubble-dropdown.bubble-dropdown .bubble-arrow-border { border-width: 10px; left: 87%; } .top-right.request-notifications-bubble-dropdown.bubble-dropdown .bubble-arrow { border-width: 8px; left: 87%; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents { width: 100%; height: 100%; display: block; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notifications-header { padding: 0px 10px; line-height: 30px; border-bottom-color: rgba(37, 40, 43, 0.1); border-bottom-width: 1px; border-bottom-style: solid; box-shadow: 0px 1px 0px rgba(0,0,0,0.04); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04); } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notifications-header .header-text { float: left; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notifications-header .action-links { font-size: 11px; float: right; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items { margin: 0px; padding: 0px; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item { list-style: none; padding: 10px 15px 10px 10px; border-bottom-color: rgba(37, 40, 43, 0.1); border-bottom-width: 1px; border-bottom-style: solid; display: block; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .content { width: 210px; float: left; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .content .avatar-component { float: left; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .content .display-name { width: 165px; color: rgb(61, 70, 77); line-height: 17px; overflow: hidden; font-weight: 500; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .content .description { width: 165px; color: rgb(162, 169, 179); overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .content .request-notification-info { margin-left: 10px; float: left; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .actions { width: 90px; text-align: right; float: right; display: block; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item .actions .button-primary { margin: 0px; line-height: 20px; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item:hover { background-color: rgb(240, 249, 255); } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .request-notification-items .request-notification-list-item:focus { background-color: rgb(240, 249, 255); } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .view-all-container { padding: 9px; text-align: center; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .ajax-loading-icon { margin: 100px auto; display: block; } .request-notifications-bubble-dropdown.bubble-dropdown .request-notifications-contents .spacer { clear: both; display: block; } .request-notifications-bubble-dropdown.bubble-dropdown .empty-view { margin: 45px auto; width: 215px; text-align: center; } .request-notifications-bubble-dropdown.bubble-dropdown .empty-view .text { margin-top: 18px; } .request-notifications-bubble-dropdown.bubble-dropdown .empty-view .empty-view-icon { margin: auto; display: block; } .request-notifications-bubble-dropdown.bubble-dropdown .empty-view .member-request-empty-image { width: 69px; height: 78px; display: inline-block; background-image: url("/static/images/member_request_empty-vflmx4oUJ.png"); background-size: contain; } @media not all, all and (min-resolution:192dpi) { .request-notifications-bubble-dropdown.bubble-dropdown .empty-view .member-request-empty-image { background-image: url("/static/images/member_request_empty_2x-vfl6stdUP.png"); } } .scooter-css * { margin: 0px; padding: 0px; position: relative; box-sizing: inherit; -webkit-box-sizing: inherit; } .scooter-css ::after { margin: 0px; padding: 0px; position: relative; box-sizing: inherit; -webkit-box-sizing: inherit; } .scooter-css ::before { margin: 0px; padding: 0px; position: relative; box-sizing: inherit; -webkit-box-sizing: inherit; } .scooter-css input { font: inherit; font-size-adjust: inherit; font-stretch: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .scooter-css button { font: inherit; font-size-adjust: inherit; font-stretch: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .scooter-css textarea { font: inherit; font-size-adjust: inherit; font-stretch: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .scooter-css select { font: inherit; font-size-adjust: inherit; font-stretch: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .scooter-css input[type=checkbox] { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; } .scooter-css input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; } .scooter-css ul { margin-left: 46px; } .scooter-css ol { margin-left: 46px; } .scooter-css p { margin-bottom: 23px; } .scooter-css table { margin-bottom: 23px; } .scooter-css table { border-collapse: collapse; } html.scooter-css { font: 81.25%/1.75 "Open Sans", "Helvetica Neue", Arial, sans-serif; color: rgb(61, 70, 77); box-sizing: border-box; font-size-adjust: none; font-stretch: normal; -webkit-box-sizing: border-box; } :root.scooter-css { font: 81.25%/1.75 "Open Sans", "Helvetica Neue", Arial, sans-serif; color: rgb(61, 70, 77); box-sizing: border-box; font-size-adjust: none; font-stretch: normal; -webkit-box-sizing: border-box; } .f-headline { line-height: 1.25; font-weight: 400; margin-bottom: 23px; display: block; } .f-subhead { line-height: 1.25; font-weight: 400; margin-bottom: 23px; display: block; } .f1 { line-height: 1.25; font-weight: 400; margin-bottom: 23px; display: block; } .f2 { line-height: 1.25; font-weight: 400; margin-bottom: 23px; display: block; } .f3 { line-height: 1.25; font-weight: 400; margin-bottom: 23px; display: block; } .f4 { line-height: 1.25; font-weight: 400; margin-bottom: 23px; display: block; } .f-headline { font-size: 48px; font-weight: 200; } .f-subhead { font-size: 36px; font-weight: 200; } .f1 { font-size: 24px; } .f2 { font-size: 20px; } .f3 { font-size: 16px; } .f4 { line-height: 23px; font-size: 13px; font-weight: 600; margin-bottom: 0px; } .scooter-css a { color: rgb(0, 126, 229); text-decoration: none; cursor: pointer; } .f-a { color: rgb(0, 126, 229); text-decoration: none; cursor: pointer; } .f-link { color: rgb(0, 126, 229); text-decoration: none; cursor: pointer; } .scooter-css a:hover { text-decoration: underline; } .scooter-css a:focus { text-decoration: underline; } .f-a:hover { text-decoration: underline; } .f-a:focus { text-decoration: underline; } .f-link:hover { text-decoration: underline; } .f-link:focus { text-decoration: underline; } .scooter-css hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(37, 40, 43, 0.1) currentColor currentColor; border-image: none; margin-bottom: 23px; } .o-wrap { margin: 0px auto; display: block; max-width: 990px; } .o-grid { list-style: none; margin-left: -20px; } .o-grid__col--2-of-2 { width: 100%; } .o-grid__col--3-of-3 { width: 100%; } .o-grid__col--4-of-4 { width: 100%; } .o-grid__col--6-of-6 { width: 100%; } .o-grid__col--12-of-12 { width: 100%; } .o-grid__col--1-of-3 { width: 33.33%; } .o-grid__col--2-of-6 { width: 33.33%; } .o-grid__col--4-of-12 { width: 33.33%; } .o-grid__col--2-of-3 { width: 66.66%; } .o-grid__col--4-of-6 { width: 66.66%; } .o-grid__col--8-of-12 { width: 66.66%; } .o-grid__col--1-of-4 { width: 25%; } .o-grid__col--3-of-12 { width: 25%; } .o-grid__col--1-of-2 { width: 50%; } .o-grid__col--2-of-4 { width: 50%; } .o-grid__col--3-of-6 { width: 50%; } .o-grid__col--6-of-12 { width: 50%; } .o-grid__col--3-of-4 { width: 75%; } .o-grid__col--9-of-12 { width: 75%; } .o-grid__col--push-2-of-2 { margin-left: 100%; } .o-grid__col--push-3-of-3 { margin-left: 100%; } .o-grid__col--push-4-of-4 { margin-left: 100%; } .o-grid__col--push-6-of-6 { margin-left: 100%; } .o-grid__col--push-12-of-12 { margin-left: 100%; } .o-grid__col--push-1-of-2 { margin-left: 50%; } .o-grid__col--push-2-of-4 { margin-left: 50%; } .o-grid__col--push-3-of-6 { margin-left: 50%; } .o-grid__col--push-6-of-12 { margin-left: 50%; } .o-grid__col--push-1-of-3 { margin-left: 33.33%; } .o-grid__col--push-2-of-6 { margin-left: 33.33%; } .o-grid__col--push-4-of-12 { margin-left: 33.33%; } .o-grid__col--push-2-of-3 { margin-left: 66.66%; } .o-grid__col--push-4-of-6 { margin-left: 66.66%; } .o-grid__col--push-8-of-12 { margin-left: 66.66%; } .o-grid__col--push-1-of-4 { margin-left: 25%; } .o-grid__col--push-3-of-12 { margin-left: 25%; } .o-grid__col--push-3-of-4 { margin-left: 75%; } .o-grid__col--push-9-of-12 { margin-left: 75%; } .o-grid__col--pull-2-of-2 { margin-left: -100%; } .o-grid__col--pull-3-of-3 { margin-left: -100%; } .o-grid__col--pull-4-of-4 { margin-left: -100%; } .o-grid__col--pull-6-of-6 { margin-left: -100%; } .o-grid__col--pull-12-of-12 { margin-left: -100%; } .o-grid__col--pull-1-of-2 { margin-left: -50%; } .o-grid__col--pull-2-of-4 { margin-left: -50%; } .o-grid__col--pull-3-of-6 { margin-left: -50%; } .o-grid__col--pull-6-of-12 { margin-left: -50%; } .o-grid__col--pull-1-of-3 { margin-left: -33.33%; } .o-grid__col--pull-2-of-6 { margin-left: -33.33%; } .o-grid__col--pull-4-of-12 { margin-left: -33.33%; } .o-grid__col--pull-2-of-3 { margin-left: -66.66%; } .o-grid__col--pull-4-of-6 { margin-left: -66.66%; } .o-grid__col--pull-8-of-12 { margin-left: -66.66%; } .o-grid__col--pull-1-of-4 { margin-left: -25%; } .o-grid__col--pull-3-of-12 { margin-left: -25%; } .o-grid__col--pull-3-of-4 { margin-left: -75%; } .o-grid__col--pull-9-of-12 { margin-left: -75%; } .o-grid__col--1-of-6 { width: 16.66%; } .o-grid__col--push-1-of-6 { margin-left: 16.66%; } .o-grid__col--pull-1-of-6 { margin-left: -16.66%; } .o-grid__col--5-of-6 { width: 83.33%; } .o-grid__col--push-5-of-6 { margin-left: 83.33%; } .o-grid__col--pull-5-of-6 { margin-left: -83.33%; } .o-grid__col--1-of-12 { width: 8.33%; } .o-grid__col--push-1-of-12 { margin-left: 8.33%; } .o-grid__col--pull-1-of-12 { margin-left: -8.33%; } .o-grid__col--2-of-12 { width: 16.66%; } .o-grid__col--push-2-of-12 { margin-left: 16.66%; } .o-grid__col--pull-2-of-12 { margin-left: -16.66%; } .o-grid__col--5-of-12 { width: 41.66%; } .o-grid__col--push-5-of-12 { margin-left: 41.66%; } .o-grid__col--pull-5-of-12 { margin-left: -41.66%; } .o-grid__col--7-of-12 { width: 58.33%; } .o-grid__col--push-7-of-12 { margin-left: 58.33%; } .o-grid__col--pull-7-of-12 { margin-left: -58.33%; } .o-grid__col--10-of-12 { width: 83.33%; } .o-grid__col--push-10-of-12 { margin-left: 83.33%; } .o-grid__col--pull-10-of-12 { margin-left: -83.33%; } .o-grid__col--11-of-12 { width: 91.66%; } .o-grid__col--push-11-of-12 { margin-left: 91.66%; } .o-grid__col--pull-11-of-12 { margin-left: -91.66%; } .o-grid__col { padding-left: 20px; margin-right: -0.24em; vertical-align: top; display: inline-block; min-height: 1px; box-sizing: border-box; -webkit-box-sizing: border-box; } .o-grid--nowhitespace .o-grid__col { margin-right: 0px; } [data-reactid] .o-grid__col { margin-right: 0px; } @media all and (max-width:750px) { .o-grid--responsive .o-grid__col { width: auto; margin-right: 0px; margin-left: 0px; display: block; } } @media all and (max-width:750px) and (min-width:550px) { .o-grid--responsive [class*='o-grid__col--m-'].o-grid__col { margin-right: -0.24em; display: inline-block; } .o-grid--responsive .o-grid__col--m-1-of-2.o-grid__col { width: 50%; } .o-grid--responsive .o-grid__col--m-2-of-4.o-grid__col { width: 50%; } .o-grid--responsive .o-grid__col--m-1-of-3.o-grid__col { width: 33.33%; } .o-grid--responsive .o-grid__col--m-2-of-3.o-grid__col { width: 66.66%; } .o-grid--responsive .o-grid__col--m-1-of-4.o-grid__col { width: 25%; } .o-grid--responsive .o-grid__col--m-3-of-4.o-grid__col { width: 75%; } } @media all and (max-width:550px) { .o-grid--responsive [class*='o-grid__col--s-'].o-grid__col { margin-right: -0.24em; display: inline-block; } .o-grid--responsive .o-grid__col--s-1-of-2.o-grid__col { width: 50%; } .o-grid--responsive .o-grid__col--s-2-of-4.o-grid__col { width: 50%; } .o-grid--responsive .o-grid__col--s-1-of-3.o-grid__col { width: 33.33%; } .o-grid--responsive .o-grid__col--s-2-of-3.o-grid__col { width: 66.66%; } .o-grid--responsive .o-grid__col--s-1-of-4.o-grid__col { width: 25%; } .o-grid--responsive .o-grid__col--s-3-of-4.o-grid__col { width: 75%; } } .o-grid__col--centered { margin-right: auto; margin-left: auto; display: block; } .o-grid__col--d-first { float: left; } .o-grid__col--d-last { float: right; } .o-grid--no-gutter { width: 100%; margin-left: 0px; } .o-grid--no-gutter .o-grid__col { padding-left: 0px; } .o-grid--no-gutter .o-grid__col--span-all { width: 100%; margin-left: 0px; } .o-grid__col--ab { vertical-align: bottom; } .o-grid__col--align-bottom { vertical-align: bottom; } .o-grid__col--am { vertical-align: middle; } .o-grid__col--align-middle { vertical-align: middle; } .o-media { display: block; } .o-media__img { margin-right: 12px; float: left; } .o-media__img > img { display: block; } .o-media__body { overflow: hidden; display: block; } .o-media__body { margin-bottom: 0px; } .o-media__body > :last-child { margin-bottom: 0px; } .o-list-ui { list-style: none; margin: 0px; padding: 0px; } .o-list-ui--dividers > li + li { border-color: rgba(37, 40, 43, 0.1); border-top-width: 1px; border-top-style: solid; } .o-list-ui--inline > li { display: inline-block; } .o-flag { width: 100%; display: flex; align-items: center; -webkit-box-align: center; } .o-flag--top { align-items: flex-start; -webkit-box-align: start; } .o-flag--bottom { align-items: flex-end; -webkit-box-align: end; } .o-flag__fix { flex:0 0 auto; vertical-align: middle; display: inherit; white-space: nowrap; align-items: inherit; -webkit-box-flex: 0; -webkit-box-align: inherit; } .o-flag__flex { flex:1 1 auto; width: 100%; vertical-align: middle; min-width: 0px; -webkit-box-flex: 1; } .c-arrow { border-width: 5px; border-style: solid; border-color: currentColor transparent transparent; border-image: none; width: 0px; height: 0px; display: inline-block; } .c-arrow--down { border-width: 5px; border-style: solid; border-color: currentColor transparent transparent; border-image: none; width: 0px; height: 0px; display: inline-block; } .c-arrow--left { border-width: 5px; border-style: solid; border-color: transparent currentColor transparent transparent; border-image: none; width: 0px; height: 0px; display: inline-block; } .c-arrow--right { border-width: 5px; border-style: solid; border-color: transparent transparent transparent currentColor; border-image: none; width: 0px; height: 0px; display: inline-block; } .c-arrow--up { border-width: 5px; border-style: solid; border-color: transparent transparent currentColor; border-image: none; width: 0px; height: 0px; display: inline-block; } .c-avatar { border-radius: 1000px; width: 32px; height: 32px; text-align: center; line-height: 2.5; overflow: hidden; font-size: 13px; font-weight: 600; vertical-align: middle; display: inline-block; position: relative; min-width: 32px; box-sizing: border-box; perspective: 1px; -webkit-box-sizing: border-box; -webkit-perspective: 1px; } .c-avatar__img { height: 100%; display: block; min-width: 100%; -o-object-fit: cover; object-fit: cover; } .c-avatar > img { height: 100%; display: block; min-width: 100%; -o-object-fit: cover; object-fit: cover; } .c-avatar::after { border-radius: 1000px; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; content: ""; pointer-events: none; box-shadow: inset 0px 0px 0px 1px rgba(37,40,43,0.1); -webkit-box-shadow: inset 0 0 0 1px rgba(37, 40, 43, 0.1); } .c-avatar--no-img.c-avatar { color: rgb(255, 255, 255); background-color: rgb(0, 126, 229); } .c-avatar--no-img.c-avatar::after { content: attr(data-initials); box-shadow: none; -webkit-box-shadow: none; } .c-avatar--xs.c-avatar--no-img.c-avatar::after { content: ""; } .c-avatar--square.c-avatar { border-radius: 3px; text-transform: uppercase; } .c-avatar--square.c-avatar::after { content: none; } .c-avatar--meta.c-avatar { padding: 0px 2px; flex:0 0 auto; width: auto; color: rgb(123, 137, 148); display: inline-flex; justify-content: center; align-items: center; background-color: rgba(208, 212, 217, 0.7); -webkit-box-flex: 0; -webkit-box-pack: center; -webkit-box-align: center; } .c-avatar--meta.c-avatar > img { margin: 0px auto; width: auto; height: auto; vertical-align: middle; display: inline-block; min-width: 0px; -o-object-fit: none; object-fit: none; } .c-avatar--meta.c-avatar > span { } .c-avatar--meta.c-avatar::after { content: none; } .c-avatar--xs { width: 16px; height: 16px; font-size: 6px; font-weight: 700; min-width: 16px; } .c-avatar--xs::after { content: ""; } .c-avatar--s { width: 24px; height: 24px; font-size: 10px; font-weight: 700; min-width: 24px; } .c-avatar--m { width: 32px; height: 32px; font-size: 13px; font-weight: 600; min-width: 32px; } .c-avatar--l { width: 48px; height: 48px; font-size: 19px; font-weight: 400; min-width: 48px; } .c-avatar--xl { width: 64px; height: 64px; font-size: 26px; font-weight: 400; min-width: 64px; } .maestro .c-avatar { width: 32px; height: 32px; font-size: 13px; font-weight: 600; min-width: 32px; } .maestro .c-avatar--xs { width: 16px; height: 16px; font-size: 6px; font-weight: 700; min-width: 16px; } .maestro .c-avatar--xs::after { content: ""; } .maestro .c-avatar--s { width: 24px; height: 24px; font-size: 10px; font-weight: 700; min-width: 24px; } .maestro .c-avatar--m { width: 32px; height: 32px; font-size: 13px; font-weight: 600; min-width: 32px; } .maestro .c-avatar--l { width: 48px; height: 48px; font-size: 19px; font-weight: 400; min-width: 48px; } .maestro .c-avatar--xl { width: 64px; height: 64px; font-size: 26px; font-weight: 400; min-width: 64px; } .c-facepile { display: flex; align-items: center; -webkit-box-align: center; } .c-facepile > * { margin-right: 6px; } .is-animated.c-facepile .c-avatar { animation:DBavatar-animation 0.3s cubic-bezier(0.57, 0.23, 0.39, 1.6) both; -webkit-animation: DBavatar-animation .3s; -webkit-animation-timing-function: cubic-bezier(0.57, 0.23, 0.39, 1.6); -webkit-animation-fill-mode: both; } .is-animated.c-facepile :nth-child(1).c-avatar { animation-delay: 0.025s; -webkit-animation-delay: .025s; } .is-animated.c-facepile :nth-child(2).c-avatar { animation-delay: 0.05s; -webkit-animation-delay: .05s; } .is-animated.c-facepile :nth-child(3).c-avatar { animation-delay: 0.075s; -webkit-animation-delay: .075s; } .is-animated.c-facepile :nth-child(4).c-avatar { animation-delay: 0.1s; -webkit-animation-delay: .1s; } .is-animated.c-facepile :nth-child(5).c-avatar { animation-delay: 0.125s; -webkit-animation-delay: .125s; } .is-animated.c-facepile :nth-child(6).c-avatar { animation-delay: 0.15s; -webkit-animation-delay: .15s; } .is-animated.c-facepile :nth-child(7).c-avatar { animation-delay: 0.175s; -webkit-animation-delay: .175s; } .is-animated.c-facepile :nth-child(8).c-avatar { animation-delay: 0.2s; -webkit-animation-delay: .2s; } .is-animated.c-facepile :nth-child(9).c-avatar { animation-delay: 0.225s; -webkit-animation-delay: .225s; } .is-animated.c-facepile :nth-child(10).c-avatar { animation-delay: 0.25s; -webkit-animation-delay: .25s; } .is-animated.c-facepile :nth-child(11).c-avatar { animation-delay: 0.275s; -webkit-animation-delay: .275s; } .is-animated.c-facepile :nth-child(12).c-avatar { animation-delay: 0.3s; -webkit-animation-delay: .3s; } .is-animated.c-facepile :nth-child(13).c-avatar { animation-delay: 0.325s; -webkit-animation-delay: .325s; } .is-animated.c-facepile :nth-child(14).c-avatar { animation-delay: 0.35s; -webkit-animation-delay: .35s; } .is-animated.c-facepile :nth-child(15).c-avatar { animation-delay: 0.375s; -webkit-animation-delay: .375s; } .c-badge { background: rgb(255, 255, 255); margin: 0px; padding: 1px 4px; border-radius: 3px; border: 1px solid rgb(252, 189, 189); border-image: none; text-align: center; color: rgb(237, 122, 111); line-height: 1.4; font-size: 9px; font-weight: 700; vertical-align: middle; display: inline-block; box-sizing: border-box; text-shadow: none; -webkit-box-sizing: border-box; } .c-badge--top-right.c-badge { top: 0px; right: 0px; position: absolute; z-index: 1; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); } .c-badge--loud.c-badge { background: rgb(237, 122, 111); border: 0px currentColor; border-image: none; color: rgb(255, 255, 255); } .badge-red-dot { border-radius: 50%; top: 0px; width: 5px; height: 5px; right: 0px; position: absolute; z-index: 1; transform: translate(50%, -100%); background-color: red; -webkit-transform: translate(50%, -100%); } .c-banner { border-color: rgba(37, 40, 43, 0.1); padding: 12px; color: rgb(71, 82, 93); border-bottom-width: 1px; border-bottom-style: solid; background-color: rgb(247, 249, 250); } .c-banner--success.c-banner { color: rgb(44, 104, 63); background-color: rgb(237, 250, 241); } .c-banner--warning.c-banner { color: rgb(153, 110, 0); background-color: rgb(255, 253, 236); } .c-banner--error.c-banner { color: rgb(146, 21, 21); background-color: rgb(255, 227, 227); } .c-banner--unpinned.c-banner { border-width: 1px; border-style: solid; border-radius: 3px; } .c-btn { padding: 7px 12px; border-radius: 3px; border: 1px solid currentColor; border-image: none; text-align: center; line-height: 1.4; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } :not(button):not([type=submit]).c-btn { outline: red solid 2px !important; } .maestro .c-btn { font-weight: 500; } [disabled].c-btn { cursor: default; opacity: 0.5; } .c-btn--disabled.c-btn { cursor: default; opacity: 0.5; } .c-btn:focus { box-shadow: 0px 0px 0px 2px rgba(0,126,229,0.3); -webkit-box-shadow: 0 0 0 2px rgba(0, 126, 229, 0.3); } .c-btn:hover { text-decoration: none; } .c-btn--big.c-btn { padding: 10px 26px; } .c-btn--full.c-btn { width: 100%; display: block; } .c-btn--primary.c-btn { background: linear-gradient(rgb(0, 126, 229), rgb(0, 113, 206)); border-color: rgb(0, 113, 206); color: rgb(255, 255, 255); } :not(:disabled).c-btn--primary.c-btn:hover { background: rgb(0, 126, 229); } :not(:disabled).c-btn--primary.c-btn:active { background: rgb(0, 113, 206); } .c-btn--secondary.c-btn { background: rgb(255, 255, 255); border-color: rgb(208, 212, 217); color: rgb(71, 82, 93); } :not(:disabled).c-btn--secondary.c-btn:hover { background: linear-gradient(rgb(255, 255, 255), rgb(247, 249, 250)); } :not(:disabled).c-btn--secondary.c-btn:active { background: rgb(247, 249, 250); } .c-btn--tertiary.c-btn { background: linear-gradient(rgb(255, 255, 255), rgb(244, 250, 255)); border-color: rgb(0, 126, 229); color: rgb(0, 126, 229); } :not(:disabled).c-btn--tertiary.c-btn:hover { background: rgb(244, 250, 255); } :not(:disabled).c-btn--tertiary.c-btn:active { background: linear-gradient(rgb(244, 250, 255), rgb(227, 241, 252)); } .c-btn-group { display: flex; } .c-btn-group .c-btn { margin: 0px; border-radius: 0px; } .c-btn-group .c-btn + .c-btn { border-left-color: currentColor; border-left-width: 0px; border-left-style: none; } .c-btn-group :first-child.c-btn { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .c-btn-group :last-child.c-btn { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .c-btn-group--justify { width: 100%; } .c-btn-group--justify .c-btn { flex:1 0 auto; -webkit-box-flex: 1; } .c-datepicker { position: relative; box-sizing: border-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; } .c-datepicker .c-calendar { top: 100%; position: absolute; } .c-calendar { border-radius: 5px; display: inline-block; z-index: 1; background-color: rgb(247, 249, 250); } .c-calendar .c-calendar__header { color: rgb(123, 137, 148); text-transform: uppercase; letter-spacing: 0.05em; padding-bottom: 4px; font-size: 0.6em; } .c-calendar .c-calendar__date { padding: 4px 8px; border: 1px solid rgb(247, 249, 250); border-image: none; width: 100%; text-align: center; color: rgb(0, 126, 229); cursor: pointer; min-width: 32px; box-sizing: border-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; } tr:first-child td:first-child .c-calendar .c-calendar__date { border-top-left-radius: 4px; } tr:first-child td:last-child .c-calendar .c-calendar__date { border-top-right-radius: 4px; } tr:last-child td:first-child .c-calendar .c-calendar__date { border-bottom-left-radius: 4px; } tr:last-child td:last-child .c-calendar .c-calendar__date { border-bottom-right-radius: 4px; } .c-calendar .c-calendar__date:hover { background-color: rgb(244, 250, 255); } .c-calendar .c-calendar__date:hover { text-decoration: underline; } .c-calendar :not([class*='--disabled']).c-calendar__date:focus { text-decoration: underline; } .c-calendar .is-in-range.c-calendar__date { color: rgb(255, 255, 255); background-color: rgb(114, 182, 236); } .c-calendar .c-calendar__date--was-initially-active { background-color: rgb(204, 230, 250); } .c-calendar .c-calendar__date--was-initially-active:hover { background-color: rgb(204, 230, 250); } .c-calendar .c-calendar__date--is-active { color: rgb(255, 255, 255); background-color: rgb(0, 126, 229); } .c-calendar .c-calendar__date--is-active:hover { color: rgb(255, 255, 255); background-color: rgb(0, 126, 229); } .c-calendar .c-calendar__date--disabled { color: rgb(208, 212, 217); cursor: default; background-color: rgb(247, 249, 250); } .c-calendar .c-calendar__date--disabled:hover { color: rgb(208, 212, 217); cursor: default; background-color: rgb(247, 249, 250); } .c-card { padding: 12px; border-radius: 3px; border: 1px solid rgba(37, 40, 43, 0.1); transition:0.1s; border-image: none; vertical-align: top; display: inline-block; position: relative; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(37,40,43,0.1); background-clip: padding-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); -webkit-transition: 0.1s; } .c-card--arrow.c-card::before { border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); transition:0.1s; border-image: none; left: 50%; bottom: 100%; margin-left: -8px; position: absolute; content: ""; -webkit-transition: 0.1s; } .c-card--arrow.c-card::after { border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); transition:0.1s; border-image: none; left: 50%; bottom: 100%; margin-left: -8px; position: absolute; content: ""; -webkit-transition: 0.1s; } .c-card--arrow.c-card::before { border-width: 9px; margin-left: -9px; border-bottom-color: rgba(37, 40, 43, 0.2); } .c-card--arrow-nw.c-card::after { left: 0px; margin-left: 12px; } .c-card--arrow-nw.c-card::before { left: 0px; margin-left: 12px; } .c-card--arrow-sw.c-card::after { left: 0px; margin-left: 12px; } .c-card--arrow-sw.c-card::before { left: 0px; margin-left: 12px; } .c-card--arrow-nw.c-card::before { margin-left: 11px; } .c-card--arrow-sw.c-card::before { margin-left: 11px; } .c-card--arrow-ne.c-card::after { left: auto; right: 0px; margin-right: 12px; } .c-card--arrow-ne.c-card::before { left: auto; right: 0px; margin-right: 12px; } .c-card--arrow-se.c-card::after { left: auto; right: 0px; margin-right: 12px; } .c-card--arrow-se.c-card::before { left: auto; right: 0px; margin-right: 12px; } .c-card--arrow-ne.c-card::before { margin-right: 11px; } .c-card--arrow-se.c-card::before { margin-right: 11px; } .c-card--arrow-sw.c-card::after { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-sw.c-card::before { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-se.c-card::after { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-se.c-card::before { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-s.c-card::after { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-s.c-card::before { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-sw.c-card::before { border-top-color: rgba(37, 40, 43, 0.2); -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } .c-card--arrow-se.c-card::before { border-top-color: rgba(37, 40, 43, 0.2); -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } .c-card--arrow-s.c-card::before { border-top-color: rgba(37, 40, 43, 0.2); -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } .c-card--floating:hover { border-color: rgba(37, 40, 43, 0.2); box-shadow: 0px 1px 2px rgba(37,40,43,0.2); -webkit-box-shadow: 0 1px 2px rgba(37, 40, 43, 0.2); } .c-card--arrow.c-card--floating:hover::before { border-bottom-color: rgba(37, 40, 43, 0.3); } .c-card--arrow-se.c-card--floating:hover::before { border-top-color: rgba(37, 40, 43, 0.3); border-bottom-color: transparent; -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } .c-card--arrow-sw.c-card--floating:hover::before { border-top-color: rgba(37, 40, 43, 0.3); border-bottom-color: transparent; -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } .c-card--arrow-s.c-card--floating:hover::before { border-top-color: rgba(37, 40, 43, 0.3); border-bottom-color: transparent; -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } .is-selected.c-card--floating { border-color: rgb(0, 126, 229); } .is-selected.c-card--floating--arrow::before { border-bottom-color: rgb(0, 126, 229); } .is-selected.c-card--floating--arrow:hover::before { border-bottom-color: rgb(0, 126, 229); } .is-selected.c-card--floating--arrow-se::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-se:hover::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-sw::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-sw:hover::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-s::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-s:hover::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .c-label { color: rgb(123, 137, 148); font-size: 12px; margin-bottom: 23px; display: block; } :not(label).c-label { outline: red solid 2px !important; } .c-input { padding: 5px 7px; border-radius: 3px; border: 1px solid rgba(37, 40, 43, 0.1); border-image: none; width: 100%; text-align: left; color: rgb(71, 82, 93); font-size: 13px; display: block; box-sizing: border-box; background-clip: padding-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; } :not(input):not(textarea):not(select):not(button).c-input { outline: red solid 2px !important; } .c-input:focus { border-color: rgb(114, 182, 236); outline: 0px; } :disabled.c-input { background-color: rgb(247, 249, 250); } .is-disabled.c-input { background-color: rgb(247, 249, 250); } .is-invalid.c-input { background-position: right 10px center; border-color: rgba(232, 33, 16, 0.5); outline: 0px; padding-right: 34px; box-shadow: none; background-image: url("/static/images/scooter/icon-form-invalid-vflj3ALzP.svg"); background-repeat: no-repeat; background-size: 14px; -webkit-box-shadow: none; } .c-form--validated :invalid.c-input { background-position: right 10px center; border-color: rgba(232, 33, 16, 0.5); outline: 0px; padding-right: 34px; box-shadow: none; background-image: url("/static/images/scooter/icon-form-invalid-vflj3ALzP.svg"); background-repeat: no-repeat; background-size: 14px; -webkit-box-shadow: none; } .is-valid.c-input { background-position: right 10px center; padding-right: 34px; background-image: url("/static/images/scooter/icon-form-valid-vfl6xVlt9.svg"); background-repeat: no-repeat; background-size: 14px; } .c-form--validated :valid.c-input { background-position: right 10px center; padding-right: 34px; background-image: url("/static/images/scooter/icon-form-valid-vfl6xVlt9.svg"); background-repeat: no-repeat; background-size: 14px; } textarea.c-input { resize: vertical; } select.c-input { background-position: right 10px center; padding-right: 27px; background-image: url("/static/images/scooter/icon-form-dropdown-vfl6wvHNi.svg"); background-repeat: no-repeat; background-size: 7px 14px; } .c-loader { margin: 12px 0px; border-radius: 100%; width: 6px; height: 6px; color: transparent; font-size: 0px; display: inline-block; position: relative; background-color: rgba(61, 70, 77, 0.3); } .c-loader { animation:loaderFade 0.9s ease-in-out infinite; -webkit-animation: loaderFade .9s ease-in-out infinite; } .c-loader::after { animation:loaderFade 0.9s ease-in-out infinite; -webkit-animation: loaderFade .9s ease-in-out infinite; } .c-loader::before { animation:loaderFade 0.9s ease-in-out infinite; -webkit-animation: loaderFade .9s ease-in-out infinite; } .c-loader::after { border-radius: 100%; left: 100%; width: 6px; height: 6px; margin-left: 4px; vertical-align: middle; position: absolute; content: ""; animation-delay: 0.3s; background-color: rgba(61, 70, 77, 0.3); -webkit-animation-delay: .3s; } .c-loader::before { border-radius: 100%; left: 100%; width: 6px; height: 6px; margin-left: 4px; vertical-align: middle; position: absolute; content: ""; animation-delay: 0.3s; background-color: rgba(61, 70, 77, 0.3); -webkit-animation-delay: .3s; } .c-loader::after { left: 200%; margin-left: 8px; animation-delay: 0.6s; -webkit-animation-delay: .6s; } .c-modal-overlay { padding: 32px; left: 0px; top: 0px; right: 0px; bottom: 0px; display: flex; position: absolute; justify-content: center; align-items: center; align-content: center; background-color: rgba(61, 70, 77, 0.6); -webkit-box-pack: center; -webkit-box-align: center; } .c-modal { border-radius: 3px; flex:1 1 640px; overflow: scroll; max-width: 640px; box-shadow: 0px 1px 2px rgba(37,40,43,0.1); background-color: rgb(255, 255, 255); -webkit-box-flex: 1; -webkit-box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); } .c-modal__title { padding: 16px 32px; z-index: 3; box-shadow: 0px 1px 1px rgba(37,40,43,0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 1px 1px rgba(37, 40, 43, 0.1); } .c-modal__header { padding: 16px 32px; z-index: 3; box-shadow: 0px 1px 1px rgba(37,40,43,0.1); background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 1px 1px rgba(37, 40, 43, 0.1); } .c-modal--unibody .c-modal__title { padding-bottom: 0px; box-shadow: none; -webkit-box-shadow: none; } .c-modal--unibody .c-modal__header { padding-bottom: 0px; box-shadow: none; -webkit-box-shadow: none; } .c-modal__title h2 { margin-bottom: 0px; } .c-modal__header h2 { margin-bottom: 0px; } .c-modal__content { padding: 32px; z-index: 2; background-color: rgb(247, 249, 250); } .c-modal--unibody .c-modal__content { background-color: rgb(255, 255, 255); } .c-modal__banner { box-shadow: inset 0px 1px 0px rgba(37,40,43,0.1); -webkit-box-shadow: inset 0 1px 0 rgba(37, 40, 43, 0.1); } .c-split-btn-container { display: flex; justify-content: center; -webkit-box-pack: center; } .c-split-btn { height: 32px; display: flex; align-items: center; -webkit-box-align: center; } .c-split-btn--left.c-split-btn { margin-right: 0px; border-right-color: currentColor; border-right-width: medium; border-right-style: none; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .c-split-btn--right.c-split-btn { margin-left: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .c-split-btn--dropdown.c-split-btn { padding: 7px; } .c-tab-nav { list-style: none; padding-left: 0px; margin-left: 0px; border-bottom-color: rgba(61, 70, 77, 0.1); border-bottom-width: 1px; border-bottom-style: solid; } .c-tab-nav__tab { color: rgb(123, 137, 148); margin-bottom: -1px; display: inline-block; } .c-tab-nav__tab + .c-tab-nav__tab { margin-left: 16px; } .c-tab-nav__tab a { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor transparent; padding: 0px 0px 8px; transition:0.2s; border-image: none; color: inherit; display: inline-block; cursor: pointer; background-color: transparent; -webkit-transition: 0.2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-tab-nav__tab button { border-width: 0px 0px 1px; border-style: none none solid; border-color: currentColor currentColor transparent; padding: 0px 0px 8px; transition:0.2s; border-image: none; color: inherit; display: inline-block; cursor: pointer; background-color: transparent; -webkit-transition: 0.2s; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .c-tab-nav__tab a:hover { outline: 0px; color: rgb(61, 70, 77); text-decoration: none; border-bottom-color: currentColor; } .c-tab-nav__tab a:focus { outline: 0px; color: rgb(61, 70, 77); text-decoration: none; border-bottom-color: currentColor; } .c-tab-nav__tab button:hover { outline: 0px; color: rgb(61, 70, 77); text-decoration: none; border-bottom-color: currentColor; } .c-tab-nav__tab button:focus { outline: 0px; color: rgb(61, 70, 77); text-decoration: none; border-bottom-color: currentColor; } .is-active.c-tab-nav__tab a { color: rgb(61, 70, 77); font-weight: 600; border-bottom-color: currentColor; } .is-active.c-tab-nav__tab button { color: rgb(61, 70, 77); font-weight: 600; border-bottom-color: currentColor; } .c-table { width: 100%; text-align: left; display: table; } .c-table__th { padding: 11.5px 5.75px; } .c-table th { padding: 11.5px 5.75px; } .c-table__td { padding: 11.5px 5.75px; } .c-table td { padding: 11.5px 5.75px; } .c-table__th { color: rgb(115, 115, 115); font-weight: 400; border-bottom-color: rgb(208, 212, 217); border-bottom-width: 2px; border-bottom-style: solid; } .c-table th { color: rgb(115, 115, 115); font-weight: 400; border-bottom-color: rgb(208, 212, 217); border-bottom-width: 2px; border-bottom-style: solid; } .c-table__row { border-bottom-color: rgb(208, 212, 217); border-bottom-width: 1px; border-bottom-style: solid; } .c-table tr { border-bottom-color: rgb(208, 212, 217); border-bottom-width: 1px; border-bottom-style: solid; } .c-table__row--success { background-color: rgb(221, 240, 226); } .c-table tr--success { background-color: rgb(221, 240, 226); } .c-table__td--success { background-color: rgb(221, 240, 226); } .c-table td--success { background-color: rgb(221, 240, 226); } .c-table__row--warning { background-color: rgb(255, 245, 204); } .c-table tr--warning { background-color: rgb(255, 245, 204); } .c-table__td--warning { background-color: rgb(255, 245, 204); } .c-table td--warning { background-color: rgb(255, 245, 204); } .c-table__row--error { background-color: rgb(252, 189, 189); } .c-table tr--error { background-color: rgb(252, 189, 189); } .c-table__td--error { background-color: rgb(252, 189, 189); } .c-table td--error { background-color: rgb(252, 189, 189); } .c-table--zebra :nth-child(2n+1).c-table__row { background-color: rgb(247, 249, 250); } .c-table--zebra tbody tr:nth-child(2n+1) { background-color: rgb(247, 249, 250); } .c-table--selectable .c-table__row:hover { background-color: rgb(244, 250, 255); } .c-table--selectable .c-table__row:focus { background-color: rgb(244, 250, 255); } .c-table--selectable .has-focus.c-table__row { background-color: rgb(244, 250, 255); } .c-table--selectable tbody tr:hover { background-color: rgb(244, 250, 255); } .c-table--selectable tbody tr:focus { background-color: rgb(244, 250, 255); } .c-table--selectable tbody tr.has-focus { background-color: rgb(244, 250, 255); } .c-table--selectable .is-selected.c-table__row { background-color: rgb(204, 230, 250); } .c-table--selectable tbody tr.is-selected { background-color: rgb(204, 230, 250); } .c-title-bubble { display: inline-block; position: relative; } .c-title-bubble::before { z-index: 500; } .c-title-bubble::after { z-index: 500; } .c-title-bubble::after { padding: 7px 9px; transform-origin: 50% 50%; border-radius: 3px; left: 50%; top: 100%; color: rgb(255, 255, 255); line-height: 1.4; font-size: 11px; font-weight: 500; margin-top: 5px; display: none; white-space: nowrap; position: absolute; content: attr(data-title); transform: translateX(-50%); background-color: rgb(61, 70, 77); -webkit-transform: translateX(-50%); -webkit-transform-origin: 50% 50%; } .c-title-bubble::before { border-width: 5px; border-style: solid; border-color: transparent transparent rgb(61, 70, 77); border-image: none; left: 50%; top: 100%; margin-top: -5px; margin-left: -5px; display: none; position: absolute; content: ""; } .c-title-bubble--respect-line-break::after { white-space: pre; } .c-title-bubble--n::after { top: auto; bottom: 100%; margin-bottom: 5px; } .c-title-bubble--n::before { top: auto; bottom: 100%; margin-bottom: -5px; border-top-color: rgb(61, 70, 77); border-bottom-color: transparent; } .c-title-bubble--e::after { left: 100%; top: 50%; margin-top: 0px; margin-left: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .c-title-bubble--e::before { left: 100%; top: 50%; margin-top: -5px; border-right-color: rgb(61, 70, 77); border-bottom-color: transparent; } .c-title-bubble--w::after { left: auto; top: 50%; right: 100%; margin-top: 0px; margin-right: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .c-title-bubble--w::before { left: auto; top: 50%; right: 100%; margin-top: -5px; margin-right: -5px; border-bottom-color: transparent; border-left-color: rgb(61, 70, 77); } .c-title-bubble:hover::before { display: block; } .c-title-bubble:hover::after { display: block; } .c-title-bubble:focus::before { display: block; } .c-title-bubble:focus::after { display: block; } .is-child-focused.c-title-bubble::before { display: block; } .is-child-focused.c-title-bubble::after { display: block; } .c-token { padding: 4px; border-radius: 3px; color: rgb(71, 82, 93); line-height: 1; display: inline-block; white-space: nowrap; cursor: default; box-shadow: inset 0px 0px 0px 1px rgba(37,40,43,0.1); background-color: rgb(247, 249, 250); -webkit-box-shadow: inset 0 0 0 1px rgba(37, 40, 43, 0.1); } .c-token:hover { box-shadow: inset 0px 0px 0px 1px rgba(37,40,43,0.3); -webkit-box-shadow: inset 0 0 0 1px rgba(37, 40, 43, 0.3); } .c-token > * { margin-left: 0.25em; vertical-align: middle; } .c-token > *:first-child { margin-left: 0px; } .c-token--warning { color: rgb(153, 110, 0); background-color: rgb(255, 253, 236); } .c-token--invalid { color: rgb(146, 21, 21); background-color: rgb(255, 227, 227); } .c-token--pending { opacity: 0.5; } .is-selected.c-token { color: rgb(255, 255, 255); background-color: rgb(123, 137, 148); } .is-selected.c-token:hover { color: rgb(255, 255, 255); background-color: rgb(123, 137, 148); } .c-token--warning.is-selected.c-token { background-color: rgb(201, 151, 0); } .c-token--warning.is-selected.c-token:hover { background-color: rgb(201, 151, 0); } .c-token--invalid.is-selected.c-token { background-color: rgb(194, 28, 28); } .c-token--invalid.is-selected.c-token:hover { background-color: rgb(194, 28, 28); } .c-token__name { top: 1px; margin-left: 0.25em; } .c-token__delete { color: currentColor; font-size: 1.25em; margin-right: 0.15em; margin-left: 0.25em; cursor: pointer; opacity: 0.7; } .is-active.c-input--typeahead { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .c-typeahead { border-radius: 0px 0px 4px 4px; border: 1px solid rgba(37, 40, 43, 0.1); border-image: none; left: 0px; top: 100%; right: 0px; line-height: 1.5; overflow: scroll; margin-top: -1px; display: none; position: absolute; max-height: 180px; box-shadow: 0px 1px 2px rgba(37,40,43,0.1); background-clip: padding-box; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); } .is-open.c-typeahead { display: block; } .c-typeahead__result { margin-top: -1px; cursor: pointer; } .is-selected.c-typeahead__result { border-color: rgba(37, 40, 43, 0.1); color: rgb(0, 126, 229); margin-bottom: -2px; border-bottom-width: 1px; border-bottom-style: solid; z-index: 2; background-color: rgb(244, 250, 255); } .is-selected.c-typeahead__result .f-meta { color: inherit; } .is-invalid.c-typeahead__result { cursor: default; } .c-typeahead__media { vertical-align: middle; display: inline-block; } .c-typeahead__content { vertical-align: middle; display: inline-block; } .c-typeahead__media { margin-right: 12px; } .c-rule { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(37, 40, 43, 0.1) currentColor currentColor; border-image: none; margin-bottom: 23px; } .ax-visually-hidden { margin: -1px !important; padding: 0px !important; border: 0px currentColor !important; border-image: none !important; width: 1px !important; height: 1px !important; overflow: hidden !important; position: absolute !important; clip: rect(0px, 0px, 0px, 0px) !important; } .ax-focusable:focus { box-shadow: 0px 0px 0px 2px rgba(114,182,236,0.7); -webkit-box-shadow: 0 0 0 2px rgba(114, 182, 236, 0.7); } .is-focused.ax-focusable { box-shadow: 0px 0px 0px 2px rgba(114,182,236,0.7); -webkit-box-shadow: 0 0 0 2px rgba(114, 182, 236, 0.7); } .ax-focusable-inline:focus { text-decoration: underline; } .is-focused.ax-focusable-inline { text-decoration: underline; } .clearfix::after { clear: both; display: table; content: ""; } .o-media::after { clear: both; display: table; content: ""; } .u-unbutton { background: none; padding: 0px; border: 0px currentColor; border-image: none; } .u-unbutton:focus { box-shadow: 0px 0px 0px 2px #cce6fa; -webkit-box-shadow: 0 0 0 2px #cce6fa; } .u-trim-margin { margin: 0px !important; } .u-trim-padding { padding: 0px !important; } .u-pad-xxs { padding: 4px !important; } .u-mar-xxs { margin: 4px !important; } .u-pad-top-xxs { padding-top: 4px !important; } .u-mar-top-xxs { margin-top: 4px !important; } .u-pad-right-xxs { padding-right: 4px !important; } .u-mar-right-xxs { margin-right: 4px !important; } .u-pad-bottom-xxs { padding-bottom: 4px !important; } .u-mar-bottom-xxs { margin-bottom: 4px !important; } .u-pad-left-xxs { padding-left: 4px !important; } .u-mar-left-xxs { margin-left: 4px !important; } .u-pad-vertical-xxs { padding-top: 4px !important; padding-bottom: 4px !important; } .u-mar-vertical-xxs { margin-top: 4px !important; margin-bottom: 4px !important; } .u-pad-horizontal-xxs { padding-right: 4px !important; padding-left: 4px !important; } .u-mar-horizontal-xxs { margin-right: 4px !important; margin-left: 4px !important; } .u-pad-xs { padding: 8px !important; } .u-mar-xs { margin: 8px !important; } .u-pad-top-xs { padding-top: 8px !important; } .u-mar-top-xs { margin-top: 8px !important; } .u-pad-right-xs { padding-right: 8px !important; } .u-mar-right-xs { margin-right: 8px !important; } .u-pad-bottom-xs { padding-bottom: 8px !important; } .u-mar-bottom-xs { margin-bottom: 8px !important; } .u-pad-left-xs { padding-left: 8px !important; } .u-mar-left-xs { margin-left: 8px !important; } .u-pad-vertical-xs { padding-top: 8px !important; padding-bottom: 8px !important; } .u-mar-vertical-xs { margin-top: 8px !important; margin-bottom: 8px !important; } .u-pad-horizontal-xs { padding-right: 8px !important; padding-left: 8px !important; } .u-mar-horizontal-xs { margin-right: 8px !important; margin-left: 8px !important; } .u-pad-s { padding: 16px !important; } .u-mar-s { margin: 16px !important; } .u-pad-top-s { padding-top: 16px !important; } .u-mar-top-s { margin-top: 16px !important; } .u-pad-right-s { padding-right: 16px !important; } .u-mar-right-s { margin-right: 16px !important; } .u-pad-bottom-s { padding-bottom: 16px !important; } .u-mar-bottom-s { margin-bottom: 16px !important; } .u-pad-left-s { padding-left: 16px !important; } .u-mar-left-s { margin-left: 16px !important; } .u-pad-vertical-s { padding-top: 16px !important; padding-bottom: 16px !important; } .u-mar-vertical-s { margin-top: 16px !important; margin-bottom: 16px !important; } .u-pad-horizontal-s { padding-right: 16px !important; padding-left: 16px !important; } .u-mar-horizontal-s { margin-right: 16px !important; margin-left: 16px !important; } .u-pad-m { padding: 24px !important; } .u-mar-m { margin: 24px !important; } .u-pad-top-m { padding-top: 24px !important; } .u-mar-top-m { margin-top: 24px !important; } .u-pad-right-m { padding-right: 24px !important; } .u-mar-right-m { margin-right: 24px !important; } .u-pad-bottom-m { padding-bottom: 24px !important; } .u-mar-bottom-m { margin-bottom: 24px !important; } .u-pad-left-m { padding-left: 24px !important; } .u-mar-left-m { margin-left: 24px !important; } .u-pad-vertical-m { padding-top: 24px !important; padding-bottom: 24px !important; } .u-mar-vertical-m { margin-top: 24px !important; margin-bottom: 24px !important; } .u-pad-horizontal-m { padding-right: 24px !important; padding-left: 24px !important; } .u-mar-horizontal-m { margin-right: 24px !important; margin-left: 24px !important; } .u-pad-l { padding: 32px !important; } .u-mar-l { margin: 32px !important; } .u-pad-top-l { padding-top: 32px !important; } .u-mar-top-l { margin-top: 32px !important; } .u-pad-right-l { padding-right: 32px !important; } .u-mar-right-l { margin-right: 32px !important; } .u-pad-bottom-l { padding-bottom: 32px !important; } .u-mar-bottom-l { margin-bottom: 32px !important; } .u-pad-left-l { padding-left: 32px !important; } .u-mar-left-l { margin-left: 32px !important; } .u-pad-vertical-l { padding-top: 32px !important; padding-bottom: 32px !important; } .u-mar-vertical-l { margin-top: 32px !important; margin-bottom: 32px !important; } .u-pad-horizontal-l { padding-right: 32px !important; padding-left: 32px !important; } .u-mar-horizontal-l { margin-right: 32px !important; margin-left: 32px !important; } .u-pad-xl { padding: 64px !important; } .u-mar-xl { margin: 64px !important; } .u-pad-top-xl { padding-top: 64px !important; } .u-mar-top-xl { margin-top: 64px !important; } .u-pad-right-xl { padding-right: 64px !important; } .u-mar-right-xl { margin-right: 64px !important; } .u-pad-bottom-xl { padding-bottom: 64px !important; } .u-mar-bottom-xl { margin-bottom: 64px !important; } .u-pad-left-xl { padding-left: 64px !important; } .u-mar-left-xl { margin-left: 64px !important; } .u-pad-vertical-xl { padding-top: 64px !important; padding-bottom: 64px !important; } .u-mar-vertical-xl { margin-top: 64px !important; margin-bottom: 64px !important; } .u-pad-horizontal-xl { padding-right: 64px !important; padding-left: 64px !important; } .u-mar-horizontal-xl { margin-right: 64px !important; margin-left: 64px !important; } .u-pad-xxl { padding: 96px !important; } .u-mar-xxl { margin: 96px !important; } .u-pad-top-xxl { padding-top: 96px !important; } .u-mar-top-xxl { margin-top: 96px !important; } .u-pad-right-xxl { padding-right: 96px !important; } .u-mar-right-xxl { margin-right: 96px !important; } .u-pad-bottom-xxl { padding-bottom: 96px !important; } .u-mar-bottom-xxl { margin-bottom: 96px !important; } .u-pad-left-xxl { padding-left: 96px !important; } .u-mar-left-xxl { margin-left: 96px !important; } .u-pad-vertical-xxl { padding-top: 96px !important; padding-bottom: 96px !important; } .u-mar-vertical-xxl { margin-top: 96px !important; margin-bottom: 96px !important; } .u-pad-horizontal-xxl { padding-right: 96px !important; padding-left: 96px !important; } .u-mar-horizontal-xxl { margin-right: 96px !important; margin-left: 96px !important; } .u-pad-jumbo { padding: 128px !important; } .u-mar-jumbo { margin: 128px !important; } .u-pad-top-jumbo { padding-top: 128px !important; } .u-mar-top-jumbo { margin-top: 128px !important; } .u-pad-right-jumbo { padding-right: 128px !important; } .u-mar-right-jumbo { margin-right: 128px !important; } .u-pad-bottom-jumbo { padding-bottom: 128px !important; } .u-mar-bottom-jumbo { margin-bottom: 128px !important; } .u-pad-left-jumbo { padding-left: 128px !important; } .u-mar-left-jumbo { margin-left: 128px !important; } .u-pad-vertical-jumbo { padding-top: 128px !important; padding-bottom: 128px !important; } .u-mar-vertical-jumbo { margin-top: 128px !important; margin-bottom: 128px !important; } .u-pad-horizontal-jumbo { padding-right: 128px !important; padding-left: 128px !important; } .u-mar-horizontal-jumbo { margin-right: 128px !important; margin-left: 128px !important; } .u-mar-top-auto { margin-top: auto !important; } .u-mar-right-auto { margin-right: auto !important; } .u-mar-bottom-auto { margin-bottom: auto !important; } .u-mar-left-auto { margin-left: auto !important; } .u-mar-vertical-auto { margin-top: auto !important; margin-bottom: auto !important; } .u-mar-horizontal-auto { margin-right: auto !important; margin-left: auto !important; } .u-l-fl { float: left !important; } .u-l-fr { float: right !important; } .u-l-b { display: block !important; } .u-l-ib { display: inline-block !important; } .u-l-ib--m { vertical-align: middle !important; } .u-l-ib--t { vertical-align: top !important; } .u-l-ib--b { vertical-align: bottom !important; } .u-l-dn { display: none !important; } .u-left { left: 0px; } .u-right { right: 0px; } .u-font-center { text-align: center !important; } .u-font-left { text-align: left !important; } .u-font-right { text-align: right !important; } .u-font-small { line-height: 1.8; font-size: 0.85em; } .u-font-strong { font-weight: 600; } .maestro .u-font-strong { font-weight: 500; } .u-font-black { color: rgb(0, 0, 0); } .u-font-meta { color: rgb(123, 137, 148); } .u-font-error { color: rgb(232, 33, 16); } .u-font-danger { color: rgb(232, 33, 16); } .u-font-success { color: rgb(72, 172, 104); } .u-font-wrap { white-space: normal; } .u-font-nowrap { white-space: nowrap; } .u-font-caps { text-transform: uppercase; letter-spacing: 0.05em; font-feature-settings: "c2sc" 1, "smcp" 1; -webkit-font-feature-settings: "c2sc" 1, "smcp" 1; } .u-thide { text-indent: 100%; overflow: hidden; white-space: nowrap; } .u-ellip { white-space: nowrap; -ms-overflow-x: hidden; -ms-text-overflow: ellipsis; max-width: 100%; } .u-unlist { list-style: none; } .mast-head { line-height: 26px; } #login-or-register-page-content { text-align: center; padding-top: 126px; } #login-or-register-page-content .login-or-register-img { vertical-align: middle; display: inline-block; } #login-or-register-page-content .login-register-container { vertical-align: middle; display: inline-block; } #login-or-register-page-content .login-or-register-img { margin-top: 80px; margin-right: 90px; margin-bottom: 110px; } .button-primary.auth-google { margin-top: 20px; } #login-and-register-container #login-container { display: block; } .show-register#login-and-register-container #login-container { display: none; } #login-container { margin: 0px auto; width: 100%; height: 400px; } #login-container > form { width: 357px; display: inline-block; } #login-container .splash { width: 464px; height: 390px; text-align: center; padding-left: 18px; margin-top: 60px; float: left; } #login-container #login_lhs h1 { text-align: center; color: rgb(0, 0, 0); font-size: 20px; margin-top: 22px; } #login-container #login_lhs h3 { text-align: center; color: rgb(102, 102, 102); font-size: 15px; font-weight: normal; margin-top: 6px; } #login-container #login_lhs .login_lhs_action { text-align: center; margin-top: 20px; } #login-container #login_lhs .login_lhs_teams_graphic { margin: 40px 0px 0px; } #login-container .title-text { color: rgb(34, 34, 34); font-size: 22px; font-weight: 600; } #login-container .alternative-option { color: rgb(68, 68, 68); font-size: 13px; margin-top: 4px; float: right; } #login-container #sso-login-description { margin: 20px 0px; font-size: 14px; } #login-container #sso_login_submit { float: right; } #login-container #sso_login_cancel { float: right; } #login-container #sso_login_cancel { margin-right: 10px; } #login-container > form { margin-top: 115px; margin-left: 50px; } #login-container #forgot-link { top: 15px; float: left; position: relative; } #login-partial { width: 357px; } #login-partial #email-field { margin-top: 16px; margin-bottom: 12px; } #login-partial #login-footer { margin-top: 20px; } #login-partial #login-footer #remember-me { float: left; cursor: pointer; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #login-partial #login-footer #remember-me label { cursor: pointer; } #login-partial #login-footer #sso_description { float: left; } #login-partial #login-footer #login_submit { margin-top: -6px; float: right; } #login-partial #login-footer .cancel-btn { margin-top: -6px; float: right; } #open_in_app_interstitial { text-align: center; } #open_in_app_interstitial .instruction_text { font-size: 135%; } #open_in_app_interstitial p { margin-bottom: 24px; } #open_in_app_interstitial .openinapp-button { margin: 0px; } .login-form-container .checkbox-inline.checkbox { max-width: 230px; } .login-register-container-wrapper { vertical-align: middle; display: inline-block; } .login-promo-upgrade { margin: 30px 0px 15px; padding: 20px; border-radius: 5px; border: 1px solid rgb(225, 225, 225); border-image: none; width: 350px; box-sizing: border-box; background-color: rgb(250, 251, 252); -webkit-box-sizing: border-box; } @font-face { font-family: Roboto; src: local("Roboto Medium"), local("Roboto-Medium"), url(/static/fonts/roboto/Roboto-Medium-webfont-vflGvvuWg.woff2) format("woff2"), url(/static/fonts/roboto/Roboto-Medium-webfont-vflmx1vK6.ttf) format("truetype"); font-weight: 500; font-style: normal; } .hr-label { text-align: center; overflow: hidden; clear: both; margin-top: 20px; margin-bottom: 5px; position: relative; } .hr-label::before { width: 50%; height: 1px; vertical-align: middle; display: inline-block; position: relative; content: ""; background-color: rgba(0, 0, 0, 0.2); } .hr-label::after { width: 50%; height: 1px; vertical-align: middle; display: inline-block; position: relative; content: ""; background-color: rgba(0, 0, 0, 0.2); } .hr-label::before { right: 0.5em; margin-left: -50%; } .hr-label::after { left: 0.5em; margin-right: -50%; } .login-form-container__google-div .button-primary.auth-google { padding: 8px 0px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 5px; position: relative; } .login-form__google-sign-in .button-primary.auth-google { padding: 8px 0px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 5px; position: relative; } .register-form .button-primary.auth-google { padding: 8px 0px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 5px; position: relative; } .notes-promo-actionable-area .button-primary.auth-google { padding: 8px 0px; border: 1px solid rgba(0, 0, 0, 0.2); border-image: none; width: 100%; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 500; margin-bottom: 5px; position: relative; } .login-form-container__google-div .button-primary.auth-google { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .login-form-container__google-div .button-primary.auth-google:hover { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .login-form__google-sign-in .button-primary.auth-google { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .login-form__google-sign-in .button-primary.auth-google:hover { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .register-form .button-primary.auth-google { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .register-form .button-primary.auth-google:hover { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .notes-promo-actionable-area .button-primary.auth-google { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .notes-promo-actionable-area .button-primary.auth-google:hover { background-position: 10px; background-image: url("/static/images/index/google-logo-white-vfltwSoWq.svg"); background-repeat: no-repeat; background-size: 16px 16px; background-color: rgb(66, 133, 244); } .login-form-container__google-div .button-primary.auth-google::before { border-color: rgb(34, 101, 212); left: 36px; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; position: absolute; content: ""; } .login-form__google-sign-in .button-primary.auth-google::before { border-color: rgb(34, 101, 212); left: 36px; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; position: absolute; content: ""; } .register-form .button-primary.auth-google::before { border-color: rgb(34, 101, 212); left: 36px; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; position: absolute; content: ""; } .notes-promo-actionable-area .button-primary.auth-google::before { border-color: rgb(34, 101, 212); left: 36px; top: 0px; bottom: 0px; border-left-width: 1px; border-left-style: solid; position: absolute; content: ""; } .login-form-container__google-div .button-primary.auth-google:hover { border-color: rgba(0, 0, 0, 0.1); background-color: rgb(84, 150, 255); } .login-form__google-sign-in .button-primary.auth-google:hover { border-color: rgba(0, 0, 0, 0.1); background-color: rgb(84, 150, 255); } .register-form .button-primary.auth-google:hover { border-color: rgba(0, 0, 0, 0.1); background-color: rgb(84, 150, 255); } .notes-promo-actionable-area .button-primary.auth-google:hover { border-color: rgba(0, 0, 0, 0.1); background-color: rgb(84, 150, 255); } .small .button-primary.auth-google { margin-top: 5px; margin-bottom: 0px; } .login-form-container { width: 358px; text-align: left; position: relative; } .login-form-container .login-header { font-size: 18px; font-weight: normal; } .login-form-container .maestro.login-header { font-size: 20px; } .login-form-container .login-subheader { color: rgb(76, 84, 90); line-height: 18px; margin-top: 12px; } .login-form-container .login-info { margin-top: 12px; } .login-form-container .login-button { float: right; } .login-form-container .login-button .sso-text { display: none; } .login-form-container .login-need-help { margin-top: 13px; } .login-form-container .two-factor-need-help { margin-top: 13px; } .login-form-container .login-need-help a { margin-bottom: 4px; display: block; } .login-form-container .two-factor-need-help a { margin-bottom: 4px; display: block; } .login-form-hide-remember-me.login-form-container .login-need-help { margin-top: 25px; } .login-form-container .info-icon { vertical-align: bottom; } .login-form-container .text-input { width: 100%; } .login-form-container .email-suggestion { display: none; } .login-form-container :not(:empty).email-suggestion { padding: 0px 7px 4px; color: rgb(123, 137, 148); font-style: italic; display: block; min-height: 18px; } .login-form-container .email-suggestion a { font-style: normal; } .login-form-container .last-two-digits { font-weight: bold; } .login-form-container .hide-sms .two-factor-uses-sms { display: none; } .login-form-container .hide-authenticator .two-factor-uses-authenticator { display: none; } .login-form-container .two-factor-uses-sms tr.device .icon { vertical-align: text-top; } .login-form-container .two-factor-uses-sms tr.device .name { font-weight: 600; } .login-form-container .login-loading-indicator { margin: 25px 5px 0px 0px; float: right; display: none; } .login-form-container .ajax-loading .login-loading-indicator { display: inline; } .login-form-container button.two-factor-seckey-retry { margin-top: 16px; } .login-form-container .seckey-loading-status { vertical-align: middle; } .login-form-container .sso-description { text-align: center; color: rgb(136, 136, 136); font-size: 14px; margin-top: 20px; margin-bottom: 10px; display: none; } .login-form-container .sso-description .sprite-div { display: inline-block; } .login-form-container .sso-optout { text-align: center; color: rgb(136, 136, 136); margin-top: 20px; display: none; } .login-form-container .sso-required .login-password { display: none; } .login-form-container .sso-required .remember-me { display: none; } .login-form-container .sso-required .login-need-help { display: none; } .login-form-container .sso-required .login-button { width: 100%; position: relative; } .login-form-container .sso-required .login-button .sign-in-text { display: none; } .login-form-container .sso-required .login-button .sso-text { display: block; } .login-form-container .sso-required .sso-description { display: block; } .login-form-container .sso-optional .sso-optout { display: block; } .login-form--inline.login-form-container { width: 100%; } .login-form--inline.login-form-container .text-input { margin-right: 15px; float: none; display: inline-block; } .login-form--inline.login-form-container .login-button { margin-right: 15px; float: none; display: inline-block; } .login-form--inline.login-form-container .loading-indicator { margin-right: 15px; float: none; display: inline-block; } .login-form--inline.login-form-container .login-need-help { margin-right: 15px; float: none; display: inline-block; } .login-form--inline.login-form-container .text-input { width: 170px; } .login-form--inline.login-form-container .login-button { width: auto; } .login-form--inline.login-form-container .text-input-error-wrapper { position: absolute; } .login-form--right.login-form--inline.login-form-container { text-align: right; } .login-form-container .web-destiny-container-class { text-align: center; visibility: hidden; } .login-form-container .continue-as-button-class { width: 100%; overflow: hidden; } .login-form-container .continue-as-user-name { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .login-form-container .login-via-email-link-container { text-align: right; } .login-form-container__google-div { text-align: left; } .login-form-container--centered { margin: 0px auto; max-width: 350px; } .login-form-container .c-card--error { margin-top: 10px; } .media-mobile .login-form-container { width: 100%; } .small.login-form-container { width: 100%; } .media-mobile .login-form-container .remember-me { margin: 0px; padding: 0px; display: block; } .media-mobile .login-form-container .agree { margin: 0px; padding: 0px; display: block; } .small.login-form-container .remember-me { margin: 0px; padding: 0px; display: block; } .small.login-form-container .agree { margin: 0px; padding: 0px; display: block; } .media-mobile .login-form-container .login-button { width: 100%; position: relative; } .small.login-form-container .login-button { width: 100%; position: relative; } .media-mobile .login-form-container .two-factor-form .login-header { display: none; } .small.login-form-container .two-factor-form .login-header { display: none; } .media-mobile .login-form-container .sso-required .remember-me { display: none; } .small.login-form-container .sso-required .remember-me { display: none; } .media-mobile .login-form-container .login-loading-indicator { margin-top: -70px; } .small.login-form-container .login-loading-indicator { margin-top: -70px; } .small.login-form-container .login-header { font-size: 14px; } .two-factor-trusted-info { width: auto; min-width: 100px; max-width: 200px; } .index.small.register.login-form-container { margin: 0px auto; width: 225px; position: relative; } .index.small.register.login-form-container .first { margin-top: -15px; } .index.small.register.login-form-container .login-button { margin: 15px auto auto; height: 45px; font-size: 14px; font-weight: normal; } .index.small.register.login-form-container .button-primary.auth-google { padding: 0px; line-height: 24px; margin-top: 7px; margin-bottom: 0px; } .index.small.register.login-form-container .button-primary.auth-google .logo { margin-top: 4px; } .index.small.register.login-form-container { height: 45px; overflow: hidden; } .index.small.register.login-form-container .register-form { left: 0px; bottom: 0px; position: absolute; } .third_party_auth.index.small.register.login-form-container { height: 86px; } .form_shown.index.small.register.login-form-container { height: auto !important; overflow: visible; } .form_shown.index.small.register.login-form-container .register-form { position: relative; } .form_shown.index.small.register.login-form-container .auth-google { display: inline-block; } .credentials-form-container--index { margin: 8px auto 0px; } .credentials-form-container--index-error { margin: 8px auto 0px; } .credentials-form-container--index .text-input .text-input-input { border-color: rgb(208, 212, 217); margin: 0px 0px 4px; padding: 5px 10px; border-radius: 5px; height: 37px; font-size: 14px; } .credentials-form-container--index-error .text-input .text-input-input { border-color: rgb(208, 212, 217); margin: 0px 0px 4px; padding: 5px 10px; border-radius: 5px; height: 37px; font-size: 14px; } .credentials-form-container--index .text-input label { padding: 9px 11px; color: rgb(71, 82, 93); font-size: 14px; } .credentials-form-container--index-error .text-input label { padding: 9px 11px; color: rgb(71, 82, 93); font-size: 14px; } .credentials-form-container--index .text-input-error-wrapper { display: none; } .credentials-form-container--index-error .text-input-error-wrapper { display: none; } .credentials-form-container--index .login-form-container .two-factor-trusted-info { width: auto; } .credentials-form-container--index-error .login-form-container .two-factor-trusted-info { width: auto; } .credentials-form-container--index .login-form-container .agree input { margin-top: 1px; } .credentials-form-container--index-error .login-form-container .agree input { margin-top: 1px; } .credentials-form-container--index .login-register-container .login-register-header { text-align: center; float: none; } .credentials-form-container--index-error .login-register-container .login-register-header { text-align: center; float: none; } .credentials-form-container--index .register-form__name-fields .text-input { width: calc(50% - 2px); float: left; } .credentials-form-container--index-error .register-form__name-fields .text-input { width: calc(50% - 2px); float: left; } .credentials-form-container--index .register-form__name-fields :first-of-type.text-input { margin-right: 4px; } .credentials-form-container--index-error .register-form__name-fields :first-of-type.text-input { margin-right: 4px; } .credentials-form-container--index .input-email { clear: both; margin-bottom: 8px; } .credentials-form-container--index-error .input-email { clear: both; margin-bottom: 8px; } .credentials-form-container--index .agree label { color: rgb(99, 114, 130); font-size: 14px; } .credentials-form-container--index-error .agree label { color: rgb(99, 114, 130); font-size: 14px; } .credentials-form-container--index .checkbox { padding: 10px 0px 13px; } .credentials-form-container--index-error .checkbox { padding: 10px 0px 13px; } .credentials-form-container--index .input-error { border-color: rgb(232, 33, 16) !important; } .credentials-form-container--index-error .input-error { border-color: rgb(232, 33, 16) !important; } .credentials-form-container--index .input-error + label { color: rgb(232, 33, 16); } .credentials-form-container--index-error .input-error + label { color: rgb(232, 33, 16); } .credentials-form-container--index .button-primary.login-button { background: linear-gradient(rgb(40, 149, 241), rgb(0, 126, 229)); border: 1px solid rgb(0, 126, 229); border-image: none; width: 100%; line-height: 24px; font-size: 16px; margin-top: 0px; float: none; } .credentials-form-container--index-error .button-primary.login-button { background: linear-gradient(rgb(40, 149, 241), rgb(0, 126, 229)); border: 1px solid rgb(0, 126, 229); border-image: none; width: 100%; line-height: 24px; font-size: 16px; margin-top: 0px; float: none; } .credentials-form-container--index .button-primary.login-button:hover { opacity: 0.8; } .credentials-form-container--index-error .button-primary.login-button:hover { opacity: 0.8; } .credentials-form-container--index-error#invite-register-container { width: 334px; } .credentials-form-container--index-error .text-input-error-wrapper { height: 17px; display: block; } .credentials-form-container--index-error .register-form__name-fields .text-input { width: calc(50% - 8px); } .credentials-form-container--index-error .register-form__name-fields :first-of-type.text-input { margin-right: 16px; } .register-form--error-list .register-form__errors::before { background-position: left top; width: 16px; height: 16px; position: absolute; content: ""; background-image: url("/static/images/scooter/icon-form-invalid-vflj3ALzP.svg"); background-repeat: no-repeat; } .register-form--error-alert .text-input--error::before { background-position: left top; width: 16px; height: 16px; position: absolute; content: ""; background-image: url("/static/images/scooter/icon-form-invalid-vflj3ALzP.svg"); background-repeat: no-repeat; } .register-form--error-alert .checkbox-inline--error::before { background-position: left top; width: 16px; height: 16px; position: absolute; content: ""; background-image: url("/static/images/scooter/icon-form-invalid-vflj3ALzP.svg"); background-repeat: no-repeat; } .register-form .hidden-inputs { display: none; } .register-form--error-list .input-error { border-color: rgb(232, 33, 16); color: rgb(232, 33, 16); } .register-form--error-list .register-form__errors { margin: 13px 0px 0px; padding: 0px 0px 0px 22px; position: relative; } .register-form--error-list .register-form__errors::before { left: 0px; top: 0px; } .register-form--error-list .register-form__error { list-style: none; margin: 0px; padding: 0px; color: rgb(232, 33, 16); line-height: 1.4; font-size: 13px; } .register-form--error-alert .text-input--error { position: relative; } .register-form--error-alert .checkbox-inline--error { position: relative; } .register-form--error-alert .text-input--error::before { left: -24px; top: 10px; } .register-form--error-alert .checkbox-inline--error::before { left: -24px; top: 10px; } .register-form--error-alert .checkbox-inline--error::before { top: 15px; } .register-form--error-alert .register-form__errors::before { display: none; } .register-form .allow-visual-validate__false .text-input .text-input-wrapper label { color: rgb(61, 70, 77) !important; } .register-form .allow-visual-validate__false .text-input .text-input-wrapper input { color: rgb(61, 70, 77) !important; } .register-form .allow-visual-validate__false .text-input .text-input-wrapper label span { color: rgb(61, 70, 77) !important; } .register-form .allow-visual-validate__false .agree label { color: rgb(61, 70, 77) !important; } .register-form .allow-visual-validate__false .agree input { color: rgb(61, 70, 77) !important; } .register-form .allow-visual-validate__false .agree label span { color: rgb(61, 70, 77) !important; } .register-form .allow-visual-validate__false .text-input .text-input-wrapper .text-input-input { border: 1px solid rgb(208, 212, 217) !important; border-image: none !important; } .register-form .allow-visual-validate__false .agree .text-input-input { border: 1px solid rgb(208, 212, 217) !important; border-image: none !important; } .register-form .allow-visual-validate__false + .register-form__errors { display: none !important; } .register-form .allow-visual-validate__false .text-input--error::before { display: none !important; } .exp-growth_web_google_register__GOOGLE2.register { width: 370px; } .exp-growth_web_google_register__GOOGLE3.register { width: 370px; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields { position: relative; z-index: 1; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields { position: relative; z-index: 1; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields::after { clear: both; display: table; content: ""; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields::after { clear: both; display: table; content: ""; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .input-email { width: calc(50% - 4px); float: left; z-index: 1; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .input-password { width: calc(50% - 4px); float: left; z-index: 1; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .input-email { width: calc(50% - 4px); float: left; z-index: 1; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .input-password { width: calc(50% - 4px); float: left; z-index: 1; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .input-email { clear: right; margin-right: 8px; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .input-email { clear: right; margin-right: 8px; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .text-input--error.input-email { z-index: 2; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .text-input--error.input-email { z-index: 2; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .checkbox { padding: 6px 0px; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .checkbox { padding: 6px 0px; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .hr-label { margin-bottom: 1px; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .hr-label { margin-bottom: 1px; } .exp-growth_web_google_register__GOOGLE2.register .register-form__credential-fields .hr-label__text { font-size: 11px; } .exp-growth_web_google_register__GOOGLE3.register .register-form__credential-fields .hr-label__text { font-size: 11px; } .dropbox-2015 .form-container .register-form .exp-growth_web_google_register { box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1); background-size: 16px 16px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px 0; } .dropbox-2015 .form-container .register-form .exp-growth_web_google_register__GOOGLE2 { border: 1px solid rgb(208, 212, 217); border-image: none; color: rgb(61, 70, 77); font-weight: 500; background-image: url("/static/images/index/google-logo-color-vflpJqkMT.svg"); background-color: rgb(255, 255, 255); } .dropbox-2015 .form-container .register-form .exp-growth_web_google_register__GOOGLE2:hover { border-color: rgb(159, 162, 166); background-image: url("/static/images/index/google-logo-color-vflpJqkMT.svg"); } .dropbox-2015 .form-container .register-form .exp-growth_web_google_register__GOOGLE2::before { display: none; } .maestro .credentials-form-container--index-error .button-primary.login-button { background: rgb(0, 112, 224); width: 207px; height: 40px; font-size: 14px; font-weight: 500; margin-top: 8px; float: right; } .maestro .credentials-form-container--index-error .login-need-help { margin-bottom: 40px; } .maestro .credentials-form-container--index-error .text-input .text-input-input { margin: 0px 0px 20px; font-size: 14px; } .maestro .credentials-form-container--index-error .text-input label { padding: 12px; color: rgb(99, 114, 130); font-size: 14px; } .maestro .credentials-form-container--index-error .checkbox_label { margin-left: 12px; } .maestro .credentials-form-container--index-error .hr-label { margin: 32px 0px 37px; } .maestro .credentials-form-container--index-error .input-email { margin-bottom: 0px; } .maestro .register-form__name-field { width: 210px; float: left; } .maestro .second.register-form__name-field { float: right; } .maestro .register-form__name-field .text-input { width: 100%; } .recaptcha-container { display: block; position: relative; } .recaptcha-container .text-input-error-wrapper { color: rgb(232, 33, 16); line-height: normal; font-size: 12px; min-height: 17px; } .recaptcha-container .text-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .recaptcha-container .text-input-error-wrapper br { display: none; } .recaptcha-container #recaptcha_response { margin-top: 0px; min-height: 36px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .recaptcha-container .text-input { width: 100%; float: left; border-bottom-left-radius: 3px; } .recaptcha-container .recaptcha-buttons.standard { right: 1px; position: absolute; } .recaptcha-container .recaptcha-buttons.standard .recaptcha-button img { width: 34px; height: 34px; margin-top: 1px; border-left-color: rgb(184, 184, 184); border-left-width: 1px; border-left-style: solid; } .recaptcha-container .recaptcha-buttons.standard .recaptcha-show-help.recaptcha-button img { border-bottom-right-radius: 3px; } .recaptcha-container .login-recaptcha-challenge-container.standard { background: rgb(255, 255, 255); padding: 12px; border-radius: 3px 3px 0px 0px; border: 1px solid rgb(184, 184, 184); border-image: none; width: auto !important; height: auto !important; margin-top: 2px; margin-bottom: -1px; position: relative; min-height: 50px; } .recaptcha-container .login-recaptcha-challenge-container.standard img { width: 100%; } .recaptcha-container .recaptcha-buttons.small { top: 2px; width: 17%; float: right; } .recaptcha-container .recaptcha-buttons.small .recaptcha-button img { width: 100%; height: 34px; border-right-color: rgb(184, 184, 184); border-bottom-color: rgb(184, 184, 184); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; float: right; } .recaptcha-container .recaptcha-buttons.small .recaptcha-reload.recaptcha-button img { border-radius: 0px 3px 0px 0px; border-top-color: rgb(184, 184, 184); border-top-width: 1px; border-top-style: solid; } .recaptcha-container .recaptcha-buttons.small .recaptcha-show-help.recaptcha-button img { border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none; } .recaptcha-container .login-recaptcha-challenge-container.small { background: rgb(255, 255, 255); padding: 24px 0px; border: 1px solid rgb(184, 184, 184); border-image: none; width: 81.5% !important; margin-top: 0px; margin-bottom: -2px; float: left; border-top-right-radius: 3px; } .recaptcha-container .login-recaptcha-challenge-container.small img { width: 100%; height: auto; display: block; } .c-card { padding: 12px; border-radius: 3px; border: 1px solid rgba(37, 40, 43, 0.1); transition:0.1s; border-image: none; vertical-align: top; position: relative; z-index: 999; box-sizing: border-box; box-shadow: 0px 1px 2px rgba(37,40,43,0.1); background-clip: padding-box; background-color: rgb(255, 255, 255); -webkit-box-sizing: border-box; -webkit-box-shadow: 0 1px 2px rgba(37, 40, 43, 0.1); -webkit-transition: .1s; } .c-card--error.c-card { border: 1px solid rgb(252, 189, 189); border-image: none; color: rgb(146, 21, 21); background-color: rgb(255, 227, 227); } .c-card--error.c-card a { color: rgb(146, 21, 21); border-bottom-color: currentColor; border-bottom-width: 1px; border-bottom-style: solid; } .c-card--error.c-card a:hover { text-decoration: none; } .c-card--arrow.c-card::before { border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); transition:0.1s; border-image: none; left: 50%; bottom: 100%; margin-left: -8px; position: absolute; content: ""; -webkit-transition: .1s; } .c-card--arrow.c-card::after { border-width: 8px; border-style: solid; border-color: transparent transparent rgb(255, 255, 255); transition:0.1s; border-image: none; left: 50%; bottom: 100%; margin-left: -8px; position: absolute; content: ""; -webkit-transition: .1s; } .c-card--arrow.c-card::before { border-width: 9px; margin-left: -9px; border-bottom-color: rgba(37, 40, 43, 0.2); } .c-card--arrow-nw.c-card::after { left: 0px; margin-left: 12px; } .c-card--arrow-nw.c-card::before { left: 0px; margin-left: 12px; } .c-card--arrow-sw.c-card::after { left: 0px; margin-left: 12px; } .c-card--arrow-sw.c-card::before { left: 0px; margin-left: 12px; } .c-card--arrow-nw.c-card::before { margin-left: 11px; } .c-card--arrow-sw.c-card::before { margin-left: 11px; } .c-card--arrow-ne.c-card::after { left: auto; right: 15px; margin-right: 12px; } .c-card--arrow-ne.c-card::before { left: auto; right: 15px; margin-right: 12px; } .c-card--arrow-se.c-card::after { left: auto; right: 15px; margin-right: 12px; } .c-card--arrow-se.c-card::before { left: auto; right: 15px; margin-right: 12px; } .c-card--arrow-ne.c-card::before { margin-right: 11px; } .c-card--arrow-se.c-card::before { margin-right: 11px; } .c-card--arrow-sw.c-card::after { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-sw.c-card::before { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-se.c-card::after { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-se.c-card::before { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-s.c-card::after { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-s.c-card::before { top: 100%; bottom: auto; border-top-color: rgb(255, 255, 255); border-bottom-color: transparent; } .c-card--arrow-sw.c-card::before { border-top-color: rgba(37, 40, 43, 0.2); -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } .c-card--arrow-se.c-card::before { border-top-color: rgba(37, 40, 43, 0.2); -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } .c-card--arrow-s.c-card::before { border-top-color: rgba(37, 40, 43, 0.2); -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.2)); } .c-card--floating:hover { border-color: rgba(37, 40, 43, 0.2); box-shadow: 0px 1px 2px rgba(37,40,43,0.2); -webkit-box-shadow: 0 1px 2px rgba(37, 40, 43, 0.2); } .c-card--arrow.c-card--floating:hover::before { border-bottom-color: rgba(37, 40, 43, 0.3); } .c-card--arrow-se.c-card--floating:hover::before { border-top-color: rgba(37, 40, 43, 0.3); border-bottom-color: transparent; -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } .c-card--arrow-sw.c-card--floating:hover::before { border-top-color: rgba(37, 40, 43, 0.3); border-bottom-color: transparent; -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } .c-card--arrow-s.c-card--floating:hover::before { border-top-color: rgba(37, 40, 43, 0.3); border-bottom-color: transparent; -webkit-filter: drop-shadow(0 1px 2px rgba(37, 40, 43, 0.3)); } .is-selected.c-card--floating { border-color: rgb(0, 126, 229); } .is-selected.c-card--floating--arrow::before { border-bottom-color: rgb(0, 126, 229); } .is-selected.c-card--floating--arrow:hover::before { border-bottom-color: rgb(0, 126, 229); } .is-selected.c-card--floating--arrow-se::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-se:hover::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-sw::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-sw:hover::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-s::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .is-selected.c-card--floating--arrow-s:hover::before { border-top-color: rgb(0, 126, 229); border-bottom-color: transparent; } .tabbing .button-primary:focus { text-decoration: none; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .button-secondary:focus { text-decoration: none; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .button-tertiary:focus { text-decoration: none; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .button-as-link:focus { text-decoration: underline; } .tabbing .sprite-button:focus { margin: -2px; padding: 2px; border-radius: 5px; text-decoration: none; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .button-as-link { background: none; margin: 0px; padding: 0px; color: rgb(40, 149, 241); cursor: pointer; } .button-as-link:hover { text-decoration: underline; } :disabled.button-as-link:hover { text-decoration: none; } .button-as-link--inline { line-height: inherit; font-size: 1em !important; } .button-primary { margin: 16px 0px 5px; padding: 6px 16px; border-radius: 3px; line-height: normal; min-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; } .button-secondary { margin: 16px 0px 5px; padding: 6px 16px; border-radius: 3px; line-height: normal; min-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; } .button-tertiary { margin: 16px 0px 5px; padding: 6px 16px; border-radius: 3px; line-height: normal; min-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; } .maestro .button-primary { line-height: 1; } .maestro .button-secondary { line-height: 1; } .maestro .button-tertiary { line-height: 1; } body.ie .button-primary { padding-top: 0px; padding-bottom: 0px; } body.ie .button-secondary { padding-top: 0px; padding-bottom: 0px; } body.ie .button-tertiary { padding-top: 0px; padding-bottom: 0px; } .button-small.button-primary { margin: 0px; padding: 3px 10px; min-height: 30px; } .button-small.button-secondary { margin: 0px; padding: 3px 10px; min-height: 30px; } .button-small.button-tertiary { margin: 0px; padding: 3px 10px; min-height: 30px; } .freshbutton { padding: 5px 16px; border-radius: 3px; } .freshbutton-red { padding: 5px 16px; border-radius: 3px; } .freshbutton-blue { padding: 5px 16px; border-radius: 3px; } .freshbutton-lightblue { padding: 5px 16px; border-radius: 3px; } .freshbutton-blue-on-gray { padding: 5px 16px; border-radius: 3px; } .freshbutton-gray { padding: 5px 16px; border-radius: 3px; } .freshbutton-silver { padding: 5px 16px; border-radius: 3px; } .freshbutton-green { padding: 5px 16px; border-radius: 3px; } .freshbutton-no-hover { padding: 5px 16px; border-radius: 3px; } .freshbutton { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-red { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-blue { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-lightblue { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-blue-on-gray { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-gray { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-silver { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-green { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .freshbutton-no-hover { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .button-primary { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .button-secondary { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .button-tertiary { text-align: center; overflow: visible; font-size: 13px; font-weight: 600; text-decoration: none; display: inline-block; cursor: pointer; } .button-big.freshbutton { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-red { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-blue { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-lightblue { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-blue-on-gray { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-gray { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-silver { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-green { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.freshbutton-no-hover { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.button-primary { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.button-secondary { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-big.button-tertiary { border-width: 2px; padding: 10px 26px; min-width: 180px; } .button-wide.freshbutton { width: 100%; max-width: 100%; } .button-wide.freshbutton-red { width: 100%; max-width: 100%; } .button-wide.freshbutton-blue { width: 100%; max-width: 100%; } .button-wide.freshbutton-lightblue { width: 100%; max-width: 100%; } .button-wide.freshbutton-blue-on-gray { width: 100%; max-width: 100%; } .button-wide.freshbutton-gray { width: 100%; max-width: 100%; } .button-wide.freshbutton-silver { width: 100%; max-width: 100%; } .button-wide.freshbutton-green { width: 100%; max-width: 100%; } .button-wide.freshbutton-no-hover { width: 100%; max-width: 100%; } .button-wide.button-primary { width: 100%; max-width: 100%; } .button-wide.button-secondary { width: 100%; max-width: 100%; } .button-wide.button-tertiary { width: 100%; max-width: 100%; } .freshbutton:hover { text-decoration: none; } .freshbutton:focus { text-decoration: none; } .freshbutton-red:hover { text-decoration: none; } .freshbutton-red:focus { text-decoration: none; } .freshbutton-blue:hover { text-decoration: none; } .freshbutton-blue:focus { text-decoration: none; } .freshbutton-lightblue:hover { text-decoration: none; } .freshbutton-lightblue:focus { text-decoration: none; } .freshbutton-blue-on-gray:hover { text-decoration: none; } .freshbutton-blue-on-gray:focus { text-decoration: none; } .freshbutton-gray:hover { text-decoration: none; } .freshbutton-gray:focus { text-decoration: none; } .freshbutton-silver:hover { text-decoration: none; } .freshbutton-silver:focus { text-decoration: none; } .freshbutton-green:hover { text-decoration: none; } .freshbutton-green:focus { text-decoration: none; } .freshbutton-no-hover:hover { text-decoration: none; } .freshbutton-no-hover:focus { text-decoration: none; } .button-primary:hover { text-decoration: none; } .button-primary:focus { text-decoration: none; } .button-secondary:hover { text-decoration: none; } .button-secondary:focus { text-decoration: none; } .button-tertiary:hover { text-decoration: none; } .button-tertiary:focus { text-decoration: none; } .freshbutton:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-red:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-red { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-red { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-red { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-blue:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-blue { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-blue { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-blue { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-lightblue:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-lightblue { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-lightblue { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-lightblue { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-blue-on-gray:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-blue-on-gray { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-blue-on-gray { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-blue-on-gray { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-gray:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-gray { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-gray { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-gray { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-silver:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-silver { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-silver { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-silver { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-green:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-green { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-green { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-green { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton-no-hover:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.freshbutton-no-hover { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.freshbutton-no-hover { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.freshbutton-no-hover { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .button-primary:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.button-primary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.button-primary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.button-primary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .button-secondary:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.button-secondary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.button-secondary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.button-secondary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .button-tertiary:active { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .pressed.button-tertiary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touched.button-tertiary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .touch.button-tertiary { box-shadow: inset 0px 1px 0px rgba(61,70,71,0.1); -webkit-box-shadow: inset 0px 1px 0px rgba(61, 70, 71, 0.1); } .freshbutton:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-red:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-blue:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-lightblue:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-blue-on-gray:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-gray:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-silver:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-green:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .freshbutton-no-hover:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .button-primary:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .button-secondary:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } .button-tertiary:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0px 0px 0px 2px #a0d1fa; } :disabled.freshbutton { cursor: default; opacity: 0.4; } .disabled.freshbutton { cursor: default; opacity: 0.4; } :disabled.freshbutton-red { cursor: default; opacity: 0.4; } .disabled.freshbutton-red { cursor: default; opacity: 0.4; } :disabled.freshbutton-blue { cursor: default; opacity: 0.4; } .disabled.freshbutton-blue { cursor: default; opacity: 0.4; } :disabled.freshbutton-lightblue { cursor: default; opacity: 0.4; } .disabled.freshbutton-lightblue { cursor: default; opacity: 0.4; } :disabled.freshbutton-blue-on-gray { cursor: default; opacity: 0.4; } .disabled.freshbutton-blue-on-gray { cursor: default; opacity: 0.4; } :disabled.freshbutton-gray { cursor: default; opacity: 0.4; } .disabled.freshbutton-gray { cursor: default; opacity: 0.4; } :disabled.freshbutton-silver { cursor: default; opacity: 0.4; } .disabled.freshbutton-silver { cursor: default; opacity: 0.4; } :disabled.freshbutton-green { cursor: default; opacity: 0.4; } .disabled.freshbutton-green { cursor: default; opacity: 0.4; } :disabled.freshbutton-no-hover { cursor: default; opacity: 0.4; } .disabled.freshbutton-no-hover { cursor: default; opacity: 0.4; } :disabled.button-primary { cursor: default; opacity: 0.4; } .disabled.button-primary { cursor: default; opacity: 0.4; } :disabled.button-secondary { cursor: default; opacity: 0.4; } .disabled.button-secondary { cursor: default; opacity: 0.4; } :disabled.button-tertiary { cursor: default; opacity: 0.4; } .disabled.button-tertiary { cursor: default; opacity: 0.4; } :disabled.freshbutton:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-red:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-red:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-blue:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-blue:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-lightblue:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-lightblue:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-blue-on-gray:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-blue-on-gray:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-gray:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-gray:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-silver:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-silver:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-green:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-green:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.freshbutton-no-hover:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.freshbutton-no-hover:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.button-primary:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.button-primary:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.button-secondary:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.button-secondary:focus { box-shadow: none; -webkit-box-shadow: none; } :disabled.button-tertiary:focus { box-shadow: none; -webkit-box-shadow: none; } .disabled.button-tertiary:focus { box-shadow: none; -webkit-box-shadow: none; } .split.freshbutton { padding: 0px; } .split.freshbutton-red { padding: 0px; } .split.freshbutton-blue { padding: 0px; } .split.freshbutton-lightblue { padding: 0px; } .split.freshbutton-blue-on-gray { padding: 0px; } .split.freshbutton-gray { padding: 0px; } .split.freshbutton-silver { padding: 0px; } .split.freshbutton-green { padding: 0px; } .split.freshbutton-no-hover { padding: 0px; } .split.button-primary { padding: 0px; } .split.button-secondary { padding: 0px; } .split.button-tertiary { padding: 0px; } .split.freshbutton span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-red span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-blue span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-lightblue span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-blue-on-gray span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-gray span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-silver span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-green span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton-no-hover span.label { padding: 6px 16px; display: inline-block; } .split.button-primary span.label { padding: 6px 16px; display: inline-block; } .split.button-secondary span.label { padding: 6px 16px; display: inline-block; } .split.button-tertiary span.label { padding: 6px 16px; display: inline-block; } .split.freshbutton span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-red span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-blue span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-lightblue span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-blue-on-gray span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-gray span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-silver span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-green span.more { padding: 6px 16px; display: inline-block; } .split.freshbutton-no-hover span.more { padding: 6px 16px; display: inline-block; } .split.button-primary span.more { padding: 6px 16px; display: inline-block; } .split.button-secondary span.more { padding: 6px 16px; display: inline-block; } .split.button-tertiary span.more { padding: 6px 16px; display: inline-block; } .maestro .freshbutton { font-weight: normal; } .maestro .freshbutton-red { font-weight: normal; } .maestro .freshbutton-blue { font-weight: normal; } .maestro .freshbutton-lightblue { font-weight: normal; } .maestro .freshbutton-blue-on-gray { font-weight: normal; } .maestro .freshbutton-gray { font-weight: normal; } .maestro .freshbutton-silver { font-weight: normal; } .maestro .freshbutton-green { font-weight: normal; } .maestro .freshbutton-no-hover { font-weight: normal; } .maestro .button-secondary { font-weight: normal; } .maestro .button-tertiary { font-weight: normal; } .maestro .button-primary { background: rgb(0, 112, 224); padding: 0px 16px; border-radius: 4px; border: currentColor; border-image: none; height: 32px; color: rgb(255, 255, 255); font-weight: 500; min-height: 32px; } .maestro .notification { font-size: 13px; min-height: 0px; } .button-tertiary:focus { border: 1px solid rgb(160, 186, 207); border-image: none; } .freshbutton-blue { border: 1px solid rgb(12, 110, 190); border-image: none; color: white; background-image: linear-gradient(rgb(22, 138, 221), rgb(0, 126, 229)); background-color: rgb(0, 126, 229); } .button-primary { border: 1px solid rgb(12, 110, 190); border-image: none; color: white; background-image: linear-gradient(rgb(22, 138, 221), rgb(0, 126, 229)); background-color: rgb(0, 126, 229); } a.button-primary { border: 1px solid rgb(12, 110, 190); border-image: none; color: white; background-image: linear-gradient(rgb(22, 138, 221), rgb(0, 126, 229)); background-color: rgb(0, 126, 229); } .freshbutton-blue:hover { background: linear-gradient(rgb(22, 142, 239), rgb(0, 126, 229)); } .hovered.freshbutton-blue { background: linear-gradient(rgb(22, 142, 239), rgb(0, 126, 229)); } .button-primary:hover { background: linear-gradient(rgb(22, 142, 239), rgb(0, 126, 229)); } .hovered.button-primary { background: linear-gradient(rgb(22, 142, 239), rgb(0, 126, 229)); } a.button-primary:hover { background: linear-gradient(rgb(22, 142, 239), rgb(0, 126, 229)); } a.hovered.button-primary { background: linear-gradient(rgb(22, 142, 239), rgb(0, 126, 229)); } .freshbutton-blue:active { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .pressed.freshbutton-blue { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .touched.freshbutton-blue { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .touch.freshbutton-blue { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .button-primary:active { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .pressed.button-primary { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .touched.button-primary { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } .touch.button-primary { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } a.button-primary:active { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } a.pressed.button-primary { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } a.touched.button-primary { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } a.touch.button-primary { background: linear-gradient(rgb(27, 128, 211), rgb(10, 116, 203)); } :disabled.freshbutton-blue { cursor: default; opacity: 0.4; } .disabled.freshbutton-blue { cursor: default; opacity: 0.4; } :disabled.button-primary { cursor: default; opacity: 0.4; } .disabled.button-primary { cursor: default; opacity: 0.4; } a:disabled.button-primary { cursor: default; opacity: 0.4; } a.disabled.button-primary { cursor: default; opacity: 0.4; } :disabled.freshbutton-blue:hover { background: rgb(0, 126, 229); } :disabled.hovered.freshbutton-blue { background: rgb(0, 126, 229); } :disabled.freshbutton-blue:active { background: rgb(0, 126, 229); } :disabled.pressed.freshbutton-blue { background: rgb(0, 126, 229); } :disabled.touched.freshbutton-blue { background: rgb(0, 126, 229); } :disabled.touch.freshbutton-blue { background: rgb(0, 126, 229); } .disabled.freshbutton-blue:hover { background: rgb(0, 126, 229); } .hovered.disabled.freshbutton-blue { background: rgb(0, 126, 229); } .disabled.freshbutton-blue:active { background: rgb(0, 126, 229); } .pressed.disabled.freshbutton-blue { background: rgb(0, 126, 229); } .touched.disabled.freshbutton-blue { background: rgb(0, 126, 229); } .touch.disabled.freshbutton-blue { background: rgb(0, 126, 229); } :disabled.button-primary:hover { background: rgb(0, 126, 229); } :disabled.hovered.button-primary { background: rgb(0, 126, 229); } :disabled.button-primary:active { background: rgb(0, 126, 229); } :disabled.pressed.button-primary { background: rgb(0, 126, 229); } :disabled.touched.button-primary { background: rgb(0, 126, 229); } :disabled.touch.button-primary { background: rgb(0, 126, 229); } .disabled.button-primary:hover { background: rgb(0, 126, 229); } .hovered.disabled.button-primary { background: rgb(0, 126, 229); } .disabled.button-primary:active { background: rgb(0, 126, 229); } .pressed.disabled.button-primary { background: rgb(0, 126, 229); } .touched.disabled.button-primary { background: rgb(0, 126, 229); } .touch.disabled.button-primary { background: rgb(0, 126, 229); } a:disabled.button-primary:hover { background: rgb(0, 126, 229); } a:disabled.hovered.button-primary { background: rgb(0, 126, 229); } a:disabled.button-primary:active { background: rgb(0, 126, 229); } a:disabled.pressed.button-primary { background: rgb(0, 126, 229); } a:disabled.touched.button-primary { background: rgb(0, 126, 229); } a:disabled.touch.button-primary { background: rgb(0, 126, 229); } a.disabled.button-primary:hover { background: rgb(0, 126, 229); } a.hovered.disabled.button-primary { background: rgb(0, 126, 229); } a.disabled.button-primary:active { background: rgb(0, 126, 229); } a.pressed.disabled.button-primary { background: rgb(0, 126, 229); } a.touched.disabled.button-primary { background: rgb(0, 126, 229); } a.touch.disabled.button-primary { background: rgb(0, 126, 229); } .split.freshbutton-blue span.more { border-left-color: rgb(12, 110, 190); border-left-width: 1px; border-left-style: solid; } .split.button-primary span.more { border-left-color: rgb(12, 110, 190); border-left-width: 1px; border-left-style: solid; } a.split.button-primary span.more { border-left-color: rgb(12, 110, 190); border-left-width: 1px; border-left-style: solid; } .freshbutton-lightblue { border: 1px solid rgb(94, 176, 240); border-image: none; color: rgb(0, 126, 229); background-image: linear-gradient(rgb(255, 255, 254), rgb(244, 250, 255)); background-color: rgb(244, 250, 255); } .button-secondary { border: 1px solid rgb(94, 176, 240); border-image: none; color: rgb(0, 126, 229); background-image: linear-gradient(rgb(255, 255, 254), rgb(244, 250, 255)); background-color: rgb(244, 250, 255); } a.button-secondary { border: 1px solid rgb(94, 176, 240); border-image: none; color: rgb(0, 126, 229); background-image: linear-gradient(rgb(255, 255, 254), rgb(244, 250, 255)); background-color: rgb(244, 250, 255); } .freshbutton-lightblue:hover { background: linear-gradient(rgb(255, 255, 254), rgb(229, 243, 255)); } .hovered.freshbutton-lightblue { background: linear-gradient(rgb(255, 255, 254), rgb(229, 243, 255)); } .button-secondary:hover { background: linear-gradient(rgb(255, 255, 254), rgb(229, 243, 255)); } .hovered.button-secondary { background: linear-gradient(rgb(255, 255, 254), rgb(229, 243, 255)); } a.button-secondary:hover { background: linear-gradient(rgb(255, 255, 254), rgb(229, 243, 255)); } a.hovered.button-secondary { background: linear-gradient(rgb(255, 255, 254), rgb(229, 243, 255)); } .freshbutton-lightblue:active { background: linear-gradient(rgb(237, 246, 255), rgb(229, 243, 255)); } .pressed.freshbutton-lightblue { background: linear-gradient(rgb(237, 246, 255), rgb(229, 243, 255)); } .button-secondary:active { background: linear-gradient(rgb(237, 246, 255), rgb(229, 243, 255)); } .pressed.button-secondary { background: linear-gradient(rgb(237, 246, 255), rgb(229, 243, 255)); } a.button-secondary:active { background: linear-gradient(rgb(237, 246, 255), rgb(229, 243, 255)); } a.pressed.button-secondary { background: linear-gradient(rgb(237, 246, 255), rgb(229, 243, 255)); } :disabled.freshbutton-lightblue { cursor: default; opacity: 0.4; } .disabled.freshbutton-lightblue { cursor: default; opacity: 0.4; } :disabled.button-secondary { cursor: default; opacity: 0.4; } .disabled.button-secondary { cursor: default; opacity: 0.4; } a:disabled.button-secondary { cursor: default; opacity: 0.4; } a.disabled.button-secondary { cursor: default; opacity: 0.4; } :disabled.freshbutton-lightblue:hover { background: rgb(244, 250, 255); } :disabled.hovered.freshbutton-lightblue { background: rgb(244, 250, 255); } :disabled.freshbutton-lightblue:active { background: rgb(244, 250, 255); } :disabled.pressed.freshbutton-lightblue { background: rgb(244, 250, 255); } :disabled.touched.freshbutton-lightblue { background: rgb(244, 250, 255); } :disabled.touch.freshbutton-lightblue { background: rgb(244, 250, 255); } .disabled.freshbutton-lightblue:hover { background: rgb(244, 250, 255); } .hovered.disabled.freshbutton-lightblue { background: rgb(244, 250, 255); } .disabled.freshbutton-lightblue:active { background: rgb(244, 250, 255); } .pressed.disabled.freshbutton-lightblue { background: rgb(244, 250, 255); } .touched.disabled.freshbutton-lightblue { background: rgb(244, 250, 255); } .touch.disabled.freshbutton-lightblue { background: rgb(244, 250, 255); } :disabled.button-secondary:hover { background: rgb(244, 250, 255); } :disabled.hovered.button-secondary { background: rgb(244, 250, 255); } :disabled.button-secondary:active { background: rgb(244, 250, 255); } :disabled.pressed.button-secondary { background: rgb(244, 250, 255); } :disabled.touched.button-secondary { background: rgb(244, 250, 255); } :disabled.touch.button-secondary { background: rgb(244, 250, 255); } .disabled.button-secondary:hover { background: rgb(244, 250, 255); } .hovered.disabled.button-secondary { background: rgb(244, 250, 255); } .disabled.button-secondary:active { background: rgb(244, 250, 255); } .pressed.disabled.button-secondary { background: rgb(244, 250, 255); } .touched.disabled.button-secondary { background: rgb(244, 250, 255); } .touch.disabled.button-secondary { background: rgb(244, 250, 255); } a:disabled.button-secondary:hover { background: rgb(244, 250, 255); } a:disabled.hovered.button-secondary { background: rgb(244, 250, 255); } a:disabled.button-secondary:active { background: rgb(244, 250, 255); } a:disabled.pressed.button-secondary { background: rgb(244, 250, 255); } a:disabled.touched.button-secondary { background: rgb(244, 250, 255); } a:disabled.touch.button-secondary { background: rgb(244, 250, 255); } a.disabled.button-secondary:hover { background: rgb(244, 250, 255); } a.hovered.disabled.button-secondary { background: rgb(244, 250, 255); } a.disabled.button-secondary:active { background: rgb(244, 250, 255); } a.pressed.disabled.button-secondary { background: rgb(244, 250, 255); } a.touched.disabled.button-secondary { background: rgb(244, 250, 255); } a.touch.disabled.button-secondary { background: rgb(244, 250, 255); } .split.freshbutton-lightblue span.more { border-left-color: rgb(94, 176, 240); border-left-width: 1px; border-left-style: solid; } .split.button-secondary span.more { border-left-color: rgb(94, 176, 240); border-left-width: 1px; border-left-style: solid; } a.split.button-secondary span.more { border-left-color: rgb(94, 176, 240); border-left-width: 1px; border-left-style: solid; } .freshbutton { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); border-image: none; color: rgb(71, 82, 93); } .freshbutton-silver { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); border-image: none; color: rgb(71, 82, 93); } .freshbutton-gray { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); border-image: none; color: rgb(71, 82, 93); } .freshbutton-blue-on-gray { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); border-image: none; color: rgb(71, 82, 93); } .button-tertiary { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); border-image: none; color: rgb(71, 82, 93); } a.button-tertiary { background: rgb(255, 255, 255); border: 1px solid rgb(187, 187, 187); border-image: none; color: rgb(71, 82, 93); } .freshbutton:hover { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .hovered.freshbutton { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .freshbutton-silver:hover { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .hovered.freshbutton-silver { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .freshbutton-gray:hover { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .hovered.freshbutton-gray { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .freshbutton-blue-on-gray:hover { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .hovered.freshbutton-blue-on-gray { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .button-tertiary:hover { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .hovered.button-tertiary { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } a.button-tertiary:hover { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } a.hovered.button-tertiary { background: linear-gradient(rgb(255, 255, 254), rgb(242, 242, 242)); } .freshbutton:active { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .pressed.freshbutton { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .freshbutton-silver:active { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .pressed.freshbutton-silver { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .freshbutton-gray:active { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .pressed.freshbutton-gray { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .freshbutton-blue-on-gray:active { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .pressed.freshbutton-blue-on-gray { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .button-tertiary:active { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } .pressed.button-tertiary { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } a.button-tertiary:active { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } a.pressed.button-tertiary { background: linear-gradient(rgb(247, 247, 247), rgb(242, 242, 242)); } :disabled.freshbutton { cursor: default; opacity: 0.4; } .disabled.freshbutton { cursor: default; opacity: 0.4; } :disabled.freshbutton-silver { cursor: default; opacity: 0.4; } .disabled.freshbutton-silver { cursor: default; opacity: 0.4; } :disabled.freshbutton-gray { cursor: default; opacity: 0.4; } .disabled.freshbutton-gray { cursor: default; opacity: 0.4; } :disabled.freshbutton-blue-on-gray { cursor: default; opacity: 0.4; } .disabled.freshbutton-blue-on-gray { cursor: default; opacity: 0.4; } :disabled.button-tertiary { cursor: default; opacity: 0.4; } .disabled.button-tertiary { cursor: default; opacity: 0.4; } a:disabled.button-tertiary { cursor: default; opacity: 0.4; } a.disabled.button-tertiary { cursor: default; opacity: 0.4; } :disabled.freshbutton:hover { background: rgb(255, 255, 255); } :disabled.hovered.freshbutton { background: rgb(255, 255, 255); } :disabled.freshbutton:active { background: rgb(255, 255, 255); } :disabled.pressed.freshbutton { background: rgb(255, 255, 255); } :disabled.touched.freshbutton { background: rgb(255, 255, 255); } :disabled.touch.freshbutton { background: rgb(255, 255, 255); } .disabled.freshbutton:hover { background: rgb(255, 255, 255); } .hovered.disabled.freshbutton { background: rgb(255, 255, 255); } .disabled.freshbutton:active { background: rgb(255, 255, 255); } .pressed.disabled.freshbutton { background: rgb(255, 255, 255); } .touched.disabled.freshbutton { background: rgb(255, 255, 255); } .touch.disabled.freshbutton { background: rgb(255, 255, 255); } :disabled.freshbutton-silver:hover { background: rgb(255, 255, 255); } :disabled.hovered.freshbutton-silver { background: rgb(255, 255, 255); } :disabled.freshbutton-silver:active { background: rgb(255, 255, 255); } :disabled.pressed.freshbutton-silver { background: rgb(255, 255, 255); } :disabled.touched.freshbutton-silver { background: rgb(255, 255, 255); } :disabled.touch.freshbutton-silver { background: rgb(255, 255, 255); } .disabled.freshbutton-silver:hover { background: rgb(255, 255, 255); } .hovered.disabled.freshbutton-silver { background: rgb(255, 255, 255); } .disabled.freshbutton-silver:active { background: rgb(255, 255, 255); } .pressed.disabled.freshbutton-silver { background: rgb(255, 255, 255); } .touched.disabled.freshbutton-silver { background: rgb(255, 255, 255); } .touch.disabled.freshbutton-silver { background: rgb(255, 255, 255); } :disabled.freshbutton-gray:hover { background: rgb(255, 255, 255); } :disabled.hovered.freshbutton-gray { background: rgb(255, 255, 255); } :disabled.freshbutton-gray:active { background: rgb(255, 255, 255); } :disabled.pressed.freshbutton-gray { background: rgb(255, 255, 255); } :disabled.touched.freshbutton-gray { background: rgb(255, 255, 255); } :disabled.touch.freshbutton-gray { background: rgb(255, 255, 255); } .disabled.freshbutton-gray:hover { background: rgb(255, 255, 255); } .hovered.disabled.freshbutton-gray { background: rgb(255, 255, 255); } .disabled.freshbutton-gray:active { background: rgb(255, 255, 255); } .pressed.disabled.freshbutton-gray { background: rgb(255, 255, 255); } .touched.disabled.freshbutton-gray { background: rgb(255, 255, 255); } .touch.disabled.freshbutton-gray { background: rgb(255, 255, 255); } :disabled.freshbutton-blue-on-gray:hover { background: rgb(255, 255, 255); } :disabled.hovered.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } :disabled.freshbutton-blue-on-gray:active { background: rgb(255, 255, 255); } :disabled.pressed.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } :disabled.touched.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } :disabled.touch.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } .disabled.freshbutton-blue-on-gray:hover { background: rgb(255, 255, 255); } .hovered.disabled.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } .disabled.freshbutton-blue-on-gray:active { background: rgb(255, 255, 255); } .pressed.disabled.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } .touched.disabled.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } .touch.disabled.freshbutton-blue-on-gray { background: rgb(255, 255, 255); } :disabled.button-tertiary:hover { background: rgb(255, 255, 255); } :disabled.hovered.button-tertiary { background: rgb(255, 255, 255); } :disabled.button-tertiary:active { background: rgb(255, 255, 255); } :disabled.pressed.button-tertiary { background: rgb(255, 255, 255); } :disabled.touched.button-tertiary { background: rgb(255, 255, 255); } :disabled.touch.button-tertiary { background: rgb(255, 255, 255); } .disabled.button-tertiary:hover { background: rgb(255, 255, 255); } .hovered.disabled.button-tertiary { background: rgb(255, 255, 255); } .disabled.button-tertiary:active { background: rgb(255, 255, 255); } .pressed.disabled.button-tertiary { background: rgb(255, 255, 255); } .touched.disabled.button-tertiary { background: rgb(255, 255, 255); } .touch.disabled.button-tertiary { background: rgb(255, 255, 255); } a:disabled.button-tertiary:hover { background: rgb(255, 255, 255); } a:disabled.hovered.button-tertiary { background: rgb(255, 255, 255); } a:disabled.button-tertiary:active { background: rgb(255, 255, 255); } a:disabled.pressed.button-tertiary { background: rgb(255, 255, 255); } a:disabled.touched.button-tertiary { background: rgb(255, 255, 255); } a:disabled.touch.button-tertiary { background: rgb(255, 255, 255); } a.disabled.button-tertiary:hover { background: rgb(255, 255, 255); } a.hovered.disabled.button-tertiary { background: rgb(255, 255, 255); } a.disabled.button-tertiary:active { background: rgb(255, 255, 255); } a.pressed.disabled.button-tertiary { background: rgb(255, 255, 255); } a.touched.disabled.button-tertiary { background: rgb(255, 255, 255); } a.touch.disabled.button-tertiary { background: rgb(255, 255, 255); } .split.freshbutton span.more { border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid; } .split.freshbutton-silver span.more { border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid; } .split.freshbutton-gray span.more { border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid; } .split.freshbutton-blue-on-gray span.more { border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid; } .split.button-tertiary span.more { border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid; } a.split.button-tertiary span.more { border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid; } .sprite-button { margin: 0px; padding: 0px; cursor: pointer; background-color: transparent; } :disabled.sprite-button { cursor: default; } .media-mobile .button-primary { width: 100%; } .media-mobile .button-secondary { width: 100%; } .media-mobile .button-tertiary { width: 100%; } .carousel .button-primary { padding: 11px 16px; font-size: 14px; font-weight: 400; } .carousel .button-secondary { padding: 11px 16px; font-size: 14px; font-weight: 400; } .carousel .button-tertiary { padding: 11px 16px; font-size: 14px; font-weight: 400; } .carousel .button-primary:active { box-shadow: none; -webkit-box-shadow: none; } .carousel .button-secondary:active { box-shadow: none; -webkit-box-shadow: none; } .carousel .button-tertiary:active { box-shadow: none; -webkit-box-shadow: none; } .carousel .button-primary { background: rgb(11, 172, 255); border-color: rgb(11, 172, 255); } .carousel .button-primary:hover { background: rgb(54, 190, 255); border-color: rgb(54, 190, 255); } .carousel .button-primary:active { background: rgb(0, 126, 193); border-color: rgb(0, 126, 193); } .carousel .button-secondary { background: rgb(255, 255, 255); border-color: rgb(54, 190, 255); color: rgb(11, 172, 255); } .carousel .button-secondary:hover { background: rgb(255, 255, 255); color: rgb(54, 190, 255); } .carousel .button-secondary:active { background: rgb(255, 255, 255); border-color: rgb(0, 126, 193); color: rgb(0, 126, 193); } .carousel .button-tertiary { background: rgb(255, 255, 255); } .carousel .button-tertiary:hover { background: rgb(255, 255, 255); } .carousel .button-tertiary:active { background: rgb(255, 255, 255); } .business-theme .button-primary { padding-top: 8px; padding-bottom: 8px; font-weight: normal; min-height: 0px; } .business-theme .button-secondary { padding-top: 8px; padding-bottom: 8px; font-weight: normal; min-height: 0px; } .business-theme .button-tertiary { padding-top: 8px; padding-bottom: 8px; font-weight: normal; min-height: 0px; } .business-theme .button-big.button-primary { line-height: 34px; min-height: 50px; min-width: 220px; } .business-theme .button-big.button-secondary { line-height: 34px; min-height: 50px; min-width: 220px; } .business-theme .button-big.button-tertiary { line-height: 34px; min-height: 50px; min-width: 220px; } .business-theme .button-primary { background: rgb(0, 126, 229); border-color: rgb(0, 126, 229); color: rgb(255, 255, 255); } .business-theme .button-primary:hover { background: rgb(51, 152, 234); border-color: rgb(51, 152, 234); } .business-theme .hovered.button-primary { background: rgb(51, 152, 234); border-color: rgb(51, 152, 234); } .business-theme .button-primary:active { background: rgb(12, 87, 189); border-color: rgb(12, 87, 189); } .business-theme .pressed.button-primary { background: rgb(12, 87, 189); border-color: rgb(12, 87, 189); } .business-theme :disabled.button-primary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); color: rgb(188, 195, 200); } .business-theme .disabled.button-primary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); color: rgb(188, 195, 200); } .business-theme :disabled.button-primary { background: rgb(189, 196, 201); color: rgb(255, 255, 255); } .business-theme .disabled.button-primary { background: rgb(189, 196, 201); color: rgb(255, 255, 255); } .business-theme .button-secondary { background: rgb(255, 255, 255); border-color: rgb(0, 126, 229); } .business-theme .button-secondary:hover { background: rgb(240, 247, 253); border-color: rgb(0, 126, 229); } .business-theme .hovered.button-secondary { background: rgb(240, 247, 253); border-color: rgb(0, 126, 229); } .business-theme .button-secondary:active { background: rgb(227, 241, 252); border-color: rgb(0, 126, 229); } .business-theme .pressed.button-secondary { background: rgb(227, 241, 252); border-color: rgb(0, 126, 229); } .business-theme :disabled.button-secondary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); color: rgb(188, 195, 200); } .business-theme .disabled.button-secondary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); color: rgb(188, 195, 200); } .business-theme .button-big.button-secondary { border-radius: 5px; } .business-theme .button-tertiary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); } .business-theme .button-tertiary:hover { background: rgb(240, 247, 252); border-color: rgb(188, 195, 200); } .business-theme .hovered.button-tertiary { background: rgb(240, 247, 252); border-color: rgb(188, 195, 200); } .business-theme .button-tertiary:active { background: rgb(207, 232, 252); border-color: rgb(188, 195, 200); } .business-theme .pressed.button-tertiary { background: rgb(207, 232, 252); border-color: rgb(188, 195, 200); } .business-theme :disabled.button-tertiary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); color: rgb(188, 195, 200); } .business-theme .disabled.button-tertiary { background: rgb(255, 255, 255); border-color: rgb(188, 195, 200); color: rgb(188, 195, 200); } .business-theme .button-tertiary:active { border-color: rgb(38, 108, 185); } .business-theme .button-tertiary:hover { border-color: rgb(38, 108, 185); } .business-theme .pressed.button-tertiary { border-color: rgb(38, 108, 185); } .business-theme .hovered.button-tertiary { border-color: rgb(38, 108, 185); } .carousel.media-mobile .button-primary { padding: 12px 16px; font-size: 16px; font-weight: 200; } .carousel.media-mobile .button-secondary { padding: 12px 16px; font-size: 16px; font-weight: 200; } .carousel.media-mobile .button-tertiary { padding: 12px 16px; font-size: 16px; font-weight: 200; } .carousel-app .carousel .button-primary { padding: 8px 18px 9px; font-size: 13px; } .carousel-app .carousel .button-secondary { padding: 8px 18px 9px; font-size: 13px; } .carousel-app .carousel .button-tertiary { padding: 8px 18px 9px; font-size: 13px; } .bubble-dropdown-container { vertical-align: inherit; display: inline-block; position: relative; } .bubble-dropdown-target { cursor: pointer; } #react-bubble-dropdown-root { z-index: 1000000; } #react-bubble-dropdown-root:focus { } #react-bubble-dropdown-root .bubble-dropdown { padding: 0px; display: block; } .bubble-dropdown { background: padding-box rgb(255, 255, 255); padding: 9px 15px; border-radius: 3px; border: 1px solid rgba(61, 70, 77, 0.1); border-image: none; display: none; position: absolute; z-index: 9999; cursor: default; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .no-padding.bubble-dropdown { padding: 0px; } .has-close-button.bubble-dropdown { padding-right: 25px; } .bubble-dropdown .bubble-arrow { border: solid transparent; border-image: none; width: 0px; height: 0px; position: absolute; pointer-events: none; } .bubble-dropdown .bubble-arrow-border { border: solid transparent; border-image: none; width: 0px; height: 0px; position: absolute; pointer-events: none; } .bubble-dropdown .bubble-dropdown-x { background-position: center; top: 13px; width: 11px; height: 11px; right: 10px; position: absolute; cursor: pointer; background-image: url("/static/images/streams/dismiss-cross-vflIlGysZ.svg"); background-repeat: no-repeat; background-size: 11px; background-color: transparent; } .bubble-dropdown .bubble-dropdown-x:focus { border-radius: 5px; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .left.bubble-dropdown .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .left-top.bubble-dropdown .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .left-bottom.bubble-dropdown .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .right.bubble-dropdown .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .right-top.bubble-dropdown .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .right-bottom.bubble-dropdown .bubble-arrow-border { border-width: 11px 7px; margin-top: -11px; } .left.bubble-dropdown .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .left-top.bubble-dropdown .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .left-bottom.bubble-dropdown .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .right.bubble-dropdown .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .right-top.bubble-dropdown .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .right-bottom.bubble-dropdown .bubble-arrow { border-width: 9px 6px; margin-top: -9px; } .top.bubble-dropdown .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .top-left.bubble-dropdown .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .top-right.bubble-dropdown .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bottom.bubble-dropdown .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bottom-left.bubble-dropdown .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .bottom-right.bubble-dropdown .bubble-arrow-border { border-width: 7px 11px; margin-left: -11px; } .top.bubble-dropdown .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .top-left.bubble-dropdown .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .top-right.bubble-dropdown .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bottom.bubble-dropdown .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bottom-left.bubble-dropdown .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .bottom-right.bubble-dropdown .bubble-arrow { border-width: 6px 9px; margin-left: -9px; } .left.bubble-dropdown .bubble-arrow { right: 100%; } .left.bubble-dropdown .bubble-arrow-border { right: 100%; } .left-top.bubble-dropdown .bubble-arrow { right: 100%; } .left-top.bubble-dropdown .bubble-arrow-border { right: 100%; } .left-bottom.bubble-dropdown .bubble-arrow { right: 100%; } .left-bottom.bubble-dropdown .bubble-arrow-border { right: 100%; } .left.bubble-dropdown .bubble-arrow-border { border-right-color: rgba(61, 70, 77, 0.1); } .left-top.bubble-dropdown .bubble-arrow-border { border-right-color: rgba(61, 70, 77, 0.1); } .left-bottom.bubble-dropdown .bubble-arrow-border { border-right-color: rgba(61, 70, 77, 0.1); } .left.bubble-dropdown .bubble-arrow { border-right-color: rgb(255, 255, 255); } .left-top.bubble-dropdown .bubble-arrow { border-right-color: rgb(255, 255, 255); } .left-bottom.bubble-dropdown .bubble-arrow { border-right-color: rgb(255, 255, 255); } .right.bubble-dropdown .bubble-arrow { left: 100%; } .right.bubble-dropdown .bubble-arrow-border { left: 100%; } .right-top.bubble-dropdown .bubble-arrow { left: 100%; } .right-top.bubble-dropdown .bubble-arrow-border { left: 100%; } .right-bottom.bubble-dropdown .bubble-arrow { left: 100%; } .right-bottom.bubble-dropdown .bubble-arrow-border { left: 100%; } .right.bubble-dropdown .bubble-arrow-border { border-left-color: rgba(61, 70, 77, 0.1); } .right-top.bubble-dropdown .bubble-arrow-border { border-left-color: rgba(61, 70, 77, 0.1); } .right-bottom.bubble-dropdown .bubble-arrow-border { border-left-color: rgba(61, 70, 77, 0.1); } .right.bubble-dropdown .bubble-arrow { border-left-color: rgb(255, 255, 255); } .right-top.bubble-dropdown .bubble-arrow { border-left-color: rgb(255, 255, 255); } .right-bottom.bubble-dropdown .bubble-arrow { border-left-color: rgb(255, 255, 255); } .top.bubble-dropdown .bubble-arrow { bottom: 100%; } .top.bubble-dropdown .bubble-arrow-border { bottom: 100%; } .top-left.bubble-dropdown .bubble-arrow { bottom: 100%; } .top-left.bubble-dropdown .bubble-arrow-border { bottom: 100%; } .top-right.bubble-dropdown .bubble-arrow { bottom: 100%; } .top-right.bubble-dropdown .bubble-arrow-border { bottom: 100%; } .top.bubble-dropdown .bubble-arrow-border { border-bottom-color: rgba(61, 70, 77, 0.1); } .top-left.bubble-dropdown .bubble-arrow-border { border-bottom-color: rgba(61, 70, 77, 0.1); } .top-right.bubble-dropdown .bubble-arrow-border { border-bottom-color: rgba(61, 70, 77, 0.1); } .top.bubble-dropdown .bubble-arrow { border-bottom-color: rgb(255, 255, 255); } .top-left.bubble-dropdown .bubble-arrow { border-bottom-color: rgb(255, 255, 255); } .top-right.bubble-dropdown .bubble-arrow { border-bottom-color: rgb(255, 255, 255); } .bottom.bubble-dropdown .bubble-arrow { top: 100%; } .bottom.bubble-dropdown .bubble-arrow-border { top: 100%; } .bottom-left.bubble-dropdown .bubble-arrow { top: 100%; } .bottom-left.bubble-dropdown .bubble-arrow-border { top: 100%; } .bottom-right.bubble-dropdown .bubble-arrow { top: 100%; } .bottom-right.bubble-dropdown .bubble-arrow-border { top: 100%; } .bottom.bubble-dropdown .bubble-arrow-border { border-top-color: rgba(61, 70, 77, 0.1); } .bottom-left.bubble-dropdown .bubble-arrow-border { border-top-color: rgba(61, 70, 77, 0.1); } .bottom-right.bubble-dropdown .bubble-arrow-border { border-top-color: rgba(61, 70, 77, 0.1); } .bottom.bubble-dropdown .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bottom-left.bubble-dropdown .bubble-arrow { border-top-color: rgb(255, 255, 255); } .bottom-right.bubble-dropdown .bubble-arrow { border-top-color: rgb(255, 255, 255); } .top.bubble-dropdown .bubble-arrow { left: 50%; } .top.bubble-dropdown .bubble-arrow-border { left: 50%; } .bottom.bubble-dropdown .bubble-arrow { left: 50%; } .bottom.bubble-dropdown .bubble-arrow-border { left: 50%; } .top-left.bubble-dropdown .bubble-arrow { left: 25%; } .top-left.bubble-dropdown .bubble-arrow-border { left: 25%; } .bottom-left.bubble-dropdown .bubble-arrow { left: 25%; } .bottom-left.bubble-dropdown .bubble-arrow-border { left: 25%; } .justify.top-left.bubble-dropdown .bubble-arrow { left: 5px; right: auto; } .justify.bottom-left.bubble-dropdown .bubble-arrow { left: 5px; right: auto; } .justify.top-left.bubble-dropdown .bubble-arrow-border { left: 3px; right: auto; } .justify.bottom-left.bubble-dropdown .bubble-arrow-border { left: 3px; right: auto; } .top-right.bubble-dropdown .bubble-arrow { left: 75%; } .top-right.bubble-dropdown .bubble-arrow-border { left: 75%; } .bottom-right.bubble-dropdown .bubble-arrow { left: 75%; } .bottom-right.bubble-dropdown .bubble-arrow-border { left: 75%; } .justify.top-right.bubble-dropdown .bubble-arrow { left: auto; right: 5px; } .justify.bottom-right.bubble-dropdown .bubble-arrow { left: auto; right: 5px; } .justify.top-right.bubble-dropdown .bubble-arrow-border { left: auto; right: 3px; } .justify.bottom-right.bubble-dropdown .bubble-arrow-border { left: auto; right: 3px; } .left.bubble-dropdown .bubble-arrow { top: 50%; } .left.bubble-dropdown .bubble-arrow-border { top: 50%; } .right.bubble-dropdown .bubble-arrow { top: 50%; } .right.bubble-dropdown .bubble-arrow-border { top: 50%; } .left-top.bubble-dropdown .bubble-arrow { top: 25%; } .left-top.bubble-dropdown .bubble-arrow-border { top: 25%; } .right-top.bubble-dropdown .bubble-arrow { top: 25%; } .right-top.bubble-dropdown .bubble-arrow-border { top: 25%; } .left-bottom.bubble-dropdown .bubble-arrow { top: 75%; } .left-bottom.bubble-dropdown .bubble-arrow-border { top: 75%; } .right-bottom.bubble-dropdown .bubble-arrow { top: 75%; } .right-bottom.bubble-dropdown .bubble-arrow-border { top: 75%; } .context-menu.bubble-dropdown { margin: 0px; display: block; position: fixed; } .context-menu.bubble-dropdown .context-menu-item { padding: 10px 12px; color: rgb(61, 70, 77); line-height: 19px; text-decoration: none; display: block; position: relative; cursor: pointer; min-width: 144px; } .context-menu.bubble-dropdown .context-menu-item .sprite { margin-right: 6px; float: left; } .context-menu.bubble-dropdown .context-menu-item .sprite-text { margin-left: 24px; white-space: nowrap; min-width: 120px; } .context-menu.bubble-dropdown .context-menu-item--selected { background-color: rgb(227, 242, 255); } .context-menu.bubble-dropdown .context-menu-item--disabled { color: rgb(138, 138, 138); cursor: default; } .context-menu.bubble-dropdown .context-menu-item__accessory { top: 50%; right: 10px; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .context-menu--secondary.bubble-dropdown.context-menu.bubble-dropdown { left: 100%; top: 0px; margin-top: -1px; margin-left: -5px; position: absolute; } .context-menu--simple.bubble-dropdown.context-menu.bubble-dropdown { position: absolute; } .context-menu--simple.bubble-dropdown.context-menu.bubble-dropdown .context-menu-item:hover { background: rgb(227, 242, 255); } .maestro .left.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-top: -9px; } .maestro .left-top.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-top: -9px; } .maestro .left-bottom.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-top: -9px; } .maestro .right.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-top: -9px; } .maestro .right-top.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-top: -9px; } .maestro .right-bottom.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-top: -9px; } .maestro .left.bubble-dropdown .bubble-arrow { border-width: 7px; margin-top: -7px; } .maestro .left-top.bubble-dropdown .bubble-arrow { border-width: 7px; margin-top: -7px; } .maestro .left-bottom.bubble-dropdown .bubble-arrow { border-width: 7px; margin-top: -7px; } .maestro .right.bubble-dropdown .bubble-arrow { border-width: 7px; margin-top: -7px; } .maestro .right-top.bubble-dropdown .bubble-arrow { border-width: 7px; margin-top: -7px; } .maestro .right-bottom.bubble-dropdown .bubble-arrow { border-width: 7px; margin-top: -7px; } .maestro .top.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-left: -9px; } .maestro .top-left.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-left: -9px; } .maestro .top-right.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-left: -9px; } .maestro .bottom.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-left: -9px; } .maestro .bottom-left.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-left: -9px; } .maestro .bottom-right.bubble-dropdown .bubble-arrow-border { border-width: 9px; margin-left: -9px; } .maestro .top.bubble-dropdown .bubble-arrow { border-width: 7px; margin-left: -7px; } .maestro .top-left.bubble-dropdown .bubble-arrow { border-width: 7px; margin-left: -7px; } .maestro .top-right.bubble-dropdown .bubble-arrow { border-width: 7px; margin-left: -7px; } .maestro .bottom.bubble-dropdown .bubble-arrow { border-width: 7px; margin-left: -7px; } .maestro .bottom-left.bubble-dropdown .bubble-arrow { border-width: 7px; margin-left: -7px; } .maestro .bottom-right.bubble-dropdown .bubble-arrow { border-width: 7px; margin-left: -7px; } .bubble-menu { margin: 0px; padding: 5px 0px; list-style-type: none; min-width: 50px; } .bubble-menu .bubble-menu-item { padding: 6px 20px 6px 13px; text-align: left; display: block; white-space: nowrap; background-color: transparent; } .bubble-menu .bubble-menu-item:hover { text-decoration: none; background-color: rgba(204, 230, 250, 0.5); } .bubble-menu .bubble-menu-item:focus { text-decoration: none; } .bubble-menu .bubble-menu-item--disabled.bubble-menu-item { color: rgb(161, 161, 161); cursor: default; } .bubble-menu .bubble-menu-item--disabled.bubble-menu-item * { cursor: default; } .bubble-menu [role='menuitemradio'][aria-checked='true'].bubble-menu-item { box-shadow: inset 2px 0px 0px 0px #007ee5; -webkit-box-shadow: inset 2px 0 0 0 #007ee5; } .bubble-menu [role='menuitemcheckbox'][aria-checked='true'].bubble-menu-item::after { right: 5px; position: absolute; content: url("/static/images/widgets/icon-checkmark-status-vflO6wwEL.png"); } .bubble-menu .bubble-menu-item-separator { width: 100%; height: 1px; background-color: rgb(232, 232, 232); } .bubble-menu--keyboard .bubble-menu-item:focus { background-color: rgba(204, 230, 250, 0.5); } .bubble-menu--keyboard .bubble-menu-item:hover:focus { background-color: rgba(204, 230, 250, 0.5); } .bubble-menu--keyboard .bubble-menu-item:hover { background-color: transparent; } .bubble-menu:focus { } .tabbing .checkbox input:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .checkbox { margin: 2px 0px 5px; padding: 6px 0px; border-radius: 3px; height: auto; line-height: normal; min-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; } .maestro .checkbox { line-height: 1; } .checkbox-inline.checkbox { margin-top: 0px; vertical-align: bottom; display: inline-block; } .checkbox input { margin: 0px; padding: 0px; width: 14px; height: 14px; vertical-align: middle; cursor: pointer; } .checkbox label { margin-left: 7px; vertical-align: middle; cursor: pointer; } .checkbox .text-input-error-wrapper { color: rgb(232, 33, 16); font-size: 12px; min-height: 17px; } .checkbox .text-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .checkbox .text-input-error-wrapper br { display: none; } .small.checkbox .text-input-error-wrapper { color: rgb(232, 33, 16); font-size: 11px; margin-bottom: -2px; min-height: 15px; } .small.checkbox .text-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .small.checkbox .text-input-error-wrapper br { display: none; } .small.checkbox .text-input-error-wrapper span.error-message { font-size: 11px; } .carousel .checkbox { padding: 12px 0px; } .maestro .checkbox_label { bottom: 6px; margin-left: 20px; position: relative; } .maestro .maestro_checkbox { margin-left: 0px; } .maestro .maestro_checkbox input { width: 0px; position: relative; z-index: -9999; } .maestro .maestro_checkbox input:checked + span { background-position: 3px 4px; border: 1px solid rgb(0, 112, 224); border-image: none; background-image: url("/static/images/browse/checkmark@2x-vflrHtbPf.png"); background-repeat: no-repeat; background-size: 14px 12px; background-color: rgb(0, 112, 224); } .maestro .maestro_checkbox span { border-radius: 3px; border: 1px solid rgb(193, 199, 205); border-image: none; width: 20px; height: 20px; display: inline-block; background-color: rgb(255, 255, 255); } .maestro .maestro_checkbox span:hover { border: 1px solid rgb(0, 112, 224); border-image: none; } .c-column-header { border-bottom-color: rgb(208, 212, 217); border-bottom-width: 1px; border-bottom-style: solid; list-style-type: none; } .c-column-header__header { padding-top: 5px; margin-bottom: 0px; display: inline-block; } .c-column-header__button { background: none; text-align: left; color: rgb(115, 115, 115); font-size: 12px; cursor: pointer; } :disabled.c-column-header__button { cursor: auto; opacity: 0.4; } .tabbing .c-column-header__button:focus { text-decoration: underline; } .maestro .c-column-header { border-color: rgb(230, 232, 235); } .maestro .c-column-header__header { color: rgb(99, 114, 130); line-height: 24px; font-size: 12px; } .maestro .c-column-header__sort-arrow { margin: 0px 0px 2px 8px; width: 0px; height: 0px; display: inline-block; align-self: center; } .maestro .c-column-header__sort-arrow--up { border-right-color: transparent; border-bottom-color: rgb(99, 114, 130); border-left-color: transparent; border-right-width: 4px; border-bottom-width: 4px; border-left-width: 4px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .maestro .c-column-header__sort-arrow--down { border-top-color: rgb(99, 114, 130); border-right-color: transparent; border-left-color: transparent; border-top-width: 4px; border-right-width: 4px; border-left-width: 4px; border-top-style: solid; border-right-style: solid; border-left-style: solid; } .tabbing .text-input textarea:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .text-input input:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .text-input select:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .password-input-meter:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing input[type=checkbox]:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing input[type=radio]:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing select:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .text-input { width: 250px; line-height: normal; } .text-input .text-input-wrapper { position: relative; } .text-input .text-input-wrapper input { margin: 2px 0px 5px; padding: 5px 6px; border-radius: 3px; border: 1px solid rgb(189, 196, 201); border-image: none; width: 100%; line-height: normal; font-size: 16px; min-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; } .text-input .text-input-wrapper textarea { margin: 2px 0px 5px; padding: 5px 6px; border-radius: 3px; border: 1px solid rgb(189, 196, 201); border-image: none; width: 100%; line-height: normal; font-size: 16px; min-height: 34px; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; } .maestro .text-input .text-input-wrapper input { line-height: 1; } .maestro .text-input .text-input-wrapper textarea { line-height: 1; } .text-input .text-input-wrapper input:focus + label { color: rgb(229, 229, 229); } .text-input .text-input-wrapper textarea:focus + label { color: rgb(229, 229, 229); } .text-input .text-input-wrapper input:disabled { color: rgb(123, 137, 148); cursor: default; background-color: rgb(232, 232, 232); } .text-input .text-input-wrapper input[readonly] { color: rgb(123, 137, 148); cursor: default; background-color: rgb(232, 232, 232); } .text-input .text-input-wrapper textarea:disabled { color: rgb(123, 137, 148); cursor: default; background-color: rgb(232, 232, 232); } .text-input .text-input-wrapper textarea[readonly] { color: rgb(123, 137, 148); cursor: default; background-color: rgb(232, 232, 232); } .text-input .text-input-wrapper input.input-error { border-color: rgb(227, 168, 167); } .text-input .text-input-wrapper textarea.input-error { border-color: rgb(227, 168, 167); } .text-input .text-input-wrapper input.password-input { font-size: 20px; display: block; } .text-input .text-input-wrapper textarea.password-input { font-size: 20px; display: block; } .text-input .text-input-wrapper input.number-input { padding-right: 26px; -moz-appearance: textfield; } .text-input .text-input-wrapper textarea.number-input { padding-right: 26px; -moz-appearance: textfield; } .text-input .text-input-wrapper textarea { height: 100%; min-width: 100%; max-width: 100%; resize: vertical; } .text-input .text-input-wrapper label { padding: 8px; transition:color 0.2s linear; left: 0px; top: 0px; text-align: left; right: 0px; color: rgb(170, 170, 170); font-size: 16px; position: absolute; cursor: text; box-sizing: border-box; pointer-events: none; -webkit-box-sizing: border-box; -webkit-transition: color .2s linear 0s; } .text-input .text-input-wrapper .bubble-dropdown-container { right: 0px; bottom: 0px; position: absolute; } .text-input .text-input-wrapper .bubble-dropdown-container .bubble-dropdown { width: 160px; } .text-input .text-input-wrapper .bubble-dropdown-container .bubble-dropdown .password-bubble-title { color: rgb(40, 149, 241); } .text-input .text-input-wrapper .number-input-btns { background: rgb(255, 255, 255); height: 40px; right: 1px; bottom: 6px; border-left-color: rgb(189, 196, 201); border-left-width: 1px; border-left-style: solid; position: absolute; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .text-input .text-input-wrapper .number-input-btns .number-input-btn { width: 24px; height: 20px; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; } .text-input .text-input-wrapper .number-input-btns .number-input-btn::before { left: 8px; top: 7px; width: 0px; height: 0px; border-right-color: transparent; border-left-color: transparent; border-right-width: 4px; border-left-width: 4px; border-right-style: solid; border-left-style: solid; position: absolute; content: ""; } .text-input .text-input-wrapper .number-input-btns .number-input-btn--up { border-bottom-color: rgb(189, 196, 201); border-bottom-width: 1px; border-bottom-style: solid; } .text-input .text-input-wrapper .number-input-btns .number-input-btn--up::before { border-bottom-color: rgb(123, 137, 148); border-bottom-width: 4px; border-bottom-style: solid; } .text-input .text-input-wrapper .number-input-btns .number-input-btn--down::before { border-top-color: rgb(123, 137, 148); border-top-width: 4px; border-top-style: solid; } .text-input .text-input-wrapper .tooltip-wrapper { position: absolute; z-index: 99; transform: translateX(3px); -webkit-transform: translateX(3px); } .text-input .text-input-error-wrapper { color: rgb(232, 33, 16); font-size: 12px; min-height: 17px; } .text-input .text-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .text-input .text-input-error-wrapper br { display: none; } .text-input .close-button { top: 7px; position: absolute; opacity: 0; } .maestro .text-input { line-height: 1.4; } .text-input-expandable .text-input-wrapper input { padding-right: 30px; } .text-input-expandable .text-input-wrapper .text-input-input::-ms-clear { display: none; } .text-input-inline { margin-right: 12px; vertical-align: bottom; display: inline-block; } .small.text-input input { margin: 0px; padding: 3px 6px; font-size: 14px; min-height: 30px; } .small.text-input label { padding: 6px 8px; font-size: 14px; } .small.text-input .text-input-error-wrapper { color: rgb(232, 33, 16); font-size: 11px; min-height: 15px; } .small.text-input .text-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .small.text-input .text-input-error-wrapper br { display: none; } .small.text-input .text-input-error-wrapper span.error-message { font-size: 11px; } .text-input-inline.label-hidden.text-input { top: 17px; position: relative; } .label-hidden.text-input .text-input-wrapper { padding-top: 0px; } .label-hidden.text-input .text-input-wrapper label { display: none; } .text-input-inline.label-above.text-input { top: 17px; position: relative; } .label-above.text-input .text-input-wrapper { padding-top: 20px; } .label-above.text-input .text-input-wrapper input:focus + label { color: rgb(61, 70, 77); } .label-above.text-input .text-input-wrapper textarea:focus + label { color: rgb(61, 70, 77); } .label-above.text-input .text-input-wrapper label { padding: 0px; left: 0px; top: 0px; color: rgb(61, 70, 77); font-size: 13px; position: absolute; cursor: text; box-sizing: border-box; pointer-events: auto; -webkit-box-sizing: border-box; } .textarea-input .text-input-wrapper { height: 100%; } .carousel .text-input .text-input-wrapper input { padding: 12px; height: 40px; font-size: 14px; } .carousel .text-input .text-input-wrapper label { padding: 13px; top: 2px; font-size: 14px; } .password-caps-indicator { background-position: center; top: 0px; width: 16px; height: 100%; right: 7px; text-indent: 100%; overflow: hidden; white-space: nowrap; visibility: hidden; position: absolute; background-image: url("/static/images/icons/icon_caps_lock-vflQIxpDA.png"); background-repeat: no-repeat; background-size: 16px 16px; } .bubble-dropdown-container ~ .password-caps-indicator { right: 23px; } @media not all, not all, not all { .password-caps-indicator { background-image: url("/static/images/icons/icon_caps_lock@2x-vflz_EymR.png"); } } .password-caps-indicator-activated.password-caps-indicator { visibility: inherit; } .password-input-meter { padding: 2px 5px; height: auto; right: 1px; bottom: 6px; position: absolute; background-color: white; } .password-input-meter .password-input-dot { margin: 2px; width: 4px; height: 3px; background-color: rgb(227, 242, 255); } .password-input-meter .password-input-dot-selected { background-color: rgb(40, 149, 241); } .small.password-input-meter { bottom: 3px; } .standalone-password-meter-container { padding: 1px 2px; border-radius: 2px; border: 1px solid rgb(225, 225, 225); border-image: none; margin-left: 2px; vertical-align: middle; display: inline-block; background-color: rgb(255, 255, 255); } .standalone-password-meter-container .password-input-meter-standalone { vertical-align: middle; display: inline-block; } .standalone-password-meter-container .password-input-meter-standalone .password-input-dot { margin: 2px; width: 4px; height: 3px; background-color: rgb(227, 242, 255); } .standalone-password-meter-container .password-input-meter-standalone .password-input-dot-selected { background-color: rgb(40, 149, 241); } body.business-theme .text-input input.text-input-input { border-color: rgb(123, 137, 148); font-size: 13px; } body.business-theme .text-input .text-input-wrapper textarea { border-color: rgb(123, 137, 148); font-size: 13px; } body.business-theme .text-input input.text-input-input:focus + label { color: inherit; } body.business-theme .text-input .text-input-wrapper textarea:focus + label { color: inherit; } body.business-theme .text-input .text-input-wrapper textarea { padding: 12px; } body.business-theme .text-input input.text-input-input { padding: 0px 12px; height: 39px; } body.business-theme .text-input label { padding: 10px 12px; } body.business-theme .small.text-input label { padding: 6px 8px; } body.business-theme .label-above.text-input label { padding: 0px; } .list-menu { display: inline-block; } .list-menu .list-item { padding: 8px 10px; display: block; cursor: pointer; } .list-menu-hover .list-item:hover { background: rgb(227, 242, 255); } .carousel .list-menu .list-item { padding: 12px 14px; font-size: 13px; } .c-loader { margin: 13px 0px; border-radius: 100%; width: 6px; height: 6px; color: transparent; text-indent: -1000vw; font-size: 0px; display: inline-block; position: relative; background-color: rgba(61, 70, 77, 0.3); } .c-loader { animation:loaderFade 0.9s ease-in-out infinite; -webkit-animation: loaderFade .9s ease-in-out infinite; } .c-loader::after { animation:loaderFade 0.9s ease-in-out infinite; -webkit-animation: loaderFade .9s ease-in-out infinite; } .c-loader::before { animation:loaderFade 0.9s ease-in-out infinite; -webkit-animation: loaderFade .9s ease-in-out infinite; } .c-loader::after { border-radius: 100%; left: 100%; width: 6px; height: 6px; margin-left: 4px; vertical-align: middle; position: absolute; content: ""; animation-delay: 0.3s; background-color: rgba(61, 70, 77, 0.3); -webkit-animation-delay: .3s; } .c-loader::before { border-radius: 100%; left: 100%; width: 6px; height: 6px; margin-left: 4px; vertical-align: middle; position: absolute; content: ""; animation-delay: 0.3s; background-color: rgba(61, 70, 77, 0.3); -webkit-animation-delay: .3s; } .c-loader::after { left: 200%; margin-left: 8px; animation-delay: 0.6s; -webkit-animation-delay: .6s; } .c-loader--spinner.c-loader { background-position: center; margin: 0px; border-radius: 0px; width: 16px; height: 16px; background-image: url("/static/images/icons/ajax-loading-small-vfl3Wt7C_.gif"); background-repeat: no-repeat; background-size: 16px 16px; background-color: transparent; } @media not all, not all, not all { .c-loader--spinner.c-loader { background-image: url("/static/images/icons/ajax-loading-small@2x-vflAxdZTP.gif"); } } .c-loader--spinner.c-loader { animation:none; content: none; -webkit-animation: none; } .c-loader--spinner.c-loader::after { animation:none; content: none; -webkit-animation: none; } .c-loader--spinner.c-loader::before { animation:none; content: none; -webkit-animation: none; } .c-loader--spinner--blue.c-loader { background-position: center; margin: 0px; border-radius: 0px; width: 24px; height: 24px; background-image: url("/static/images/icons/ajax-loading-small-blue-vflVk_QNP.gif"); background-repeat: no-repeat; background-size: 24px 24px; background-color: transparent; } @media not all, not all, not all { .c-loader--spinner--blue.c-loader { background-image: url("/static/images/icons/ajax-loading-small-blue@2x-vfl14X6Ll.gif"); } } .c-loader--spinner--blue.c-loader { animation:none; content: none; -webkit-animation: none; } .c-loader--spinner--blue.c-loader::after { animation:none; content: none; -webkit-animation: none; } .c-loader--spinner--blue.c-loader::before { animation:none; content: none; -webkit-animation: none; } #locale-link { min-width: 50px; max-width: 210px; } #locale-link img.s_web_globe_gray_20x20 { margin: 0px 4px -6px 0px; } #locale-link img.s_web_arrow-up-gray { margin: 0px 0px 2px 5px; } #locale-link a { color: rgb(61, 70, 77); margin-right: 3px; } #db-modal-locale-selector-modal .db-modal { width: 550px; } #db-modal-locale-selector-modal .db-modal-title { height: auto; } #db-modal-locale-selector-modal table { margin-left: 32px; } #db-modal-locale-selector-modal ul { list-style: none; margin: 0px; padding: 0px 50px 0px 0px; line-height: 1.8em; font-size: 15px; } .locale-selector--inline { margin: 0px auto; clear: both; max-width: 990px; } @media all and (max-width:767px) { .locale-selector--inline { padding: 0px; } } .locale-selector--inline .locale-selector__table { width: 100%; } .locale-selector--inline .locale-selector__header { padding: 0px; border-bottom-color: rgb(232, 232, 232); border-bottom-width: 1px; border-bottom-style: solid; } .locale-selector--inline .locale-selector__heading { padding: 10px 0px; text-align: left; color: rgb(123, 137, 148); font-size: 14px; font-weight: bold; } .locale-selector--inline .locale-selector__col { vertical-align: top; } .locale-selector--inline .locale-selector__list { margin: 0px; padding: 0px; } .locale-selector--inline .locale-selector__item { list-style: none; padding: 8px 0px; font-size: 14px; } .locale-selector--inline .locale-link#locale-link { width: 100% !important; padding-top: 20px; float: none !important; display: block; } .locale-selector--inline .locale-link#locale-link .locale-link__sprite { vertical-align: middle; display: inline-block; } .locale-selector--inline .locale-link#locale-link .locale-link__link { vertical-align: middle; display: inline-block; } .locale-selector--inline .locale-link#locale-link .locale-link__sprite { margin-right: 4px; margin-bottom: 0px; } .locale-selector--inline .locale-link#locale-link .locale-link__link { color: rgb(71, 82, 93); font-size: 14px; margin-right: 3px; } .locale-selector--inline .locale-link#locale-link .active.locale-link__link .locale-link__arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); } .locale-selector--inline .locale-link#locale-link .locale-link__arrow { margin: 0px 0px 2px 5px; } .media-mobile .phone-country { width: 250px; } .twofactor-phone-number .phone-country { width: 190px; } .phone-country { margin-right: 12px; } .phone-number-error { width: 400px; text-align: left; color: rgb(232, 33, 16); font-size: 12px; min-height: 17px; } .phone-number-error span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .phone-number-error br { display: none; } .phone-number-input-inline { display: inline-block; } .carousel .phone-country { width: 180px; } .tabbing .select-input-button:focus .select-input-input { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tabbing .select-input-dropdown-shown.select-input-button:focus .select-input-input { box-shadow: none; -webkit-box-shadow: none; } .select-input { width: 140px; font-size: 13px; vertical-align: bottom; display: inline-block; position: relative; -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-input .select-input-button { background: none; padding: 0px; width: 100%; text-align: left; } .select-input .hidden-select-wrapper { left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; position: absolute; } .select-input .hidden-option-container { position: relative; } .select-input .hidden-option { display: none; } .select-input-dropdown-shown.select-input .select-input-input { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .select-input-dropdown-shown.select-input .select-input-dropdown { display: block; } .select-input .select-input-error-wrapper { color: rgb(232, 33, 16); font-size: 12px; min-height: 17px; } .select-input .select-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .select-input .select-input-error-wrapper br { display: none; } .select-input .select-input-input { background: rgb(255, 255, 255); margin: 2px 0px 5px; padding: 7px 29px 3px 8px; border-radius: 3px; border: 1px solid rgb(189, 196, 201); border-image: none; line-height: normal; position: relative; cursor: pointer; min-height: 0px; box-sizing: content-box; -webkit-box-sizing: content-box; -webkit-appearance: none; } .maestro .select-input .select-input-input { line-height: 1; } .select-input .select-input-input .select-option { width: 100%; display: inline-block; } .select-input .select-input-input .select-input-dropdown-arrow { top: 50%; right: 11px; margin-top: -2px; position: absolute; } .select-input .select-input-input .select-input-dropdown-arrow img { vertical-align: top; } .select-input .select-input-dropdown { background: rgb(255, 255, 255); border: 1px solid rgb(189, 196, 201); border-image: none; left: 0px; top: -6px; width: 100%; right: 0px; display: none; position: absolute; z-index: 1; -ms-overflow-y: auto; max-height: 300px; box-sizing: border-box; -webkit-box-sizing: border-box; } .select-input .select-option { text-align: left; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; } .select-input .focused-option.select-option { background: rgb(227, 242, 255); } .select-input .select-option-disabled.select-option { color: rgb(170, 170, 170); cursor: default; } .select-input .select-option-disabled.select-option:hover { background: rgb(255, 255, 255); } .maestro .select-input { font-size: 14px; } .maestro .select-input .select-input-input { line-height: 32px; box-sizing: border-box; -webkit-box-sizing: border-box; } .maestro .select-input .select-input-dropdown { width: 200px; } .small.select-input .select-input-input { margin: 0px; padding: 3px 6px; height: 30px; font-size: 14px; min-height: 30px; box-sizing: border-box; -webkit-box-sizing: border-box; } .small.select-input .select-input-input .select-input-dropdown-arrow { right: 8px; } .small.select-input .select-input-dropdown { top: -2px; } .small.select-input .select-option { vertical-align: middle; } .small.select-input label { padding: 6px 8px; font-size: 14px; } .small.select-input .select-input-error-wrapper { color: rgb(232, 33, 16); font-size: 11px; min-height: 15px; } .small.select-input .select-input-error-wrapper span.error-message { color: rgb(232, 33, 16); font-size: 12px; display: block; } .small.select-input .select-input-error-wrapper br { display: none; } .small.select-input .select-input-error-wrapper span.error-message { font-size: 11px; } .select-input-disabled { color: rgb(170, 170, 170); } .select-input-disabled .select-input-input { cursor: default; } .carousel .select-input .select-input-input { padding: 11px 29px 5px 13px; font-size: 15px; } body.business-theme .select-container label { left: 1px; top: -4px; color: inherit; font-size: 13px; display: block !important; position: absolute; } body.business-theme .select-input .select-input-input { border-color: rgb(123, 137, 148); padding: 12px 12px 9px; font-size: 13px; margin-top: 3px; } body.business-theme .select-input .select-input-input:focus + label { color: inherit; } body.business-theme .select-input .select-input-input { line-height: 1; } body.business-theme .select-input .select-input-dropdown { border-color: rgb(123, 137, 148); } .c-slider__window { overflow: hidden; display: inline-block; } .c-slider__slides { white-space: nowrap; } .c-slider__slide { transition:transform 0.5s, -webkit-transform 0.5s; display: inline-block; -webkit-transition: -webkit-transform ease .5s; } .c-slider__indicator-group { margin: 0px; padding: 0px; text-align: center; } .c-slider__indicator { background: rgb(208, 212, 217); list-style: none; border-radius: 4px; transition:background 0.5s; width: 8px; height: 8px; margin-bottom: 28px; display: inline-block; cursor: pointer; -webkit-transition: background ease .5s; } .c-slider__indicator + .c-slider__indicator { margin-left: 10px; } .is-active.c-slider__indicator { background: rgb(0, 126, 229); cursor: auto; } .c-slider__nav-button-group { text-align: center; } .c-slider__nav-button-group .button-primary { margin: 0px; padding-right: 36px; padding-left: 36px; display: inline-block; } .c-slider__nav-button-group .button-secondary { margin: 0px; padding-right: 36px; padding-left: 36px; display: inline-block; } .c-slider__nav-button-group .button-tertiary { margin: 0px; padding-right: 36px; padding-left: 36px; display: inline-block; } .sprite-div { vertical-align: top; } .sprite-div .sprite-frame { vertical-align: middle; display: table-cell; } .sprite-div .sprite-frame img { margin: auto; display: block; } .sprite-div .small.sprite-frame { width: 19px; } .sprite-div .icon-left.small.sprite-frame { padding-right: 6px; } .sprite-div .icon-right.small.sprite-frame { padding-left: 6px; } .sprite-div .medium.sprite-frame { width: 32px; } .sprite-div .icon-left.medium.sprite-frame { padding-right: 12px; } .sprite-div .icon-right.medium.sprite-frame { padding-left: 12px; } .sprite-div .large.sprite-frame { width: 44px; } .sprite-div .icon-left.large.sprite-frame { padding-right: 16px; } .sprite-div .icon-right.large.sprite-frame { padding-left: 16px; } .sprite-div .sprite-text { vertical-align: middle; display: table-cell; } .c-tabs .c-tabs__bar { margin: 0px; padding: 0px; list-style-type: none; } .c-tabs .c-tabs__bar--has-spacers .c-tabs__tab { border-right-color: currentColor; border-left-color: currentColor; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-top-left-radius: 5px; border-top-right-radius: 5px; } .c-tabs .c-tabs__bar--has-spacers .c-tabs__bar-spacer { display: table-cell; } .c-tabs .c-tabs__tab { border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(160, 209, 250) currentColor rgb(189, 196, 201) rgb(160, 209, 250); border-image: none; text-align: center; vertical-align: top; display: inline-block; position: relative; z-index: 2; } .c-tabs :first-child.c-tabs__tab { margin-left: 0px; border-top-left-radius: 5px; } .c-tabs .c-tabs__tab--rightmost { border-right-color: rgb(160, 209, 250); border-right-width: 1px; border-right-style: solid; border-top-right-radius: 5px; } .c-tabs .c-tabs__tab--selected { border-width: 1px; border-style: solid; border-color: rgb(189, 196, 201) rgb(189, 196, 201) rgb(255, 255, 255); border-image: none; } .c-tabs .c-tabs__tab--selected + .c-tabs__tab { border-left-color: currentColor; border-left-width: medium; border-left-style: none; } .c-tabs .c-tabs__tab--selected .c-tabs__label { color: rgb(61, 70, 77); } .c-tabs .c-tabs__label { padding: 11px 22px; color: rgb(40, 149, 241); vertical-align: top; display: table-cell; } .c-tabs .c-tabs__label:focus { text-decoration: none; } .c-tabs .c-tabs__content { padding-top: 30px; margin-top: -1px; border-top-color: rgb(189, 196, 201); border-top-width: 1px; border-top-style: solid; display: none; } .c-tabs .c-tabs__content--selected { display: block; } .c-tabs--center { margin: 0px auto; display: table; } .c-tabs--center > .c-tabs__bar { margin: 0px auto; display: table; } .c-tabs--center > .c-tabs__bar .c-tabs__tab { display: table-cell; } .c-tabs--minimal .c-tabs__tab { border: currentColor; border-image: none; vertical-align: middle; } .c-tabs--minimal .c-tabs__tab--rightmost { border-right-color: currentColor; border-right-width: medium; border-right-style: none; } .c-tabs--minimal .c-tabs__tab--selected { border: currentColor; border-image: none; } .c-tabs--minimal .c-tabs__tab--selected::after { border-width: 15px 15px 0px; border-style: solid; border-color: rgb(255, 255, 255) transparent; left: 50%; bottom: -13px; margin-left: -15px; position: absolute; content: ""; } .c-tabs--minimal .c-tabs__tab--selected::before { border-width: 15px 15px 0px; border-style: solid; border-color: rgb(189, 196, 201) transparent; left: 50%; bottom: -15px; margin-left: -15px; position: absolute; content: ""; } .c-tabs--minimal .c-tabs__label { padding-top: 0px; padding-bottom: 30px; } .c-tabs--underline .c-tabs__bar { list-style: none; margin: 0px; padding-left: 0px; border-bottom-color: rgba(61, 70, 77, 0.1); border-bottom-width: 1px; border-bottom-style: solid; -webkit-font-smoothing: antialiased; } .c-tabs--underline .c-tabs__tab { transition:0.2s; color: rgb(123, 137, 148); margin-bottom: -1px; border-bottom-color: transparent; border-bottom-width: 1px; border-bottom-style: solid; display: inline-block; white-space: nowrap; -webkit-transition: .2s; } .c-tabs--underline .c-tabs__tab:hover { color: rgb(61, 70, 77); border-bottom-color: rgba(61, 70, 77, 0.3); } .c-tabs--underline .c-tabs__tab + .c-tabs__tab { margin-left: 16px; } .c-tabs--underline .c-tabs__tab--fr { float: right; } .c-tabs--underline .c-tabs__tab--selected { color: rgb(61, 70, 77); font-weight: 600; border-bottom-color: currentColor; } .c-tabs--underline .c-tabs__tab .c-tabs__label { color: inherit; padding-bottom: 8px; display: inline-block; } .c-tabs--underline .c-tabs__tab .c-tabs__label:hover { text-decoration: none; } .c-tabs--underline .c-tabs__tab .c-tabs__label:focus { text-decoration: none; } .c-tabs--underline .c-tabs__content { display: none; } .c-tabs--underline .c-tabs__content--selected { display: block; } .c-tabs--overline .c-tabs__bar { list-style: none; margin: 0px; padding-left: 0px; border-top-color: rgba(61, 70, 77, 0.1); border-top-width: 1px; border-top-style: solid; -webkit-font-smoothing: antialiased; } .c-tabs--overline .c-tabs__tab { transition:0.2s; color: rgb(123, 137, 148); margin-top: -1px; border-top-color: transparent; border-top-width: 1px; border-top-style: solid; display: inline-block; white-space: nowrap; -webkit-transition: .2s; } .c-tabs--overline .c-tabs__tab:hover { color: rgb(61, 70, 77); border-top-color: rgba(61, 70, 77, 0.3); } .c-tabs--overline .c-tabs__tab + .c-tabs__tab { margin-left: 16px; } .c-tabs--overline .c-tabs__tab--fr { float: right; } .c-tabs--overline .c-tabs__tab--selected { color: rgb(61, 70, 77); font-weight: 600; border-top-color: currentColor; } .c-tabs--overline .c-tabs__tab .c-tabs__label { color: inherit; padding-top: 8px; display: inline-block; } .c-tabs--overline .c-tabs__tab .c-tabs__label:hover { text-decoration: none; } .c-tabs--overline .c-tabs__tab .c-tabs__label:focus { text-decoration: none; } .c-tabs--overline .c-tabs__content { display: none; } .c-tabs--overline .c-tabs__content--selected { display: block; } .maestro .c-tabs__bar { line-height: 24px; font-size: 12px; } .maestro .c-tabs__tab { color: rgb(99, 114, 130); } .maestro .c-tabs__tab + .c-tabs__tab { margin-left: 32px; } .maestro .c-tabs__tab--selected { color: rgb(27, 39, 51); font-weight: 500; } .tabbing .c-tabs .c-tabs__label:focus { font-weight: 600; } .tabbing .c-tabs--underline .c-tabs__label:focus { font-weight: 700; } .tooltip-wrapper { display: inline-block; position: relative; } .tooltip-wrapper .tooltip-prompt { position: relative; } .tooltip-wrapper .tooltip-prompt .sprite { cursor: pointer; } .tooltip-wrapper .tooltip-prompt .sprite:focus { border-radius: 3px; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .tooltip-bubble { background: padding-box rgb(255, 255, 255); padding: 9px 15px; border-radius: 3px; border: 1px solid rgba(61, 70, 77, 0.1); border-image: none; line-height: normal; font-size: 13px; display: none; position: absolute; z-index: 9999; cursor: default; box-shadow: 0px 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1); } .tooltip-bubble .tooltip-inner { position: relative; } .tooltip-target { display: table; } .ax-visually-hidden { margin: -1px !important; padding: 0px !important; border: 0px currentColor !important; border-image: none !important; width: 1px !important; height: 1px !important; overflow: hidden !important; position: absolute !important; clip: rect(0px, 0px, 0px, 0px) !important; } .ax-focusable:focus { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .is-focused.ax-focusable { box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .ax-focusable-inline:focus { text-decoration: underline; } .is-focused.ax-focusable-inline { text-decoration: underline; } .ax-focusable--rounded:focus { border-radius: 3px; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .is-focused.ax-focusable--rounded { border-radius: 3px; box-shadow: 0px 0px 0px 2px #a0d1fa; -webkit-box-shadow: 0 0 0 2px #A0D1FA; } .sprite_web { background-position: 0px 16px; width: 16px; height: 16px; background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-repeat: no-repeat; } @media not all, all and (min-resolution:192dpi) { .sprite_web { background-image: url("/static/images/sprites/web_2x_sprites-vflN8VDFL.png"); background-size: auto 10500px; -webkit-background-size: auto 10500.0px; } } .s_web_folder_user_locked_stack_32 { background-position: left -1466px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_locked_stack_32 { background-position: left -1056px; } } .s_web_s_device_mobile_android { background-position: left -10931px; } .s_web_s_device_mobile_android { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_icon_leave { background-position: left -9576px; width: 22px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_icon_leave { background-position: left -7723px; } } .s_web_folder_app { background-position: left -6678px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_app { background-position: left -6112px; } } .s_web_page_white_sound { background-position: left -270px; } .s_web_page_white_sound { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_team_locked_gray_64 { background-position: left -4986px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_locked_gray_64 { background-position: left -4447px; } } .s_web_api_python_disabled { background-position: left -8335px; } .s_web_api_python_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_volumeMuted { background-position: left -7781px; width: 16px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_volumeMuted { background-position: left -7051px; } } .s_web_dropbox21x20 { background-position: left -12072px; width: 21px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_dropbox21x20 { background-position: left -8908px; } } .s_web_s_house_gray { background-position: left -13282px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_house_gray { background-position: left -10082px; } } .s_web_email_go { background-position: left -12192px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_email_go { background-position: left -9023px; } } .s_web_lightbox_add_to_album { background-position: left -9825px; width: 32px; height: 32px; } .s_web_lightbox_add_to_album { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_exit-fullscreen { background-position: left -9042px; } @media not all, all and (min-resolution:192dpi) { .s_web_exit-fullscreen { background-position: left -7385px; } } .s_web_computer_add { background-position: left -8722px; } .s_web_computer_add { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_album_16 { background-position: left -11743px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_album_16 { background-position: left -8599px; } } .s_web_page_white_powerpoint_64 { background-position: left -6306px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_powerpoint_64 { background-position: left -5747px; } } .s_web_grid_light { background-position: left -12353px; width: 24px; height: 24px; } @media not all, all and (min-resolution:192dpi) { .s_web_grid_light { background-position: left -9160px; } } .s_web_page_white_premiere_stack_32 { background-position: left -3608px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_premiere_stack_32 { background-position: left -3135px; } } .s_web_page_white_compressed_64 { background-position: left -5646px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_compressed_64 { background-position: left -5097px; } } .s_web_lightbox_view_original { background-position: left -10015px; width: 32px; height: 32px; } .s_web_lightbox_view_original { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_gray { background-position: left -6720px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_gray { background-position: left -6152px; } } .s_web_facebook { background-position: left -9060px; width: 19px; height: 19px; } .s_web_facebook { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_user_locked_32 { background-position: left -1398px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_locked_32 { background-position: left -990px; } } .s_web_page_white_word_gray_32 { background-position: left -4220px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_word_gray_32 { background-position: left -3729px; } } .s_web_s_house { background-position: left -13261px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_house { background-position: left -10062px; } } .s_web_issue { background-position: left -9787px; width: 36px; height: 36px; } @media not all, all and (min-resolution:192dpi) { .s_web_issue { background-position: left -7803px; } } .s_web_list { background-position: left -12557px; width: 22px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_list { background-position: left -9371px; } } .s_web_s_greencheck { background-position: left -13200px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_greencheck { background-position: left -10004px; } } .s_web_folder_paper_team_stack_32 { background-position: left -854px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_paper_team_stack_32 { background-position: left -462px; } } .s_web_folder_dropbox_32 { background-position: left -650px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_dropbox_32 { background-position: left -264px; } } .s_web_google_gray { background-position: left -9257px; width: 19px; height: 19px; } .s_web_google_gray { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_browser_ie { background-position: left -10771px; } .s_web_s_browser_ie { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_api_js { background-position: left -8209px; } .s_web_api_js { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_package_gray_32 { background-position: left -1602px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_package_gray_32 { background-position: left -1188px; } } .s_web_timeline_dot { background-position: left -11368px; width: 4px; height: 4px; } .s_web_timeline_dot { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_linux_gray { background-position: left -10237px; } @media not all, all and (min-resolution:192dpi) { .s_web_linux_gray { background-position: left -8022px; } } .s_web_page_white_vector_gray_32 { background-position: left -4016px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_vector_gray_32 { background-position: left -3531px; } } .s_web_paper_sidebar_icon { background-position: left -12834px; width: 15px; height: 16px; } @media not all, all and (min-resolution:192dpi) { .s_web_paper_sidebar_icon { background-position: left -9656px; } } .s_web_s_star { background-position: left -7871px; width: 16px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_star { background-position: left -7136px; } } .s_web_s_notifications_off { background-position: left -13379px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_notifications_off { background-position: left -10176px; } } .s_web_api_php_disabled { background-position: left -8299px; } .s_web_api_php_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_icon_new_group { background-position: left -9598px; width: 22px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_icon_new_group { background-position: left -7744px; } } .s_web_folder_user_no_access_32 { background-position: left -1500px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_no_access_32 { background-position: left -1089px; } } .s_web_page_white_flash_gray_32 { background-position: left -2452px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_flash_gray_32 { background-position: left -2013px; } } .s_web_page_white_paint_32 { background-position: left -3030px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paint_32 { background-position: left -2574px; } } .s_web_Safari { background-position: left -7977px; } .s_web_Safari { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_facebook_gray { background-position: left -9081px; width: 19px; height: 19px; } .s_web_facebook_gray { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_public { background-position: left -10474px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_public { background-position: left -8087px; } } .s_web_api_osx { background-position: left -8245px; } .s_web_api_osx { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_notifications_icon_white { background-position: left -12766px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_notifications_icon_white { background-position: left -9592px; } } .s_web_icon_rename { background-position: left -9620px; width: 22px; height: 20px; } .s_web_icon_rename { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_control_close { background-position: left -7441px; width: 12px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_control_close { background-position: left -6731px; } } .s_web_paper_project_32 { background-position: left -4322px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_paper_project_32 { background-position: left -3828px; } } .s_web_s_carousel { background-position: left -13012px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_carousel { background-position: left -9825px; } } .s_web_s_greychecked { background-position: left -11062px; width: 18px; height: 18px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_greychecked { background-position: left -8251px; } } .s_web_folder_public_64 { background-position: left -4722px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_public_64 { background-position: left -4187px; } } .s_web_folder_team_locked_32 { background-position: left -1092px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_locked_32 { background-position: left -693px; } } .s_web_upload_16 { background-position: left -13581px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_upload_16 { background-position: left -10368px; } } .s_web_s_notifications_on { background-position: left -13398px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_notifications_on { background-position: left -10194px; } } .s_web_page_white_illustrator_gray_32 { background-position: left -2690px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_illustrator_gray_32 { background-position: left -2244px; } } .s_web_page_white_vector { background-position: left -306px; } .s_web_page_white_vector { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_lightbox_remove_from_album { background-position: left -9911px; width: 32px; height: 32px; } .s_web_lightbox_remove_from_album { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_create-album { background-position: left -11969px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_create-album { background-position: left -8810px; } } .s_web_page_white_compressed_stack_32 { background-position: left -2078px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_compressed_stack_32 { background-position: left -1650px; } } .s_web_page_white_playlist_stack_32 { background-position: left -3404px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_playlist_stack_32 { background-position: left -2937px; } } .s_web_s_gear { background-position: left -13179px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_gear { background-position: left -9984px; } } .s_web_select { background-position: left -11135px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_select { background-position: left -8342px; } } .s_web_page_white_gear { background-position: left -180px; } .s_web_page_white_gear { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_acrobat_32 { background-position: left -1704px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_acrobat_32 { background-position: left -1287px; } } .s_web_page_white_text_32 { background-position: left -3880px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_text_32 { background-position: left -3399px; } } .s_web_page_white_excel_stack_32 { background-position: left -2282px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_excel_stack_32 { background-position: left -1848px; } } .s_web_s_sidebar_show { background-position: left -7714px; width: 18px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_sidebar_show { background-position: left -6988px; } } .s_web_page_white_film_stack_32 { background-position: left -2384px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_film_stack_32 { background-position: left -1947px; } } .s_web_page_white_playlist_32 { background-position: left -3336px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_playlist_32 { background-position: left -2871px; } } .s_web_s_paper_new { background-position: left -11082px; width: 16px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_paper_new { background-position: left -8286px; } } .s_web_iphone { background-position: left -9712px; width: 14px; height: 21px; } .s_web_iphone { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_overflow-glyph { background-position: left -12805px; width: 20px; height: 6px; } @media not all, all and (min-resolution:192dpi) { .s_web_overflow-glyph { background-position: left -9629px; } } .s_web_s_device_mobile { background-position: left -10913px; } .s_web_s_device_mobile { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_more { background-position: left -12703px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_more { background-position: left -9532px; } } .s_web_sort { background-position: left -13517px; width: 22px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_sort { background-position: left -10307px; } } .s_web_pencil { background-position: left -12852px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_pencil { background-position: left -9673px; } } .s_web_like_icon_selected_hover { background-position: left -10185px; width: 32px; height: 32px; } .s_web_like_icon_selected_hover { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_Opera { background-position: left -7959px; } .s_web_Opera { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_yahoo { background-position: left -11664px; width: 19px; height: 19px; } .s_web_yahoo { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_chevron_thin { background-position: left -8658px; width: 8px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_chevron_thin { background-position: left -7289px; } } .s_web_word { background-position: left -7409px; } @media not all, all and (min-resolution:192dpi) { .s_web_word { background-position: left -6701px; } } .s_web_search-icon-filepicker { background-position: left -11121px; width: 10px; height: 12px; } .s_web_search-icon-filepicker { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_package { background-position: left -36px; } .s_web_package { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_quota_full_32 { background-position: left -10529px; width: 32px; height: 32px; } .s_web_quota_full_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_fla { background-position: left 0px; } .s_web_fla { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_drops { background-position: left -8934px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_drops { background-position: left -7367px; } } .s_web_heart { background-position: left -12400px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_heart { background-position: left -9205px; } } .s_web_Chrome { background-position: left -7905px; } .s_web_Chrome { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_lock { background-position: left -12631px; } @media not all, all and (min-resolution:192dpi) { .s_web_lock { background-position: left -9442px; } } .s_web_team_reduce_user_32 { background-position: left -11296px; width: 32px; height: 32px; } .s_web_team_reduce_user_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_calendar_view_month { background-position: left -11885px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_calendar_view_month { background-position: left -8731px; } } .s_web_api_ios_disabled { background-position: left -8155px; } .s_web_api_ios_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_lightbox_selected { background-position: left -9945px; } .s_web_lightbox_selected { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_shared_link_gray { background-position: left -7839px; width: 14px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_shared_link_gray { background-position: left -7106px; } } .s_web_page_white_paint { background-position: left -216px; } .s_web_page_white_paint { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_user_delete_32 { background-position: left -1330px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_delete_32 { background-position: left -924px; } } .s_web_information { background-position: left -9676px; } .s_web_information { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_acrobat-40 { background-position: left -7151px; width: 40px; height: 40px; } @media not all, all and (min-resolution:192dpi) { .s_web_acrobat-40 { background-position: left -6452px; } } .s_web_list_dark { background-position: left -12579px; width: 24px; height: 24px; } @media not all, all and (min-resolution:192dpi) { .s_web_list_dark { background-position: left -9392px; } } .s_web_page_white_code_64 { background-position: left -5580px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_code_64 { background-position: left -5032px; } } .s_web_page_white_text_stack_32 { background-position: left -3948px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_text_stack_32 { background-position: left -3465px; } } .s_web_folder_camera_uploads_64 { background-position: left -4590px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_camera_uploads_64 { background-position: left -4057px; } } .s_web_s_flip_left { background-position: left -7660px; width: 10px; height: 18px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_flip_left { background-position: left -6937px; } } .s_web_folder_arrow_32 { background-position: left -12253px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_arrow_32 { background-position: left -9064px; } } .s_web_mac { background-position: left -10317px; } .s_web_mac { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_clock { background-position: left -13051px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_clock { background-position: left -9862px; } } .s_web_page_white_compressed { background-position: left -108px; } .s_web_page_white_compressed { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_64 { background-position: left -4458px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_64 { background-position: left -3927px; } } .s_web_s_photo { background-position: left -13417px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_photo { background-position: left -10212px; } } .s_web_folder_paper_team_gray_32 { background-position: left -820px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_paper_team_gray_32 { background-position: left -429px; } } .s_web_api_ruby { background-position: left -8353px; } .s_web_api_ruby { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_tutorial_close { background-position: left -11456px; width: 12px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_tutorial_close { background-position: left -8462px; } } .s_web_world_link { background-position: left -11623px; } .s_web_world_link { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_gear_32 { background-position: left -2520px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_gear_32 { background-position: left -2079px; } } .s_web_s_device_mac { background-position: left -10895px; } .s_web_s_device_mac { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_personal_icon { background-position: left -7037px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_personal_icon { background-position: left -6386px; } } .s_web_stacked-shared-folder_32 { background-position: left -4424px; width: 32px; height: 32px; } .s_web_stacked-shared-folder_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_rename_icon { background-position: left -10597px; width: 32px; height: 32px; } .s_web_rename_icon { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_application_add { background-position: left -8407px; } .s_web_application_add { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_download-dropdown-arrow-white { background-position: left -8867px; } .s_web_download-dropdown-arrow-white { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_help { background-position: left -9330px; } .s_web_help { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_share_get_link_icon { background-position: left -11208px; } .s_web_share_get_link_icon { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_team { background-position: left -6762px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team { background-position: left -6192px; } } .s_web_page_white_paint_stack_32 { background-position: left -3098px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paint_stack_32 { background-position: left -2640px; } } .s_web_folder_dropbox_stack_32 { background-position: left -718px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_dropbox_stack_32 { background-position: left -330px; } } .s_web_folder_user_gray_32 { background-position: left -1364px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_gray_32 { background-position: left -957px; } } .s_web_share_twitter_icon { background-position: left -11226px; } .s_web_share_twitter_icon { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_group { background-position: left -9278px; width: 19px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_group { background-position: left -7489px; } } .s_web_page_white_dvd_stack_32 { background-position: left -2180px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_dvd_stack_32 { background-position: left -1749px; } } .s_web_bullet_minus { background-position: left -11813px; } @media not all, all and (min-resolution:192dpi) { .s_web_bullet_minus { background-position: left -8663px; } } .s_web_white_check_bold { background-position: left -11568px; width: 21px; height: 17px; } .s_web_white_check_bold { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_control_menu { background-position: left -7499px; width: 8px; height: 6px; } @media not all, all and (min-resolution:192dpi) { .s_web_control_menu { background-position: left -6786px; } } .s_web_s_rainbow { background-position: left -13438px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_rainbow { background-position: left -10232px; } } .s_web_page_white_film_gray_32 { background-position: left -2350px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_film_gray_32 { background-position: left -1914px; } } .s_web_s_sidebar_hide { background-position: left -7700px; width: 17px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_sidebar_hide { background-position: left -6975px; } } .s_web_previous_versions { background-position: left -10453px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_previous_versions { background-position: left -8067px; } } .s_web_event_share { background-position: left -8993px; width: 18px; height: 18px; } .s_web_event_share { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_paper_white_32 { background-position: left -4356px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_paper_white_32 { background-position: left -3861px; } } .s_web_lock32 { background-position: left -10255px; width: 32px; height: 32px; } .s_web_lock32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_album_delete_16 { background-position: left -11764px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_album_delete_16 { background-position: left -8619px; } } .s_web_page_white_dvd_32 { background-position: left -2112px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_dvd_32 { background-position: left -1683px; } } .s_web_creditcards { background-position: left -8740px; } .s_web_creditcards { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_excel-40 { background-position: left -7193px; width: 40px; height: 40px; } @media not all, all and (min-resolution:192dpi) { .s_web_excel-40 { background-position: left -6493px; } } .s_web_photos_drag_add { background-position: left -10419px; width: 32px; height: 32px; } .s_web_photos_drag_add { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_ic_comment_area { background-position: left -9348px; width: 22px; height: 22px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_comment_area { background-position: left -7521px; } } .s_web_page_white_word_32 { background-position: left -4186px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_word_32 { background-position: left -3696px; } } .s_web_folder_user_no_access { background-position: left -6906px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_no_access { background-position: left -6326px; } } .s_web_page_white_word { background-position: left -324px; } .s_web_page_white_word { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_control_comments_off { background-position: left -7455px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_control_comments_off { background-position: left -6744px; } } .s_web_api_ruby_disabled { background-position: left -8371px; } .s_web_api_ruby_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_lightbox_prev { background-position: left -12518px; } @media not all, all and (min-resolution:192dpi) { .s_web_lightbox_prev { background-position: left -9334px; } } .s_web_folder_team_32 { background-position: left -1024px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_32 { background-position: left -627px; } } .s_web_page_white_excel_gray_32 { background-position: left -2248px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_excel_gray_32 { background-position: left -1815px; } } .s_web_folder_stack_32 { background-position: left -990px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_stack_32 { background-position: left -594px; } } .s_web_s_add_mention_blue { background-position: left -10700px; width: 18px; height: 15px; } .s_web_s_add_mention_blue { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_lock_blue { background-position: left -12649px; width: 12px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_lock_blue { background-position: left -9459px; } } .s_web_s_drops_new { background-position: left -11021px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_drops_new { background-position: left -8212px; } } .s_web_close_small { background-position: left -8690px; width: 12px; height: 12px; } .s_web_close_small { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_word_stack_32 { background-position: left -4254px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_word_stack_32 { background-position: left -3762px; } } .s_web_white_check { background-position: left -11542px; width: 24px; height: 24px; } @media not all, all and (min-resolution:192dpi) { .s_web_white_check { background-position: left -8475px; } } .s_web_page_white_sketch_32 { background-position: left -3642px; width: 33px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sketch_32 { background-position: left -3168px; } } .s_web_ic_comment_area_large_dark { background-position: left -9434px; width: 22px; height: 22px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_comment_area_large_dark { background-position: left -7603px; } } .s_web_ic_comment_area_large { background-position: left -9410px; width: 22px; height: 22px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_comment_area_large { background-position: left -7580px; } } .s_web_notifications_icon_blue { background-position: left -12745px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_notifications_icon_blue { background-position: left -9572px; } } .s_web_folder_user_32 { background-position: left -1262px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_32 { background-position: left -858px; } } .s_web_s_browser_firefox { background-position: left -10735px; } .s_web_s_browser_firefox { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_api_java { background-position: left -8173px; } .s_web_api_java { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_print { background-position: left -7618px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_print { background-position: left -6897px; } } .s_web_page_white_code_gray_32 { background-position: left -1942px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_code_gray_32 { background-position: left -1518px; } } .s_web_s_unstar { background-position: left -7888px; width: 16px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_unstar { background-position: left -7152px; } } .s_web_folder_team_member_32 { background-position: left -1194px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_member_32 { background-position: left -792px; } } .s_web_user_add { background-position: left -13623px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_user_add { background-position: left -10408px; } } .s_web_page_white_dvd_gray_32 { background-position: left -2146px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_dvd_gray_32 { background-position: left -1716px; } } .s_web_application_double { background-position: left -8443px; } .s_web_application_double { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_add_mention { background-position: left -10683px; width: 18px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_add_mention { background-position: left -8163px; } } .s_web_folder_camera_stack_32 { background-position: left -616px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_camera_stack_32 { background-position: left -231px; } } .s_web_event_select { background-position: left -8973px; width: 18px; height: 18px; } .s_web_event_select { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_user_locked_gray_32 { background-position: left -1432px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_locked_gray_32 { background-position: left -1023px; } } .s_web_page_white_code_32 { background-position: left -1908px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_code_32 { background-position: left -1485px; } } .s_web_page_white_film_64 { background-position: left -5844px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_film_64 { background-position: left -5292px; } } .s_web_twitter_20 { background-position: left -11470px; width: 20px; height: 20px; } .s_web_twitter_20 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_excel_32 { background-position: left -2214px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_excel_32 { background-position: left -1782px; } } .s_web_page_white_powerpoint_stack_32 { background-position: left -3506px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_powerpoint_stack_32 { background-position: left -3036px; } } .s_web_triangle_closed_1x { background-position: left -11406px; width: 6px; height: 7px; } .s_web_triangle_closed_1x { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_ic_sticker_blue { background-position: left -9498px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_sticker_blue { background-position: left -7664px; } } .s_web_page_white_dvd { background-position: left -126px; } .s_web_page_white_dvd { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_gray_32 { background-position: left -2622px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_gray_32 { background-position: left -2178px; } } .s_web_toggle_grid { background-position: left -11374px; width: 14px; height: 14px; } .s_web_toggle_grid { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_volumeInactive { background-position: left -7765px; width: 16px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_volumeInactive { background-position: left -7036px; } } .s_web_bulletpoint-x { background-position: left -11867px; } @media not all, all and (min-resolution:192dpi) { .s_web_bulletpoint-x { background-position: left -8714px; } } .s_web_lock_dark { background-position: left -10289px; width: 10px; height: 12px; } .s_web_lock_dark { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_chevron { background-position: left -11935px; width: 7px; height: 11px; } @media not all, all and (min-resolution:192dpi) { .s_web_chevron { background-position: left -8778px; } } .s_web_lightbox_download { background-position: left -9859px; width: 32px; height: 32px; } .s_web_lightbox_download { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_open { background-position: left -12787px; } @media not all, all and (min-resolution:192dpi) { .s_web_open { background-position: left -9612px; } } .s_web_page_white_sound_gray_32 { background-position: left -3778px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sound_gray_32 { background-position: left -3300px; } } .s_web_page_white_webcode_stack_32 { background-position: left -4152px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_webcode_stack_32 { background-position: left -3663px; } } .s_web_android_gray { background-position: left -8029px; } @media not all, all and (min-resolution:192dpi) { .s_web_android_gray { background-position: left -7168px; } } .s_web_ic_comment_area_dark { background-position: left -9391px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_comment_area_dark { background-position: left -7562px; } } .s_web_delete_16 { background-position: left -12009px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_delete_16 { background-position: left -8848px; } } .s_web_banana { background-position: left -8519px; } .s_web_banana { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_arrow-up-gray { background-position: left -11806px; width: 9px; height: 5px; } @media not all, all and (min-resolution:192dpi) { .s_web_arrow-up-gray { background-position: left -8657px; } } .s_web_gear { background-position: left -9159px; width: 19px; height: 19px; } .s_web_gear { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_powerpoint_32 { background-position: left -3438px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_powerpoint_32 { background-position: left -2970px; } } .s_web_folder_team_member { background-position: left -6804px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_member { background-position: left -6229px; } } .s_web_folder_user_gray_64 { background-position: left -5184px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_gray_64 { background-position: left -4642px; } } .s_web_like_icon_hover { background-position: left -10117px; width: 32px; height: 32px; } .s_web_like_icon_hover { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_more-gray { background-position: left -12682px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_more-gray { background-position: left -9512px; } } .s_web_lightbox_close { background-position: left -12440px; } @media not all, all and (min-resolution:192dpi) { .s_web_lightbox_close { background-position: left -9260px; } } .s_web_s_file_comment { background-position: left -13158px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_file_comment { background-position: left -9964px; } } .s_web_control_more { background-position: left -7507px; width: 16px; height: 4px; } @media not all, all and (min-resolution:192dpi) { .s_web_control_more { background-position: left -6793px; } } .s_web_albums { background-position: left -7995px; width: 32px; height: 32px; } .s_web_albums { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_copy { background-position: left -11948px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_copy { background-position: left -8790px; } } .s_web_page_white_illustrator_32 { background-position: left -2656px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_illustrator_32 { background-position: left -2211px; } } .s_web_page_white_excel { background-position: left -144px; } .s_web_page_white_excel { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_zoomout { background-position: left -7818px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_zoomout { background-position: left -7086px; } } .s_web_triangle_open_1x { background-position: left -11431px; width: 8px; height: 7px; } .s_web_triangle_open_1x { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_application_delete { background-position: left -8425px; } .s_web_application_delete { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_team_add_user_32 { background-position: left -11262px; width: 32px; height: 32px; } .s_web_team_add_user_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_lightbox_unselected { background-position: left -9997px; } .s_web_lightbox_unselected { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_share-link-globe { background-position: left -11172px; } @media not all, all and (min-resolution:192dpi) { .s_web_share-link-globe { background-position: left -8377px; } } .s_web_page_white_dvd_64 { background-position: left -5712px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_dvd_64 { background-position: left -5162px; } } .s_web_folder_team_locked_stack_32 { background-position: left -1160px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_locked_stack_32 { background-position: left -759px; } } .s_web_download { background-position: left -12030px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_download { background-position: left -8868px; } } .s_web_page_white_audition_32 { background-position: left -1806px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_audition_32 { background-position: left -1386px; } } .s_web_work_icon { background-position: left -7117px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_work_icon { background-position: left -6419px; } } .s_web_folder_public { background-position: left -6741px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_public { background-position: left -6172px; } } .s_web_check_light_gray { background-position: left -8629px; width: 12px; height: 10px; } @media not all, all and (min-resolution:192dpi) { .s_web_check_light_gray { background-position: left -7262px; } } .s_web_premium-share { background-position: left -12873px; } @media not all, all and (min-resolution:192dpi) { .s_web_premium-share { background-position: left -9693px; } } .s_web_triangle_closed_2x { background-position: left -11415px; width: 12px; height: 14px; } .s_web_triangle_closed_2x { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_download-dropdown-arrow-blue { background-position: left -8849px; } .s_web_download-dropdown-arrow-blue { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_user_add_32 { background-position: left -1296px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_add_32 { background-position: left -891px; } } .s_web_s_file { background-position: left -13137px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_file { background-position: left -9944px; } } .s_web_s_team { background-position: left -13496px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_team { background-position: left -10287px; } } .s_web_folder_team_locked_gray_32 { background-position: left -1126px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_locked_gray_32 { background-position: left -726px; } } .s_web_event_add_to_album { background-position: left -8953px; width: 18px; height: 18px; } .s_web_event_add_to_album { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_picture { background-position: left -234px; } .s_web_page_white_picture { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_team_64 { background-position: left -4788px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_64 { background-position: left -4252px; } } .s_web_folder_user_blue { background-position: left -6867px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_blue { background-position: left -6289px; } } .s_web_blackberry_gray { background-position: left -8577px; } @media not all, all and (min-resolution:192dpi) { .s_web_blackberry_gray { background-position: left -7234px; } } .s_web_play { background-position: left -7590px; width: 10px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_play { background-position: left -6871px; } } .s_web_folder_user_no_access_64 { background-position: left -5382px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_no_access_64 { background-position: left -4837px; } } .s_web_page_white_stack_32 { background-position: left -3846px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_stack_32 { background-position: left -3366px; } } .s_web_folder_public_stack_32 { background-position: left -956px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_public_stack_32 { background-position: left -561px; } } .s_web_s_cake { background-position: left -12991px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_cake { background-position: left -9805px; } } .s_web_trash-can-open { background-position: left -13539px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_trash-can-open { background-position: left -10328px; } } .s_web_page_white_code_stack_32 { background-position: left -1976px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_code_stack_32 { background-position: left -1551px; } } .s_web_caret_gray { background-position: left -11925px; width: 13px; height: 8px; } @media not all, all and (min-resolution:192dpi) { .s_web_caret_gray { background-position: left -8769px; } } .s_web_page_white { background-position: left -54px; } .s_web_page_white { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_linkfile_32 { background-position: left -2860px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_linkfile_32 { background-position: left -2409px; } } .s_web_page_white_vector_64 { background-position: left -6504px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_vector_64 { background-position: left -5942px; } } .s_web_globe_gray_20x20 { background-position: left -9180px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_globe_gray_20x20 { background-position: left -7435px; } } .s_web_like_icon_empty { background-position: left -10083px; width: 32px; height: 32px; } .s_web_like_icon_empty { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_paint_64 { background-position: left -6174px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paint_64 { background-position: left -5617px; } } .s_web_s_browser_generic { background-position: left -10753px; } .s_web_s_browser_generic { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_ic_sticker { background-position: left -9480px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_sticker { background-position: left -7647px; } } .s_web_list_light { background-position: left -12605px; width: 24px; height: 24px; } @media not all, all and (min-resolution:192dpi) { .s_web_list_light { background-position: left -9417px; } } .s_web_folder_user_stack_32 { background-position: left -1534px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_stack_32 { background-position: left -1122px; } } .s_web_android_small { background-position: left -8047px; } .s_web_android_small { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_paper_gray_32 { background-position: left -3166px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paper_gray_32 { background-position: left -2706px; } } .s_web_page_white_sketch_stack_32 { background-position: left -3710px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sketch_stack_32 { background-position: left -3234px; } } .s_web_s_device_windows { background-position: left -11003px; } .s_web_s_device_windows { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_paint_gray_32 { background-position: left -3064px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paint_gray_32 { background-position: left -2607px; } } .s_web_fla_32 { background-position: left -378px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_fla_32 { background-position: left 0px; } } .s_web_s_briefcase_gray { background-position: left -12970px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_briefcase_gray { background-position: left -9785px; } } .s_web_pause { background-position: left -7576px; width: 10px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_pause { background-position: left -6858px; } } .s_web_page_white_playlist_gray_32 { background-position: left -3370px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_playlist_gray_32 { background-position: left -2904px; } } .s_web_s_resolve { background-position: left -13459px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_resolve { background-position: left -10252px; } } .s_web_s_check_32 { background-position: left -10825px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_check_32 { background-position: left -8179px; } } .s_web_rainbow_16 { background-position: left -6927px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_rainbow_16 { background-position: left -6346px; } } .s_web_folder { background-position: left -6636px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder { background-position: left -6072px; } } .s_web_page_white_mp3_gray_32 { background-position: left -2962px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_mp3_gray_32 { background-position: left -2508px; } } .s_web_mag_glass { background-position: left -12665px; width: 15px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_mag_glass { background-position: left -9474px; } } .s_web_exclamation_32 { background-position: left -9013px; width: 26px; height: 27px; } .s_web_exclamation_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_triangle_open_2x { background-position: left -11440px; width: 16px; height: 14px; } .s_web_triangle_open_2x { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_browser_opera { background-position: left -10789px; } .s_web_s_browser_opera { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_audition_gray_32 { background-position: left -1840px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_audition_gray_32 { background-position: left -1419px; } } .s_web_check_gray { background-position: left -8617px; width: 12px; height: 10px; } @media not all, all and (min-resolution:192dpi) { .s_web_check_gray { background-position: left -7251px; } } .s_web_settings { background-position: left -11154px; } @media not all, all and (min-resolution:192dpi) { .s_web_settings { background-position: left -8360px; } } .s_web_folder_gray_32 { background-position: left -752px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_gray_32 { background-position: left -363px; } } .s_web_s_comments_unlocked { background-position: left -13095px; width: 21px; height: 21px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_comments_unlocked { background-position: left -9904px; } } .s_web_page_white_go { background-position: left -12813px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_go { background-position: left -9636px; } } .s_web_teams { background-position: left -11330px; width: 36px; height: 36px; } .s_web_teams { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_paper_project { background-position: left -360px; } .s_web_paper_project { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_acrobat_64 { background-position: left -5514px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_acrobat_64 { background-position: left -4967px; } } .s_web_folder_app_32 { background-position: left -446px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_app_32 { background-position: left -66px; } } .s_web_activity { background-position: left -11706px; } .s_web_activity { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_x { background-position: left -11641px; width: 8px; height: 8px; } .s_web_x { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_bullet_plus { background-position: left -11831px; } @media not all, all and (min-resolution:192dpi) { .s_web_bullet_plus { background-position: left -8680px; } } .s_web_s_disable { background-position: left -13118px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_disable { background-position: left -9926px; } } .s_web_close { background-position: left -8672px; } .s_web_close { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_text_gray_32 { background-position: left -3914px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_text_gray_32 { background-position: left -3432px; } } .s_web_fullscreen { background-position: left -9140px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_fullscreen { background-position: left -7417px; } } .s_web_api_android { background-position: left -8065px; } .s_web_api_android { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_check { background-position: left -13033px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_check { background-position: left -9845px; } } .s_web_folder_app_gray_32 { background-position: left -480px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_app_gray_32 { background-position: left -99px; } } .s_web_email { background-position: left -12094px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_email { background-position: left -8929px; } } .s_web_lightbox_delete_16 { background-position: left -12458px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_lightbox_delete_16 { background-position: left -9277px; } } .s_web_arrow-down-blue { background-position: left -11785px; width: 9px; height: 5px; } @media not all, all and (min-resolution:192dpi) { .s_web_arrow-down-blue { background-position: left -8639px; } } .s_web_page_white_powerpoint { background-position: left -252px; } .s_web_page_white_powerpoint { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_ic_comment_text { background-position: left -9458px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_comment_text { background-position: left -7626px; } } .s_web_s_comments_locked { background-position: left -13072px; width: 21px; height: 21px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_comments_locked { background-position: left -9882px; } } .s_web_page_white_webcode_gray_32 { background-position: left -4118px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_webcode_gray_32 { background-position: left -3630px; } } .s_web_Firefox { background-position: left -7923px; } .s_web_Firefox { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_icon_delete { background-position: left -9532px; width: 22px; height: 20px; } .s_web_icon_delete { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_user_locked { background-position: left -6885px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_locked { background-position: left -6306px; } } .s_web_s_device_mobile_blackberry { background-position: left -10949px; } .s_web_s_device_mobile_blackberry { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_fullscreen-video { background-position: left -9124px; width: 14px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_fullscreen-video { background-position: left -7402px; } } .s_web_email_32 { background-position: left -12137px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_email_32 { background-position: left -8970px; } } .s_web_folder_camera_gray_32 { background-position: left -582px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_camera_gray_32 { background-position: left -198px; } } .s_web_delete { background-position: left -11990px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_delete { background-position: left -8830px; } } .s_web_page_white_64 { background-position: left -5448px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_64 { background-position: left -4902px; } } .s_web_page_white_linkfile_gray_32 { background-position: left -2894px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_linkfile_gray_32 { background-position: left -2442px; } } .s_web_dropbox_gray { background-position: left -8916px; } @media not all, all and (min-resolution:192dpi) { .s_web_dropbox_gray { background-position: left -7350px; } } .s_web_s_briefcase { background-position: left -12949px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_briefcase { background-position: left -9765px; } } .s_web_invite_user { background-position: left -9694px; width: 22px; height: 16px; } @media not all, all and (min-resolution:192dpi) { .s_web_invite_user { background-position: left -7786px; } } .s_web_s_lock_flat { background-position: left -13324px; width: 10px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_lock_flat { background-position: left -10122px; } } .s_web_folder_user_locked_64 { background-position: left -5250px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_locked_64 { background-position: left -4707px; } } .s_web_package_32 { background-position: left -1568px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_package_32 { background-position: left -1155px; } } .s_web_grid_dark { background-position: left -12327px; width: 24px; height: 24px; } @media not all, all and (min-resolution:192dpi) { .s_web_grid_dark { background-position: left -9135px; } } .s_web_linux { background-position: left -10219px; } .s_web_linux { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_cancel { background-position: left -11906px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_cancel { background-position: left -8751px; } } .s_web_api_java_disabled { background-position: left -8191px; } .s_web_api_java_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_text { background-position: left -288px; } .s_web_page_white_text { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_image_placeholder { background-position: left -9642px; width: 32px; height: 32px; } .s_web_image_placeholder { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_add { background-position: left -6657px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_add { background-position: left -6092px; } } .s_web_personal_44 { background-position: left -6991px; width: 44px; height: 44px; } .s_web_personal_44 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_vector_32 { background-position: left -3982px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_vector_32 { background-position: left -3498px; } } .s_web_page_white_premiere_gray_32 { background-position: left -3574px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_premiere_gray_32 { background-position: left -3102px; } } .s_web_twitter_32 { background-position: left -11492px; width: 32px; height: 32px; } .s_web_twitter_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_shared_link_white { background-position: left -7855px; width: 14px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_shared_link_white { background-position: left -7121px; } } .s_web_lightbox_show_in_folder { background-position: left -9963px; width: 32px; height: 32px; } .s_web_lightbox_show_in_folder { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_browser_safari { background-position: left -10807px; } .s_web_s_browser_safari { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_toggle_list { background-position: left -11390px; width: 14px; height: 14px; } .s_web_toggle_list { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_compressed_gray_32 { background-position: left -2044px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_compressed_gray_32 { background-position: left -1617px; } } .s_web_folder_public_gray_32 { background-position: left -922px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_public_gray_32 { background-position: left -528px; } } .s_web_yahoo_gray { background-position: left -11685px; width: 19px; height: 19px; } .s_web_yahoo_gray { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_camera_32 { background-position: left -548px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_camera_32 { background-position: left -165px; } } .s_web_ic_comment_area_blue { background-position: left -9372px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_ic_comment_area_blue { background-position: left -7544px; } } .s_web_page_white_mp3_32 { background-position: left -2928px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_mp3_32 { background-position: left -2475px; } } .s_web_download_arrow { background-position: left -12051px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_download_arrow { background-position: left -8888px; } } .s_web_api_android_disabled { background-position: left -8083px; } .s_web_api_android_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_request_notifications_icon { background-position: left -12912px; width: 14px; height: 16px; } @media not all, all and (min-resolution:192dpi) { .s_web_request_notifications_icon { background-position: left -9730px; } } .s_web_view_original { background-position: left -11526px; width: 14px; height: 14px; } .s_web_view_original { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_rename { background-position: left -12891px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_rename { background-position: left -9710px; } } .s_web_referral_completed_32 { background-position: left -10563px; width: 32px; height: 32px; } .s_web_referral_completed_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_team_stack_32 { background-position: left -1228px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_stack_32 { background-position: left -825px; } } .s_web_folder_user_20 { background-position: left -9102px; width: 20px; height: 20px; } .s_web_folder_user_20 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_camera { background-position: left -6699px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_camera { background-position: left -6132px; } } .s_web_s_flip_right { background-position: left -7680px; width: 10px; height: 18px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_flip_right { background-position: left -6956px; } } .s_web_s_mailbox { background-position: left -13338px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_mailbox { background-position: left -10135px; } } .s_web_page_white_keynote_stack_32 { background-position: left -2826px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_keynote_stack_32 { background-position: left -2376px; } } .s_web_lightbox_open { background-position: left -9893px; } @media not all, all and (min-resolution:192dpi) { .s_web_lightbox_open { background-position: left -7840px; } } .s_web_folder_public_32 { background-position: left -888px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_public_32 { background-position: left -495px; } } .s_web_folder_team_locked_64 { background-position: left -4920px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_locked_64 { background-position: left -4382px; } } .s_web_page_white_word_64 { background-position: left -6570px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_word_64 { background-position: left -6007px; } } .s_web_page_white_vector_stack_32 { background-position: left -4050px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_vector_stack_32 { background-position: left -3564px; } } .s_web_folder_paper_team_32 { background-position: left -786px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_paper_team_32 { background-position: left -396px; } } .s_web_folder_app_64 { background-position: left -4524px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_app_64 { background-position: left -3992px; } } .s_web_page_white_compressed_32 { background-position: left -2010px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_compressed_32 { background-position: left -1584px; } } .s_web_banner_x { background-position: left -8537px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_banner_x { background-position: left -7213px; } } .s_web_s_sync { background-position: left -13478px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_sync { background-position: left -10270px; } } .s_web_page_white_illustrator_stack_32 { background-position: left -2724px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_illustrator_stack_32 { background-position: left -2277px; } } .s_web_user { background-position: left -13602px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_user { background-position: left -10388px; } } .s_web_page_white_paper_32 { background-position: left -3132px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paper_32 { background-position: left -2673px; } } .s_web_xclose { background-position: left -13707px; width: 11px; height: 11px; } @media not all, all and (min-resolution:192dpi) { .s_web_xclose { background-position: left -10488px; } } .s_web_folder_user_64 { background-position: left -5118px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_64 { background-position: left -4577px; } } .s_web_user_warn { background-position: left -13686px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_user_warn { background-position: left -10468px; } } .s_web_menu-right-arrow { background-position: left -10353px; width: 7px; height: 10px; } @media not all, all and (min-resolution:192dpi) { .s_web_menu-right-arrow { background-position: left -8039px; } } .s_web_s-student-promo { background-position: left -10666px; width: 16px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_s-student-promo { background-position: left -8147px; } } .s_web_s_show_comments_grey { background-position: left -11101px; width: 18px; height: 18px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_show_comments_grey { background-position: left -8304px; } } .s_web_magnifier { background-position: left -10335px; } .s_web_magnifier { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_api_ios { background-position: left -8137px; } .s_web_api_ios { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_left { background-position: left -7555px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_left { background-position: left -6838px; } } .s_web_restore { background-position: left -12930px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_restore { background-position: left -9747px; } } .s_web_lightbox_next { background-position: left -12500px; } @media not all, all and (min-resolution:192dpi) { .s_web_lightbox_next { background-position: left -9317px; } } .s_web_fb_20 { background-position: left -12231px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_fb_20 { background-position: left -9043px; } } .s_web_money { background-position: left -10383px; } .s_web_money { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_device_linux { background-position: left -10877px; } .s_web_s_device_linux { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_control_comments_on { background-position: left -7477px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_control_comments_on { background-position: left -6765px; } } .s_web_arrowright { background-position: left -8493px; width: 12px; height: 12px; } .s_web_arrowright { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s-link-blue { background-position: left -10645px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s-link-blue { background-position: left -8127px; } } .s_web_api_php { background-position: left -8281px; } .s_web_api_php { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_keynote_gray_32 { background-position: left -2792px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_keynote_gray_32 { background-position: left -2343px; } } .s_web_desktop { background-position: left -8811px; width: 36px; height: 36px; } .s_web_desktop { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_arrow-down-white { background-position: left -11799px; width: 9px; height: 5px; } @media not all, all and (min-resolution:192dpi) { .s_web_arrow-down-white { background-position: left -8651px; } } .s_web_add { background-position: left -11724px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_add { background-position: left -8581px; } } .s_web_page_white_picture_32 { background-position: left -3234px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_picture_32 { background-position: left -2772px; } } .s_web_powerpoint-40 { background-position: left -7307px; width: 40px; height: 40px; } @media not all, all and (min-resolution:192dpi) { .s_web_powerpoint-40 { background-position: left -6602px; } } .s_web_page_white_32 { background-position: left -1670px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_32 { background-position: left -1254px; } } .s_web_rainbow_16_gray { background-position: left -6948px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_rainbow_16_gray { background-position: left -6366px; } } .s_web_grid { background-position: left -12305px; width: 22px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_grid { background-position: left -9114px; } } .s_web_windows_xp_gray { background-position: left -11605px; } @media not all, all and (min-resolution:192dpi) { .s_web_windows_xp_gray { background-position: left -8535px; } } .s_web_user_delete { background-position: left -13644px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_user_delete { background-position: left -10428px; } } .s_web_gift { background-position: left -12287px; } @media not all, all and (min-resolution:192dpi) { .s_web_gift { background-position: left -9097px; } } .s_web_apple_gray { background-position: left -8389px; } @media not all, all and (min-resolution:192dpi) { .s_web_apple_gray { background-position: left -7185px; } } .s_web_api_js_disabled { background-position: left -8227px; } .s_web_api_js_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_greycheck { background-position: left -13222px; width: 18px; height: 18px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_greycheck { background-position: left -10025px; } } .s_web_lightbox_more { background-position: left -12479px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_lightbox_more { background-position: left -9297px; } } .s_web_windows_gray { background-position: left -11587px; } @media not all, all and (min-resolution:192dpi) { .s_web_windows_gray { background-position: left -8518px; } } .s_web_work_44 { background-position: left -7071px; width: 44px; height: 44px; } .s_web_work_44 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_paper_stack_32 { background-position: left -3200px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_paper_stack_32 { background-position: left -2739px; } } .s_web_page_white_sound_64 { background-position: left -6372px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sound_64 { background-position: left -5812px; } } .s_web_like_icon { background-position: left -10049px; width: 32px; height: 32px; } .s_web_like_icon { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_google { background-position: left -9236px; width: 19px; height: 19px; } .s_web_google { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_device_laptop { background-position: left -10859px; } .s_web_s_device_laptop { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_keynote_64 { background-position: left -6042px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_keynote_64 { background-position: left -5487px; } } .s_web_paper_doc { background-position: left -342px; } .s_web_paper_doc { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_notepad { background-position: left -13359px; width: 18px; height: 18px; } .s_web_s_notepad { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_word-40 { background-position: left -7367px; width: 40px; height: 40px; } @media not all, all and (min-resolution:192dpi) { .s_web_word-40 { background-position: left -6660px; } } .s_web_zoom { background-position: left -7797px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_zoom { background-position: left -7066px; } } .s_web_page_white_premiere_32 { background-position: left -3540px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_premiere_32 { background-position: left -3069px; } } .s_web_page_white_acrobat { background-position: left -72px; } .s_web_page_white_acrobat { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_glyph { background-position: left -9202px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_glyph { background-position: left -7456px; } } .s_web_ow_desktop { background-position: left -7271px; } @media not all, all and (min-resolution:192dpi) { .s_web_ow_desktop { background-position: left -6568px; } } .s_web_page_white_flash_32 { background-position: left -2418px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_flash_32 { background-position: left -1980px; } } .s_web_page_white_gear_64 { background-position: left -5976px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_gear_64 { background-position: left -5422px; } } .s_web_s_browser_chrome { background-position: left -10717px; } .s_web_s_browser_chrome { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_link { background-position: left -13303px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_link { background-position: left -10102px; } } .s_web_page_white_linkfile { background-position: left -198px; } .s_web_page_white_linkfile { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_32 { background-position: left -412px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_32 { background-position: left -33px; } } .s_web_comments { background-position: left -8704px; } .s_web_comments { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_back_chevron { background-position: left -8507px; width: 6px; height: 10px; } @media not all, all and (min-resolution:192dpi) { .s_web_back_chevron { background-position: left -7202px; } } .s_web_page_white_powerpoint_gray_32 { background-position: left -3472px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_powerpoint_gray_32 { background-position: left -3003px; } } .s_web_folder_team_gray_32 { background-position: left -1058px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_gray_32 { background-position: left -660px; } } .s_web_icon_invite_members { background-position: left -9554px; width: 22px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_icon_invite_members { background-position: left -7702px; } } .s_web_blackberry { background-position: left -8559px; } .s_web_blackberry { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_iphone_small { background-position: left -9735px; } .s_web_iphone_small { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_packrat { background-position: left -10401px; } .s_web_packrat { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_api_python { background-position: left -8317px; } .s_web_api_python { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_onenote { background-position: left -7253px; } @media not all, all and (min-resolution:192dpi) { .s_web_onenote { background-position: left -6551px; } } .s_web_trash-can { background-position: left -13560px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_trash-can { background-position: left -10348px; } } .s_web_folder_team_locked { background-position: left -6783px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_locked { background-position: left -6209px; } } .s_web_page_white_acrobat_stack_32 { background-position: left -1772px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_acrobat_stack_32 { background-position: left -1353px; } } .s_web_page_white_sound_stack_32 { background-position: left -3812px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sound_stack_32 { background-position: left -3333px; } } .s_web_quota_almost_full_32 { background-position: left -10495px; width: 32px; height: 32px; } .s_web_quota_almost_full_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_gear_stack_32 { background-position: left -2588px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_gear_stack_32 { background-position: left -2145px; } } .s_web_modal { background-position: left -10365px; } @media not all, all and (min-resolution:192dpi) { .s_web_modal { background-position: left -8050px; } } .s_web_powerpoint { background-position: left -7349px; } @media not all, all and (min-resolution:192dpi) { .s_web_powerpoint { background-position: left -6643px; } } .s_web_playInactive { background-position: left -7604px; width: 10px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_playInactive { background-position: left -6884px; } } .s_web_page_white_webcode_32 { background-position: left -4084px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_webcode_32 { background-position: left -3597px; } } .s_web_page_white_code { background-position: left -90px; } .s_web_page_white_code { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_audition_stack_32 { background-position: left -1874px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_audition_stack_32 { background-position: left -1452px; } } .s_web_down { background-position: left -7513px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_down { background-position: left -6798px; } } .s_web_right { background-position: left -7639px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_right { background-position: left -6917px; } } .s_web_api_http { background-position: left -8101px; } .s_web_api_http { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_move_16 { background-position: left -12724px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_move_16 { background-position: left -9552px; } } .s_web_s_device_mobile_ipad { background-position: left -10967px; } .s_web_s_device_mobile_ipad { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_sketch_gray_32 { background-position: left -3676px; width: 33px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sketch_gray_32 { background-position: left -3201px; } } .s_web_page_white_mp3_stack_32 { background-position: left -2996px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_mp3_stack_32 { background-position: left -2541px; } } .s_web_chevron_long { background-position: left -8641px; width: 9px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_chevron_long { background-position: left -7273px; } } .s_web_s_device_mobile_iphone { background-position: left -10985px; } .s_web_s_device_mobile_iphone { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_email_20 { background-position: left -12115px; width: 20px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_email_20 { background-position: left -8949px; } } .s_web_arrow_refresh { background-position: left -8461px; } .s_web_arrow_refresh { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_linkfile_64 { background-position: left -6108px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_linkfile_64 { background-position: left -5552px; } } .s_web_page_white_picture_stack_32 { background-position: left -3302px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_picture_stack_32 { background-position: left -2838px; } } .s_web_api_osx_disabled { background-position: left -8263px; } .s_web_api_osx_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_rounded_tl { background-position: left -10631px; width: 5px; height: 5px; } .s_web_rounded_tl { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_paper_doc_32 { background-position: left -4288px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_paper_doc_32 { background-position: left -3795px; } } .s_web_volume { background-position: left -7749px; width: 16px; height: 14px; } @media not all, all and (min-resolution:192dpi) { .s_web_volume { background-position: left -7021px; } } .s_web_page_white_flash_stack_32 { background-position: left -2486px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_flash_stack_32 { background-position: left -2046px; } } .s_web_rounded_tr { background-position: left -10638px; width: 5px; height: 5px; } .s_web_rounded_tr { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_film_32 { background-position: left -2316px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_film_32 { background-position: left -1881px; } } .s_web_info { background-position: left -12419px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_info { background-position: left -9240px; } } .s_web_arrowleft { background-position: left -8479px; width: 12px; height: 12px; } .s_web_arrowleft { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_downtick-spacer { background-position: left -8885px; width: 11px; height: 11px; } .s_web_downtick-spacer { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_picture_64 { background-position: left -6240px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_picture_64 { background-position: left -5682px; } } .s_web_share_facebook_icon { background-position: left -11190px; } .s_web_share_facebook_icon { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_up { background-position: left -7728px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_up { background-position: left -7001px; } } .s_web_lock_light { background-position: left -10303px; width: 10px; height: 12px; } .s_web_lock_light { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_like_icon_selected { background-position: left -10151px; width: 32px; height: 32px; } .s_web_like_icon_selected { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_bulletpoint-check { background-position: left -11849px; } @media not all, all and (min-resolution:192dpi) { .s_web_bulletpoint-check { background-position: left -8697px; } } .s_web_InternetExplorer { background-position: left -7941px; } .s_web_InternetExplorer { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_cake { background-position: left -8595px; width: 20px; height: 20px; } .s_web_cake { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_picture_gray_32 { background-position: left -3268px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_picture_gray_32 { background-position: left -2805px; } } .s_web_icon_chat { background-position: left -9516px; width: 15px; height: 14px; } .s_web_icon_chat { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_app_stack_32 { background-position: left -514px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_app_stack_32 { background-position: left -132px; } } .s_web_folder_user { background-position: left -6825px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user { background-position: left -6249px; } } .s_web_heart-broken { background-position: left -12379px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_heart-broken { background-position: left -9185px; } } .s_web_exclamation-mark { background-position: left -12213px; } .s_web_exclamation-mark { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_email_add { background-position: left -12171px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_email_add { background-position: left -9003px; } } .s_web_file { background-position: left -6969px; width: 20px; height: 20px; } .s_web_file { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_page_white_acrobat_gray_32 { background-position: left -1738px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_acrobat_gray_32 { background-position: left -1320px; } } .s_web_page_white_flash_64 { background-position: left -5910px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_flash_64 { background-position: left -5357px; } } .s_web_link_white { background-position: left -12536px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_link_white { background-position: left -9351px; } } .s_web_arrow-down-gray { background-position: left -11792px; width: 9px; height: 5px; } @media not all, all and (min-resolution:192dpi) { .s_web_arrow-down-gray { background-position: left -8645px; } } .s_web_iphone_small_32 { background-position: left -9753px; width: 32px; height: 32px; } .s_web_iphone_small_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_dropbox_gray_32 { background-position: left -684px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_dropbox_gray_32 { background-position: left -297px; } } .s_web_star_upgrade { background-position: left -11244px; } @media not all, all and (min-resolution:192dpi) { .s_web_star_upgrade { background-position: left -8445px; } } .s_web_excel { background-position: left -7235px; } @media not all, all and (min-resolution:192dpi) { .s_web_excel { background-position: left -6534px; } } .s_web_folder_user_add { background-position: left -6846px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_add { background-position: left -6269px; } } .s_web_folder_user_locked_gray_64 { background-position: left -5316px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_user_locked_gray_64 { background-position: left -4772px; } } .s_web_page_white_excel_64 { background-position: left -5778px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_excel_64 { background-position: left -5227px; } } .s_web_page_white_sound_32 { background-position: left -3744px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_sound_32 { background-position: left -3267px; } } .s_web_control_back { background-position: left -7427px; width: 16px; height: 12px; } @media not all, all and (min-resolution:192dpi) { .s_web_control_back { background-position: left -6718px; } } .s_web_delete_32 { background-position: left -8758px; width: 32px; height: 32px; } .s_web_delete_32 { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_api_http_disabled { background-position: left -8119px; } .s_web_api_http_disabled { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_folder_team_member_64 { background-position: left -5052px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_member_64 { background-position: left -4512px; } } .s_web_ow_folder { background-position: left -7289px; } @media not all, all and (min-resolution:192dpi) { .s_web_ow_folder { background-position: left -6585px; } } .s_web_deselect { background-position: left -8792px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_deselect { background-position: left -7315px; } } .s_web_xclose_light_gray { background-position: left -11651px; width: 11px; height: 11px; } @media not all, all and (min-resolution:192dpi) { .s_web_xclose_light_gray { background-position: left -8552px; } } .s_web_s_exclamation { background-position: left -11040px; width: 19px; height: 20px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_exclamation { background-position: left -8230px; } } .s_web_dropbox { background-position: left -8898px; } @media not all, all and (min-resolution:192dpi) { .s_web_dropbox { background-position: left -7333px; } } .s_web_page_white_gear_gray_32 { background-position: left -2554px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_gear_gray_32 { background-position: left -2112px; } } .s_web_user_gray { background-position: left -13665px; width: 19px; height: 19px; } @media not all, all and (min-resolution:192dpi) { .s_web_user_gray { background-position: left -10448px; } } .s_web_package_stack_32 { background-position: left -1636px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_package_stack_32 { background-position: left -1221px; } } .s_web_page_white_keynote_32 { background-position: left -2758px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_keynote_32 { background-position: left -2310px; } } .s_web_page_white_text_64 { background-position: left -6438px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_page_white_text_64 { background-position: left -5877px; } } .s_web_page_white_film { background-position: left -162px; } .s_web_page_white_film { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } .s_web_s_hide { background-position: left -13242px; width: 17px; height: 17px; } @media not all, all and (min-resolution:192dpi) { .s_web_s_hide { background-position: left -10044px; } } .s_web_shared_folder_joined_32 { background-position: left -4390px; width: 32px; height: 32px; } @media not all, all and (min-resolution:192dpi) { .s_web_shared_folder_joined_32 { background-position: left -3894px; } } .s_web_folder_team_gray_64 { background-position: left -4854px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_team_gray_64 { background-position: left -4317px; } } .s_web_folder_gray_64 { background-position: left -4656px; width: 64px; height: 64px; } @media not all, all and (min-resolution:192dpi) { .s_web_folder_gray_64 { background-position: left -4122px; } } .s_web_group_warn { background-position: left -9313px; width: 19px; height: 15px; } @media not all, all and (min-resolution:192dpi) { .s_web_group_warn { background-position: left -7505px; } } .s_web_group_add { background-position: left -9295px; } .s_web_group_add { background-image: url("/static/images/sprites/web_sprites-vflT1pLW1.png"); background-size: auto auto; -webkit-background-size: auto auto; } @page {} .textLayer { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; position: absolute; opacity: 0.2; } .textLayer > div { transform-origin: 0% 0%; color: transparent; white-space: pre; position: absolute; cursor: text; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; } .textLayer .highlight { margin: -1px; padding: 1px; border-radius: 4px; background-color: rgb(180, 0, 170); } .textLayer .begin.highlight { border-radius: 4px 0px 0px 4px; } .textLayer .end.highlight { border-radius: 0px 4px 4px 0px; } .textLayer .middle.highlight { border-radius: 0px; } .textLayer .selected.highlight { background-color: rgb(0, 100, 0); } .textLayer ::selection { background: rgb(0, 0, 255); } .pdfViewer .canvasWrapper { overflow: hidden; } .pdfViewer .page { margin: 16px auto; width: 816px; height: 1056px; overflow: visible; position: relative; direction: ltr; background-clip: content-box; background-color: white; } .pdfViewer .page .canvasWrapper { border: 1px solid rgb(226, 226, 226); border-image: none; } .pdfViewer .page canvas { margin: 0px; display: block; } .enable-loading-spinner.pdfViewer .page .loadingIcon { background: url("images/loading-icon.gif") no-repeat center; left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; } .pdfViewer .page .annotLink > a:hover { background: rgb(255, 255, 0); opacity: 0.2; box-shadow: 0px 2px 10px #ff0; } :-ms-fullscreen .pdfViewer .page { border: 0px currentColor; border-image: none; margin-bottom: 100% !important; } .pdfViewer .page .annotationHighlight { border: 2px solid rgb(255, 255, 153); border-image: none; position: absolute; } .pdfViewer .page .annotText > img { position: absolute; cursor: pointer; } .pdfViewer .page .annotTextContentWrapper { width: 20em; position: absolute; } .pdfViewer .page .annotTextContent { padding: 0.6em; border-radius: 2px; float: left; z-index: 200; cursor: pointer; max-width: 20em; box-shadow: 0px 2px 5px #333; background-color: rgb(255, 255, 153); } .pdfViewer .page .annotTextContent > h1 { padding-bottom: 0.2em; font-size: 1em; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 1px; border-bottom-style: solid; } .pdfViewer .page .annotTextContent > p { padding-top: 0.2em; } .pdfViewer .page .annotLink > a { left: 0px; top: 0px; width: 100%; height: 100%; font-size: 1em; position: absolute; } .pdfViewer .page .annotLink > a { background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAA LAAAAAABAAEAAAIBRAA7") 0px 0px; } * { margin: 0px; padding: 0px; } html { height: 100%; font-size: 10px; } body { height: 100%; background-color: rgb(246, 249, 252); } .maestro body { background-color: white; } body.fullscreen { background-color: rgb(37, 40, 43); } #close-x { border-radius: 50%; top: 20px; width: 31px; height: 31px; right: 20px; display: none; position: absolute; z-index: 1; cursor: pointer; -ms-user-select: none; background-color: rgba(0, 0, 0, 0.2); -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #close-x-icon { left: 10px; top: 10px; width: 11px; height: 11px; position: absolute; background-image: url("/static/previews/pdf-js/pdf-js-9e9df56/web/db_images/xclose-vfl52ZSXl.png"); } @media not all, all and (min-resolution:120dpi) { #close-x-icon { background-image: url("/static/previews/pdf-js/pdf-js-9e9df56/web/db_images/xclose@2x-vflhlXcH_.png"); background-size: 11px 11px; } } body.fullscreen #close-x { display: block; } body { font: 400 11pt/normal Segoe UI; font: message-box; } input { font: 400 11pt/normal Segoe UI; font: message-box; } button { font: 400 11pt/normal Segoe UI; font: message-box; } select { font: 400 11pt/normal Segoe UI; font: message-box; } .hidden { display: none !important; } [hidden] { display: none !important; } #viewerContainer:-ms-fullscreen { top: 0px !important; width: 100%; height: 100%; overflow: hidden !important; border-top-color: transparent; border-top-width: 2px; border-top-style: solid; cursor: none; } #viewerContainer:-ms-fullscreen::-ms-backdrop { background-color: rgb(0, 0, 0); } :-ms-fullscreen a:not(.internalLink) { display: none !important; } .presentation#viewerContainer { overflow: hidden; } .presentationControls#viewerContainer { cursor: default; } .presentationControls#viewerContainer .textLayer > div { cursor: default; } .outerCenter { position: relative; pointer-events: none; } html[dir='ltr'] .outerCenter { right: 50%; float: right; } html[dir='rtl'] .outerCenter { left: 50%; float: left; } .innerCenter { position: relative; pointer-events: auto; } html[dir='ltr'] .innerCenter { right: -50%; float: right; } html[dir='rtl'] .innerCenter { left: -50%; float: left; } #outerContainer { width: 100%; height: 100%; position: relative; } #sidebarContainer { top: 0px; width: 200px; bottom: 0px; visibility: hidden; position: absolute; transition-duration: 200ms; transition-timing-function: ease; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; } html[dir='ltr'] #sidebarContainer { left: -200px; transition-property: left; -webkit-transition-property: left; } html[dir='rtl'] #sidebarContainer { right: -200px; transition-property: right; -webkit-transition-property: right; } .sidebarMoving#outerContainer > #sidebarContainer { visibility: visible; } .sidebarOpen#outerContainer > #sidebarContainer { visibility: visible; } html[dir='ltr'] .sidebarOpen#outerContainer > #sidebarContainer { left: 0px; } html[dir='rtl'] .sidebarOpen#outerContainer > #sidebarContainer { right: 0px; } #mainContainer { left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; min-width: 320px; transition-duration: 200ms; transition-timing-function: ease; -webkit-transition-duration: 200ms; -webkit-transition-timing-function: ease; } html[dir='ltr'] .sidebarOpen#outerContainer > #mainContainer { left: 200px; transition-property: left; -webkit-transition-property: left; } html[dir='rtl'] .sidebarOpen#outerContainer > #mainContainer { right: 200px; transition-property: right; -webkit-transition-property: right; } #sidebarContent { top: 32px; width: 200px; bottom: 0px; overflow: auto; position: absolute; background-color: hsla(0, 0%, 0%, 0.1); -webkit-overflow-scrolling: touch; } html[dir='ltr'] #sidebarContent { left: 0px; box-shadow: inset -1px 0px 0px hsla(0, 0%, 0%, 0.25); } html[dir='rtl'] #sidebarContent { right: 0px; box-shadow: inset 1px 0px 0px hsla(0, 0%, 0%, 0.25); } #viewerContainer { left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: auto; position: absolute; -webkit-overflow-scrolling: touch; } html[dir='ltr'] #viewerContainer { box-shadow: inset 1px 0px 0px hsla(0, 0%, 100%, 0.05); } html[dir='rtl'] #viewerContainer { box-shadow: inset -1px 0px 0px hsla(0, 0%, 100%, 0.05); } #viewer { margin-bottom: 88px; } body.fullscreen #viewer { margin-bottom: 0px; } .toolbar { left: 0px; right: 0px; position: relative; z-index: 9999; cursor: default; } #toolbarContainer { width: 100%; } #toolbarSidebar { width: 200px; height: 32px; background-image: url("images/texture.png"), linear-gradient(hsla(0, 0%, 30%, 0.99), hsla(0, 0%, 25%, 0.95)); background-color: rgb(66, 66, 66); } html[dir='ltr'] #toolbarSidebar { box-shadow: inset -1px 0px 0px rgba(0,0,0,0.25), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.1); } html[dir='rtl'] #toolbarSidebar { box-shadow: inset 1px 0px 0px rgba(0,0,0,0.25), inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.1); } #toolbarContainer { height: 32px; position: relative; background-image: url("images/texture.png"), linear-gradient(hsla(0, 0%, 32%, 0.99), hsla(0, 0%, 27%, 0.95)); background-color: rgb(71, 71, 71); } .findbar { height: 32px; position: relative; background-image: url("images/texture.png"), linear-gradient(hsla(0, 0%, 32%, 0.99), hsla(0, 0%, 27%, 0.95)); background-color: rgb(71, 71, 71); } .secondaryToolbar { height: 32px; position: relative; background-image: url("images/texture.png"), linear-gradient(hsla(0, 0%, 32%, 0.99), hsla(0, 0%, 27%, 0.95)); background-color: rgb(71, 71, 71); } html[dir='ltr'] #toolbarContainer { box-shadow: inset 1px 0px 0px hsla(0, 0%, 100%, 0.08), inset 0px 1px 1px hsla(0, 0%, 0%, 0.15), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 1px 1px hsla(0, 0%, 0%, 0.1); } .findbar { box-shadow: inset 1px 0px 0px hsla(0, 0%, 100%, 0.08), inset 0px 1px 1px hsla(0, 0%, 0%, 0.15), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 1px 1px hsla(0, 0%, 0%, 0.1); } .secondaryToolbar { box-shadow: inset 1px 0px 0px hsla(0, 0%, 100%, 0.08), inset 0px 1px 1px hsla(0, 0%, 0%, 0.15), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 1px 1px hsla(0, 0%, 0%, 0.1); } html[dir='rtl'] #toolbarContainer { box-shadow: inset -1px 0px 0px hsla(0, 0%, 100%, 0.08), inset 0px 1px 1px hsla(0, 0%, 0%, 0.15), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 1px 1px hsla(0, 0%, 0%, 0.1); } .findbar { box-shadow: inset -1px 0px 0px hsla(0, 0%, 100%, 0.08), inset 0px 1px 1px hsla(0, 0%, 0%, 0.15), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 1px 1px hsla(0, 0%, 0%, 0.1); } .secondaryToolbar { box-shadow: inset -1px 0px 0px hsla(0, 0%, 100%, 0.08), inset 0px 1px 1px hsla(0, 0%, 0%, 0.15), inset 0px -1px 0px hsla(0, 0%, 100%, 0.05), 0px 1px 0px hsla(0, 0%, 0%, 0.15), 0px 1px 1px hsla(0, 0%, 0%, 0.1); } #toolbarViewer { height: 32px; } #loadingBar { width: 100%; height: 4px; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; position: relative; z-index: 1; background-color: rgb(51, 51, 51); } #loadingBar .progress { transition:width 200ms; left: 0px; top: 0px; width: 0%; height: 100%; overflow: hidden; position: absolute; background-color: rgb(221, 221, 221); -webkit-transition: width 200ms; } #loadingBar .indeterminate.progress { transition:none; background-color: rgb(153, 153, 153); -webkit-transition: none; } #loadingBar .indeterminate .glimmer { animation:progressIndeterminate 2s linear infinite; left: 0px; top: 0px; width: 50px; height: 100%; position: absolute; background-image: linear-gradient(to right, rgb(153, 153, 153) 0%, rgb(255, 255, 255) 50%, rgb(153, 153, 153) 100%); background-repeat: no-repeat; background-size: 100% 100%; -webkit-animation: progressIndeterminate 2s linear infinite; } #loadingWheel { left: 50%; top: 50vh; margin-top: -40px; margin-left: -40px; position: absolute; } .findbar { margin: 4px 2px; padding: 0px 6px; top: 32px; height: 32px; text-align: left; color: hsl(0, 0%, 85%); line-height: 14px; font-size: 12px; position: absolute; z-index: 10000; cursor: default; min-width: 16px; } .secondaryToolbar { margin: 4px 2px; padding: 0px 6px; top: 32px; height: 32px; text-align: left; color: hsl(0, 0%, 85%); line-height: 14px; font-size: 12px; position: absolute; z-index: 10000; cursor: default; min-width: 16px; } html[dir='ltr'] .findbar { left: 68px; } html[dir='rtl'] .findbar { right: 68px; } .findbar label { -webkit-user-select: none; -moz-user-select: none; } [data-status='pending']#findInput { background-position: right; background-image: url("images/loading-small.png"); background-repeat: no-repeat; } html[dir='rtl'] [data-status='pending']#findInput { background-position: left; } .secondaryToolbar { padding: 6px; height: auto; z-index: 30000; } html[dir='ltr'] .secondaryToolbar { right: 4px; } html[dir='rtl'] .secondaryToolbar { left: 4px; } #secondaryToolbarButtonContainer { margin-bottom: -4px; -ms-overflow-y: auto; max-height: 400px; max-width: 200px; -webkit-overflow-scrolling: touch; } .doorHanger { border-radius: 2px; border: 1px solid hsla(0, 0%, 0%, 0.5); border-image: none; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); } .doorHangerRight { border-radius: 2px; border: 1px solid hsla(0, 0%, 0%, 0.5); border-image: none; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); } .doorHanger::after { border: solid transparent; border-image: none; width: 0px; height: 0px; bottom: 100%; position: absolute; content: " "; pointer-events: none; } .doorHanger::before { border: solid transparent; border-image: none; width: 0px; height: 0px; bottom: 100%; position: absolute; content: " "; pointer-events: none; } .doorHangerRight::after { border: solid transparent; border-image: none; width: 0px; height: 0px; bottom: 100%; position: absolute; content: " "; pointer-events: none; } .doorHangerRight::before { border: solid transparent; border-image: none; width: 0px; height: 0px; bottom: 100%; position: absolute; content: " "; pointer-events: none; } .doorHanger::after { border-width: 8px; border-bottom-color: hsla(0, 0%, 32%, 0.99); } .doorHangerRight::after { border-width: 8px; border-bottom-color: hsla(0, 0%, 32%, 0.99); } .doorHanger::before { border-width: 1px; border-bottom-color: hsla(0, 0%, 0%, 0.5); } .doorHangerRight::before { border-width: 1px; border-bottom-color: hsla(0, 0%, 0%, 0.5); } html[dir='ltr'] .doorHanger::after { left: 13px; margin-left: -8px; } html[dir='rtl'] .doorHangerRight::after { left: 13px; margin-left: -8px; } html[dir='ltr'] .doorHanger::before { left: 13px; margin-left: -9px; } html[dir='rtl'] .doorHangerRight::before { left: 13px; margin-left: -9px; } html[dir='rtl'] .doorHanger::after { right: 13px; margin-right: -8px; } html[dir='ltr'] .doorHangerRight::after { right: 13px; margin-right: -8px; } html[dir='rtl'] .doorHanger::before { right: 13px; margin-right: -9px; } html[dir='ltr'] .doorHangerRight::before { right: 13px; margin-right: -9px; } #findMsg { color: rgb(166, 183, 208); font-style: italic; } .notFound { background-color: rgb(255, 137, 153); } html[dir='ltr'] #toolbarViewerLeft { margin-left: -1px; } html[dir='rtl'] #toolbarViewerRight { margin-right: -1px; } html[dir='ltr'] #toolbarViewerLeft { left: 0px; top: 0px; position: absolute; } html[dir='rtl'] #toolbarViewerRight { left: 0px; top: 0px; position: absolute; } html[dir='ltr'] #toolbarViewerRight { top: 0px; right: 0px; position: absolute; } html[dir='rtl'] #toolbarViewerLeft { top: 0px; right: 0px; position: absolute; } html[dir='ltr'] #toolbarViewerLeft > * { float: left; position: relative; } html[dir='ltr'] #toolbarViewerMiddle > * { float: left; position: relative; } html[dir='ltr'] #toolbarViewerRight > * { float: left; position: relative; } html[dir='ltr'] .findbar > * { float: left; position: relative; } html[dir='rtl'] #toolbarViewerLeft > * { float: right; position: relative; } html[dir='rtl'] #toolbarViewerMiddle > * { float: right; position: relative; } html[dir='rtl'] #toolbarViewerRight > * { float: right; position: relative; } html[dir='rtl'] .findbar > * { float: right; position: relative; } html[dir='ltr'] .splitToolbarButton { margin: 3px 2px 4px 0px; display: inline-block; } html[dir='rtl'] .splitToolbarButton { margin: 3px 0px 4px 2px; display: inline-block; } html[dir='ltr'] .splitToolbarButton > .toolbarButton { border-radius: 0px; float: left; } html[dir='rtl'] .splitToolbarButton > .toolbarButton { border-radius: 0px; float: right; } .toolbarButton { background: none; border: 0px currentColor; border-image: none; width: 32px; height: 25px; } .secondaryToolbarButton { background: none; border: 0px currentColor; border-image: none; width: 32px; height: 25px; } .overlayButton { background: none; border: 0px currentColor; border-image: none; width: 32px; height: 25px; } .toolbarButton > span { width: 0px; height: 0px; overflow: hidden; display: inline-block; } [disabled].toolbarButton { opacity: 0.5; } [disabled].secondaryToolbarButton { opacity: 0.5; } [disabled].overlayButton { opacity: 0.5; } .group.toolbarButton { margin-right: 0px; } .toggled.splitToolbarButton .toolbarButton { margin: 0px; } .splitToolbarButton:hover > .toolbarButton { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .splitToolbarButton:focus > .toolbarButton { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .toggled.splitToolbarButton > .toolbarButton { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .textButton.toolbarButton { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .splitToolbarButton > .toolbarButton:hover { z-index: 199; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.05); background-color: hsla(0, 0%, 0%, 0.2); } .splitToolbarButton > .toolbarButton:focus { z-index: 199; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.05); background-color: hsla(0, 0%, 0%, 0.2); } .dropdownToolbarButton:hover { z-index: 199; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.05); background-color: hsla(0, 0%, 0%, 0.2); } .overlayButton:hover { z-index: 199; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.05); background-color: hsla(0, 0%, 0%, 0.2); } .textButton.toolbarButton:hover { z-index: 199; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.05); background-color: hsla(0, 0%, 0%, 0.2); } .textButton.toolbarButton:focus { z-index: 199; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 0px 1px hsla(0, 0%, 0%, 0.05); background-color: hsla(0, 0%, 0%, 0.2); } .splitToolbarButton > .toolbarButton { position: relative; } html[dir='ltr'] .splitToolbarButton > :first-child.toolbarButton { margin: 0px -1px 0px 0px; border-right-color: transparent; position: relative; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } html[dir='rtl'] .splitToolbarButton > :last-child.toolbarButton { margin: 0px -1px 0px 0px; border-right-color: transparent; position: relative; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } html[dir='ltr'] .splitToolbarButton > :last-child.toolbarButton { margin: 0px 0px 0px -1px; border-left-color: transparent; position: relative; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } html[dir='rtl'] .splitToolbarButton > :first-child.toolbarButton { margin: 0px 0px 0px -1px; border-left-color: transparent; position: relative; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } .splitToolbarButtonSeparator { margin: 5px 0px; padding: 8px 0px; width: 1px; display: inline-block; z-index: 99; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.08); background-color: hsla(0, 0%, 0%, 0.5); } html[dir='ltr'] .splitToolbarButtonSeparator { float: left; } html[dir='rtl'] .splitToolbarButtonSeparator { float: right; } .splitToolbarButton:hover > .splitToolbarButtonSeparator { margin: 1px 0px; padding: 12px 0px; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.03); transition-property: padding; transition-duration: 10ms; transition-timing-function: ease; -webkit-transition-duration: 10ms; -webkit-transition-timing-function: ease; -webkit-transition-property: padding; } .toggled.splitToolbarButton > .splitToolbarButtonSeparator { margin: 1px 0px; padding: 12px 0px; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.03); transition-property: padding; transition-duration: 10ms; transition-timing-function: ease; -webkit-transition-duration: 10ms; -webkit-transition-timing-function: ease; -webkit-transition-property: padding; } .toolbarButton { padding: 2px 6px 0px; border-radius: 2px; border: 1px solid transparent; border-image: none; color: hsla(0, 0%, 100%, 0.8); line-height: 14px; font-size: 12px; cursor: default; min-width: 16px; -ms-user-select: none; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; -webkit-user-select: none; -moz-user-select: none; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .dropdownToolbarButton { padding: 2px 6px 0px; border-radius: 2px; border: 1px solid transparent; border-image: none; color: hsla(0, 0%, 100%, 0.8); line-height: 14px; font-size: 12px; cursor: default; min-width: 16px; -ms-user-select: none; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; -webkit-user-select: none; -moz-user-select: none; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .secondaryToolbarButton { padding: 2px 6px 0px; border-radius: 2px; border: 1px solid transparent; border-image: none; color: hsla(0, 0%, 100%, 0.8); line-height: 14px; font-size: 12px; cursor: default; min-width: 16px; -ms-user-select: none; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; -webkit-user-select: none; -moz-user-select: none; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } .overlayButton { padding: 2px 6px 0px; border-radius: 2px; border: 1px solid transparent; border-image: none; color: hsla(0, 0%, 100%, 0.8); line-height: 14px; font-size: 12px; cursor: default; min-width: 16px; -ms-user-select: none; transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; -webkit-user-select: none; -moz-user-select: none; -webkit-transition-duration: 150ms; -webkit-transition-timing-function: ease; -webkit-transition-property: background-color, border-color, box-shadow; } html[dir='ltr'] .toolbarButton { margin: 3px 2px 4px 0px; } html[dir='ltr'] .overlayButton { margin: 3px 2px 4px 0px; } html[dir='ltr'] .dropdownToolbarButton { margin: 3px 2px 4px 0px; } html[dir='rtl'] .toolbarButton { margin: 3px 0px 4px 2px; } html[dir='rtl'] .overlayButton { margin: 3px 0px 4px 2px; } html[dir='rtl'] .dropdownToolbarButton { margin: 3px 0px 4px 2px; } .toolbarButton:hover { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); } .toolbarButton:focus { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); } .dropdownToolbarButton { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); } .overlayButton { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); } .secondaryToolbarButton:hover { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); } .secondaryToolbarButton:focus { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); border-image: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.15), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 0%, 0.12); } .toolbarButton:hover:active { border-color: hsla(0, 0%, 0%, 0.35) hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.2); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .overlayButton:hover:active { border-color: hsla(0, 0%, 0%, 0.35) hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.2); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .dropdownToolbarButton:hover:active { border-color: hsla(0, 0%, 0%, 0.35) hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.2); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .secondaryToolbarButton:hover:active { border-color: hsla(0, 0%, 0%, 0.35) hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.2); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .toggled.toolbarButton { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45) hsla(0, 0%, 0%, 0.5); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.3); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .toggled.splitToolbarButton > .toggled.toolbarButton { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45) hsla(0, 0%, 0%, 0.5); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.3); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .toggled.secondaryToolbarButton { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.45) hsla(0, 0%, 0%, 0.5); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.1), inset 0px 0px 1px hsla(0, 0%, 0%, 0.2), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 10ms; transition-timing-function: linear; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-color: hsla(0, 0%, 0%, 0.3); -webkit-transition-duration: 10ms; -webkit-transition-timing-function: linear; -webkit-transition-property: background-color, border-color, box-shadow; } .toggled.toolbarButton:hover:active { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.5) hsla(0, 0%, 0%, 0.55); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.2), inset 0px 0px 1px hsla(0, 0%, 0%, 0.3), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-color: hsla(0, 0%, 0%, 0.4); } .toggled.splitToolbarButton > .toggled.toolbarButton:hover:active { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.5) hsla(0, 0%, 0%, 0.55); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.2), inset 0px 0px 1px hsla(0, 0%, 0%, 0.3), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-color: hsla(0, 0%, 0%, 0.4); } .toggled.secondaryToolbarButton:hover:active { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.5) hsla(0, 0%, 0%, 0.55); box-shadow: inset 0px 1px 1px hsla(0, 0%, 0%, 0.2), inset 0px 0px 1px hsla(0, 0%, 0%, 0.3), 0px 1px 0px hsla(0, 0%, 100%, 0.05); background-color: hsla(0, 0%, 0%, 0.4); } .dropdownToolbarButton { background: url("images/toolbarButton-menuArrows.png") no-repeat; padding: 3px 2px 2px; width: 120px; overflow: hidden; max-width: 120px; } html[dir='ltr'] .dropdownToolbarButton { background-position: 95%; } html[dir='rtl'] .dropdownToolbarButton { background-position: 5%; } .dropdownToolbarButton > select { background: rgba(0, 0, 0, 0); margin: 0px; padding: 0px; border: currentColor; border-image: none; color: hsl(0, 0%, 95%); font-size: 12px; min-width: 140px; -webkit-appearance: none; -moz-appearance: none; } .dropdownToolbarButton > select > option { background: hsl(0, 0%, 24%); } #customScaleOption { display: none; } #pageWidthOption { border-bottom-color: rgba(255, 255, 255, 0.5); border-bottom-width: 1px; border-bottom-style: solid; } html[dir='ltr'] :first-child.splitToolbarButton { margin-left: 4px; } html[dir='ltr'] :first-child.toolbarButton { margin-left: 4px; } html[dir='rtl'] :last-child.splitToolbarButton { margin-left: 4px; } html[dir='rtl'] :last-child.toolbarButton { margin-left: 4px; } html[dir='ltr'] :last-child.splitToolbarButton { margin-right: 4px; } html[dir='ltr'] :last-child.toolbarButton { margin-right: 4px; } html[dir='rtl'] :first-child.splitToolbarButton { margin-right: 4px; } html[dir='rtl'] :first-child.toolbarButton { margin-right: 4px; } .toolbarButtonSpacer { width: 30px; height: 1px; display: inline-block; } .toolbarButtonFlexibleSpacer { min-width: 30px; -webkit-box-flex: 1; -moz-box-flex: 1; } html[dir='ltr'] #findPrevious { margin-left: 3px; } html[dir='ltr'] #findNext { margin-right: 3px; } html[dir='rtl'] #findPrevious { margin-right: 3px; } html[dir='rtl'] #findNext { margin-left: 3px; } .toolbarButton::before { left: 7px; top: 4px; display: inline-block; position: absolute; } .secondaryToolbarButton::before { left: 7px; top: 4px; display: inline-block; position: absolute; } html[dir='ltr'] .secondaryToolbarButton::before { left: 4px; } html[dir='rtl'] .secondaryToolbarButton::before { right: 4px; } html[dir='ltr'] .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle-rtl.png); } html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle-rtl.png); } html[dir='ltr'] .findPrevious.toolbarButton::before { content: url(images/findbarButton-previous.png); } html[dir='rtl'] .findPrevious.toolbarButton::before { content: url(images/findbarButton-previous-rtl.png); } html[dir='ltr'] .findNext.toolbarButton::before { content: url(images/findbarButton-next.png); } html[dir='rtl'] .findNext.toolbarButton::before { content: url(images/findbarButton-next-rtl.png); } html[dir='ltr'] .pageUp.toolbarButton::before { content: url(images/toolbarButton-pageUp.png); } html[dir='rtl'] .pageUp.toolbarButton::before { content: url(images/toolbarButton-pageUp-rtl.png); } html[dir='ltr'] .pageDown.toolbarButton::before { content: url(images/toolbarButton-pageDown.png); } html[dir='rtl'] .pageDown.toolbarButton::before { content: url(images/toolbarButton-pageDown-rtl.png); } .zoomOut.toolbarButton::before { content: url(images/toolbarButton-zoomOut.png); } .zoomIn.toolbarButton::before { content: url(images/toolbarButton-zoomIn.png); } .presentationMode.toolbarButton::before { content: url(images/toolbarButton-presentationMode.png); } .presentationMode.secondaryToolbarButton::before { content: url(images/toolbarButton-presentationMode.png); } .print.toolbarButton::before { content: url(images/toolbarButton-print.png); } .print.secondaryToolbarButton::before { content: url(images/toolbarButton-print.png); } .openFile.toolbarButton::before { content: url(images/toolbarButton-openFile.png); } .openFile.secondaryToolbarButton::before { content: url(images/toolbarButton-openFile.png); } .download.toolbarButton::before { content: url(images/toolbarButton-download.png); } .download.secondaryToolbarButton::before { content: url(images/toolbarButton-download.png); } .bookmark.toolbarButton { padding-top: 4px; text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .bookmark.secondaryToolbarButton { padding-top: 4px; text-decoration: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .bookmark.secondaryToolbarButton { padding-top: 5px; } [href='#'].bookmark { opacity: 0.5; pointer-events: none; } .bookmark.toolbarButton::before { content: url(images/toolbarButton-bookmark.png); } .bookmark.secondaryToolbarButton::before { content: url(images/toolbarButton-bookmark.png); } .toolbarButton#viewThumbnail::before { content: url(images/toolbarButton-viewThumbnail.png); } html[dir='ltr'] .toolbarButton#viewOutline::before { content: url(images/toolbarButton-viewOutline.png); } html[dir='rtl'] .toolbarButton#viewOutline::before { content: url(images/toolbarButton-viewOutline-rtl.png); } .toolbarButton#viewAttachments::before { content: url(images/toolbarButton-viewAttachments.png); } .toolbarButton#viewFind::before { content: url(images/toolbarButton-search.png); } .secondaryToolbarButton { margin: 0px 0px 4px; padding: 3px 0px 1px; width: auto; height: auto; white-space: normal; position: relative; min-height: 25px; min-width: 100%; } html[dir='ltr'] .secondaryToolbarButton { text-align: left; padding-left: 24px; } html[dir='rtl'] .secondaryToolbarButton { text-align: right; padding-right: 24px; } html[dir='ltr'] .bookmark.secondaryToolbarButton { padding-left: 27px; } html[dir='rtl'] .bookmark.secondaryToolbarButton { padding-right: 27px; } html[dir='ltr'] .secondaryToolbarButton > span { padding-right: 4px; } html[dir='rtl'] .secondaryToolbarButton > span { padding-left: 4px; } .firstPage.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-firstPage.png); } .lastPage.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-lastPage.png); } .rotateCcw.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-rotateCcw.png); } .rotateCw.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-rotateCw.png); } .handTool.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-handTool.png); } .documentProperties.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-documentProperties.png); } .verticalToolbarSeparator { margin: 8px 4px; padding: 8px 0px; width: 1px; display: block; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.08); background-color: hsla(0, 0%, 0%, 0.5); } html[dir='ltr'] .verticalToolbarSeparator { margin-left: 2px; } html[dir='rtl'] .verticalToolbarSeparator { margin-right: 2px; } .horizontalToolbarSeparator { margin: 0px 0px 4px; width: 100%; height: 1px; display: block; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.08); background-color: hsla(0, 0%, 0%, 0.5); } .toolbarField { border-width: 1px; border-style: solid; border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); margin: 4px 0px; padding: 3px 6px; border-radius: 2px; border-image: none; color: hsl(0, 0%, 95%); line-height: 14px; font-size: 12px; outline-style: none; box-shadow: inset 0px 1px 0px hsla(0, 0%, 0%, 0.05), 0px 1px 0px hsla(0, 0%, 100%, 0.05); transition-property: background-color, border-color, box-shadow; transition-duration: 150ms; transition-timing-function: ease; background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.09); } [type=checkbox].toolbarField { margin: 8px 0px; display: inline-block; } .pageNumber.toolbarField { width: 40px; text-align: right; min-width: 16px; -moz-appearance: textfield; } .visiblePageIsLoading.pageNumber.toolbarField { background-position: 1px; background-image: url("images/loading-small.png"); background-repeat: no-repeat; } .toolbarField:hover { border-color: hsla(0, 0%, 0%, 0.4) hsla(0, 0%, 0%, 0.43) hsla(0, 0%, 0%, 0.45); background-color: hsla(0, 0%, 100%, 0.11); } .toolbarField:focus { border-color: hsla(204, 100%, 65%, 0.8) hsla(204, 100%, 65%, 0.85) hsla(204, 100%, 65%, 0.9); background-color: hsla(0, 0%, 100%, 0.15); } .toolbarLabel { margin: 4px 2px 4px 0px; padding: 3px 6px 3px 2px; border-radius: 2px; border: 1px solid transparent; border-image: none; text-align: left; color: hsl(0, 0%, 85%); line-height: 14px; font-size: 12px; cursor: default; min-width: 16px; -webkit-user-select: none; -moz-user-select: none; } #thumbnailView { padding: 10px 40px 0px; top: 0px; width: 120px; bottom: 0px; overflow: auto; position: absolute; -webkit-overflow-scrolling: touch; } .thumbnail { margin-bottom: 5px; float: left; } #thumbnailView > a:last-of-type > .thumbnail { margin-bottom: 10px; } :not([data-loaded]).thumbnail { border: 1px dashed rgba(255, 255, 255, 0.5); border-image: none; margin-bottom: 10px; } .thumbnailImage { border: 1px solid transparent; border-image: none; z-index: 99; opacity: 0.8; box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.5), 0px 2px 8px rgba(0,0,0,0.3); transition-duration: 150ms; } .thumbnailSelectionRing { padding: 7px; border-radius: 2px; transition-duration: 150ms; } a:focus > .thumbnail > .thumbnailSelectionRing > .thumbnailImage { opacity: 0.9; } .thumbnail:hover > .thumbnailSelectionRing > .thumbnailImage { opacity: 0.9; } a:focus > .thumbnail > .thumbnailSelectionRing { color: hsla(0, 0%, 100%, 0.9); box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.2), 0px 0px 1px hsla(0, 0%, 0%, 0.2); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.15); } .thumbnail:hover > .thumbnailSelectionRing { color: hsla(0, 0%, 100%, 0.9); box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.2), 0px 0px 1px hsla(0, 0%, 0%, 0.2); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.15); } .selected.thumbnail > .thumbnailSelectionRing > .thumbnailImage { opacity: 1; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 0%, 0.5); } .selected.thumbnail > .thumbnailSelectionRing { color: hsla(0, 0%, 100%, 1); box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.1), 0px 0px 1px hsla(0, 0%, 0%, 0.2); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.3); } #outlineView { top: 0px; width: 192px; bottom: 0px; overflow: auto; position: absolute; -webkit-user-select: none; -moz-user-select: none; -webkit-overflow-scrolling: touch; } #attachmentsView { top: 0px; width: 192px; bottom: 0px; overflow: auto; position: absolute; -webkit-user-select: none; -moz-user-select: none; -webkit-overflow-scrolling: touch; } #outlineView { padding: 4px 4px 0px; } #attachmentsView { padding: 3px 4px 0px; } html[dir='ltr'] .outlineItem > .outlineItems { margin-left: 20px; } html[dir='rtl'] .outlineItem > .outlineItems { margin-right: 20px; } .outlineItem > a { border-radius: 2px; height: auto; color: hsla(0, 0%, 100%, 0.8); line-height: 15px; font-size: 13px; text-decoration: none; margin-bottom: 1px; display: inline-block; white-space: normal; min-width: 95%; -moz-user-select: none; } .attachmentsItem > button { border-radius: 2px; height: auto; color: hsla(0, 0%, 100%, 0.8); line-height: 15px; font-size: 13px; text-decoration: none; margin-bottom: 1px; display: inline-block; white-space: normal; min-width: 95%; -moz-user-select: none; } .attachmentsItem > button { background: none; border: 0px currentColor; border-image: none; width: 100%; cursor: pointer; } html[dir='ltr'] .outlineItem > a { padding: 2px 0px 5px 10px; } html[dir='ltr'] .attachmentsItem > button { padding: 2px 0px 3px 7px; text-align: left; } html[dir='rtl'] .outlineItem > a { padding: 2px 10px 5px 0px; } html[dir='rtl'] .attachmentsItem > button { padding: 2px 7px 3px 0px; text-align: right; } .outlineItem > a:hover { color: hsla(0, 0%, 100%, 0.9); box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.2), 0px 0px 1px hsla(0, 0%, 0%, 0.2); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.02); } .attachmentsItem > button:hover { color: hsla(0, 0%, 100%, 0.9); box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.2), 0px 0px 1px hsla(0, 0%, 0%, 0.2); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.02); } .selected.outlineItem { color: hsla(0, 0%, 100%, 1); box-shadow: inset 0px 1px 0px hsla(0, 0%, 100%, 0.05), inset 0px 0px 1px hsla(0, 0%, 100%, 0.1), 0px 0px 1px hsla(0, 0%, 0%, 0.2); background-image: linear-gradient(hsla(0, 0%, 100%, 0.05), hsla(0, 0%, 100%, 0)); background-clip: padding-box; background-color: hsla(0, 0%, 100%, 0.08); } .noResults { color: hsla(0, 0%, 100%, 0.8); font-size: 12px; font-style: italic; cursor: default; } ::selection { background: rgba(252, 232, 151, 0.3); } .textLayer ::selection { background: rgb(252, 232, 151); } .textLayer { opacity: 0.2; } #errorWrapper { background: 0px 0px rgb(255, 85, 85); padding: 3px; left: 0px; right: 0px; color: white; font-size: 0.8em; position: absolute; z-index: 1000; } .loadingInProgress #errorWrapper { top: 37px; } #errorMessageLeft { float: left; } #errorMessageRight { float: right; } #errorMoreInfo { margin: 3px; padding: 3px; width: 98%; color: black; background-color: rgb(255, 255, 255); } .overlayButton { margin: 3px 4px 2px !important; padding: 2px 6px 3px; width: auto; } #overlayContainer { width: 100%; height: 100%; display: table; position: absolute; z-index: 40000; background-color: hsla(0, 0%, 0%, 0.2); } #overlayContainer > * { overflow: auto; -webkit-overflow-scrolling: touch; } #overlayContainer > .container { text-align: center; vertical-align: middle; display: table-cell; } #overlayContainer > .container > .dialog { padding: 15px; border-radius: 4px; border: 1px solid hsla(0, 0%, 0%, 0.5); border-image: none; color: hsl(0, 0%, 85%); line-height: 14px; font-size: 12px; display: inline-block; border-spacing: 4px; box-shadow: 0px 1px 4px rgba(0,0,0,0.3); background-image: url("images/texture.png"), linear-gradient(hsla(0, 0%, 32%, 0.99), hsla(0, 0%, 27%, 0.95)); background-color: rgb(71, 71, 71); } .dialog > .row { display: table-row; } .dialog > .row > * { display: table-cell; } .dialog .toolbarField { margin: 5px 0px; } .dialog .toolbarField:hover { border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); } .dialog .toolbarField:focus { border-color: hsla(0, 0%, 0%, 0.32) hsla(0, 0%, 0%, 0.38) hsla(0, 0%, 0%, 0.42); } .dialog .separator { margin: 4px 0px; width: 100%; height: 1px; display: block; box-shadow: 0px 0px 0px 1px hsla(0, 0%, 100%, 0.08); background-color: hsla(0, 0%, 0%, 0.5); } .dialog .buttonRow { text-align: center; vertical-align: middle; } #passwordOverlay > .dialog { text-align: center; } #passwordOverlay .toolbarField { width: 200px; } #documentPropertiesOverlay > .dialog { text-align: left; } #documentPropertiesOverlay .row > * { min-width: 100px; } html[dir='ltr'] #documentPropertiesOverlay .row > * { text-align: left; } html[dir='rtl'] #documentPropertiesOverlay .row > * { text-align: right; } #documentPropertiesOverlay .row > span { width: 125px; -ms-word-wrap: break-word; } #documentPropertiesOverlay .row > p { -ms-word-wrap: break-word; max-width: 225px; } #documentPropertiesOverlay .buttonRow { margin-top: 10px; } .clearBoth { clear: both; } .fileInput { background: white; top: 0px; right: 0px; color: black; margin-top: 5px; visibility: hidden; position: fixed; } #PDFBug { background: 0px 0px white; padding: 0px; border: 1px solid rgb(102, 102, 102); border-image: none; top: 32px; width: 300px; right: 0px; bottom: 0px; font-size: 10px; position: fixed; } #PDFBug .controls { background: rgb(238, 238, 238); padding: 3px; border-bottom-color: rgb(102, 102, 102); border-bottom-width: 1px; border-bottom-style: solid; } #PDFBug .panels { left: 0px; top: 27px; right: 0px; bottom: 0px; overflow: auto; position: absolute; -webkit-overflow-scrolling: touch; } #PDFBug button.active { font-weight: bold; } .debuggerShowText { background: 0px 0px yellow; color: blue; } .debuggerHideText:hover { background: 0px 0px yellow; } #PDFBug .stats { font-family: courier; font-size: 10px; white-space: pre; } #PDFBug .stats .title { font-weight: bold; } #PDFBug table { font-size: 10px; } .textLayer-visible#viewer .textLayer > div { color: black; background-color: white; } .textLayer-hover#viewer .textLayer > div:hover { color: black; background-color: white; } .textLayer-shadow#viewer .textLayer > div { color: black; background-color: rgba(255, 255, 255, 0.6); } .grab-to-pan-grab { cursor: url(images/grab.cur), move !important; } .grab-to-pan-grab *:not(input):not(:link):not(select):not(button):not(textarea) { cursor: inherit !important; } .grab-to-pan-grab:active { background: none; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: block; position: fixed; z-index: 50000; cursor: url(images/grabbing.cur), move !important; } .grab-to-pan-grabbing { background: none; left: 0px; top: 0px; right: 0px; bottom: 0px; overflow: hidden; display: block; position: fixed; z-index: 50000; cursor: url(images/grabbing.cur), move !important; } #printContainer { display: none; } @media not all { .toolbarButton::before { top: -5px; transform: scale(0.5); -webkit-transform: scale(0.5); } .secondaryToolbarButton::before { top: -4px; transform: scale(0.5); -webkit-transform: scale(0.5); } html[dir='ltr'] .toolbarButton::before { left: -1px; } html[dir='rtl'] .toolbarButton::before { left: -1px; } html[dir='ltr'] .secondaryToolbarButton::before { left: -2px; } html[dir='rtl'] .secondaryToolbarButton::before { left: 186px; } .visiblePageIsLoading.pageNumber.toolbarField { background-image: url("images/loading-small@2x.png"); background-size: 16px 17px; } [data-status='pending']#findInput { background-image: url("images/loading-small@2x.png"); background-size: 16px 17px; } .dropdownToolbarButton { background: url("images/toolbarButton-menuArrows@2x.png") no-repeat 0% 0% / 7px 16px; } html[dir='ltr'] .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle@2x.png); } html[dir='rtl'] .toolbarButton#sidebarToggle::before { content: url(images/toolbarButton-sidebarToggle-rtl@2x.png); } html[dir='ltr'] .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle@2x.png); } html[dir='rtl'] .toolbarButton#secondaryToolbarToggle::before { content: url(images/toolbarButton-secondaryToolbarToggle-rtl@2x.png); } html[dir='ltr'] .findPrevious.toolbarButton::before { content: url(images/findbarButton-previous@2x.png); } html[dir='rtl'] .findPrevious.toolbarButton::before { content: url(images/findbarButton-previous-rtl@2x.png); } html[dir='ltr'] .findNext.toolbarButton::before { content: url(images/findbarButton-next@2x.png); } html[dir='rtl'] .findNext.toolbarButton::before { content: url(images/findbarButton-next-rtl@2x.png); } html[dir='ltr'] .pageUp.toolbarButton::before { content: url(images/toolbarButton-pageUp@2x.png); } html[dir='rtl'] .pageUp.toolbarButton::before { content: url(images/toolbarButton-pageUp-rtl@2x.png); } html[dir='ltr'] .pageDown.toolbarButton::before { content: url(images/toolbarButton-pageDown@2x.png); } html[dir='rtl'] .pageDown.toolbarButton::before { content: url(images/toolbarButton-pageDown-rtl@2x.png); } .zoomIn.toolbarButton::before { content: url(images/toolbarButton-zoomIn@2x.png); } .zoomOut.toolbarButton::before { content: url(images/toolbarButton-zoomOut@2x.png); } .presentationMode.toolbarButton::before { content: url(images/toolbarButton-presentationMode@2x.png); } .presentationMode.secondaryToolbarButton::before { content: url(images/toolbarButton-presentationMode@2x.png); } .print.toolbarButton::before { content: url(images/toolbarButton-print@2x.png); } .print.secondaryToolbarButton::before { content: url(images/toolbarButton-print@2x.png); } .openFile.toolbarButton::before { content: url(images/toolbarButton-openFile@2x.png); } .openFile.secondaryToolbarButton::before { content: url(images/toolbarButton-openFile@2x.png); } .download.toolbarButton::before { content: url(images/toolbarButton-download@2x.png); } .download.secondaryToolbarButton::before { content: url(images/toolbarButton-download@2x.png); } .bookmark.toolbarButton::before { content: url(images/toolbarButton-bookmark@2x.png); } .bookmark.secondaryToolbarButton::before { content: url(images/toolbarButton-bookmark@2x.png); } .toolbarButton#viewThumbnail::before { content: url(images/toolbarButton-viewThumbnail@2x.png); } html[dir='ltr'] .toolbarButton#viewOutline::before { content: url(images/toolbarButton-viewOutline@2x.png); } html[dir='rtl'] .toolbarButton#viewOutline::before { content: url(images/toolbarButton-viewOutline-rtl@2x.png); } .toolbarButton#viewAttachments::before { content: url(images/toolbarButton-viewAttachments@2x.png); } .toolbarButton#viewFind::before { content: url(images/toolbarButton-search@2x.png); } .firstPage.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-firstPage@2x.png); } .lastPage.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-lastPage@2x.png); } .rotateCcw.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-rotateCcw@2x.png); } .rotateCw.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-rotateCw@2x.png); } .handTool.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-handTool@2x.png); } .documentProperties.secondaryToolbarButton::before { content: url(images/secondaryToolbarButton-documentProperties@2x.png); } } @media print { body { background: none; } #sidebarContainer { display: none; } #secondaryToolbar { display: none; } .toolbar { display: none; } #loadingBox { display: none; } #errorWrapper { display: none; } .textLayer { display: none; } #viewerContainer { overflow: visible; } #mainContainer { margin: 0px; padding: 0px; position: static; } #viewerContainer { margin: 0px; padding: 0px; position: static; } .page { margin: 0px; padding: 0px; position: static; } .page canvas { margin: 0px; padding: 0px; position: static; } .page { border: currentColor; border-image: none; float: left; display: none; box-shadow: none; background-clip: content-box; background-color: white; } [data-loaded].page { display: block; } .fileInput { display: none; } body[data-mozPrintCallback] #outerContainer { display: none; } body[data-mozPrintCallback] #printContainer { display: block; } #printContainer canvas { left: 0px; top: 0px; display: block; position: relative; } } .visibleLargeView { display: none; } .visibleMediumView { display: none; } .visibleSmallView { display: none; } @media all and (max-width:960px) { html[dir='ltr'] .sidebarMoving#outerContainer .outerCenter { left: 205px; float: left; } html[dir='ltr'] .sidebarOpen#outerContainer .outerCenter { left: 205px; float: left; } html[dir='rtl'] .sidebarMoving#outerContainer .outerCenter { right: 205px; float: right; } html[dir='rtl'] .sidebarOpen#outerContainer .outerCenter { right: 205px; float: right; } } @media all and (max-width:900px) { .sidebarOpen .hiddenLargeView { display: none; } .sidebarOpen .visibleLargeView { display: inherit; } } @media all and (max-width:860px) { .sidebarOpen .hiddenMediumView { display: none; } .sidebarOpen .visibleMediumView { display: inherit; } } @media all and (max-width:770px) { #sidebarContainer { top: 32px; z-index: 100; } .loadingInProgress #sidebarContainer { top: 37px; } #sidebarContent { top: 32px; background-color: hsla(0, 0%, 0%, 0.7); } html[dir='ltr'] .sidebarOpen#outerContainer > #mainContainer { left: 0px; } html[dir='rtl'] .sidebarOpen#outerContainer > #mainContainer { right: 0px; } html[dir='ltr'] .outerCenter { left: 205px; float: left; } html[dir='rtl'] .outerCenter { right: 205px; float: right; } #outerContainer .hiddenLargeView { display: inherit; } #outerContainer .hiddenMediumView { display: inherit; } #outerContainer .visibleLargeView { display: none; } #outerContainer .visibleMediumView { display: none; } } @media all and (max-width:700px) { #outerContainer .hiddenLargeView { display: none; } #outerContainer .visibleLargeView { display: inherit; } } @media all and (max-width:660px) { #outerContainer .hiddenMediumView { display: none; } #outerContainer .visibleMediumView { display: inherit; } } @media all and (max-width:600px) { .hiddenSmallView { display: none; } .visibleSmallView { display: inherit; } html[dir='ltr'] .sidebarMoving#outerContainer .outerCenter { left: 156px; } html[dir='ltr'] .sidebarOpen#outerContainer .outerCenter { left: 156px; } html[dir='ltr'] .outerCenter { left: 156px; } html[dir='rtl'] .sidebarMoving#outerContainer .outerCenter { right: 156px; } html[dir='rtl'] .sidebarOpen#outerContainer .outerCenter { right: 156px; } html[dir='rtl'] .outerCenter { right: 156px; } .toolbarButtonSpacer { width: 0px; } } @media all and (max-width:510px) { #scaleSelectContainer { display: none; } #pageNumberLabel { display: none; } } .single-page-viewer .page { margin: auto; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; } .viewer-failed { background-position: center; background-image: url("../../../images/fail.jpg"); background-repeat: no-repeat; background-color: white; } html body .textLayer { opacity: 1; } html body .textLayer > div:not(.db-annotation-layer):not(.db-annotation-canvas-layer) { opacity: 0.5; } html.region-creation body .page { cursor: crosshair; } .db-annotation-canvas-layer { position: absolute; } .db-annotation-layer { margin: 0px; position: absolute; } .start-highlight-animation--delay.db-annotation-layer .annotation-highlight--ui { animation-delay: 0.3s; } .start-highlight-animation--delay.db-annotation-layer .annotation-region--ui { animation-delay: 0.3s; } .start-highlight-animation--delay.db-annotation-layer .annotation-marker--ui .annotation-maker-inner { animation-delay: 0.3s; } .start-highlight-animation.db-annotation-layer .annotation-marker--ui .annotation-maker-inner { animation-name: highlight-marker-ui-animation; animation-duration: 0.6s; } .start-highlight-animation.db-annotation-layer .annotation-marker--resolved.annotation-marker--ui .annotation-maker-inner { animation-name: highlight-marker-ui-animation--resolved; } .start-highlight-animation.db-annotation-layer .annotation-highlight--ui { animation-name: highlight-highlight-ui-animation; animation-duration: 0.6s; } .start-highlight-animation.db-annotation-layer .annotation-highlight--resolved { animation-name: highlight-highlight-ui-animation--resolved; } .start-highlight-animation.db-annotation-layer .annotation-region--ui { animation-name: highlight-region-ui-animation; animation-duration: 0.6s; } .start-highlight-animation.db-annotation-layer .annotation-region--ui--resolved { animation-name: highlight-region-ui-animation--resolved; } .annotation-hint { background: white; border-radius: 4px; border: 1px solid rgb(123, 137, 148); border-image: none; left: 0px; top: 0px; width: 14px; height: 10px; text-align: center; line-height: 10px; font-size: 8px; display: block; position: absolute; z-index: 10; } .annotation-marker { background: none; border-radius: 50%; left: 0px; top: 0px; width: 28px; height: 28px; font-size: 8px; display: block; position: relative; z-index: 10; cursor: pointer; box-sizing: border-box; opacity: 1; } .annotation-marker:active { cursor: pointer; } .annotation-marker .annotation-maker-inner { background: rgba(71, 82, 93, 0.2); border-radius: 50%; border: 2px solid rgb(123, 137, 148); border-image: none; width: 100%; height: 100%; box-sizing: border-box; box-shadow: 0px 0px 0px 2px white, 0px 1px 6px 0px rgba(0,0,0,0.3); } .annotation-marker--blue .annotation-maker-inner { background: rgba(0, 126, 229, 0.2); border-color: rgb(114, 182, 236); } .annotation-marker--blue:hover .annotation-maker-inner { background: rgba(0, 126, 229, 0.3); } .annotation-marker--ui { cursor: default; } .annotation-marker--ui:active { cursor: default; } .annotation-marker--resolved .annotation-maker-inner { background: rgba(72, 172, 104, 0.2); border-color: rgb(134, 196, 154); } .annotation-marker--resolved:hover .annotation-maker-inner { background: rgba(72, 172, 104, 0.3); } :not(.annotation-marker--resolved).annotation-marker--ghost .annotation-maker-inner { background: rgba(71, 82, 93, 0.2); border-color: rgb(123, 137, 148); } :not(.annotation-marker--resolved).annotation-marker--ghost:hover .annotation-maker-inner { background: rgba(71, 82, 93, 0.3); } .annotation-region { background: rgba(252, 202, 0, 0.2); padding: 0px; border-radius: 3px; border: 2px solid rgb(252, 202, 0); border-image: none; left: 0px; top: 0px; overflow: visible; display: block; position: absolute; z-index: 10; cursor: pointer; box-sizing: border-box; opacity: 1; box-shadow: 0px 0px 0px 2px white, 0px 1px 6px 0px rgba(0,0,0,0.3); } .annotation-region:active { cursor: pointer; } .annotation-region--ui { cursor: default; } .annotation-region--ui:active { cursor: default; } .annotation-region--ui:hover { background: rgba(252, 202, 0, 0.3); z-index: 11; } .annotation-region--ui--resolved { background: rgba(72, 172, 104, 0.2); border-color: rgb(72, 172, 104); } .annotation-region--ui--resolved:hover { background: rgba(72, 172, 104, 0.3); } :not(.annotation-region--resolved).annotation-region--ghost { background: rgba(71, 82, 93, 0.2); border-color: rgb(71, 82, 93); } :not(.annotation-region--resolved).annotation-region--ghost:hover { background: rgba(71, 82, 93, 0.3); } .annotation-region .annotation-region-side-handle { background: none; border: currentColor; border-image: none; overflow: hidden; position: absolute; z-index: 15; } .annotation-region .annotation-region-side-handle--wrapper { left: -1px; top: -1px; right: -1px; bottom: -1px; overflow: hidden; position: absolute; } .annotation-region .annotation-region-side-handle--top { left: 0px; width: 100%; height: 16px; cursor: ns-resize; } .annotation-region .annotation-region-side-handle--bottom { left: 0px; width: 100%; height: 16px; cursor: ns-resize; } .annotation-region .annotation-region-side-handle--left { top: 0px; width: 16px; height: 100%; cursor: ew-resize; } .annotation-region .annotation-region-side-handle--right { top: 0px; width: 16px; height: 100%; cursor: ew-resize; } .annotation-region .annotation-region-side-handle--top { top: 0px; } .annotation-region .annotation-region-side-handle--right { right: 0px; } .annotation-region .annotation-region-side-handle--bottom { bottom: 0px; } .annotation-region .annotation-region-side-handle--left { left: 0px; } .annotation-region .annotation-region-corner-handle { background: none; border: currentColor; border-image: none; width: 16px; height: 16px; overflow: visible; position: absolute; z-index: 20; } .annotation-region .annotation-region-corner-handle--top-right { top: 0px; right: 0px; cursor: nesw-resize; } .annotation-region .annotation-region-corner-handle--bottom-right { right: 0px; bottom: 0px; cursor: nwse-resize; } .annotation-region .annotation-region-corner-handle--bottom-left { left: 0px; bottom: 0px; cursor: nesw-resize; } .annotation-region .annotation-region-corner-handle--top-left { left: 0px; top: 0px; cursor: nwse-resize; } .annotation-region .annotation-region-corner-handle--dot { border-color: transparent; background-color: transparent; } .is-modifying.annotation-region .annotation-region-side-handle { text-align: center; color: rgb(252, 202, 0); line-height: 13px; letter-spacing: normal; font-size: 13px; display: table; opacity: 1; } .annotation-region:hover .annotation-region-side-handle { text-align: center; color: rgb(252, 202, 0); line-height: 13px; letter-spacing: normal; font-size: 13px; display: table; opacity: 1; } .hover.annotation-region .annotation-region-side-handle { text-align: center; color: rgb(252, 202, 0); line-height: 13px; letter-spacing: normal; font-size: 13px; display: table; opacity: 1; } .is-modifying.annotation-region .annotation-region-side-handle::after { vertical-align: middle; display: table-cell; position: relative; content: "\00B7\00B7\00B7"; } .annotation-region:hover .annotation-region-side-handle::after { vertical-align: middle; display: table-cell; position: relative; content: "\00B7\00B7\00B7"; } .hover.annotation-region .annotation-region-side-handle::after { vertical-align: middle; display: table-cell; position: relative; content: "\00B7\00B7\00B7"; } .is-modifying.annotation-region .annotation-region-side-handle--left::after { transform: rotate(-90deg); } .is-modifying.annotation-region .annotation-region-side-handle--right::after { transform: rotate(-90deg); } .annotation-region:hover .annotation-region-side-handle--left::after { transform: rotate(-90deg); } .annotation-region:hover .annotation-region-side-handle--right::after { transform: rotate(-90deg); } .hover.annotation-region .annotation-region-side-handle--left::after { transform: rotate(-90deg); } .hover.annotation-region .annotation-region-side-handle--right::after { transform: rotate(-90deg); } .is-modifying.annotation-region .annotation-region-corner-handle--dot { border-radius: 50%; border: 8px solid transparent; border-image: none; width: 8px; height: 8px; position: absolute; background-clip: padding-box; background-color: rgb(252, 202, 0); -webkit-background-clip: padding-box; } .annotation-region:hover .annotation-region-corner-handle--dot { border-radius: 50%; border: 8px solid transparent; border-image: none; width: 8px; height: 8px; position: absolute; background-clip: padding-box; background-color: rgb(252, 202, 0); -webkit-background-clip: padding-box; } .hover.annotation-region .annotation-region-corner-handle--dot { border-radius: 50%; border: 8px solid transparent; border-image: none; width: 8px; height: 8px; position: absolute; background-clip: padding-box; background-color: rgb(252, 202, 0); -webkit-background-clip: padding-box; } .is-modifying.annotation-region .annotation-region-corner-handle--dot--top-right { top: -12px; right: -12px; } .annotation-region:hover .annotation-region-corner-handle--dot--top-right { top: -12px; right: -12px; } .hover.annotation-region .annotation-region-corner-handle--dot--top-right { top: -12px; right: -12px; } .is-modifying.annotation-region .annotation-region-corner-handle--dot--bottom-right { right: -12px; bottom: -12px; } .annotation-region:hover .annotation-region-corner-handle--dot--bottom-right { right: -12px; bottom: -12px; } .hover.annotation-region .annotation-region-corner-handle--dot--bottom-right { right: -12px; bottom: -12px; } .is-modifying.annotation-region .annotation-region-corner-handle--dot--bottom-left { left: -12px; bottom: -12px; } .annotation-region:hover .annotation-region-corner-handle--dot--bottom-left { left: -12px; bottom: -12px; } .hover.annotation-region .annotation-region-corner-handle--dot--bottom-left { left: -12px; bottom: -12px; } .is-modifying.annotation-region .annotation-region-corner-handle--dot--top-left { left: -12px; top: -12px; } .annotation-region:hover .annotation-region-corner-handle--dot--top-left { left: -12px; top: -12px; } .hover.annotation-region .annotation-region-corner-handle--dot--top-left { left: -12px; top: -12px; } .is-modifying.annotation-region .annotation-region-corner-handle:hover .annotation-region-corner-handle--dot { border: 8px solid rgba(252, 202, 0, 0.2); border-image: none; } .annotation-region:hover .annotation-region-corner-handle:hover .annotation-region-corner-handle--dot { border: 8px solid rgba(252, 202, 0, 0.2); border-image: none; } .hover.annotation-region .annotation-region-corner-handle:hover .annotation-region-corner-handle--dot { border: 8px solid rgba(252, 202, 0, 0.2); border-image: none; } .annotation-highlight { position: absolute; z-index: 9; background-color: rgba(252, 202, 0, 0.2); } .annotation-highlight--ui { transition:background-color 0.3s; z-index: 10; cursor: default; } .highlight-hover.annotation-highlight--ui { transition:background-color 0.3s; background-color: rgba(252, 202, 0, 0.3); } .annotation-highlight--resolved { background-color: rgba(72, 172, 104, 0.2); } .highlight-hover.annotation-highlight--resolved { transition:background-color 0.3s; background-color: rgba(72, 172, 104, 0.3); } :not(.annotation-highlight--resolved).annotation-highlight--ghost { background: rgba(71, 82, 93, 0.2); } .annotation-number { border-radius: 1px; height: 18px; color: rgb(37, 40, 43); line-height: 12px; padding-right: 2px; padding-left: 2px; font-size: 11px; font-weight: 600; display: flex; min-width: 18px; box-sizing: border-box; justify-content: center; align-items: center; background-color: rgb(252, 232, 151); } .annotation-number--resolved { background-color: rgb(134, 196, 154); } .db-annotation-layer .annotation-number { border-radius: 2px; border: 2px solid white; border-image: none; left: -9px; top: -9px; position: absolute; box-shadow: 0px 1px 6px rgba(0,0,0,0.3); } .annotation-highlight-container .annotation-number { z-index: 11; } .annotation-region--ghost .annotation-number { background: rgb(208, 212, 217); } .threaded-comment-header .annotation-number { border-radius: 2px; border: 1px solid rgba(201, 151, 0, 0.4); border-image: none; margin-right: 17px; margin-left: 7px; float: left; } .threaded-comment-header .annotation-number--resolved { border: 1px solid rgba(58, 138, 84, 0.2); border-image: none; } .threaded-comment-header .annotation-number--old-revision { border: 1px solid rgba(61, 70, 77, 0.2); border-image: none; background-color: rgb(208, 212, 217); } .preview-toolbar-container .region-creation-toolbar-content { width: 100%; display: flex; min-width: 350px; align-items: center; } .preview-toolbar-container .region-creation-toolbar-content .region-creation-hint { flex:1 0 auto; text-align: center; } .preview-toolbar-container .region-creation-toolbar-content .done-button { padding: 7px 15px; border-radius: 5px; border: 1px solid white; border-image: none; margin-left: 12px; cursor: pointer; } .maestro .annotation-region { border: 1px solid rgb(255, 199, 38); border-image: none; box-shadow: 0px 0px 0px 0px; background-color: rgba(255, 226, 143, 0.5); } .maestro .annotation-region--ui--resolved { border: 1px solid rgb(145, 212, 74); border-image: none; background-color: rgba(190, 229, 148, 0.5); } .maestro .annotation-highlight { background-color: rgba(255, 226, 143, 0.5); } .maestro .annotation-highlight--resolved { background-color: rgba(190, 229, 148, 0.5); } .maestro .db-annotation-layer .annotation-number { border: 1px solid rgb(255, 199, 38); border-image: none; font-weight: 300; box-shadow: 2px 2px 0px 0px white; } .maestro .db-annotation-layer .annotation-number--resolved { border: 1px solid rgb(145, 212, 74); border-image: none; background-color: rgb(190, 229, 148); } .threaded-comment-header .maestro .annotation-number--old-revision { border: 1px solid rgb(193, 199, 205); border-image: none; background-color: rgb(230, 232, 235); } https://cfl.dropboxstatic.com/static/css/account/emails-vflCV9b0W.css https://cfl.dropboxstatic.com/static/css/deprecated/components/multiaccount_login_modal-vflNhUM8J.css https://cfl.dropboxstatic.com/static/css/font_paper_atlas_grotesk-vflEbKJso.css https://cfl.dropboxstatic.com/static/css/foundation-vflaLNUzr.css https://cfl.dropboxstatic.com/static/css/maestro_layout-vflyAy-ID.css https://cfl.dropboxstatic.com/static/css/modal-vflsgS-BN.css https://cfl.dropboxstatic.com/static/css/notify-vflwFeIpp.css https://cfl.dropboxstatic.com/static/css/shared_link_page-vflTG6V9L.css https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,600,700&subset=latin,latin-ext https://cfl.dropboxstatic.com/static/css/deprecated/shared_link_folder-vflH6pW4g.css https://cfl.dropboxstatic.com/static/css/preview_archive-vfl9e4lYZ.css https://cfl.dropboxstatic.com/static/css/preview_image_with_annotations-vflZuxxsQ.css https://cfl.dropboxstatic.com/static/css/preview_pdf-vflLY1lDv.css https://cfl.dropboxstatic.com/static/css/preview_flexbox_layout-vflLc_Tli.css https://cfl.dropboxstatic.com/static/css/preview_linkfile-vflLAlKbW.css https://cfl.dropboxstatic.com/static/css/preview_quality_popup-vflyrlOUZ.css https://cfl.dropboxstatic.com/static/css/preview_toolbar-vflyy2h8i.css https://cfl.dropboxstatic.com/static/css/react_file_viewer-vflm-PZl6.css https://cfl.dropboxstatic.com/static/css/react_title_bar-vflWWNnLp.css https://cfl.dropboxstatic.com/static/css/spectrum/index-vflE0uEj2.css https://cfl.dropboxstatic.com/static/css/components/title_bubble-vfl3yK_gU.css https://cfl.dropboxstatic.com/static/css/seen_state_facepile-vfl0tSmyT.css https://cfl.dropboxstatic.com/static/css/deprecated/copyright_flag-vflTru2S1.css https://cfl.dropboxstatic.com/static/css/components/bubble_dropdown_v2-vflzxzIjM.css https://cfl.dropboxstatic.com/static/css/notifications-vflt5VXI9.css https://cfl.dropboxstatic.com/static/css/scooter/scooter-scoped-vfl46RD2b.css https://cfl.dropboxstatic.com/static/css/login_or_register-vflTH-z_u.css https://cfl.dropboxstatic.com/static/css/components/login_form-vfluKxyzP.css https://cfl.dropboxstatic.com/static/css/recaptcha_challenge-vflrcf67y.css https://cfl.dropboxstatic.com/static/css/components/exp_cards-vflJsYU3g.css https://cfl.dropboxstatic.com/static/css/components/button-vflsaNOtA.css https://cfl.dropboxstatic.com/static/css/legacy_packages/components-vfld-0opv.css https://cfl.dropboxstatic.com/static/css/accessibility-vflMqZNeg.css https://cfl.dropboxstatic.com/static/css/sprites/web_sprites-vflv2MHAO.css https://www.dropbox.com/sh/75qmywtvj0owoki/AAB68URN-loSui1iN-9CfEfda https://cfl.dropboxstatic.com/static/images/favicon-vflk5FiAC.ico https://cfl.dropboxstatic.com/static/images/dropbox_webclip_60-vflN_uQqB.png https://cfl.dropboxstatic.com/static/images/dropbox_webclip_76-vflVDzAci.png https://cfl.dropboxstatic.com/static/images/dropbox_webclip_120-vflppIksR.png https://cfl.dropboxstatic.com/static/images/dropbox_webclip_152-vflnR85Xl.png Waterfront 2C - Dropbox https://cfl.dropboxstatic.com/static/compiled/js/alameda_bundle/alameda_bundle.min-vflUZdNxC.js react-empty: 2 react-empty: 3 Back https://cfl.dropboxstatic.com/static/images/file_viewer/arrow_left-vflSMJAmE.png react-text: 13 Waterfront of Westclay - Declaration of Covenants.pdf /react-text https://www.dropbox.com/copyright_complaint?ssu=https%3A%2F%2Fwww.dropbox.com%2Fsh%2F75qmywtvj0owoki%2FAABBXPkZ1mJjSwTNmcgUcinma%2FWaterfront%2520of%2520Westclay%2520-%2520Declaration%2520of%2520Covenants.pdf%3Fdl%3D0 Download ▾ table-overflow react-empty: 36 global-notifications react-empty: 51 https://photos-3.dropbox.com/t/2/AAAQmK9twmdRN7nnnZuTrq-GD-Cu-pShP2DK0HLC0bN_eg/12/539650337/jpeg/32x32/3/1502154000/0/2/Waterfront%20of%20Westclay%20-%20Declaration%20of%20Covenants.pdf/EKmDh9QFGEEgAigC/R2zNcSLEUaJuvHkanYhWcD8Z-j01flpuP-YXQSvcOhw?size=178x178&size_mode=5 Loading... react-empty: 66 Zoom out Zoom out https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif Zoom in Zoom in https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif Page up Page up https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif Page down Page down https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif Fullscreen Fullscreen https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif Print Print https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif https://cfl.dropboxstatic.com/static/previews/pdf-js/pdf-js-9e9df56/web/viewer_maestro-vflWEwWFD.html?_subject_uid=576421758&annotation_highlight=1&annotation_region=1 https://www.dropbox.com/sh/75qmywtvj0owoki/AAB68URN-loSui1iN-9CfEfda?dl=0&preview=Waterfront+of+Westclay+-+Declaration+of+Covenants.pdf# Sign in with Google Oops! We couldn’t find a Dropbox account matching that email. Click here to create one. or Email you@mail.comPassword Minimum 5 characters Caps lock is currently on https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif Single sign-on enabled Remember me Sign in Continue https://cfl.dropboxstatic.com/static/images/icons/ajax-loading-small-vfl3Wt7C_.gif or https://www.dropbox.com/sh/75qmywtvj0owoki/AAB68URN-loSui1iN-9CfEfda?dl=0&preview=Waterfront+of+Westclay+-+Declaration+of+Covenants.pdf#Log in with Dropbox credentials https://www.dropbox.com/forgotForgot your password? We sent a code to your phone number ending in . Enter the code generated by your authenticator app. 6-digit code Trusted computers will never ask you for a security code again. You should only trust this computer if you trust everyone who uses it. Trust this computer More information https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gifSubmit https://www.dropbox.com/sh/75qmywtvj0owoki/Didn’t receive one? https://www.dropbox.com/twofactor_recoveryI can’t use my phoneI can’t use my authenticator app https://cfl.dropboxstatic.com/static/images/security_keys/insert-vflkCfC4_.png Insert your security key to use it https://cfl.dropboxstatic.com/static/images/icons/ajax-loading-small-vfl3Wt7C_.gif https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif After inserting, tap your key if it has a button or gold disk. Key not found.Retry Trusted computers will never ask you for a security code again. You should only trust this computer if you trust everyone who uses it. Trust this computer More information https://cfl.dropboxstatic.com/static/images/icons/icon_spacer-vflN3BYt2.gif https://www.dropbox.com/sh/75qmywtvj0owoki/Send SMS instead https://www.dropbox.com/sh/75qmywtvj0owoki/Use mobile authenticator instead https://dropbox.com/hstsping status=200 function InitJSConstLoader(e){define("jsconst_loader",[],function(){return{load:function(e,n,r,t){var i=e.split("!")[1];window.ensemble.requestConstModule(i,t.context,r)}}}),e(["jsconst_loader"])}function InitJsonLoader(e,n,r){define("json_loader",[],function(){return{load:function(n,t,i,o){function u(n,r){return window.performance&&window.performance.now?function(){var t=window.performance.now(),i=r(),o=window.performance.now()-t;return e.module_callback_times[n]=o,i}:r}function s(e){var o=new XMLHttpRequest;o.addEventListener("load",u(n,function(){try{i(null!=o.response&&"object"==typeof o.response?o.response:JSON.parse(o.responseText))}catch(e){i({}),t(["modules/core/exception"],function(n){n.reportException({err:e,tags:["json_loader"]})})}})),o.addEventListener("error",function(){r&&e!==r&&s(r)}),o.open("GET",""+e+a);try{o.responseType="json"}catch(e){}o.send()}var a=n;o.paths&&o.paths[n]&&(a="string"==typeof o.paths[n]?o.paths[n]:o.paths[n][0]),s(o.baseUrl)}}}),n(["json_loader"])}function InitLibraryLoader(e){define("library_loader",[],function(){return{load:function(e,n,r,t){var i=e.split(":"),o=i[0],u=i[1],s=window.requireContexts[o];s.require([u],function(n){var i=window.requireContexts[t.context],o=s.requireConfig.map&&s.requireConfig.map["*"]&&s.requireConfig.map["*"][u]?s.requireConfig.map["*"][u]:u;i.module_callback_times["library_loader!"+e]=s.module_callback_times[o],r(n)})}}}),e(["library_loader"])}function execTiers(e,n,r){if(0!==r.length){var t=r[0],i=t.length;0===i&&execTiers(e,n,r.slice(1));var o=function(){i-=1,0===i&&execTiers(e,n,r.slice(1))};t.forEach(function(n){var r=n[0],t=n[1];e(r,function(){t.apply(null,arguments),o()},function(e){o()})})}}window.define=void 0;var Promise=(function(){"use strict";function e(e){return"function"==typeof e||"object"==typeof e&&null!==e}function n(e){return"function"==typeof e}function r(e){$=e}function t(e){z=e}function i(){return function(){return process.nextTick(c)}}function o(){return void 0!==Y?function(){Y(c)}:a()}function u(){var e=0,n=new H(c),r=document.createTextNode("");return n.observe(r,{characterData:!0}),function(){r.data=e=++e%2}}function s(){var e=new MessageChannel;return e.port1.onmessage=c,function(){return e.port2.postMessage(0)}}function a(){var e=setTimeout;return function(){return e(c,1)}}function c(){for(var e=0;e0&&(e.splice(n-1,2),n-=2)}}function l(e,n,r){var t,i,u,s,a,c,l,d,p,h,v,m=n&&n.split("/"),y=m,w=z.map,_=w&&w["*"];if(e&&(e=e.split("/"),l=e.length-1,z.nodeIdCompat&&g.test(e[l])&&(e[l]=e[l].replace(g,"")),"."===e[0].charAt(0)&&m&&(y=m.slice(0,m.length-1),e=y.concat(e)),f(e),e=e.join("/")),r&&w&&(m||_)){u=e.split("/");e:for(s=u.length;s>0;s-=1){if(c=u.slice(0,s).join("/"),m)for(a=m.length;a>0;a-=1)if(i=o(w,m.slice(0,a).join("/")),i&&(i=o(i,c))){d=i,p=s;break e}!h&&_&&o(_,c)&&(h=o(_,c),v=s)}!d&&h&&(d=h,p=v),d&&(u.splice(0,p,d),e=u.join("/"))}return t=o(z.pkgs,e),t?t:e}function d(n){function r(){var r;return n.init&&(r=n.init.apply(e,arguments)),r||n.exports&&a(n.exports)}return r}function p(e){var n,r,t,i;for(n=0;n0;s-=1)if(a=u.slice(0,s).join("/"),f=o(i,a)){Array.isArray(f)&&(f=f[0]),u.splice(0,s,f);break}c=u.join("/"),c+=n||(/^data\:|^blob\:|\?/.test(c)||t?"":".js"),c=("/"===c.charAt(0)||c.match(/^[\w\+\.\-]+:/)?"":z.baseUrl)+c}return z.urlArgs&&!/^blob\:/.test(c)?c+z.urlArgs(e,c):c},r.toUrl=function(n){var t,i=n.lastIndexOf("."),o=n.split("/")[0],u="."===o||".."===o;return i!==-1&&(!u||i>1)&&(t=n.substring(i,n.length),n=n.substring(0,i)),r.nameToUrl(l(n,e),t,!0)},r.defined=function(n){return J(n,e,!0).id in Y},r.specified=function(n){return n=J(n,e,!0).id,n in Y||n in H},r}function v(e,n,r){e&&(Y[e]=r,requirejs.onResourceLoad&&requirejs.onResourceLoad(B,n.map,n.deps)),n.finished=!0,n.resolve(r)}function x(e,n){e.finished=!0,e.rejected=!0,e.reject(n)}function j(e){return function(n){return l(n,e,!0)}}function q(e){e.factoryCalled=!0;var n,r=e.map.id;try{n=B.execCb(r,e.factory,e.values,Y[r])}catch(n){return x(e,n)}r?void 0===n&&(e.cjsModule?n=e.cjsModule.exports:e.usingExports&&(n=Y[r])):Q.splice(Q.indexOf(e),1),v(r,e,n)}function E(e,n){this.rejected||this.depDefined[n]||(this.depDefined[n]=!0,this.depCount+=1,this.values[n]=e,this.depending||this.depCount!==this.depMax||q(this))}function A(e,r){var t={};return t.promise=new n(function(n,r){t.resolve=n,t.reject=function(n){e||Q.splice(Q.indexOf(t),1),r(n)}}),t.map=e?r||J(e):{},t.depCount=0,t.depMax=0,t.values=[],t.depDefined=[],t.depFinished=E,t.map.pr&&(t.deps=[J(t.map.pr)]),t}function T(e,n){var r;return e?(r=e in H&&H[e],r||(r=H[e]=A(e,n))):(r=A(),Q.push(r)),r}function C(e,n){return function(r){e.rejected||(r.dynaId||(r.dynaId="id"+(ee+=1),r.requireModules=[n]),x(e,r))}}function O(e,n,r,t){r.depMax+=1,P(e,n).then(function(e){r.depFinished(e,t)},C(r,e.id)).catch(C(r,r.map.id))}function k(e){function n(n){r||v(e,T(e),n)}var r;return n.error=function(n){T(e).reject(n)},n.fromText=function(n,t){var o=T(e),u=J(J(e).n),s=u.id;r=!0,o.factory=function(e,n){return n},t&&(n=t),i(z.config,e)&&(z.config[s]=z.config[e]);try{N.exec(n)}catch(e){x(o,new Error("fromText eval for "+s+" failed: "+e))}p(s),o.deps=[u],O(u,null,o,o.deps.length)},n}function M(e,n,r){e.load(n.n,h(r),k(n.id),z)}function S(e){var n,r=e?e.indexOf("!"):-1;return r>-1&&(n=e.substring(0,r),e=e.substring(r+1,e.length)),[n,e]}function U(e,n,r){var t=e.map.id;n[t]=!0,!e.finished&&e.deps&&e.deps.forEach(function(t){var o=t.id,u=!i(D,o)&&T(o,t);!u||u.finished||r[o]||(i(n,o)?e.deps.forEach(function(n,r){n.id===o&&e.depFinished(Y[o],r)}):U(u,n,r))}),r[t]=!0}function L(e){var n,r=[],t=1e3*z.waitSeconds,i=t&&Z+t<(new Date).getTime();if(0===V&&(e?e.finished||U(e,{},{}):Q.length&&Q.forEach(function(e){U(e,{},{})})),i){for(var o in H){var u=H[o];u.finished||r.push(u.map.id)}n=new Error("Timeout for modules: "+r),n.requireModules=r,N.onError(n)}else(V||Q.length)&&(R||(R=!0,setTimeout(function(){R=!1,L()},0)))}function I(e){return setTimeout(function(){e.dynaId&&ne[e.dynaId]||(ne[e.dynaId]=!0,N.onError(e))}),e}var N,F,J,P,D,R,W,B,Y=Object.create(null),$=Object.create(null),z={waitSeconds:7,baseUrl:"./",paths:{},bundles:{},pkgs:{},shim:{},config:{}},G=Object.create(null),Q=[],H=Object.create(null),K=Object.create(null),X={},V=0,Z=(new Date).getTime(),ee=0,ne={},re={},te={},ie=n.resolve();return W="function"==typeof importScripts?function(e){var n=e.url;re[n]||(re[n]=!0,T(e.id),importScripts(n),p(e.id))}:function(e){var n,r=e.id,t=e.url;re[t]||(re[t]=!0,n=document.createElement("script"),n.setAttribute("data-requiremodule",r),n.type=z.scriptType||"text/javascript",n.charset="utf-8",n.async=!0,V+=1,n.addEventListener("load",function(){V-=1,p(r)},!1),n.addEventListener("error",function(){V-=1;var e,t=o(z.paths,r);if(t&&Array.isArray(t)&&t.length>1){n.parentNode.removeChild(n),t.shift();var i=T(r);i.map=J(r),i.map.url=N.nameToUrl(r),W(i.map)}else e=new Error("Load failed: "+r+": "+n.src),e.requireModules=[r],T(r).reject(e)},!1),n.src=t,10===document.documentMode?b.then(function(){document.head.appendChild(n)}):document.head.appendChild(n))},P=function(e,n){var r,t,u=e.id,s=z.shim[u];if(u in $)r=$[u],delete $[u],F.apply(void 0,r);else if(!(u in H))if(e.pr){if(!(t=o(te,u)))return P(J(e.pr)).then(function(r){var t=e.prn?e:J(u,n,!0),s=t.id,a=o(z.shim,s);return i(X,s)||(X[s]=!0,a&&a.deps?N(a.deps,function(){M(r,t,n)}):M(r,t,n)),T(s).promise});e.url=N.nameToUrl(t),W(e)}else s&&s.deps?N(s.deps,function(){W(e)}):W(e);return T(u).promise},J=function(e,n,r){if("string"!=typeof e)return e;var t,i,o,u,s,a,c=e+" & "+(n||"")+" & "+!!r;return o=S(e),u=o[0],e=o[1],!u&&c in G?G[c]:(u&&(u=l(u,n,r),t=u in Y&&Y[u]),u?t&&t.normalize?(e=t.normalize(e,j(n)),a=!0):e=e.indexOf("!")===-1?l(e,n,r):e:(e=l(e,n,r),o=S(e),u=o[0],e=o[1],i=N.nameToUrl(e)),s={id:u?u+"!"+e:e,n:e,pr:u,url:i,prn:u&&a},u||(G[c]=s),s)},D={require:function(e){return h(e)},exports:function(e){var n=Y[e];return void 0!==n?n:Y[e]={}},module:function(e){return{id:e,uri:"",exports:D.exports(e),config:function(){return o(z.config,e)||{}}}}},F=function(e,n,r,o,u){if(e){if(K[e])return;K[e]=!0}var s=T(e);return n&&!Array.isArray(n)&&(r=n,n=[]),o||(i(z,"defaultErrback")?z.defaultErrback&&(o=z.defaultErrback):o=I),o&&s.promise.catch(o),u=u||e,"function"==typeof r?(!n.length&&r.length&&(r.toString().replace(/\/\*[\s\S]*?\*\/|([^:"'=]|^)\/\/.*$/gm,t).replace(/[^.]\s*require\s*$\s*["']([^'"\s]+)["']\s*$/g,function(e,r){n.push(r)}),n=(1===r.length?["require"]:["require","exports","module"]).concat(n)),s.factory=r,s.deps=n,s.depending=!0,n.forEach(function(r,t){var i;n[t]=i=J(r,u,!0),r=i.id,"require"===r?s.values[t]=D.require(e):"exports"===r?(s.values[t]=D.exports(e),s.usingExports=!0):"module"===r?s.values[t]=s.cjsModule=D.module(e):void 0===r?s.values[t]=void 0:O(i,u,s,t)}),s.depending=!1,s.depCount===s.depMax&&q(s)):e&&v(e,s,r),Z=(new Date).getTime(),e||L(s),s.promise},N=h(null,!0),N.config=function(e){if(e.context&&e.context!==r){var n=o(m,e.context);return n?n.req.config(e):c(e.context).config(e)}if(G=Object.create(null),e.baseUrl&&"/"!==e.baseUrl.charAt(e.baseUrl.length-1)&&(e.baseUrl+="/"),"string"==typeof e.urlArgs){var t=e.urlArgs;e.urlArgs=function(e,n){return(n.indexOf("?")===-1?"?":"&")+t}}var i=z.shim,a={paths:!0,bundles:!0,config:!0,map:!0};return u(e,function(e,n){a[n]?(z[n]||(z[n]={}),s(z[n],e,!0,!0)):z[n]=e}),e.bundles&&u(e.bundles,function(e,n){e.forEach(function(e){e!==n&&(te[e]=n)})}),e.shim&&(u(e.shim,function(e,n){Array.isArray(e)&&(e={deps:e}),!e.exports&&!e.init||e.exportsFn||(e.exportsFn=d(e)),i[n]=e}),z.shim=i),e.packages&&e.packages.forEach(function(e){var n,r;e="string"==typeof e?{name:e}:e,r=e.name,n=e.location,n&&(z.paths[r]=e.location),z.pkgs[r]=e.name+"/"+(e.main||"main").replace(/^\.\//,"").replace(g,"")}),(e.deps||e.callback)&&N(e.deps,e.callback),N},N.onError=function(e){throw e},B={id:r,defined:Y,waiting:$,config:z,deferreds:H,req:N,execCb:function(e,n,r,t){return n.apply(t,r)}},m[r]=B,N}if(!n)throw new Error("No Promise implementation available");var f,l,d,p,h=requirejs||require,v=Object.prototype.hasOwnProperty,m={},y=[],w=/^\/|\:|\?|\.js$/,g=/\.js$/,_=Array.prototype.slice;if("function"!=typeof requirejs){var b=n.resolve(void 0);requirejs=f=c("_"),"function"!=typeof require&&(require=f),f.exec=function(e){throw new EvalError("eval not supported in this build of Alameda")},f.contexts=m,define=function(){y.push(_.call(arguments,0))},define.amd={jQuery:!0},h&&f.config(h),f.isBrowser&&!m._.config.skipDataMain&&(l=document.querySelectorAll("script[data-main]")[0],l=l&&l.getAttribute("data-main"),l&&(l=l.replace(g,""),h&&h.baseUrl||l.indexOf("!")!==-1||(d=l.split("/"),l=d.pop(),p=d.length?d.join("/")+"/":"./",f.config({baseUrl:p})),f([l])))}})(this,void 0!==Promise?Promise:void 0),void 0===String.prototype.startsWith&&(String.prototype.startsWith=function(e,n){return n=n||0,this.substr(n,e.length)===e}),void 0===String.prototype.endsWith&&(String.prototype.endsWith=function(e,n){var r=this.toString();return("number"!=typeof n||!isFinite(n)||Math.floor(n)!==n||n>r.length)&&(n=r.length),n-=e.length,this.substr(n,e.length)===e}),void 0===Object.assign&&(Object.assign=function(e){for(var n=[],r=1;r>>0,i=0;i>>0;if(0===i)return!1;for(var o=Math.max(n>=0?n:i-Math.abs(n),0);o>>0,o=n>>0,u=o<0?Math.max(i+o,0):Math.min(o,i),s=void 0===r?i:r>>0,a=s<0?Math.max(i+s,0):Math.min(s,i);u