.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 */ Aviso de privacidad – AluPlastic

Aviso de Privacidad

Aviso de Privacidad Clientes, Proveedores y Prestadores  de Servicio  

RESPONSABLE DE LOS DATOS PERSONALES  

El responsable de la recepción, manejo y salvaguarda de la información será INDUSTRIAS  ALUPLASTIC SA DE CV información que podrá ser utilizada conforme a las finalidades  que se hayan estipulado con los Titulares de los Datos Personales donde medie su  consentimiento en cada una de las contrataciones o con el conocimiento y aceptación de  las políticas de privacidad y las condiciones de uso de aviso de privacidad interno así  como por medio del presente  

Aviso de Privacidad. La obligación del cuidado de la información podrá ser compartida,  cuando se prevea en la negociación con terceros y se tenga debidamente regulada  mediante instrumento privado que así lo ampare notificándolo al Titular de los Datos  Personales.  

DATOS PERSONALES RECABADOS  

INDUSTRIAS ALUPLASTIC SA DE CV solicitará y dará uso respecto de sus Clientes,  Proveedores y Prestadores de Servicios los siguientes Datos: Nombre Completo, Fecha de  Nacimiento, Nacionalidad, Edad, Lugar de Nacimiento, Domicilio Particular, Teléfono,  Correo Electrónico, Clave Única de Registro de Población, Registro Federal de  Contribuyentes, Claves de Registro Poblacional de cualquier índole, Estado Civil,  Antecedentes Penales, Acta de Nacimiento, Comprobante de Domicilio, Correo Electrónico,  Cartas de Recomendación, Escolaridad y Trayectoria Educativa, Titulo, Firma, Información  Fiscal, Así como toda la información societaria de la Persona Moral sea Acta Constitutiva,  Poderes, Boleta RPPyC, Estatutos y Asambleas; que pudiera a discreción del “Instituto  Federal de Acceso a la Información y Protección de Datos” (IFAI) ser considerados datos  personales, los cuales igualmente se encuentran protegidos por el presente Aviso de  Privacidad.

El manejo de Datos Personales Sensibles tales como (Estado de Salud Presente o Futura,  Enfermedades, Afiliación Sindical,) se sujetarán a un trámite estricto y de mayor seguridad  a efecto de garantizar la confianza y seguridad del Titular de los Datos Personales en el  caso de que se solicitara algún dato de esa índole, cuyo caso será notificado y se recabara  el consentimiento expreso del Titular de los Datos Personales además de ser revisado  exhaustivamente para garantizar la seguridad total de la información.  

Toda aquella información que sea facilitada por Clientes, Proveedores y Prestadores de  Servicios respecto de datos personales de Terceros como elementos de referencia u otros,  se sujetaran a las medidas de protección de la información de INDUSTRIAS ALUPLASTIC  SA DE CV no quedará exento de responsabilidad quien facilite tal información, de lo que se  tendrá una responsabilidad compartida tanto de Clientes, Proveedores y Prestadores de  Servicios junto con INDUSTRIAS ALUPLASTIC SA DE CV . Desde el momento que la  información este a disposición de INDUSTRIAS ALUPLASTIC SA DE CV y de la cual se  da a conocer a las partes involucradas a través del presente Aviso de Privacidad.  

FINALIDAD EN EL USO DE INFORMACION  

Los datos personales solicitados por INDUSTRIAS ALUPLASTIC SA DE CV Tendrán como  finalidad: (a) Identificar al Cliente (b) Para la celebración del Contrato (c) Para desarrollar  nuevos productos y servicios (d) Identificar al Proveedor o Prestador de Servicios (e)  Analizar al Proveedor o Prestador de Servicios que se Contratara a favor de los Proyectos  de INDUSTRIAS ALUPLASTIC SA DE CV (f) Brindar un mejor servicio de atención y trato  con el Cliente, Proveedor o Prestador de Servicio (g) Integración del Expediente de  Información de nuestro Cliente, Proveedor o Prestador de Servicios para futuras consultas  y antecedentes (h) Para dar cumplimiento a Obligaciones de Carácter Fiscal o Comercial  (i) Con fines de Comunicación con Cliente, Proveedor o Prestador de Servicios (j)  Otorgamiento de estímulos o reconocimientos a nuestro Cliente, Proveedor o Prestador de  Servicios (k) Para la mejora de los estándares de Publicidad (l) atención de consultas,  dudas, aclaraciones o quejas. Todas las Finalidades previstas anteriormente estarán  canalizadas a salvaguardar derechos del Titular de los Datos Personales.

CONFIDENCIALIDAD Y LIMITACIONES  

INDUSTRIAS ALUPLASTIC SA DE CV garantiza por medio de todas las medidas de  seguridad administrativas, técnicas y físicas el proteger su información, garantizando en  todo momento estricta confidencialidad y privacidad de la información a través de la  implementación de políticas de privacidad y de control de la información, así como lo  estipulado contractualmente sujetándonos a los parámetros de la LEY y su REGLAMENTO,  así como a los Parámetros de Autorregulación dictados por el IFAI y las demás  normativas aplicables. Aunado a lo anterior INDUSTRIAS ALUPLASTIC SA DE CV informa  que en ninguna circunstancia venderá, alquilara o enajenara información relativa a los datos  personales del Titular o de Tercero que se use como referencia; ni los compartirá,  transmitirá o transferirá sin que medie su consentimiento.  

ATENCION DUDAS Y RECLAMACIONES  

INDUSTRIAS ALUPLASTIC SA DE CV tiene sus oficinas ubicadas FRANCISCO I  MADERO NO. 1063 COL. LA FLORESTA CP 59616 ZAMORA MICHOCAN Tel: 351 517  84 59; así como el correo electrónico ventas@aluplastic.com.mx para la atención de  dudas o reclamaciones.  

ACTUALIZACION Y MODIFICACION DEL AVISO DE  PRIVACIDAD  

INDUSTRIAS ALUPLASTIC SA DE CV se reserva el Derecho de actualizar y modificar el  presente Aviso de Privacidad en cualquier momento. Todas las modificaciones al Aviso de  Privacidad se notificarán a través del portal www.aluplastic.com.mx en el apartado de  aviso de privacidad