.dops-button { background: white; border-color: #d5d5d5; border-style: solid; border-width: 1px 1px 2px; color: #414141; cursor: pointer; display: inline-block; margin: 0; outline: 0; overflow: hidden; font-size: 14px; font-weight: 500; text-overflow: ellipsis; text-decoration: none; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 21px; border-radius: 4px; padding: 7px 14px 9px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .dops-button:hover { border-color: #bbbbbb; color: #414141; } .dops-button:active { border-width: 2px 1px 1px; } .dops-button[disabled], .dops-button:disabled { color: #eeeeee; background: white; border-color: #eeeeee; cursor: default; } .dops-button[disabled]:active, .dops-button:disabled:active { border-width: 1px 1px 2px; } .dops-button:focus { outline: 0; border-color: #00aadc; -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; } .dops-button.is-compact { padding: 7px; color: #888888; font-size: 11px; line-height: 1; text-transform: uppercase; } .dops-button.is-compact:disabled { color: #eeeeee; } .dops-button.is-compact .gridicon { top: 4px; margin-top: -8px; } .dops-button.is-compact .gridicons-plus-small { margin-right: -4px; } .dops-button.is-compact .gridicons-plus-small:last-of-type { margin-right: 0; } .dops-button.is-compact .gridicons-plus-small + .gridicon { margin-right: -4px; } .dops-button.hidden { display: none; } .dops-button .gridicon { position: relative; top: 4px; margin-top: -2px; width: 18px; height: 18px; } .dops-button.is-primary { background: #00aadc; border-color: #0087be; color: white; } .dops-button.is-primary:hover, .dops-button.is-primary:focus { border-color: #005082; color: white; } .dops-button.is-primary[disabled], .dops-button.is-primary:disabled { background: #bceefd; border-color: #8cc9e2; color: white; } .dops-button.is-primary.is-compact { color: white; white-space: nowrap; } .dops-button.is-scary { color: #d94f4f; } .dops-button.is-scary:hover, .dops-button.is-scary:focus { border-color: #d94f4f; } .dops-button.is-scary:focus { -webkit-box-shadow: 0 0 0 2px #eba3a3; box-shadow: 0 0 0 2px #eba3a3; } .dops-button.is-scary[disabled], .dops-button.is-scary:disabled { color: #f4cdcd; border-color: #eeeeee; } .dops-button.is-primary.is-scary { background: #d94f4f; border-color: #a02222; color: white; } .dops-button.is-primary.is-scary:hover, .dops-button.is-primary.is-scary:focus { border-color: #4c1010; } .dops-button.is-primary.is-scary[disabled], .dops-button.is-primary.is-scary:disabled { background: #eba3a3; border-color: #e48484; } .dops-button.is-borderless { border: none; color: #888888; padding-right: 0; padding-left: 0; } .dops-button.is-borderless:hover { color: #414141; } .dops-button.is-borderless:focus { -webkit-box-shadow: none; box-shadow: none; } .dops-accessible-focus .dops-button.is-borderless:focus { outline: thin dotted; } .dops-button.is-borderless .gridicon { width: 24px; height: 24px; top: 6px; } .dops-button.is-borderless[disabled], .dops-button.is-borderless:disabled { color: #eeeeee; background: white; cursor: default; } .dops-button.is-borderless[disabled]:active, .dops-button.is-borderless:disabled:active { border-width: 0; } .dops-button.is-borderless.is-scary { color: #d94f4f; } .dops-button.is-borderless.is-scary:hover, .dops-button.is-borderless.is-scary:focus { color: #a02222; } .dops-button.is-borderless.is-scary[disabled] { color: #f4cdcd; } .dops-button.is-borderless.is-compact { background: transparent; border-radius: 0; } .dops-button.is-borderless.is-compact .gridicon { width: 18px; height: 18px; top: 5px; } .dops-button-group .dops-button { border-right-width: 0; border-radius: 0; } .dops-button-group .dops-button:focus { position: relative; z-index: z-index("button-group-parent", ".button-group .button:focus"); -webkit-box-shadow: inset -1px 0 0 #00aadc, 0 0 0 2px #78dcfa; box-shadow: inset -1px 0 0 #00aadc, 0 0 0 2px #78dcfa; } .dops-button-group .dops-button.is-primary:focus { -webkit-box-shadow: inset -1px 0 0 #005082, 0 0 0 2px #78dcfa; box-shadow: inset -1px 0 0 #005082, 0 0 0 2px #78dcfa; } .dops-button-group .dops-button.is-scary:focus { -webkit-box-shadow: inset -1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; box-shadow: inset -1px 0 0 #d94f4f, 0 0 0 2px #eba3a3; } .dops-button-group .dops-button.is-primary.is-scary:focus { -webkit-box-shadow: inset -1px 0 0 #761919, 0 0 0 2px #eba3a3; box-shadow: inset -1px 0 0 #761919, 0 0 0 2px #eba3a3; } .dops-button-group .dops-button:first-child:focus { -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; } .dops-button-group .dops-button.is-scary:first-child:focus { -webkit-box-shadow: 0 0 0 2px #eba3a3; box-shadow: 0 0 0 2px #eba3a3; } .dops-button-group .dops-button:first-child { border-right-width: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .dops-button-group .dops-button:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .dops-section-header .dops-button-group .dops-button { margin-left: 0; } .dops-count { display: inline-block; padding: 0.0625rem 0.375rem; border: solid 1px #a2a2a2; border-radius: 0.75rem; font-size: 0.6875rem; font-weight: 600; line-height: 0.875rem; color: #a2a2a2; text-align: center; } /** * Select Dropdown */ .dops-select-dropdown { height: 43px; } .dops-select-dropdown.is-compact { height: 28px; } .dops-select-dropdown.is-disabled .dops-select-dropdown__header { background: #f6f6f6; border-color: #eeeeee; color: #bbbbbb; -webkit-text-fill-color: #bbbbbb; } .dops-select-dropdown__container { position: relative; overflow: hidden; display: inline-block; width: auto; max-width: 100%; } .dops-select-dropdown.is-open .dops-select-dropdown__container { z-index: 170; } .dops-accessible-focus .dops-select-dropdown__container:focus, .dops-accessible-focus .dops-select-dropdown.is-open .dops-select-dropdown__container { z-index: 170; -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; } .dops-accessible-focus .dops-select-dropdown__container:focus .select-dropdown__header, .dops-accessible-focus .dops-select-dropdown.is-open .dops-select-dropdown__container .select-dropdown__header { border-color: #0087be; } .dops-accessible-focus .dops-select-dropdown__container:focus { border-color: #00aadc; -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; outline: 0; border-radius: 4px; } .dops-select-dropdown__header { padding: 11px 16px 11px 44px; border-style: solid; border-color: #d5d5d5; border-width: 1px 1px 2px; border-radius: 4px; background-color: white; font-size: 14px; font-weight: 600; line-height: 18px; height: 18px; color: #414141; -webkit-transition: background-color 0.2s ease; transition: background-color 0.2s ease; cursor: pointer; } .dops-select-dropdown__header::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; content: '\f347'; position: absolute; left: 13px; top: 12px; display: block; line-height: 18px; color: rgba(162, 162, 162, 0.5); } .is-compact .dops-select-dropdown__header::after { left: 4px; top: 4px; } .is-compact .dops-select-dropdown__header { padding: 7px; color: #888888; font-size: 11px; line-height: 1; text-transform: uppercase; } .is-compact .dops-select-dropdown__header .dops-count { border-width: 0; margin-right: 0; line-height: 1; } .dops-select-dropdown.is-open .dops-select-dropdown__header { border-radius: 4px 4px 0 0; -webkit-box-shadow: none; box-shadow: none; background-color: #f6f6f6; } .dops-select-dropdown.is-open .dops-select-dropdown__header::after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; content: '\f343'; } .dops-select-dropdown__header .dops-count { margin-right: 8px; } .dops-select-dropdown__header-text { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dops-select-dropdown__options { visibility: hidden; height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; list-style: none; margin: -2px 0 0 0; background-color: white; border: 1px solid #d5d5d5; border-radius: 0 0 4px 4px; } .dops-accessible-focus .dops-select-dropdown__options { border: solid 1px #0087be; border-top-color: #d5d5d5; } .dops-select-dropdown.is-open .dops-select-dropdown__options { visibility: visible; height: auto; } .dops-select-dropdown__option:last-child .dops-select-dropdown__item { border-radius: 0 0 4px 4px; } .dops-select-dropdown__item, .dops-select-dropdown__item-text { padding: 11px 16px 11px 44px; } .dops-select-dropdown__item { display: block; position: relative; font-size: 14px; font-weight: 400; line-height: 18px; color: #414141; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .dops-select-dropdown__item::before { content: attr(data-bold-text); font-weight: 700; opacity: 0; } .dops-select-dropdown__item:visited { color: #414141; } .dops-select-dropdown__item.is-selected { background-color: #00aadc; color: white; } .dops-select-dropdown__item.is-disabled { background-color: white; color: #a2a2a2; cursor: default; opacity: .5; } .notouch .dops-select-dropdown__item:hover { color: #00aadc; } .notouch .dops-select-dropdown__item.is-selected:hover { color: white; } .dops-select-dropdown__item-text { padding-left: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 0; right: 0; width: 100%; white-space: nowrap; text-overflow: ellipsis; color: inherit; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .dops-select-dropdown__item-text .dops-count { color: inherit; border-color: inherit; } .dops-select-dropdown__separator { border-top: 1px solid #d5d5d5; display: block; margin: 8px 0; } .dops-select-dropdown__label { display: block; color: #bbbbbb; margin-top: 5px; line-height: 20px; } .dops-select-dropdown__label label { font-size: 12px; text-transform: uppercase; padding: 0px 16px 0px 16px; } @-webkit-keyframes rotate-spinner__right { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 75% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotate-spinner__right { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 75% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @-webkit-keyframes rotate-spinner__left { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 75% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes rotate-spinner__left { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 25% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 50% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 75% { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } .dops-spinner.is-fallback { position: relative; border-radius: 100%; background-color: #d5d5d5; } .dops-spinner.is-fallback::before, .dops-spinner.is-fallback::after { content: ''; position: absolute; background-color: white; border-radius: 50%; } .dops-spinner.is-fallback::before { width: 90%; height: 90%; top: 5%; right: 5%; } .dops-spinner.is-fallback::after { width: 70%; height: 70%; top: 15%; right: 15%; } .dops-spinner__image { display: block; } .dops-spinner__border { fill: #d5d5d5; } .dops-spinner__progress { -webkit-animation: 3s linear infinite; animation: 3s linear infinite; -webkit-transform-origin: 50px 50px; transform-origin: 50px 50px; fill: #00aadc; } .dops-spinner.is-fallback .dops-spinner__progress { position: absolute; overflow: hidden; width: 50%; height: 100%; -webkit-animation: none; animation: none; } .dops-spinner.is-fallback .dops-spinner__progress::before { content: ''; position: absolute; width: 100%; height: 100%; -webkit-animation: 3s linear infinite; animation: 3s linear infinite; border-radius: 9999px; background-color: #00aadc; fill: none; } .dops-spinner.is-fallback .dops-spinner__progress.is-left { right: 0; } .dops-spinner.is-fallback .dops-spinner__progress.is-left::before { right: 100%; border-top-right-radius: 0; border-bottom-right-radius: 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; } .dops-spinner.is-fallback .dops-spinner__progress.is-right { right: 50%; } .dops-spinner.is-fallback .dops-spinner__progress.is-right::before { right: -100%; border-top-left-radius: 0; border-bottom-left-radius: 0; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; } .dops-spinner__progress.is-left, .dops-spinner.is-fallback .dops-spinner__progress.is-left::before { -webkit-animation-name: rotate-spinner__left; animation-name: rotate-spinner__left; } .dops-spinner__progress.is-right, .dops-spinner.is-fallback .dops-spinner__progress.is-right::before { -webkit-animation-name: rotate-spinner__right; animation-name: rotate-spinner__right; } .gridicon { fill: currentColor; } .gridicon.needs-offset g { -webkit-transform: translate(-1px, 1px); transform: translate(-1px, 1px); /* translates to .5px because it's in a child element */ } .gridicon.needs-offset-x g { -webkit-transform: translate(-1px, 0); transform: translate(-1px, 0); /* only nudges horizontally */ } .gridicon.needs-offset-y g { -webkit-transform: translate(0, 1px); transform: translate(0, 1px); /* only nudges vertically */ } /** * @component Search */ .dops-search { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 24px; width: 60px; height: 51px; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 22; -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .dops-search .dops-search__icon-navigation { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; border-radius: inherit; height: 100%; } .dops-search .dops-search__open-icon, .dops-search .dops-search__close-icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 50px; z-index: 20; color: #0087be; cursor: pointer; } .accessible-focus .dops-search .dops-search__open-icon:focus, .accessible-focus .dops-search .dops-search__close-icon:focus { outline: dotted 1px #0087be; } .dops-search .dops-search__open-icon:hover { color: #555555; } .dops-search .dops-search__close-icon { color: #555555; opacity: 0; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; } .accessible-focus .dops-search.has-focus { -webkit-box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; box-shadow: 0 0 0 1px #0087be, 0 0 0 4px #78dcfa; } .dops-search.is-expanded-to-container { margin-bottom: 0; position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 50px; top: 0; left: 0; } .dops-search.is-expanded-to-container .dops-search__input-fade { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; } .dops-search.is-expanded-to-container .dops-search__input[type="search"] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-shadow: none; box-shadow: none; } .dops-search__input[type="search"] { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: none; z-index: 10; top: 0; border: none; border-radius: inherit; height: 100%; background: white; -moz-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px; -webkit-appearance: none; } .dops-search__input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } .dops-search__input[type="search"]:focus { -webkit-box-shadow: none; box-shadow: none; border: none; } .dops-search.is-open { width: 100%; } .dops-search.is-open .dops-search__open-icon { color: #555555; } .dops-search.is-open .dops-search__close-icon { display: inline-block; } .dops-search.is-open .dops-search__input, .dops-search.is-open .dops-search__close-icon { opacity: 1; } .dops-search.is-open .dops-search__input { display: block; } .dops-search.is-open .dops-search__input-fade { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; position: relative; font-size: 16px; border-radius: inherit; } .dops-search.is-open .dops-search__input-fade::before { content: ''; display: block; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 12; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(90%, white)); background: linear-gradient(to left, rgba(255, 255, 255, 0), white 90%); top: 0px; bottom: 0px; left: 0px; right: auto; width: 32px; height: auto; border-radius: inherit; } .dops-search.is-open .dops-search__input-fade.ltr { } .dops-search.is-open .dops-search__input-fade.ltr::before { content: ''; display: block; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 12; background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(90%, white)); background: linear-gradient(to right, rgba(255, 255, 255, 0), white 90%); top: 0px; bottom: 0px; right: 0px; left: auto; width: 32px; height: auto; border-radius: inherit; } .dops-search__input-fade .dops-search__text-overlay { color: transparent; position: absolute; pointer-events: none; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; font: inherit; width: 100%; height: 100%; top: 0px; right: 0px; z-index: 11; } .dops-search .dops-spinner { display: none; } .dops-search.is-searching .dops-search__open-icon { display: none; } .dops-search.is-searching .dops-spinner { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; z-index: 20; } .dops-search.is-searching .dops-spinner .dops-spinner__image { width: 50px; } .animating.dops-search-opening .dops-search input { opacity: 1; } /** * Section Nav */ .dops-section-nav { position: relative; width: 100%; padding: 0; margin: 0 0 17px 0; background: white; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; } .dops-section-nav.is-empty .dops-section-nav__panel { visibility: hidden; } @media (max-width: 480px) { .dops-section-nav.is-open { -webkit-box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; } } @media (min-width: 481px) { .dops-section-nav.has-pinned-items { padding-left: 60px; } } @media (min-width: 481px) and (max-width: 660px) { .dops-section-nav.has-pinned-items { padding-left: 50px; } } @media (max-width: 660px) { .dops-section-nav { margin-bottom: 9px; } } .dops-section-nav__mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px; font-size: 14px; line-height: 16px; color: #414141; font-weight: 600; cursor: pointer; } .dops-section-nav__mobile-header:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; content: '\f347'; line-height: 16px; color: rgba(162, 162, 162, 0.5); } .dops-section-nav.is-open .dops-section-nav__mobile-header:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Dashicons'; content: '\f343'; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header { padding-left: 50px; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header:after { margin-right: 8px; } @media (min-width: 481px) { .dops-section-nav__mobile-header { display: none; } } .dops-section-nav__mobile-header-text { width: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dops-section-nav__mobile-header-text small { margin-right: 5px; font-size: 11px; color: #a2a2a2; font-weight: 600; text-transform: uppercase; } .dops-section-nav.has-pinned-items .dops-section-nav__mobile-header-text { width: auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } .dops-section-nav__panel { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } @media (max-width: 480px) { .dops-section-nav.is-open .dops-section-nav__panel { padding-bottom: 15px; border-top: solid 1px #d5d5d5; background: linear-gradient(to bottom, #f6f6f6 0%, white 4px); } } @media (min-width: 481px) { .dops-section-nav__panel { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dops-section-nav__panel:first-child { width: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } .dops-section-nav-group { position: relative; margin-top: 16px; padding-top: 16px; border-top: solid 1px #d5d5d5; } .dops-section-nav-group:first-child { padding-top: 0; border-top: none; } @media (max-width: 480px) { .dops-section-nav-group { display: none; } .dops-section-nav.is-open .dops-section-nav-group { display: block; } } @media (min-width: 481px) { .dops-section-nav-group { margin-top: 0; padding-top: 0; border-top: none; } .dops-section-nav-group:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; width: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } } .dops-section-nav__button { width: 100%; margin-top: 24px; } .dops-section-nav__hr { background: #eeeeee; } .dops-section-nav-group__label { display: none; margin-bottom: 8px; padding: 0 15px; font-size: 11px; color: #a2a2a2; font-weight: 600; text-transform: uppercase; line-height: 12px; } @media (max-width: 480px) { .has-siblings .dops-section-nav-group__label { display: block; } } .dops-section-nav-group__label-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .dops-section-nav-tab .count { margin-right: 8px; } @media (min-width: 481px) { .dops-section-nav-tabs { width: 0; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .dops-section-nav-tabs.is-dropdown { position: relative; width: auto; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 8px; } } .dops-section-nav-tabs__list { margin: 0; list-style: none; } @media (min-width: 481px) { .dops-section-nav-tabs__list { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; overflow: hidden; } .is-dropdown .dops-section-nav-tabs__list { display: none; } } .dops-section-nav-tab { margin-bottom: 0; } @media (min-width: 481px) { .dops-section-nav-tab { width: auto; -webkit-box-flex: 0; -ms-flex: none; flex: none; border-bottom: 2px solid transparent; border-top: none; text-align: center; } .dops-section-nav-tab.is-selected { border-bottom-color: #414141; } } .dops-section-nav-tab__link, .dops-section-nav-tab__text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dops-section-nav-tab__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 15px; width: 100%; font-size: 14px; font-weight: 600; line-height: 18px; color: #414141; cursor: pointer; } .dops-section-nav-tab__link:visited { color: #414141; } .dops-section-nav-tab__link[disabled], .notouch .dops-section-nav-tab__link[disabled]:hover { color: #eeeeee; cursor: default; } .is-selected .dops-section-nav-tab__link { color: white; background-color: #00aadc; } .dops-section-nav-tab__link:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .dops-accessible-focus .dops-section-nav-tab__link:focus { outline: solid #a2a2a2 1px; } .is-external .dops-section-nav-tab__link:after { font-size: 18px; padding-right: 2px; } .notouch .dops-section-nav-tab__link:hover { color: #00aadc; } .notouch .is-selected .dops-section-nav-tab__link:hover { color: white; } @media (min-width: 481px) { .dops-section-nav-tab__link { display: block; width: auto; padding: 16px 16px 14px 16px; color: #0087be; font-weight: 400; } .dops-section-nav-tab__link:visited { color: #0087be; } .is-selected .dops-section-nav-tab__link { color: #414141; background-color: transparent; } .is-selected .dops-section-nav-tab__link:after { display: none; } .notouch .is-selected .dops-section-nav-tab__link:hover { color: #414141; } } .dops-section-nav-tab__text { display: block; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 0; color: inherit; } @media (min-width: 481px) { .dops-section-nav-tab__text { display: inline; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: auto; } } .dops-section-nav-tabs__dropdown { position: relative; z-index: 3; width: 100%; } .dops-section-nav-tabs__dropdown.is-open { z-index: 4; } .dops-section-nav-tabs__dropdown .dops-select-dropdown__container { position: static; } .dops-section-nav__segmented .dops-segmented-control { margin: 0 15px; } .dops-section-nav__segmented .dops-segmented-control__link { padding: 3px 16px 5px; } @media (max-width: 480px) { .dops-section-nav .dops-search.is-pinned { height: 46px; } } #jp-plugin-container { min-height: 100vh; } /* Card */ .dops-card { display: block; position: relative; margin: 0 auto 10px auto; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; background: white; -webkit-box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; } .dops-card:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } @media (min-width: 481px) { .dops-card { margin-bottom: 16px; padding: 24px; } } .dops-card.is-compact { margin-bottom: 1px; } @media (min-width: 481px) { .dops-card.is-compact { margin-bottom: 1px; padding: 16px 24px; } } .dops-card.is-card-link { padding-left: 48px; } .dops-card__link-indicator { color: #d5d5d5; display: block; height: 100%; position: absolute; top: 0; left: 16px; } a.dops-card:hover .dops-card__link-indicator { color: #bbbbbb; } a.dops-card:focus { outline: 0; } a.dops-card:focus .dops-card__link-indicator { color: tint(#00aadc, 20%); } .dops-text-input.dops-text-input { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 7px 14px; width: 100%; color: #414141; font-size: 16px; line-height: 1.5; border: 1px solid #d5d5d5; background-color: white; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-box-shadow: none; box-shadow: none; } .dops-text-input.dops-text-input::-webkit-input-placeholder { color: #a2a2a2; } .dops-text-input.dops-text-input:-ms-input-placeholder { color: #a2a2a2; } .dops-text-input.dops-text-input::-ms-input-placeholder { color: #a2a2a2; } .dops-text-input.dops-text-input::placeholder { color: #a2a2a2; } .dops-text-input.dops-text-input:hover { border-color: #bbbbbb; } .dops-text-input.dops-text-input:focus { border-color: #0087be; outline: none; -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; } .dops-text-input.dops-text-input:focus::-ms-clear { display: none; } .dops-text-input.dops-text-input:disabled { background: #f6f6f6; border-color: #eeeeee; color: #bbbbbb; -webkit-text-fill-color: #bbbbbb; } .dops-text-input.dops-text-input:disabled:hover { cursor: default; } .dops-text-input.dops-text-input:disabled::-webkit-input-placeholder { color: #bbbbbb; } .dops-text-input.dops-text-input:disabled:-ms-input-placeholder { color: #bbbbbb; } .dops-text-input.dops-text-input:disabled::-ms-input-placeholder { color: #bbbbbb; } .dops-text-input.dops-text-input:disabled::placeholder { color: #bbbbbb; } .dops-text-input.dops-text-input { -webkit-appearance: none; } .dops-text-input.dops-text-input.is-valid { border-color: #4ab866; } .dops-text-input.dops-text-input.is-valid:hover { border-color: #3a9551; } .dops-text-input.dops-text-input.is-error { border-color: #d94f4f; } .dops-text-input.dops-text-input.is-error:hover { border-color: #c92c2c; } .dops-text-input.dops-text-input:focus.is-valid { -webkit-box-shadow: 0 0 0 2px #caead2; box-shadow: 0 0 0 2px #caead2; } .dops-text-input.dops-text-input:focus.is-valid:hover { -webkit-box-shadow: 0 0 0 2px #a6dcb3; box-shadow: 0 0 0 2px #a6dcb3; } .dops-text-input.dops-text-input:focus.is-error { -webkit-box-shadow: 0 0 0 2px #f9e2e2; box-shadow: 0 0 0 2px #f9e2e2; } .dops-text-input.dops-text-input:focus.is-error:hover { -webkit-box-shadow: 0 0 0 2px #f0b8b8; box-shadow: 0 0 0 2px #f0b8b8; } /** * "popover" theme for `component/tip`. */ .dops-popover { font-size: 11px; z-index: 1000; position: absolute; top: 0; left: 0 ; right: auto ; } .dops-popover .dops-popover__inner { background-color: white; border: 1px solid #d5d5d5; border-radius: 4px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 56px rgba(0, 0, 0, 0.075); text-align: center; position: relative; } .dops-popover .dops-popover__arrow { border: 10px dashed #d5d5d5; height: 0; line-height: 0; position: absolute; width: 0; z-index: 1; } .dops-popover.fade { -webkit-transition: opacity 100ms; transition: opacity 100ms; } .dops-popover.is-top .dops-popover__arrow, .dops-popover.is-top-left .dops-popover__arrow, .dops-popover.is-top-right .dops-popover__arrow { bottom: 0 ; left: 50% ; margin-left: -10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .dops-popover.is-top .dops-popover__arrow::before, .dops-popover.is-top-left .dops-popover__arrow::before, .dops-popover.is-top-right .dops-popover__arrow::before { bottom: 2px ; border: 10px solid white; content: " "; position: absolute; left: 50% ; margin-left: -10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .dops-popover.is-bottom .dops-popover__arrow, .dops-popover.is-bottom-left .dops-popover__arrow, .dops-popover.is-bottom-right .dops-popover__arrow { top: 0 ; left: 50% ; margin-left: -10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .dops-popover.is-bottom .dops-popover__arrow::before, .dops-popover.is-bottom-left .dops-popover__arrow::before, .dops-popover.is-bottom-right .dops-popover__arrow::before { top: 2px ; border: 10px solid white; content: " "; position: absolute; left: 50% ; margin-left: -10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .dops-popover.is-left .dops-popover__arrow, .dops-popover.is-left-top .dops-popover__arrow, .dops-popover.is-left-bottom .dops-popover__arrow { right: 0 ; top: 50% ; margin-top: -10px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .dops-popover.is-left .dops-popover__arrow::before, .dops-popover.is-left-top .dops-popover__arrow::before, .dops-popover.is-left-bottom .dops-popover__arrow::before { right: 2px ; border: 10px solid white; content: " "; position: absolute; top: 50% ; margin-top: -10px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .dops-popover.is-right .dops-popover__arrow, .dops-popover.is-right-top .dops-popover__arrow, .dops-popover.is-right-bottom .dops-popover__arrow { left: 0 ; top: 50% ; margin-top: -10px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .dops-popover.is-right .dops-popover__arrow::before, .dops-popover.is-right-top .dops-popover__arrow::before, .dops-popover.is-right-bottom .dops-popover__arrow::before { left: 2px ; border: 10px solid white; content: " "; position: absolute; top: 50% ; margin-top: -10px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } .dops-popover.is-top-left, .dops-popover.is-bottom-left, .dops-popover.is-top-right, .dops-popover.is-bottom-right { padding-left: 0; padding-right: 0; } .dops-popover.is-top-left .dops-popover__arrow, .dops-popover.is-bottom-left .dops-popover__arrow { left: auto ; right: 5px ; } .dops-popover.is-top-right .dops-popover__arrow, .dops-popover.is-bottom-right .dops-popover__arrow { left: 15px ; } .dops-popover.is-top .dops-popover__inner, .dops-popover.is-top-left .dops-popover__inner, .dops-popover.is-top-right .dops-popover__inner { top: -10px ; } .dops-popover.is-left .dops-popover__inner, .dops-popover.is-top-right .dops-popover__inner, .dops-popover.is-bottom-right .dops-popover__inner { left: -10px ; } .dops-popover.is-bottom .dops-popover__inner, .dops-popover.is-bottom-left .dops-popover__inner, .dops-popover.is-bottom-right .dops-popover__inner { top: 10px ; } .dops-popover.is-right .dops-popover__inner, .dops-popover.is-top-left .dops-popover__inner, .dops-popover.is-bottom-left .dops-popover__inner { left: 10px ; } .dops-popover.is-dialog-visible { z-index: 100300; /* Above .dialog */ } .dops-popover__menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 200px; } .dops-popover__menu-item { position: relative; background: inherit; border: none; border-radius: 0; color: #414141; cursor: pointer; display: block; font-size: 14px; font-weight: 400; margin: 0; padding: 8px 16px; text-align: right; -webkit-transition: all 0.05s ease-in-out; transition: all 0.05s ease-in-out; } .dops-popover__menu-item:first-child { margin-top: 5px; } .dops-popover__menu-item:hover, .dops-popover__menu-item:focus { background-color: #00aadc; border: 0; -webkit-box-shadow: none; box-shadow: none; color: white; } .dops-popover__menu-item:hover .gridicon, .dops-popover__menu-item:focus .gridicon { color: white; } .dops-popover__menu-item[disabled]:hover, .dops-popover__menu-item[disabled]:focus { background: transparent; cursor: default; } .dops-popover__menu-item:last-child { margin-bottom: 5px; } .dops-popover__menu-item::-moz-focus-inner { border: 0; } .dops-popover__menu-item.has-icon { padding-right: 42px; } .dops-popover__menu-item .gridicon { color: #bbbbbb; vertical-align: bottom; margin-left: 8px; } .dops-popover__hr { margin: 8px 0; background: #eeeeee; } .form-toggle[type="checkbox"] { display: none; } .form-toggle__switch { -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; display: inline-block; border-radius: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 2px; width: 40px; height: 24px; vertical-align: middle; outline: 0; cursor: pointer; -webkit-transition: all .4s ease, -webkit-box-shadow 0s; transition: all .4s ease, -webkit-box-shadow 0s; transition: all .4s ease, box-shadow 0s; transition: all .4s ease, box-shadow 0s, -webkit-box-shadow 0s; } .form-toggle__switch:before, .form-toggle__switch:after { position: relative; display: block; content: ""; width: 20px; height: 20px; } .form-toggle__switch:after { right: 0; border-radius: 50%; background: white; -webkit-transition: all .2s ease; transition: all .2s ease; } .form-toggle__switch:before { display: none; } .dops-accessible-focus .form-toggle__switch:focus { -webkit-box-shadow: 0 0 0 2px #00aadc; box-shadow: 0 0 0 2px #00aadc; } .form-toggle__label { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .is-disabled .form-toggle__label { cursor: default; } .form-toggle__label .form-toggle__label-content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; margin-right: 12px; } .dops-accessible-focus .form-toggle:focus + .form-toggle__label .form-toggle__switch { -webkit-box-shadow: 0 0 0 2px #00aadc; box-shadow: 0 0 0 2px #00aadc; } .dops-accessible-focus .form-toggle:focus:checked + .form-toggle__label .form-toggle__switch { -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; } .form-toggle + .form-toggle__label .form-toggle__switch { background: #bbbbbb; } .form-toggle:not(:disabled) + .form-toggle__label:hover .form-toggle__switch { background: #d5d5d5; } .form-toggle:checked + .form-toggle__label .form-toggle__switch { background: #00aadc; } .form-toggle:checked + .form-toggle__label .form-toggle__switch:after { right: 16px; } .form-toggle:checked:not(:disabled) + .form-toggle__label:hover .form-toggle__switch { background: #78dcfa; } .form-toggle:disabled + label.form-toggle__label span.form-toggle__switch { opacity: 0.25; cursor: default; } .form-toggle.is-toggling + .form-toggle__label .form-toggle__switch { background: #00aadc; } .form-toggle.is-toggling:checked + .form-toggle__label .form-toggle__switch { background: #d5d5d5; } .form-toggle.is-compact + .form-toggle__label .form-toggle__switch { border-radius: 8px; width: 24px; height: 16px; } .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:before, .form-toggle.is-compact + .form-toggle__label .form-toggle__switch:after { width: 12px; height: 12px; } .form-toggle.is-compact:checked + .form-toggle__label .form-toggle__switch:after { right: 8px; } .dops-section-header.dops-card { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; padding-top: 0.6875rem; padding-bottom: 0.6875rem; position: relative; } .dops-section-header.dops-card:after { content: ''; } .dops-section-header__label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; line-height: 1.75rem; position: relative; color: #414141; font-size: 0.875rem; } .dops-section-header__label .dops-count { margin-right: 0.5rem; } .dops-section-header__label-text { position: relative; margin-left: 0.5rem; white-space: nowrap; overflow: hidden; width: 100%; padding-left: 0.5rem; min-width: 0; } .dops-section-header__label-text:before { content: ''; display: block; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(90%, white)); background: linear-gradient(to left, rgba(255, 255, 255, 0), white 90%); top: 0px; bottom: 0px; left: 0px; right: auto; width: 8px; height: auto; } .has-card-badge .dops-section-header__label-text { width: auto; } .dops-section-header__actions { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; position: relative; } .dops-section-header__actions:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .section-header__actions .button { float: right; margin-left: 0.5rem; } .section-header__actions .button:last-child { margin-left: 0; } #jp-plugin-container { min-height: 100vh; } @-webkit-keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } .dops-notice { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; margin-bottom: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-animation: appear .3s ease-in-out; animation: appear .3s ease-in-out; background: #414141; color: white; border-radius: 3px; line-height: 1.5; } .dops-notice.is-success .dops-notice__icon-wrapper { background: #4ab866; } .dops-notice.is-warning .dops-notice__icon-wrapper { background: #f0b849; } .dops-notice.is-error .dops-notice__icon-wrapper { background: #d94f4f; } .dops-notice.is-info .dops-notice__icon-wrapper { background: #00aadc; } .dops-notice .dops-notice__dismiss { overflow: hidden; } .dops-notice.is-success .dops-notice__dismiss, .dops-notice.is-error .dops-notice__dismiss, .dops-notice.is-warning .dops-notice__dismiss, .dops-notice.is-info .dops-notice__dismiss { overflow: hidden; } .dops-notice__icon-wrapper { background: #747474; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; width: 47px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0 3px 3px 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: stretch; align-self: stretch; } .dops-notice__icon-wrapper .gridicon { margin-top: 10px; } @media (min-width: 481px) { .dops-notice__icon-wrapper .gridicon { margin-top: 12px; } } .dops-notice__content { padding: 13px; font-size: 12px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width: 481px) { .dops-notice__content { font-size: 14px; } } .dops-notice__text a.dops-notice__text-no-underline { text-decoration: none; } .dops-notice__text a, .dops-notice__text a:visited { text-decoration: underline; color: white; } .dops-notice__text a:hover, .dops-notice__text a:visited:hover { color: white; text-decoration: none; } .dops-notice__text ul { margin-bottom: 0; margin-right: 0; } .dops-notice__text li { margin-right: 2em; margin-top: 0.5em; } .dops-notice__text p { margin-bottom: 0; margin-top: 0.5em; } .dops-notice__text p:first-child { margin-top: 0; } .dops-notice__button { cursor: pointer; margin-right: 0.428em; } .dops-notice__dismiss { -ms-flex-negative: 0; flex-shrink: 0; padding: 12px; cursor: pointer; padding-bottom: 0; } .dops-notice__dismiss .gridicon { width: 18px; height: 18px; } @media (min-width: 481px) { .dops-notice__dismiss { padding: 11px; padding-bottom: 0; } .dops-notice__dismiss .gridicon { width: 24px; height: 24px; } } .dops-notice .dops-notice__dismiss { color: #bbbbbb; } .dops-notice .dops-notice__dismiss:hover, .dops-notice .dops-notice__dismiss:focus { color: white; } a.dops-notice__action { cursor: pointer; font-size: 12px; font-weight: 400; text-decoration: none; white-space: nowrap; color: #bbbbbb; padding: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 481px) { a.dops-notice__action { -ms-flex-negative: 1; flex-shrink: 1; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; font-size: 14px; margin: 0 auto 0 0; padding: 13px 16px; } a.dops-notice__action .gridicon { width: 24px; height: 24px; } } a.dops-notice__action:visited { color: #bbbbbb; } a.dops-notice__action:hover { color: white; } a.dops-notice__action .gridicon { margin-right: 8px; opacity: 0.7; width: 18px; height: 18px; } .dops-notice.is-compact { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: auto; border-radius: 3px; min-height: 20px; margin: 0; padding: 0; text-decoration: none; text-transform: none; vertical-align: middle; line-height: 1.5; } .dops-notice.is-compact .dops-notice__content { font-size: 12px; padding: 6px 10px; } .dops-notice.is-compact .dops-notice__icon-wrapper { width: 28px; } .dops-notice.is-compact .dops-notice__icon-wrapper .dops-notice__icon { width: 18px; height: 18px; margin: 0; } .dops-notice.is-compact .dops-notice__icon-wrapper .gridicon { margin-top: 6px; } .dops-notice.is-compact .dops-notice__dismiss { position: relative; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0 0 0 8px; padding: 0; } .dops-notice.is-compact .dops-notice__dismiss .gridicon { width: 18px; height: 18px; } .dops-notice.is-compact a.dops-notice__action { background: transparent; display: inline-block; margin: 0; font-size: 12px; -ms-flex-item-align: center; align-self: center; margin-right: 16px; padding: 0 10px; } .dops-notice.is-compact a.dops-notice__action:hover, .dops-notice.is-compact a.dops-notice__action:active, .dops-notice.is-compact a.dops-notice__action:focus { background: transparent; } .dops-notice.is-compact a.dops-notice__action .gridicon { margin-right: 8px; width: 14px; height: 14px; vertical-align: sub; opacity: 1; } .dops-plan-icon { width: inherit; height: inherit; background-repeat: no-repeat; } .dops-plan-icon__free .dops-plan-icon__free-0 { fill: #78dcfa; } .dops-plan-icon__free .dops-plan-icon__free-1 { fill: white; } .dops-plan-icon__free .dops-plan-icon__free-2 { fill: #006a95; } .dops-plan-icon__free .dops-plan-icon__free-3 { fill: #0087be; } .dops-plan-icon__free .dops-plan-icon__free-4 { fill: #00a4e7; } .dops-plan-icon__personal .dops-plan-icon__personal-0 { fill: #f0b849; } .dops-plan-icon__personal .dops-plan-icon__personal-1 { fill: #a2a2a2; } .dops-plan-icon__personal .dops-plan-icon__personal-2 { fill: #d5d5d5; } .dops-plan-icon__personal .dops-plan-icon__personal-3 { fill: white; } .dops-plan-icon__personal .dops-plan-icon__personal-4 { fill: #888888; } .dops-plan-icon__personal .dops-plan-icon__personal-5 { fill: #6f6f6f; } .dops-plan-icon__premium .dops-plan-icon__premium-0 { fill: #4ab866; } .dops-plan-icon__premium .dops-plan-icon__premium-1 { fill: #a2a2a2; } .dops-plan-icon__premium .dops-plan-icon__premium-2 { fill: #6f6f6f; } .dops-plan-icon__premium .dops-plan-icon__premium-3 { fill: white; } .dops-plan-icon__premium .dops-plan-icon__premium-4 { fill: #d5d5d5; } .dops-plan-icon__premium .dops-plan-icon__premium-5 { fill: #6f6f6f; } .dops-plan-icon__premium .dops-plan-icon__premium-6 { fill: #555555; } .dops-plan-icon__business .dops-plan-icon__business-0 { fill: #855DA6; } .dops-plan-icon__business .dops-plan-icon__business-1 { fill: white; } .dops-plan-icon__business .dops-plan-icon__business-2 { fill: #eeeeee; } .dops-plan-icon__business .dops-plan-icon__business-3 { fill: #0087be; } .dops-plan-icon__business .dops-plan-icon__business-4 { fill: #005082; } @charset "UTF-8"; #jp-plugin-container { min-height: 100vh; } /* The MIT License (MIT) Copyright © 2011–2015 thoughtbot, inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. https://github.com/thoughtbot/bourbon */ .dops-banner.dops-card { border-right: 3px solid; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 12px 12px 6px; position: relative; z-index: 2; border-right-color: #0087be; } .dops-banner.dops-card.is-card-link { padding: 12px 16px 12px 48px; } .dops-banner.dops-card.is-dismissible { padding-left: 48px; } .dops-banner.dops-card .dops-banner__icon { color: #0087be; } .dops-banner.dops-card .dops-banner__icon-circle { background-color: #0087be; } .dops-banner.dops-card.is-jetpack-info { border-right-color: #00BE28; } .dops-banner.dops-card.is-jetpack-info .dops-banner__icon { color: #00BE28; } .dops-banner.dops-card.is-jetpack-info .dops-banner__icon-circle { background-color: #00BE28; } .dops-banner.dops-card.is-upgrade-personal { border-right-color: #f0b849; } .dops-banner.dops-card.is-upgrade-personal .dops-banner__icon { color: #f0b849; } .dops-banner.dops-card.is-upgrade-personal .dops-banner__icon-circle { background-color: #f0b849; } .dops-banner.dops-card.is-upgrade-premium { border-right-color: #4ab866; } .dops-banner.dops-card.is-upgrade-premium .dops-banner__icon { color: #4ab866; } .dops-banner.dops-card.is-upgrade-premium .dops-banner__icon-circle { background-color: #4ab866; } .dops-banner.dops-card.is-upgrade-business { border-right-color: #855DA6; } .dops-banner.dops-card.is-upgrade-business .dops-banner__icon { color: #855DA6; } .dops-banner.dops-card.is-upgrade-business .dops-banner__icon-circle { background-color: #855DA6; } .dops-banner.dops-card .dops-card__link-indicator { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0087be; display: -webkit-box; display: -ms-flexbox; display: flex; } .dops-banner.dops-card:hover { -webkit-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; } .dops-banner.dops-card:hover.is-card-link { -webkit-box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; box-shadow: 0 0 0 1px #a2a2a2, 0 2px 4px #d5d5d5; } .dops-banner.dops-card:hover .dops-card__link-indicator { color: #005082; } @media (min-width: 481px) { .dops-banner.dops-card { padding: 12px 16px; } .dops-banner.dops-card.is-dismissible { padding-left: 16px; } } .dops-banner__icons { display: -webkit-box; display: -ms-flexbox; display: flex; } .dops-banner__icons .dops-banner__icon, .dops-banner__icons .dops-banner__icon-circle { border-radius: 50%; -ms-flex-negative: 0; flex-shrink: 0; height: 24px; margin-left: 16px; margin-top: -2px; text-align: center; top: 4px; width: 24px; } .dops-banner__icons .dops-banner__icon { -ms-flex-item-align: center; align-self: center; color: white; display: block; } .dops-banner__icons .dops-banner__icon-circle { color: white; display: none; padding: 3px 3px 4px 4px; } .dops-banner__icons .dops-banner__icon-circle .gridicon { margin-bottom: -7px; } @media (min-width: 481px) { .dops-banner__icons { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dops-banner__icons .dops-banner__icon { display: none; } .dops-banner__icons .dops-banner__icon-circle { display: block; } } .dops-banner__icon-plan { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 16px; } .dops-banner__icon-plan .dops-plan-icon { height: 32px; width: 32px; } @media (min-width: 481px) { .dops-banner__icon-plan { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .dops-banner__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 481px) { .dops-banner__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .dops-banner__info { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; line-height: 1.4; width: 100%; } .dops-banner__info .dops-banner__title, .dops-banner__info .dops-banner__description, .dops-banner__info .dops-banner__list { color: #414141; } .dops-banner__info .dops-banner__title { font-size: 14px; font-weight: 500; } .dops-banner__info .dops-banner__description { font-size: 12px; margin-top: 3px; } .dops-banner__info .dops-banner__list { font-size: 12px; list-style: none; margin: 0; } .dops-banner__info .dops-banner__list li { margin: 6px 0; } .dops-banner__info .dops-banner__list li .gridicon { color: #a2a2a2; display: none; } @media (min-width: 481px) { .dops-banner__info { width: auto; } .dops-banner__info .dops-banner__list li .gridicon { display: inline; margin-left: 12px; vertical-align: bottom; } } .dops-banner__action { -ms-flex-item-align: center; align-self: center; font-size: 12px; margin: 8px 0 0 0; text-align: right; width: 100%; } .dops-banner__action .dops-banner__prices { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .dops-banner__action .dops-banner__prices .dops-plan-price { margin-bottom: 0; } .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted, .dops-banner__action .dops-banner__prices .dops-plan-price.is-discounted .dops-plan-price__currency-symbol { color: #414141; } .has-call-to-action .dops-banner__action .dops-banner__prices .dops-plan-price { margin-bottom: 8px; } @media (min-width: 481px) { .dops-banner__action { margin: 0 8px 0 4px; text-align: center; width: auto; } .is-dismissible .dops-banner__action { margin-top: 40px; } .dops-banner__action .dops-banner__prices { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: left; } } .module-overridden-banner.dops-banner.is-compact { margin-bottom: 0; } .module-overridden-banner.dops-banner .dops-banner__description a { text-decoration: underline; } .dops-info-popover-button { background: transparent; border: none; color: #888888; padding: 0; } .dops-info-popover-button:hover { color: #414141; } .dops-info-popover-button:focus { -webkit-box-shadow: none; box-shadow: none; } .dops-accessible-focus .dops-info-popover-button:focus { outline: thin dotted; } .dops-info-popover .gridicon { cursor: pointer; color: #c8c8c8; } .dops-info-popover .gridicon:hover { color: #414141; } .dops-info-popover.is_active .gridicon { color: #414141; } .dops-popover.dops-info-popover__tooltip .dops-popover__inner { color: #6f6f6f; font-size: 13px; max-width: 220px; padding: 16px; text-align: right; } .dops-external-link .gridicons-external { color: currentColor; margin-right: 0.5rem; top: 0.125rem; position: relative; } #jp-plugin-container { min-height: 100vh; } .jp-support-info { position: absolute; top: 1.6875rem; left: 1.5625rem; z-index: 1; } @media (max-width: 480px) { .jp-support-info { top: 1.25rem; left: 1rem; } } .jp-form-fieldset .jp-support-info { top: 4px; } .jp-support-info .dops-info-popover { white-space: nowrap; } .dops-popover .jp-support-info__privacy { display: block; margin-top: 0.875rem; padding-top: 0.75rem; border-top: 1px solid rgba(162, 162, 162, 0.5); } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } .dops-foldable-card.dops-card { position: relative; -webkit-transition: margin .15s linear; transition: margin .15s linear; padding: 0; } .dops-foldable-card.dops-card:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .dops-foldable-card.dops-card.is-expanded { margin-bottom: 8px; } .dops-foldable-card.dops-card .is-clickable { cursor: pointer; } .dops-foldable-card__header { min-height: 64px; width: 100%; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .dops-foldable-card__header.has-border .dops-foldable-card__summary, .dops-foldable-card__header.has-border .dops-foldable-card__summary_expanded { margin-left: 48px; } .dops-foldable-card__header.has-border .dops-foldable-card__expand { border-right: 1px #f6f6f6 solid; } .dops-foldable-card.is-compact .dops-foldable-card__header { padding: 8px 16px; min-height: 40px; } .dops-foldable-card.is-expanded .dops-foldable-card__header { margin-bottom: 0px; height: inherit; min-height: 64px; } .dops-foldable-card.is-expanded.is-compact .dops-foldable-card__header { min-height: 40px; } .dops-foldable-card.is-disabled .dops-foldable-card__header { opacity: 0.2; } .dops-foldable-card__action { position: absolute; top: 0; left: 0; height: 100%; background: none; border: 0; } .dops-foldable-card.is-expanded .dops-foldable-card__action { height: 100%; } .dops-foldable-card.is-disabled .dops-foldable-card__action { cursor: default; } .dops-accessible-focus .dops-foldable-card__action:focus { outline: thin dotted; } button.dops-foldable-card__action { cursor: pointer; outline: 0; } .dops-foldable-card__main { max-width: calc( 100% - 36px); display: block; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; margin-left: 5px; } @media (max-width: 480px) { .dops-foldable-card__main { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } } .dops-foldable-card__secondary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .dops-foldable-card__expand { width: 48px; } .dops-foldable-card__expand .gridicon { fill: #a2a2a2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; vertical-align: middle; -webkit-transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in; transition: transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.2s ease-in, -webkit-transform 0.15s cubic-bezier(0.175, 0.885, 0.32, 1.275); } .dops-foldable-card.is-expanded .dops-foldable-card__expand .gridicon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .dops-foldable-card__expand .gridicon:hover { fill: #a2a2a2; } .dops-foldable-card__expand:focus .gridicon, .dops-foldable-card__expand:hover .gridicon { fill: #00aadc; } .dops-foldable-card__header-text { font-size: 1.125rem; width: 100%; } .dops-foldable-card__subheader { margin-top: 0.125rem; margin-bottom: 0.125rem; font-size: 0.875rem; color: #6f6f6f; } .dops-foldable-card__content { display: none; } .dops-foldable-card.is-expanded .dops-foldable-card__content { display: block; padding: 16px; border-top: 1px solid #f6f6f6; } .dops-foldable-card.is-compact .dops-foldable-card.is-expanded .dops-foldable-card__content { padding: 8px; } .dops-foldable-card.is-expanded .dops-foldable-card__content p:first-child { margin-top: 0; } .dops-foldable-card.is-expanded .dops-foldable-card__content p:last-child { margin-bottom: 0; } .dops-foldable-card__summary, .dops-foldable-card__summary_expanded { margin-left: 40px; color: #a2a2a2; font-size: 12px; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; display: inline-block; } .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary, .dops-foldable-card.has-expanded-summary .dops-foldable-card__summary_expanded { -webkit-transition: none; transition: none; -webkit-box-flex: 2; -ms-flex: 2; flex: 2; text-align: left; } @media (max-width: 480px) { .dops-foldable-card__summary, .dops-foldable-card__summary_expanded { display: none; } } .dops-foldable-card__summary { opacity: 1; display: inline-block; } .dops-foldable-card.is-expanded .dops-foldable-card__summary { display: none; } .has-expanded-summary .dops-foldable-card.is-expanded .dops-foldable-card__summary { display: none; } .dops-foldable-card__summary_expanded { display: none; } .dops-foldable-card.is-expanded .dops-foldable-card__summary_expanded { display: inline-block; } #jp-plugin-container { min-height: 100vh; } .form-input-validation { color: #4ab866; position: relative; padding: 6px 34px 11px 24px; border-radius: 1px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; -webkit-animation: appear .3s ease-in-out; animation: appear .3s ease-in-out; } .form-input-validation.is-error { color: #d94f4f; } .form-input-validation.is-warning { color: #f0b849; } .form-input-validation .gridicon { float: right; margin-right: -34px; } .dops-textarea { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0.4375rem 0.875rem; min-height: 5.75rem; width: 100%; color: #414141; font-size: 1rem; line-height: 1.5; border: 1px solid #d5d5d5; background-color: white; -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-box-shadow: none; box-shadow: none; } .dops-textarea::-webkit-input-placeholder { color: #a2a2a2; } .dops-textarea:-ms-input-placeholder { color: #a2a2a2; } .dops-textarea::-ms-input-placeholder { color: #a2a2a2; } .dops-textarea::placeholder { color: #a2a2a2; } .dops-textarea:hover { border-color: #bbbbbb; } .dops-textarea:focus { border-color: #0087be; outline: none; -webkit-box-shadow: 0 0 0 2px #78dcfa; box-shadow: 0 0 0 2px #78dcfa; } .dops-textarea:focus::-ms-clear { display: none; } .dops-textarea:disabled { background: #f6f6f6; border-color: #eeeeee; color: #bbbbbb; -webkit-text-fill-color: #bbbbbb; } .dops-textarea:disabled:hover { cursor: default; } .dops-textarea:disabled::-webkit-input-placeholder { color: #bbbbbb; } .dops-textarea:disabled:-ms-input-placeholder { color: #bbbbbb; } .dops-textarea:disabled::-ms-input-placeholder { color: #bbbbbb; } .dops-textarea:disabled::placeholder { color: #bbbbbb; } .dops-clipboard-button-input { position: relative; display: block; } .dops-clipboard-button-input .dops-clipboard-button { position: absolute; top: 50%; left: 4px; -webkit-transform: translateY(-50%); transform: translateY(-50%); overflow: visible; } .dops-clipboard-button-input .dops-clipboard-button:not(:disabled)::before { content: ''; display: block; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(90%, #fff)); background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 90%); top: 0px; bottom: 0px; left: 0px; right: auto; width: 16px; height: auto; left: calc( 100% + 1px); } .dops-clipboard-button-input .dops-clipboard-button:focus::before { left: calc( 100% + 3px); } .dops-tooltip.dops-popover .dops-popover__arrow { border-width: 6px; } .dops-tooltip.dops-popover.is-bottom-right .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow { border-bottom-color: #555555; top: 4px; left: 10px; } .dops-tooltip.dops-popover.is-bottom-right .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-bottom-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow::before { display: none; } .dops-tooltip.dops-popover.is-bottom-right.is-error .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom-left.is-error .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom.is-error .dops-popover__arrow { border-bottom-color: #d94f4f; } .dops-tooltip.dops-popover.is-bottom-right.is-warning .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom-left.is-warning .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom.is-warning .dops-popover__arrow { border-bottom-color: #f0b849; } .dops-tooltip.dops-popover.is-bottom-right.is-success .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom-left.is-success .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom.is-success .dops-popover__arrow { border-bottom-color: #4ab866; } .dops-tooltip.dops-popover.is-top .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-right .dops-popover__arrow { border-top-color: #555555; bottom: 4px; left: 10px; } .dops-tooltip.dops-popover.is-top .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-top-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-top-right .dops-popover__arrow::before { display: none; } .dops-tooltip.dops-popover.is-top.is-error .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-left.is-error .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-right.is-error .dops-popover__arrow { border-top-color: #d94f4f; } .dops-tooltip.dops-popover.is-top.is-warning .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-left.is-warning .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-right.is-warning .dops-popover__arrow { border-top-color: #f0b849; } .dops-tooltip.dops-popover.is-top.is-success .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-left.is-success .dops-popover__arrow, .dops-tooltip.dops-popover.is-top-right.is-success .dops-popover__arrow { border-top-color: #4ab866; } .dops-tooltip.dops-popover.is-top .dops-popover__arrow, .dops-tooltip.dops-popover.is-bottom .dops-popover__arrow { margin-right: -6px; } .dops-tooltip.dops-popover.is-left, .dops-tooltip.dops-popover.is-right { padding-top: 0; } .dops-tooltip.dops-popover.is-left .dops-popover__arrow, .dops-tooltip.dops-popover.is-right .dops-popover__arrow { margin-top: -6px; } .dops-tooltip.dops-popover.is-left .dops-popover__arrow::before, .dops-tooltip.dops-popover.is-right .dops-popover__arrow::before { display: none; } .dops-tooltip.dops-popover.is-left.is-error .dops-popover__arrow, .dops-tooltip.dops-popover.is-right.is-error .dops-popover__arrow { border-left-color: #d94f4f; } .dops-tooltip.dops-popover.is-left.is-warning .dops-popover__arrow, .dops-tooltip.dops-popover.is-right.is-warning .dops-popover__arrow { border-left-color: #f0b849; } .dops-tooltip.dops-popover.is-left.is-success .dops-popover__arrow, .dops-tooltip.dops-popover.is-right.is-success .dops-popover__arrow { border-left-color: #4ab866; } .dops-tooltip.dops-popover.is-left .dops-popover__arrow { margin-left: 4px; border-right-color: #555555; } .dops-tooltip.dops-popover.is-right .dops-popover__arrow { margin-right: 4px; border-left-color: #555555; } .dops-tooltip.dops-popover .dops-popover__inner { border: 0px; -webkit-box-shadow: none; box-shadow: none; border-radius: 2px; color: white; background: #555555; font-size: 12px; padding: 6px 10px; text-align: right; } .dops-tooltip.dops-popover.is-error .dops-popover__inner { background: #d94f4f; } .dops-tooltip.dops-popover.is-warning .dops-popover__inner { background: #f0b849; } .dops-tooltip.dops-popover.is-success .dops-popover__inner { background: #4ab866; } .dops-tooltip.dops-popover ul { list-style: none; margin: 0; padding: 0; } .dops-tooltip.dops-popover ul li { font-size: 11px; font-weight: 100; border: 0; } .dops-tooltip__hr { margin: 8px 0; background: #a2a2a2; } #jp-plugin-container { min-height: 100vh; } .dops-chart { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; padding: 8px 20px 8px 0; } .dops-chart .dops-chart__y-axis-markers { position: absolute; top: 8px; right: 0; left: 0; height: 200px; } .dops-chart .dops-chart__y-axis-marker { position: absolute; top: 0; width: 100%; height: 1px; border-top: 1px solid #eeeeee; } .dops-chart__bar-marker { z-index: 1; position: absolute; top: 0; width: 100%; height: 1px; border-top: 1px solid rgba(238, 238, 238, 0.1); } .dops-chart__bar-marker.is-fifty, .dops-chart__y-axis-label.is-fifty, .dops-chart .dops-chart__y-axis-marker.is-fifty { top: 50%; } .dops-chart__bar-marker.is-zero, .dops-chart__y-axis-label.is-zero, .dops-chart .dops-chart__y-axis-marker.is-zero { top: 100%; } .dops-chart__y-axis { position: relative; float: left; height: 200px; padding: 0 10px 0 20px; font-size: 11px; color: #888888; margin-bottom: 30px; } .dops-chart__y-axis-label { position: absolute; top: 0; left: 20px; text-align: left; } .dops-chart__y-axis-width-fix { color: rgba(255, 255, 255, 0); } .dops-chart__x-axis { position: relative; font-size: 0; padding: 5px 0; min-height: 18px; color: #555555; } .dops-chart__x-axis-label { position: absolute; display: inline-block; vertical-align: top; font-size: 11px; text-align: center; } .dops-chart__x-axis-label::before { content: ''; display: block; position: absolute; top: -4px; right: 50%; margin-right: -.5px; width: 1px; height: 5px; background: #f6f6f6; background-image: -webkit-gradient(linear, right top, right bottom, from(#f6f6f6), to(#d5d5d5)); background-image: linear-gradient(to bottom, #f6f6f6 0%, #d5d5d5 100%); } .dops-chart__bars { position: relative; font-size: 0; height: 200px; text-align: center; overflow: hidden; display: -ms-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .dops-chart__bar { text-align: center; display: inline-block; position: relative; height: 200px; -ms-flex-grow: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-shrink: 1; -ms-flex-negative: 1; flex-shrink: 1; } .dops-chart__bar.is-weekend { background-color: rgba(238, 238, 238, 0.5); } .dops-chart__bar:hover { cursor: pointer; background-color: rgba(238, 238, 238, 0.3); } .dops-chart__bar.is-selected { cursor: default; background-color: rgba(240, 130, 30, 0.1); } .dops-chart__bar-section { display: inline-block; background-color: #0087be; position: absolute; top: 0; left: 16%; bottom: 0; right: 16%; z-index: 2; } .dops-chart__bar:hover .dops-chart__bar-section.is-bar { background-color: #00aadc; } .dops-chart__bar.is-selected .dops-chart__bar-section.is-bar { background-color: #f0821e; } .dops-chart__bar-section.is-spacer { z-index: 0; background-color: rgba(255, 255, 255, 0); } .dops-chart__bar-section.is-ghost::after { content: ""; display: block; position: absolute; top: 160px; bottom: 0; right: 0; z-index: 1; width: 100%; height: 40px; background-image: -webkit-gradient(linear, right top, right bottom, from(rgba(255, 255, 255, 0)), to(rgba(238, 238, 238, 0.5))); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(238, 238, 238, 0.5)); } .dops-chart__bar:hover .dops-chart__bar-section.is-ghost::after { display: none; } .dops-chart__bar-section-inner { background: #004069; position: absolute; left: 23.33%; bottom: 0; right: 23.33%; } .dops-chart__bar.is-selected .dops-chart__bar-section-inner { background-color: #d54e21; } .dops-chart__legend { margin-bottom: -8px; } .dops-chart__legend:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .dops-chart__legend .dops-chart__legend-options { float: left; color: #747474; list-style-type: none; margin: 0; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; } @media (max-width: 480px) { .dops-chart__legend .dops-chart__legend-options { width: 100%; } } .dops-chart__legend-option { display: inline; text-align: right; } @media (max-width: 480px) { .dops-chart__legend-option { width: 50%; display: inline-block; } } .dops-chart__legend-label { display: inline-block; padding: 12px 20px 10px 19px; } .dops-chart__legend-label.is-selectable { cursor: pointer; } .dops-chart__legend-label.is-selectable:focus, .dops-chart__legend-label.is-selectable:hover { color: tint(#00aadc, 20%); } @media (max-width: 480px) { .dops-chart__legend-label { display: block; } } .dops-chart__legend-option .dops-chart__legend-color { width: 10px; height: 10px; background: #0087be; display: inline-block; border-radius: 1px; vertical-align: top; margin: 3px 8px 3px 5px; } @media (max-width: 480px) { .dops-chart__legend-option:first-child .dops-chart__legend-color { margin-right: 2px; } } .dops-chart__legend-color.is-dark-blue { background: #004069; } .dops-chart__legend-option .dops-chart__legend-checkbox { margin: 0; float: none; vertical-align: top; } .dops-chart__empty { position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align: center; font-size: 14px; line-height: 24px; clear: both; z-index: 1; } .dops-chart__empty_notice { position: relative; top: 97px; padding: 11px 24px; margin-bottom: 24px; border-radius: 1px; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.4285; -webkit-animation: appear .3s ease-in-out; animation: appear .3s ease-in-out; -webkit-box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; box-shadow: 0 0 0 1px rgba(213, 213, 213, 0.5), 0 1px 2px #eeeeee; } @media (min-width: 661px) { .dops-chart__empty_notice { padding: 13px 48px; font-size: inherit; } .dops-chart__empty_notice::before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; vertical-align: middle; font: normal 16px/1 'Noticons'; content: '\f456'; position: absolute; top: 23px; right: 20px; margin: -12px -8px 0 0px; font-size: 24px; line-height: 1; } } .dops-chart__tooltip .dops-popover__inner { width: 230px; text-align: right; } .dops-chart__tooltip .dops-popover__inner ul { list-style: none; margin: 0; padding: 0; } .dops-chart__tooltip .dops-popover__inner ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .dops-chart__tooltip .dops-popover__inner ul li { font-size: 11px; text-transform: uppercase; font-weight: 100; height: 24px; letter-spacing: 0.1em; border: 0; margin-bottom: 0; } .dops-chart__tooltip .dops-popover__inner ul li .dops-wrapper { display: block; line-height: inherit; line-height: 24px; clear: both; } .dops-chart__tooltip .dops-popover__inner ul li .value { text-align: left; float: left; min-width: 22px; color: #d5d5d5; } .dops-chart__tooltip .dops-popover__inner ul li .label { display: block; overflow: hidden; word-break: break-all; vertical-align: baseline; } .dops-chart__tooltip .dops-popover__inner ul li .gridicon { vertical-align: middle; margin-left: 6px; margin-top: -3px; } .dops-chart__tooltip.is-streak { margin-top: -5px; height: 35px; } .dops-chart__tooltip.is-streak .dops-popover__arrow::before { right: 85px; top: 30px; } .dops-chart__tooltip.is-streak .dops-popover__inner { width: 160px; position: relative; top: -10px; } .dops-chart__tooltip.is-streak .dops-popover__inner li { height: 14px; } .dops-chart__tooltip.is-streak .dops-popover__inner li .label { width: 100%; float: right; text-align: center; } .rtl .dops-chart__tooltip.is-streak .dops-popover__inner li .label { font-size: 11px; } .dops-chart__tooltip.is-streak .dops-popover__inner li .label .post-count { font-weight: bold; } .dops-chart__tooltip.is-streak .dops-popover__inner li .value { float: none; } .dops-chart__tooltip .dops-module-content-list-item.is-date-label { font-size: 11px; margin-bottom: 2px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid #5d5d5d; padding-bottom: 2px; } .dops-chart__tooltip .dops-module-content-list-item.is-published-item { height: 19px; } .dops-chart__tooltip .dops-module-content-list-item.is-published-item .label { text-transform: none; color: #d5d5d5; overflow: hidden; letter-spacing: 0; height: 19px; } .dops-chart__tooltip .dops-module-content-list-item.is-published-item .value { width: 0; min-width: 0; } .dops-chart__tooltip .dops-module-content-list-item.is-published-item .value::before { content: ''; position: relative; background-image: -webkit-gradient(linear, right top, left top, from(rgba(61, 89, 109, 0)), color-stop(rgba(61, 89, 109, 0.5)), to(#3d596d)); background-image: linear-gradient(to left, rgba(61, 89, 109, 0) 0%, rgba(61, 89, 109, 0.5), #3d596d); right: -30px; width: 30px; height: 24px; display: block; } #jp-plugin-container { min-height: 100vh; } /* This hack is used to prevent the body from scrolling when the modal is showing */ body.dops-modal-showing { overflow: hidden; } .dops-modal-wrapper { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1050; display: block; overflow-x: hidden; overflow-y: auto; text-align: center; -webkit-overflow-scrolling: touch; outline: 0; -webkit-transition: opacity .15s linear; transition: opacity .15s linear; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; } .dops-modal-wrapper:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .dops-modal-wrapper .dops-modal { position: relative; display: inline-block; margin: 0 0; width: 100%; max-width: 550px; vertical-align: middle; text-align: right; background-color: #fff; -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 100; clear: both; cursor: default; } @media (min-width: 481px) { .dops-modal-wrapper .dops-modal { margin: 0 auto; height: auto; border-radius: 5px; -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); } } @charset "UTF-8"; /* The MIT License (MIT) Copyright © 2011–2015 thoughtbot, inc. Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. https://github.com/thoughtbot/bourbon */ .jp-jetpack-connect__button { background: #00BE28; border-color: #00a523; color: white; } .jp-jetpack-connect__button:hover, .jp-jetpack-connect__button:focus { background: #00a523; border-color: #008b1d; color: white; } .notices-list { overflow: hidden; } .notices-list.is-pinned { width: calc( 100% - 272px - 32px - 32px); z-index: z-index("root", ".notices-list.is-pinned"); position: fixed; top: 79px; } .notices-list.is-pinned .notice { z-index: z-index("root", ".notices-list.is-pinned .notice"); } .notices-list__whitespace { height: 71px; width: 100%; display: block; } @keyframes appear { 0% { opacity: 0; } 100% { opacity: 1; } } .global-notices { text-align: left; pointer-events: none; z-index: 179; position: fixed; top: auto; left: 0; bottom: 0; right: 0; } @media (min-width: 661px) { .global-notices { top: 63px; left: 16px; bottom: auto; right: auto; max-width: calc( 100% - 32px); } } @media (min-width: 961px) { .global-notices { top: 71px; left: 24px; max-width: calc( 100% - 48px); } } @media (min-width: 1041px) { .global-notices { left: 32px; max-width: calc( 100% - 64px); } } .global-notices .dops-notice { -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 0; text-align: right; pointer-events: auto; border-radius: 0; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 56px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2), 0 0 56px rgba(0, 0, 0, 0.15); } .global-notices .dops-notice .dops-notice__icon-wrapper { border-radius: 0; } @media (min-width: 661px) { .global-notices .dops-notice { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; margin-bottom: 24px; border-radius: 3px; } .global-notices .dops-notice .dops-notice__icon-wrapper { border-radius: 0 3px 3px 0; } } @media (min-width: 661px) { .global-notices .dops-notice a.dops-notice__action { font-size: 14px; padding: 13px 16px; } } .global-notices .dops-notice__dismiss { -ms-flex-negative: 0; flex-shrink: 0; } @media (min-width: 661px) { .global-notices .dops-notice__dismiss { padding: 13px 16px 0; } } /*# sourceMappingURL=admin.dops-style.rtl.css.map */ 1xbet Güncel Giriş: Yeni Başlayanlar İçin Rehber – AluPlastic

1xbet Güncel Giriş: Yeni Başlayanlar İçin Rehber

1xbet Güncel Giriş: Yeni Başlayanlar İçin Rehber

1xbet, çevrimiçi bahis ve kumarhane alanında popüler bir platformdur ve birçok kullanıcı tarafından tercih edilmektedir. Ancak, zaman zaman erişim engelleriyle karşılaşabilirsiniz. Bu makalede, 1xbet güncel giriş hakkında bilgi verirken, yeni başlayanlar için nasıl başlayacağınıza dair ipuçları sunacağız. Bu rehber, 1xbet’e başarılı bir şekilde erişmenin ve ilk adımlarınızı atmanın güçlü bir yol göstergesi olacaktır.

1xbet Nedir ve Neden Tercih Edilir?

1xbet, dünya genelinde milyonlarca kullanıcıya hizmet veren bir bahis platformudur. Türkiye’de de oldukça popüler olan bu platform, geniş bahis seçenekleri ve kullanıcı dostu arayüzü ile dikkat çekmektedir. 1xbet’in tercih edilmesinin nedenlerinden biri, yüksek oranlar ve farklı spor dallarındaki geniş bahis yelpazesidir.

Platform ayrıca geniş bir canlı bahis seçeneği ve farklı casino oyunlarıyla da dikkat çekmektedir. Kullanıcılar, güvenli ödeme yöntemleri ve hızlı para çekme olanaklarıyla, kazançlarını kolayca yönetebilirler. Tüm bu özellikler, 1xbet’i diğer bahis sitelerinden ayırarak öne çıkarmaktadır.

1xbet Güncel Giriş Adımlar

1xbet’e erişim zaman zaman engellenebilmekte ve kullanıcıların yeni giriş adreslerine ihtiyaç duymasına sebep olmaktadır. Güncel giriş adresine ulaşmak için dikkat etmeniz gereken belli başlı adımlar şöyle sıralanabilir:

  1. Resmi Sosyal Medya Hesaplarını Takip Edin: 1xbet’in Twitter veya Facebook gibi hesaplarını takip ederek, güncel giriş adreslerini hızlıca öğrenebilirsiniz.
  2. E-posta Bildirimlerine Abone Olun: Platformun kullanıcıları bilgilendirmek için gönderdiği e-postalar, yeni giriş adresleri hakkında bilgi verebilir.
  3. Güvenilir Kaynakları Kullanın: Bilinen ve güvenilir bahis forumlarından veya bloglarından yeni giriş adreslerini takip edebilirsiniz.

Bu adımları izleyerek, 1xbet’e erişiminizi kesintisiz bir şekilde sürdürebilirsiniz.

1xbet Hesap Oluşturma ve Kayıt Süreci

1xbet platformunda bahis yapmaya başlamak için öncelikle bir hesap oluşturmanız gerekmektedir. Bu süreç oldukça basit ve kullanıcı dostudur. İlk olarak, güncel giriş adresi üzerinden 1xbet web sitesine gidin ve ana sayfada bulunan “Kayıt Ol” butonuna tıklayın 1xbet canlı idda siteleri.

Kayıt sayfasında kişisel bilgilerinizi girmeniz gerekecektir. Adınız, soyadınız, doğum tarihiniz ve iletişim bilgileriniz gibi bilgileri doldurduktan sonra, bir kullanıcı adı ve şifre belirlemelisiniz. Hesabınızı daha güvenli hale getirmek için karmaşık bir şifre oluşturmanız önerilir.

Son olarak, “Kayıt Ol” butonuna tıklayarak hesabınızı oluşturabilirsiniz. Hesap oluşturma işleminiz tamamlandıktan sonra, hoş geldin bonusunuzu kullanmaya başlayabilir ve ilk bahisinizi yapabilirsiniz.

Para Yatırma ve Çekme İşlemleri

1xbet üzerinde bahis yapabilmek için hesabınıza para yatırmanız gerekmektedir. Para yatırma işlemleri hızlı ve güvenilir bir şekilde gerçekleşmektedir. 1xbet, farklı ödeme yöntemleri sunarak kullanıcılara kolaylık sağlamaktadır.

Para yatırmak için şu adımları izleyebilirsiniz:

  • Hesabınıza giriş yapın ve “Para Yatırma” sekmesine tıklayın.
  • Size uygun ödeme yöntemini seçin.
  • Miktarı girin ve para yatırma işlemini onaylayın.

Para çekme işlemleri de benzer şekilde gerçekleşir. “Para Çekme” sekmesinden istediğiniz yöntemi seçebilir ve kazançlarınızı kolayca hesabınıza çekebilirsiniz. Her iki işlemde de dikkat etmeniz gereken en önemli nokta, hesabınızın doğrulanmış olmasıdır; aksi takdirde işlemlerinizde gecikmeler yaşanabilir.

1xbet Mobil Uygulama ile Bahis Keyfi

Günümüzde mobil cihazlardan bahis yapmak oldukça yaygınlaşmıştır ve 1xbet de bu trende ayak uyduran bir platformdur. 1xbet mobil uygulaması, kullanıcıların hareket halindeyken bile bahis yapmalarına olanak tanır.

Mobil uygulama, kullanıcı dostu arayüzü ve hızlı erişim özellikleriyle geniş bir kullanıcı kitlesine sahiptir. 1xbet uygulamasını indirip hesabınıza giriş yaptıktan sonra, masaüstü versiyondaki tüm özelliklere ulaşabilirsiniz. Canlı bahis, maç izleme ve casino oyunları gibi seçenekler, uygulama üzerinden de erişilebilir durumdadır.

Uygulamanın en büyük avantajlarından biri, bildirimler sayesinde en güncel maç oranlarını takip edebilmenizdir. Ayrıca, hızlı para yatırma ve çekme işlemleri ile bahis tecrübenizi kesintisiz bir şekilde sürdürmeniz mümkündür.

Sonuç

1xbet güncel giriş, kullanıcıların platforma sürekli erişim sağlayabilmesi için önemlidir. Bu rehberle, 1xbet’e ilk adımlarınızı atmanızı kolaylaştırmayı amaçladık. Güvenilir bir bahis deneyimi için güncel giriş adreslerini takip etmek, hesap oluşturma ve para yatırma işlemlerini dikkatlice gerçekleştirmek gereklidir. Mobil uygulama kullanarak, hareket halindeyken bile bahis keyfini sürdürebilirsiniz.

SSS (Sıkça Sorulan Sorular)

1xbet giriş adresi neden değişiyor?

1xbet giriş adresi, yerel yasal düzenlemeler ve erişim kısıtlamaları nedeniyle zaman zaman değişiklik göstermektedir. Güncel adres bilgilerini sosyal medya kanalları veya e-posta bildirimleri aracılığıyla takip edebilirsiniz.

1xbet hesabı oluşturmak güvenli midir?

Evet, 1xbet platformu güvenli bir şekilde hesap oluşturmanıza olanak tanır. Kişisel bilgilerinizi girerken, platformun sunduğu güvenlik önlemlerinden yararlanabilir ve hesabınızı güvence altına alabilirsiniz.

Para yatırma işlemleri sırasında hangi yöntemleri kullanabilirim?

1xbet üzerinde kredi kartı, banka havalesi, e-cüzdanlar gibi çeşitli ödeme yöntemlerini kullanarak para yatırabilirsiniz. Hangi yöntemi seçeceğiniz size kalmıştır.

Mobil uygulama üzerinden bahis yapabilir miyim?

Evet, 1xbet mobil uygulaması aracılığıyla, masaüstü versiyondaki tüm bahis seçeneklerine ulaşabilir ve işlem yapabilirsiniz. Uygulama sayesinde her an her yerden bahis yapma imkanı bulunur.

1xbet’te canlı maç izleyebilir miyim?

Platform, canlı maç izleme seçeneği sunarak kullanıcılarına maçları takip etme olanağı tanımaktadır. Hem masaüstü hem de mobil uygulama üzerinden canlı yayınları izleyebilirsiniz.

Share the Post:

Related Posts