html, body, div, span, applet, object, iframe, h1, h2, h3, .callout .callout-heading, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline } html { line-height: 1 } ol, ul { list-style: none } table { border-collapse: collapse; border-spacing: 0 } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle } q, blockquote { quotes: none } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none } a img { border: none } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } .clearfix, .dl-horizontal, .row, .columns, .wrapper, .input-picker .ws-picker-body, .input-picker .ws-button-row, .input-picker .picker-grid, .input-picker .picker-list, .footer-nav, .modal-header, .modal-content, .modal-footer, .modal-body-section, .table-meta, .mod-row, .mod-toolbar, .card__toolbar { *zoom: 1 } .clearfix:before, .dl-horizontal:before, .row:before, .columns:before, .wrapper:before, .input-picker .ws-picker-body:before, .input-picker .ws-button-row:before, .input-picker .picker-grid:before, .input-picker .picker-list:before, .footer-nav:before, .modal-header:before, .modal-content:before, .modal-footer:before, .modal-body-section:before, .table-meta:before, .mod-row:before, .mod-toolbar:before, .card__toolbar:before, .clearfix:after, .dl-horizontal:after, .row:after, .columns:after, .wrapper:after, .input-picker .ws-picker-body:after, .input-picker .ws-button-row:after, .input-picker .picker-grid:after, .input-picker .picker-list:after, .footer-nav:after, .modal-header:after, .modal-content:after, .modal-footer:after, .modal-body-section:after, .table-meta:after, .mod-row:after, .mod-toolbar:after, .card__toolbar:after { content: ''; display: table } .clearfix:after, .dl-horizontal:after, .row:after, .columns:after, .wrapper:after, .input-picker .ws-picker-body:after, .input-picker .ws-button-row:after, .input-picker .picker-grid:after, .input-picker .picker-list:after, .footer-nav:after, .modal-header:after, .modal-content:after, .modal-footer:after, .modal-body-section:after, .table-meta:after, .mod-row:after, .mod-toolbar:after, .card__toolbar:after { clear: both } .border-box, .columns, .columns>.column, .btn, .btn-cancel, button, input[type="button"], input[type="submit"], pre, input, select, textarea, .switch, .file:before, .proxy .cloud, .control-group, .purge-tags__inner, .input-prepend .btn, .input-prepend .btn-cancel, .input-prepend .add-on, .input-append .btn, .input-append .btn-cancel, .input-append .add-on, .radio-group-jumbo label, .flexbox .control-group, .flexbox .purge-tags__inner, .flexbox .control-label, .flexbox .controls, .ws-input input, .ws-input .ws-input-seperator, .icon-item .icon, .icon-item.empty i, .tabs a, .mod-row, .mod-cell, .mod-setting-control, .mod-control-group .ui-block, .progress-items li, .dns-mx-content .text-cell { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } @-moz-keyframes menuTransition { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0; top: 80% } 100% { display: none; opacity: 1; top: 102% } } @-webkit-keyframes menuTransition { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0; top: 80% } 100% { display: none; opacity: 1; top: 102% } } @keyframes menuTransition { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0; top: 80% } 100% { display: none; opacity: 1; top: 102% } } @-moz-keyframes fadeIn { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0 } 100% { display: none; opacity: 1 } } @-webkit-keyframes fadeIn { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0 } 100% { display: none; opacity: 1 } } @keyframes fadeIn { 0% { display: none; opacity: 0 } 1% { display: block; opacity: 0 } 100% { display: none; opacity: 1 } } @-moz-keyframes bgFadeOut { 100% { background-color: transparent } } @-webkit-keyframes bgFadeOut { 100% { background-color: transparent } } @keyframes bgFadeOut { 100% { background-color: transparent } } @-moz-keyframes rotate { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes rotateplane { 0% { -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } @-webkit-keyframes rotateplane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } @keyframes rotateplane { 0% { -moz-transform: perspective(120px) rotateX(0deg) rotateY(0deg); -ms-transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { -moz-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -ms-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { -moz-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -ms-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg) } } .select2-container { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .select2-container .select2-choice { color: #333 } .select2-container.select2-drop-above .select2-choice { background-color: #FFF; border-bottom-color: #bcbcbc } .select2-choice { background-color: #FFF; border: 1px solid #bcbcbc; display: block; font-size: 0.93333rem; font-weight: 400; height: 2.26667rem; line-height: 1.2; padding: 0.53333rem 0 0.53333rem 0.8rem; position: relative; text-decoration: none; white-space: nowrap; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .select2-choice:hover { border-color: #a3a3a3 } .select2-choice .select2-chosen { margin-right: 3rem; min-height: 1em; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } .select2-choice .select2-arrow { background: transparent; border-left: 1px solid #bcbcbc; display: block; height: 100%; position: absolute; top: 0; right: 0; width: 2rem } .select2-choice .select2-arrow b { display: block; width: 100%; height: 100%; position: relative } .select2-choice .select2-arrow b:before, .select2-choice .select2-arrow b:after { border: 4px solid transparent; border-bottom-color: #c9c9c9; content: ''; display: block; height: 0; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -9px; width: 0 } .select2-choice .select2-arrow b:before { border-bottom-color: transparent; border-top-color: #c9c9c9; margin-top: 3px } .select2-choice abbr { display: none } .select2-allowclear .select2-choice .select2-chosen { margin-right: 3.5rem } .select2-allowclear .select2-choice abbr { display: block } .select2-container, .select2-drop, .select2-search, .select2-search input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .select2-drop { background: #FFF; border: 1px solid #bcbcbc; border-top: 0; color: #333; font-size: 0.86667rem; margin-top: -2px; position: absolute; top: 100%; z-index: 1510; -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15) } .select2-drop.select2-drop-above { margin-top: 1px; border-top: 1px solid #bcbcbc; border-bottom: 0; -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15) } .select2-drop.select2-drop-above .select2-search input { margin-top: 4px } .select2-search { min-height: 1.73333rem; margin: 0; padding-left: 0.26667rem; padding-right: 0.26667rem; white-space: nowrap; width: 100%; z-index: 1020; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .select2-search input { background: #FFF url('../assets/select2-cf.png?1528210613') no-repeat -35px -26px; border: 1px solid #bcbcbc; font-size: 1em; height: auto; outline: 0; margin: 0; min-height: 1.73333rem; padding: 0.26667rem 0.33333rem 0.26667rem 1.73333rem; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .select2-search input.select2-active { background: #FFF url('../assets/spinner.gif?1528210613') no-repeat 0.33333rem center } .select2-search-hidden, .select2-hidden-accessible { display: block; position: absolute; left: -9999em } .select2-container-active .select2-choice, .select2-container-active .select2-choices { border: 1px solid #2c7cb0; outline: none; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) } .select2-dropdown-open .select2-choice { border: 1px solid #bcbcbc; border-bottom-color: transparent; -moz-box-shadow: inset 0 1px 0 #FFF; -webkit-box-shadow: inset 0 1px 0 #FFF; box-shadow: inset 0 1px 0 #FFF } .select2-dropdown-open .select2-choice .select2-arrow { background: transparent; border-left: none } .select2-dropdown-open.select2-container-multi .select2-choices:before, .select2-dropdown-open.select2-container-multi .select2-choices:after { border-color: transparent } .select2-results { margin: 0.26667rem 0.26667rem 0.26667rem 0; max-height: 20em; overflow-x: hidden; overflow-y: auto; padding: 0 0 0 0.26667rem; position: relative } .select2-results .select2-highlighted { background: #FFF; -webkit-text-stroke: 0 } .select2-results .select2-highlighted em { background: transparent } .select2-results .select2-match { color: #2c7cb0; font-weight: bold; text-decoration: none } .select2-results .select2-result-sub { margin: 0 0 0 0 } .select2-results .select2-result-sub>li .select2-result-label { padding-left: 1.33333rem } .select2-results .select2-result-sub .select2-result-sub>li .select2-result-label { padding-left: 2.66667rem } .select2-results .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label { padding-left: 4rem } .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label { padding-left: 5.33333rem } .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label { padding-left: 6.66667rem } .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label { padding-left: 7.33333rem } .select2-results .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub .select2-result-sub>li .select2-result-label { padding-left: 8rem } .select2-results li { list-style: none; display: list-item } .select2-results li.select2-result-with-children>.select2-result-label { font-weight: 600 } .select2-results li em { background: #f7f7f7; font-style: 400 } .select2-results .select2-no-results, .select2-results .select2-result-label { cursor: pointer; margin: 0; padding: 0.2rem 0.46667rem 0.26667rem } .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit { display: list-item } .select2-results .select2-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5 } .select2-results::-webkit-scrollbar { width: 10px; -webkit-appearance: none } .select2-results::-webkit-scrollbar-thumb { background-color: rgba(222, 222, 222, 0.6); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .select2-more-results.select2-active { background: #f2f2f2 url('../assets/spinner.gif?1528210613') no-repeat 100% } .select2-more-results { background: #f2f2f2; display: list-item } .select2-container.select2-container-disabled .select2-choice { background-color: #f2f2f2; background-image: none; border: 1px solid #c9c9c9; cursor: default; color: #c9c9c9 } .select2-container.select2-container-disabled .select2-choice div { background-color: #f2f2f2; background-image: none; border-left: 0 } .select2-container-multi { min-width: 10em } .select2-container-multi .select2-choices { background-color: #FFF; border: 1px solid #bcbcbc; cursor: text; height: auto; height: 1%; margin: 0; min-height: 2.26667rem; overflow: hidden; padding: 0.13333em; position: relative; padding-right: 0.66667em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .select2-container-multi .select2-choices:before, .select2-container-multi .select2-choices:after { border: 4px solid transparent; border-bottom-color: #bcbcbc; content: ''; display: block; height: 0; position: absolute; top: 1em; right: 0.6em; margin-left: -5px; margin-top: -9px; width: 0; z-index: 1 } .select2-container-multi .select2-choices:before { border-bottom-color: transparent; border-top-color: #bcbcbc; margin-top: 3px } .select2-container-multi .select2-choices li { float: left; list-style: none } .select2-container-multi .select2-choices .select2-search-field { margin: 0; padding: 0; white-space: nowrap } .select2-container-multi .select2-choices .select2-search-field input { background: transparent; border: 0; color: #333; font-size: 0.86667rem; height: 1.5rem; margin: 0; outline: 0; padding: 0 0.5em; } .select2-container-multi .select2-choices .select2-search-field input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .select2-container-multi .select2-choices .select2-search-field input.select2-active { background: #FFF url('../assets/spinner.gif?1528210613') no-repeat 100% } .select2-container-multi .select2-choices .select2-search-choice { background-color: #e6e6e6; border: 1px solid #e6e6e6; color: #333; cursor: default; line-height: 1.1; margin: 0.2rem 0 0.13333rem 0.33333rem; padding: 0.2rem 0.33333rem 0.2rem 1.2rem; position: relative; -webkit-text-stroke: 0 } .select2-container-multi.select2-container-active .select2-choices { border: 1px solid #2c7cb0; outline: none; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3) } .select2-default { color: #333 } .select2-container-multi .select2-choices .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close { cursor: default } .select2-container-multi .select2-choices .select2-search-choice-focus { border-color: #bcbcbc } .select2-search-choice-close { border: 0; cursor: pointer; display: block; font-size: 1px; height: 0.8rem; outline: 0; position: absolute; top: 0.4rem; right: 2.46667rem; text-decoration: none; width: 0.8rem; } .select2-search-choice-close:before { content: '\00D7'; cursor: pointer; position: absolute; top: -0.2rem; left: 0; height: 100%; width: 100%; color: #7c7c7c; font-size: 15px } .select2-search-choice-close:hover:before { color: #333 } .select2-container-multi .select2-search-choice-close { left: 0.26667rem } .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { background-position: right -12px } .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { background-position: right -12px } .select2-container-multi.select2-container-disabled .select2-choices { background-color: #fafafa; background-image: none; border: 1px solid #d6d6d6; cursor: default } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { background-image: none; background-color: #fafafa; border: 1px solid #d6d6d6; padding: 0.2rem 0.33333rem 0.2rem 0.33333rem } .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close, .select2-display-none { display: none } .select2-result-selectable .select2-match, .select2-result-unselectable .select2-match { text-decoration: none } .select2-result-selectable.select2-highlighted { background-color: #f0f0f0 } .select2-offscreen { position: absolute; top: 0; left: -9999px; -moz-appearance: none; -webkit-appearance: none; border: none; height: 0; padding: 0; margin: 0; font-size: 0; line-height: 0 } .select2-drop-mask { bottom: 0; left: 0; max-height: 100%; max-width: 100%; position: fixed; right: 0; top: 0; z-index: 1509 } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .select2-search input, .select2-container .select2-choice abbr { background-image: url('../assets/select2x2-cf.png?1528210613') !important; background-repeat: no-repeat !important; background-size: 60px 45px !important } .select2-search input { background-position: 100% -24px !important; padding-left: 0.4rem !important; padding-right: 1.4rem !important } } .flashblocker-assumed { min-height: 20px; min-width: 20px; z-index: 2147483647 } .cue-display { position: absolute !important; margin: 0; padding: 0px !important; max-width: 100% !important; max-height: 100% !important; border: none !important; background: none !important; text-align: center; visibility: hidden; font-family: sans-serif; font-size: 0.8em; white-space: pre-wrap; overflow: hidden } .cue-display b { font-weight: bold } .cue-display i { font-style: italic } .cue-display u { text-decoration: underline } .cue-display span.cue-wrapper { position: absolute; bottom: 0; left: 0; right: 0; display: block; padding: 0; margin: 0; width: 100%; font-size: 160%; color: #fff; visibility: visible !important } .cue-display .cue-line { display: block } .cue-display span.cue { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 3px 5px; background: #000; background: rgba(0, 0, 0, 0.8); color: #fff } .cue-display .description-cues { position: absolute; top: -99px; left: -99px; display: block; width: 5px; height: 5px; overflow: hidden } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold } .ws-important-hide { display: none !important; visibility: hidden !important; position: absolute; top: -99999px; bottom: 0; left: 0; right: 0 } .webshims-visual-hide { position: absolute !important; top: 0 !important; left: 0 !important; visibility: hidden !important; width: 0 !important; height: 0 !important; overflow: hidden !important } .webshims-visual-hide * { visibility: hidden !important } #swflocalstorageshim-wrapper { position: absolute; top: -999px; left: -999px; overflow: hidden; width: 215px; min-width: 215px !important; z-index: 2147483647 } #swflocalstorageshim-wrapper .polyfill-exceeded-message { margin: 0 0 5px; padding: 5px; background: #ffd; color: #000; font-size: 0.8em } #swflocalstorageshim-wrapper object { min-height: 138px !important; min-width: 215px !important } details { overflow: hidden } summary { position: relative } .closed-details-child { display: none !important } .details-open-indicator { margin: -1px 0 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 16px; height: 11px; background: url('../assets/details-arrows.png?1528210613') no-repeat 0 0; vertical-align: middle } .closed-details-summary .details-open-indicator { background-position: 0 -20px } .polyfill-important .details-open-indicator { margin: -1px 0 0 !important; padding: 0 !important; border: 0 !important; display: inline-block !important; width: 16px !important; height: 11px !important; background: url('../assets/details-arrows.png?1528210613') no-repeat 0 0 !important; vertical-align: middle !important } .polyfill-important .closed-details-summary .details-open-indicator { background-position: 0 -20px !important } summary.summary-has-focus { outline: 1px dotted #aaa; outline-offset: -1px } .c3 svg { font: 10px sans-serif } .c3 path, .c3 line { fill: none; stroke: #000 } .c3 text { -webkit-user-select: none; -moz-user-select: none; user-select: none } .c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path { shape-rendering: crispEdges } .c3-chart-arc path { stroke: #fff } .c3-chart-arc text { fill: #fff; font-size: 13px } .c3-grid line { stroke: #aaa } .c3-grid text { fill: #aaa } .c3-xgrid, .c3-ygrid { stroke-dasharray: 3 3 } .c3-text.c3-empty { fill: #808080; font-size: 2em } .c3-line { stroke-width: 1px } .c3-circle._expanded_ { stroke-width: 1px; stroke: white } .c3-selected-circle { fill: white; stroke-width: 2px } .c3-bar { stroke-width: 0 } .c3-bar._expanded_ { fill-opacity: 0.75 } .c3-chart-arcs-title { dominant-baseline: middle; font-size: 1.3em } .c3-target.c3-focused { opacity: 1 } .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step { stroke-width: 2px } .c3-target.c3-defocused { opacity: 0.3 !important } .c3-region { fill: steelblue; fill-opacity: .1 } .c3-brush .extent { fill-opacity: .1 } .c3-legend-item { font-size: 12px } .c3-legend-item-hidden { opacity: 0.15 } .c3-legend-background { opacity: 0.75; fill: white; stroke: lightgray; stroke-width: 1 } .c3-tooltip-container { z-index: 10 } .c3-tooltip { border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; width: auto; -webkit-box-shadow: 7px 7px 12px -9px #777; -moz-box-shadow: 7px 7px 12px -9px #777; box-shadow: 7px 7px 12px -9px #777; opacity: 0.9 } .c3-tooltip tr { border: 1px solid #CCC } .c3-tooltip th { background-color: #aaa; font-size: 14px; padding: 2px 5px; text-align: left; color: #FFF } .c3-tooltip td { font-size: 13px; padding: 3px 6px; background-color: #fff; border-left: 1px dotted #999; color: #000 } .c3-tooltip td>span { display: inline-block; width: 10px; height: 10px; margin-right: 6px } .c3-tooltip td.value { text-align: right } .c3-area { stroke-width: 0; opacity: 0.2 } .c3-chart-arcs .c3-chart-arcs-background { fill: #e0e0e0; stroke: none } .c3-chart-arcs .c3-chart-arcs-gauge-unit { fill: #000; font-size: 16px } .c3-chart-arcs .c3-chart-arcs-gauge-max { fill: #777 } .c3-chart-arcs .c3-chart-arcs-gauge-min { fill: #777 } .c3-chart-arc .c3-gauge-value { fill: #000 } *::-moz-selection { background: rgba(244, 161, 93, 0.2); color: #333 } *::selection { background: rgba(244, 161, 93, 0.2); color: #333 } img::-moz-selection { background: rgba(244, 161, 93, 0.3) } img::selection { background: rgba(244, 161, 93, 0.3) } html, body, button { color: #333; font-size: 15px; line-height: 1.5; -webkit-tap-highlight-color: rgba(244, 161, 93, 0.3); -moz-tap-highlight-color: rgba(244, 161, 93, 0.3); -ms-tap-highlight-color: rgba(244, 161, 93, 0.3); tap-highlight-color: rgba(244, 161, 93, 0.3); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased } b, strong { font-weight: 700 } i, em { font-style: italic } small { font-size: 80% } sup, .sup, sub, .sub { font-size: 60%; position: relative; vertical-align: top } sup, .sup { top: 0.25em } del, .del { text-decoration: line-through; text-line-through-color: #bf223c; text-line-through-width: 2px; text-line-through-style: solid } sub, .sub { bottom: 0.25em; vertical-align: bottom } p .ui-item { margin: 0 0.4rem; vertical-align: baseline } ul { list-style-type: disc } ul.circle { list-style-type: circle } ul.disc { list-style-type: disc } ul.square { list-style-type: square } ol { list-style-type: decimal } ol.roman { list-style-type: lower-roman } ol.roman-upper { list-style-type: upper-roman } ol.alpha { list-style-type: lower-alpha } ol, ul { list-style-position: outside; margin-left: 3em } ol.unstyled, ul.unstyled, .exceptions-list, .sortable-list { list-style-type: none; margin-left: 0 } ol.inline, ol.inline li, ul.inline, ul.inline li { display: inline; margin: 0 } a { color: #2c7cb0; outline: none; text-decoration: none; } a:hover { color: #f4a15d } a:focus { color: #54a2d4; outline: none } a:active { color: #0d2636; outline: none } h1, h2, h3, .callout .callout-heading, h4, h5, h6 { font-weight: 600 } h1 small, h2 small, h3 small, .callout .callout-heading small, h4 small { color: #7c7c7c; font-size: 50% } h1, .h1 { font-size: 2rem; line-height: 1.2; font-weight: 400 } h2, .h2 { font-size: 1.6rem; line-height: 1.3 } h3, .callout .callout-heading, .h3, .radio-group-jumbo label { font-size: 1.46667rem; line-height: 1.3 } h4, .h4, .lead { font-size: 1.2rem; line-height: 1.3 } h5, .h5 { font-size: 1rem } h6, .h6 { font-size: 0.93333rem } .section-head, legend { border-bottom: 1px solid #d2d2d2; margin-bottom: 0.5em; padding-bottom: 0.5em } dl { margin-bottom: 1.5em } dt { font-weight: 600 } dd { margin-left: 1.5em } .dl-horizontal { width: 100% } .dl-horizontal dt { clear: left; float: left; text-align: right; width: 30% } .dl-horizontal dd { margin-left: 30%; padding-left: 1em } .small, .billing-form__payment-type-info { font-size: 0.8em; line-height: 1.3 } .normal { font-size: 1rem; font-weight: 400 } .capitalize { text-transform: capitalize } .title-case:first-word { text-transform: capitalize } .lowercase { text-transform: lowercase } .uppercase { text-transform: uppercase } .screen-reader-text, .assistive-text { height: 0; overflow: hidden; position: absolute; text-indent: 200%; white-space: nowrap; width: 0 } blockquote { color: #7c7c7c; font-size: 1.13333rem } blockquote cite { display: block; font-style: italic; margin-top: 1em } blockquote cite:before { content: '\2014'; padding-right: 0.35em } .page-header h1 { font-size: 32px; margin-top: 0; margin-bottom: 0; line-height: 1.2; font-weight: 400 } .page-header h2.subheadline { font-size: 24px; margin-top: 8px; margin-bottom: 0; line-height: 1.2; color: #62676a; font-weight: 300 } .subheadline { color: #7c7c7c; font-weight: 300 } .headline-divider { margin-bottom: 1em; margin-top: 1em; position: relative } .headline-divider:before { border-top: 1px solid currentColor; content: ''; height: 0; position: absolute; top: 50%; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; width: 100% } .headline-divider span { background-color: #FFF; padding: 0 0.75em; position: relative } .lead { font-weight: 400 } .text-info { color: #2c7cb0 } .text-important, .text-error { color: #bf223c } .text-success { color: #79c698 } .text-warning { color: #f4a15d } .text-nonessential, .pagination .pagination-info { color: #7c7c7c } .text-invalid { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 0.4em; background: #bf223c; color: #FFF; -moz-box-shadow: 0 0 0 1px #bf223c; -webkit-box-shadow: 0 0 0 1px #bf223c; box-shadow: 0 0 0 1px #bf223c; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .text-invalid:after { content: " "; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; visibility: hidden; width: 0 } .well { background-color: #e6e6e6; padding: 1.5em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .well.compact { padding: 1em } .pre { white-space: pre } p+p, p+ul, p+ol, p+dl, p+table, ul+p, ul+h2, ul+h3, .callout ul+.callout-heading, ul+h4, ul+h5, ul+h6, ol+p, ol+h2, ol+h3, .callout ol+.callout-heading, ol+h4, ol+h5, ol+h6 { margin-top: 1.5em } h1+p, p+h1, p+h2, p+h3, .callout p+.callout-heading, p+h4, p+h5, p+h6 { margin-top: 1.25em } h1+h2, h1+h3, .callout h1+.callout-heading, h2+h3, .callout h2+.callout-heading, h3+h4, .callout .callout-heading+h4, h4+h5 { margin-top: 0.25em } h2+p { margin-top: 1em } h1+h4, h1+h5, h1+h6, h2+h4, h2+h5, h2+h6, h3+h5, .callout .callout-heading+h5, h3+h6, .callout .callout-heading+h6, h3+p, .callout .callout-heading+p, h4+p, h5+p { margin-top: 0.5em } .navigation ul { list-style: none; margin-left: 0 } .navigation a { color: #2c7cb0; text-decoration: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .navigation a:hover { color: #333 } .sidebar blockquote { font-size: 1.13333rem } .sidebar .title { color: #787878 } @media screen and (max-width: 49.2em) { .subheadline { font-size: 1.26667rem } .page-header .subheadline { display: none } } .text-splitter { display: inline-block; width: 1px; height: 1em; vertical-align: middle; overflow: hidden; text-indent: 101%; white-space: nowrap; background: #dedede } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } #main { min-height: 400px } img, object { height: auto; max-width: 100% } section, .section { margin-bottom: 2.5rem; margin-top: 2.5rem } section.compact, .section.compact { margin-bottom: 1.5rem; margin-top: 1.5rem } section:empty, .section:empty { display: none } audio { display: none; height: 0; width: 0; overflow: hidden } video { overflow: hidden } video, audio[controls], audio.webshims-controls { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-height: 3rem; min-width: 2.66667rem } video>*, audio>* { visibility: hidden } .no-swf video>*, .no-swf audio>* { visibility: inherit } .row { clear: both; display: block } .col-1 { margin-left: 0; max-width: 100%; width: 100% } .col-2 { margin-left: 0; max-width: 100%; width: 100% } .col-3 { margin-left: 0; max-width: 100%; width: 100% } .col-4 { margin-left: 0; max-width: 100%; width: 100% } .col-5 { margin-left: 0; max-width: 100%; width: 100% } .col-6, .event-actions .event-action { margin-left: 0; max-width: 100%; width: 100% } .col-7 { margin-left: 0; max-width: 100%; width: 100% } .col-8 { margin-left: 0; max-width: 100%; width: 100% } .col-9 { margin-left: 0; max-width: 100%; width: 100% } .col-10 { margin-left: 0; max-width: 100%; width: 100% } .col-11 { margin-left: 0; max-width: 100%; width: 100% } .col-12 { margin-left: 0; max-width: 100%; width: 100% } .col-13 { margin-left: 0; max-width: 100%; width: 100% } .col-14 { margin-left: 0; max-width: 100%; width: 100% } .col-15 { margin-left: 0; max-width: 100%; width: 100% } .col-16 { margin-left: 0; max-width: 100%; width: 100% } .columns { display: block; list-style: none; padding: 0 } .columns img, .columns input, .columns select, .columns object, .columns textarea { max-width: 100% } .columns>.column { float: left; padding-bottom: 3rem } .columns, .columns>.column { width: 100% } .width-quarter { width: 25% } .width-third { width: 33.3334% } .width-half { width: 50% } .width-two-thirds { width: 66.66667% } .width-three-quarters { width: 75% } .width-full, .mod-group { width: 100% } .wrapper { margin-left: auto; margin-right: auto; width: 90% } .primary-content { margin-bottom: 2.66667em; margin-top: 1.33333em } @media screen and (max-width: 49.1em) { .tablet-only, .desktop-only, .no-mobile { display: none !important } } @media screen and (min-width: 49.2em) { .wrapper { width: 47.2rem } .primary-content { float: left; margin: 0 0 0 16.8rem; width: 30.4rem } .sidebar { float: left; margin-left: -47.2rem; width: 13.6rem } .reverse-sidebar .primary-content { margin-left: 0 } .reverse-sidebar .sidebar { margin-left: 3.2rem } .primary-content:only-child { float: none; margin-left: auto; margin-right: auto } .columns>.column { padding-bottom: 0 } .columns.two>.column, .columns.cols-2>.column, .columns.four>.column, .columns.cols-4>.column { padding-left: 0; padding-right: 1.5rem; width: 50% } .columns.two>.column:nth-child(even), .columns.cols-2>.column:nth-child(even), .columns.four>.column:nth-child(even), .columns.cols-4>.column:nth-child(even) { padding-left: 1.5rem; padding-right: 0 } .columns.two>.column:nth-child(odd), .columns.cols-2>.column:nth-child(odd), .columns.four>.column:nth-child(odd), .columns.cols-4>.column:nth-child(odd) { clear: left } .columns.two>.column:nth-child(n+3), .columns.cols-2>.column:nth-child(n+3), .columns.four>.column:nth-child(n+3), .columns.cols-4>.column:nth-child(n+3) { padding-top: 3rem } .columns.three>.column, .columns.cols-3>.column { padding-left: 2rem; width: 33.3333333333333% } .columns.three>.column:first-child, .columns.three>.column:nth-child(3n+1), .columns.cols-3>.column:first-child, .columns.cols-3>.column:nth-child(3n+1) { clear: left; padding-left: 0; padding-right: 2rem } .columns.three>.column:nth-child(3n+2), .columns.cols-3>.column:nth-child(3n+2) { padding-left: 1rem; padding-right: 1rem } .columns.three>.column:nth-child(n+4), .columns.cols-3>.column:nth-child(n+4) { padding-top: 3rem } .columns.three>.column:nth-child(-n+3), .columns.cols-3>.column:nth-child(-n+3) { padding-top: 0 } .mobile-only { display: none !important } } @media screen and (min-width: 66em) { .col-1 { display: block; float: left; margin-left: 48px; width: 1rem } .col-2 { display: block; float: left; margin-left: 48px; width: 5.2rem } .col-3 { display: block; float: left; margin-left: 48px; width: 9.4rem } .col-4 { display: block; float: left; margin-left: 48px; width: 13.6rem } .col-5 { display: block; float: left; margin-left: 48px; width: 17.8rem } .col-6, .event-actions .event-action { display: block; float: left; margin-left: 48px; width: 22rem } .col-7 { display: block; float: left; margin-left: 48px; width: 26.2rem } .col-8 { display: block; float: left; margin-left: 48px; width: 30.4rem } .col-9 { display: block; float: left; margin-left: 48px; width: 34.6rem } .col-10 { display: block; float: left; margin-left: 48px; width: 38.8rem } .col-11 { display: block; float: left; margin-left: 48px; width: 43rem } .col-12 { display: block; float: left; margin-left: 48px; width: 47.2rem } .col-13 { display: block; float: left; margin-left: 48px; width: 51.4rem } .col-14 { display: block; float: left; margin-left: 48px; width: 55.6rem } .col-15 { display: block; float: left; margin-left: 48px; width: 59.8rem } .col-16 { display: block; float: left; margin-left: 48px; width: 64rem } .row [class*="col-"]:first-child { margin-left: 0 } .wrapper { width: 64rem } .wrapper.wide { max-width: 100%; width: 72.4rem } .primary-content { float: left; margin-left: 21rem; width: 43rem } .sidebar { float: left; margin-left: -64rem; width: 17.8rem } .wide .primary-content { width: 51.4rem } .wide .sidebar { margin-left: -72.4rem } .columns>.column { padding-bottom: 0 } .columns.four>.column, .columns.cols-4>.column { padding-left: 2.25rem; width: 25% } .columns.four>.column:nth-child(odd), .columns.cols-4>.column:nth-child(odd) { clear: none } .columns.four>.column:first-child, .columns.four>.column:nth-child(4n+1), .columns.cols-4>.column:first-child, .columns.cols-4>.column:nth-child(4n+1) { clear: left; padding-left: 0; padding-right: 2.25rem } .columns.four>.column:nth-child(4n+2), .columns.cols-4>.column:nth-child(4n+2) { padding-left: 0.75rem; padding-right: 1.5rem } .columns.four>.column:nth-child(4n+3), .columns.cols-4>.column:nth-child(4n+3) { padding-left: 1.5rem; padding-right: 0.75rem } .columns.four>.column:nth-child(n+5), .columns.cols-4>.column:nth-child(n+5) { padding-top: 3rem } .columns.four>.column:nth-child(-n+4), .columns.cols-4>.column:nth-child(-n+4) { padding-top: 0 } } .vert-arrows { width: 24px; position: relative } .vert-arrows:before, .vert-arrows:after { border: 4px solid transparent; border-bottom-color: #333; content: ''; display: block; height: 0; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -9px; width: 0 } .vert-arrows:before { border-bottom-color: transparent; border-top-color: #333; margin-top: 3px } .horz-arrows { width: 24px; position: relative } .horz-arrows:before, .horz-arrows:after { border: 4px solid transparent; border-left-color: #333; content: ''; display: block; height: 0; position: absolute; top: 50%; left: 50%; margin-left: 2px; margin-top: -3px; width: 0 } .horz-arrows:before { border-left-color: transparent; border-right-color: #333; margin-left: -10px } .icon { font-weight: normal; font-style: normal; text-decoration: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0 } .icon:before { text-decoration: inherit; display: inline-block; *vertical-align: auto; *zoom: 1; *display: inline; speak: none } .icon-white, .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"] { background-image: none } a .icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333334em } .icon-xlarge:before { font-size: 2.4em } .btn .icon, .btn-cancel .icon, .nav .icon { display: inline } .btn .icon:first-child, .btn-cancel .icon:first-child, .nav .icon:first-child { padding-right: 0.25em } .btn .icon:last-child, .btn-cancel .icon:last-child, .nav .icon:last-child { padding-left: 0.25em } .btn .icon.icon-large, .btn-cancel .icon.icon-large, .nav .icon.icon-large { line-height: .9em } .btn .icon.icon-spin, .btn-cancel .icon.icon-spin, .nav .icon.icon-spin { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .tabs .icon, .tabs .icon.icon-large { line-height: .9em } li .icon, .nav li .icon { display: inline-block; vertical-align: baseline; *vertical-align: auto; *zoom: 1; *display: inline; width: 1.25em; text-align: center } li .icon.icon-large, .nav li .icon.icon-large { width: 1.5625em } ul.icons { list-style-type: none; text-indent: -.75em } ul.icons li .icon { width: .75em } .icon-muted { color: #ebebeb } .icon-border { border: solid 1px #ebebeb; padding: .2em .25em .15em; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .icon-2x { font-size: 2em } .icon-2x.icon-border { border-width: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .icon-3x { font-size: 3em } .icon-3x.icon-border { border-width: 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .icon-4x { font-size: 4em } .icon-4x.icon-border { border-width: 4px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .icon.pull-left { margin-right: .3em } .icon.pull-right { margin-left: .3em } .btn .icon.pull-left.icon-2x, .btn-cancel .icon.pull-left.icon-2x, .btn .icon.pull-right.icon-2x, .btn-cancel .icon.pull-right.icon-2x { margin-top: .18em } .btn .icon.icon-spin.icon-large, .btn-cancel .icon.icon-spin.icon-large { line-height: .8em } .btn.btn-small .icon.pull-left.icon-2x, .btn-small.btn-cancel .icon.pull-left.icon-2x, .btn.btn-small .icon.pull-right.icon-2x, .btn-small.btn-cancel .icon.pull-right.icon-2x { margin-top: .25em } .btn.btn-large .icon, .btn-large.btn-cancel .icon { margin-top: 0 } .btn.btn-large .icon.pull-left.icon-2x, .btn-large.btn-cancel .icon.pull-left.icon-2x, .btn.btn-large .icon.pull-right.icon-2x, .btn-large.btn-cancel .icon.pull-right.icon-2x { margin-top: .05em } .btn.btn-large .icon.pull-left.icon-2x, .btn-large.btn-cancel .icon.pull-left.icon-2x { margin-right: .2em } .btn.btn-large .icon.pull-right.icon-2x, .btn-large.btn-cancel .icon.pull-right.icon-2x { margin-left: .2em } .icon-spin { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg); transform: rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg); -ms-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @-moz-document url-prefix() { .icon-spin { height: .9em } .btn .icon-spin, .btn-cancel .icon-spin { height: auto } .icon-spin.icon-large { height: 1.25em } .btn .icon-spin.icon-large, .btn-cancel .icon-spin.icon-large { height: .75em } } .icon-caret-up:before, .icon-chevron-up:before { content: "\f000" } .icon-caret-down:before, .icon-chevron-down:before { content: "\f001" } .icon-caret-left:before, .icon-chevron-left:before { content: "\f002" } .icon-caret-right:before, .icon-chevron-right:before { content: "\f003" } .icon-ok-sign:before { content: "\f004" } .icon-exclamation-sign:before { content: "\f005" } .icon-info-sign:before { content: "\f006" } .icon-pause:before { content: "\f007" } .icon-time:before { content: "\f008" } .icon-ok:before { content: "\f009" } .icon-clipboard:before { content: "\f00a" } .icon-bolt:before { content: "\f00b" } .icon-chart:before { content: "\f00c" } .icon-drive:before { content: "\f00d" } .icon-filter:before { content: "\f00e" } .icon-flowchart:before { content: "\f00f" } .icon-hamburger:before { content: "\f010" } .icon-lock:before { content: "\f011" } .icon-list:before { content: "\f012" } .icon-file:before { content: "\f013" } .icon-shield:before { content: "\f014" } .icon-plus:before { content: "\f015" } .icon-happy:before { content: "\f016" } .icon-sad:before { content: "\f017" } .icon-search:before { content: "\f018" } .icon-wrench:before { content: "\f019" } .icon-remove:before, .icon-remove-sign:before { content: "\f01a" } .icon-speech:before { content: "\f01b" } .icon-gear:before { content: "\f01c" } .icon-help:before { content: "\f01d" } .icon-calendar:before { content: "\f01e" } .icon-facebook:before { content: "\f01f" } .icon-twitter:before { content: "\f020" } .icon-googleplus:before { content: "\f021" } .icon-linkedin:before { content: "\f022" } .icon-upload:before { content: "\f023" } .icon-widen:before, .icon-resize-horizontal:before { content: "\f024" } .icon-download:before { content: "\e900" } .icon-refresh:before { content: "\e901" } .icon-api:before { content: "\e902" } .icon-firebolt:before { content: "\e903" } .icon-mail:before { content: "\e904" } .icon-network:before { content: "\e905" } .icon-door:before { content: "\e906" } .icon-credit-card:before { content: "\e93f" } .icon-loading { background: transparent url('../assets/spinner.gif?1528210613') no-repeat center } .icon-loading:before { content: ""; width: 16px } .btn, .btn-cancel, button, input[type="button"], input[type="submit"] { background-color: #dedede; border: none; border-bottom: 1px solid #bababa; color: #333; cursor: pointer; font-size: 0.93333rem; font-weight: 400; line-height: 1.2; margin: 0; padding: 0.6em 1em 0.53333em; text-decoration: none !important; -webkit-text-stroke: 0; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased } .btn:hover, .btn-cancel:hover, .input-picker .picker-list td button.checked-value, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color: #ccc; border-color: #bababa; color: #333; border-bottom-color: #bababa } .btn.active, .active.btn-cancel, .btn:active, .btn-cancel:active, button.active, button:active, input[type="button"].active, input[type="button"]:active, input[type="submit"].active, input[type="submit"]:active { background-color: #bababa; border-color: #a8a8a8; color: #333 } .btn:focus, .btn-cancel:focus, button:focus, input[type="button"]:focus, input[type="submit"]:focus { color: inherit; outline: 5px auto -webkit-focus-ring-color; outline-offset: -1px; -moz-box-shadow: inset 0px 0px 0px 1px #a8a8a8; -webkit-box-shadow: inset 0px 0px 0px 1px #a8a8a8; box-shadow: inset 0px 0px 0px 1px #a8a8a8 } .btn::-moz-focus-inner, .btn-cancel::-moz-focus-inner, button::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { padding: 0; border: 0 } .btn .caret, .btn-cancel .caret, button .caret, input[type="button"] .caret, input[type="submit"] .caret { border-top-color: inherit; border-top-color: currentColor; margin-left: 0.25em; margin-top: 0.18333em } .btn+.dropdown-toggle, .btn-cancel+.dropdown-toggle, button+.dropdown-toggle, input[type="button"]+.dropdown-toggle, input[type="submit"]+.dropdown-toggle { border-left-color: rgba(0, 0, 0, 0.25); padding-left: 0.4em; padding-right: 0.66667em } .btn-large { padding: 1rem 1.66667rem 0.93333rem } .btn-cta, .btn-cta-alt { padding: 1rem 3rem } .btn-std, .btn-primary, .btn-std-alt, .btn-primary-alt { background-color: #2c7cb0; border-color: #256893; color: #FFF } .btn-std:hover, .btn-primary:hover, .btn-std-alt:hover, .btn-primary-alt:hover { background-color: #276d9b; border-color: #20597e; color: #FFF } .btn-std.active, .btn-std:active, .btn-primary.active, .btn-primary:active, .btn-std-alt.active, .btn-std-alt:active, .btn-primary-alt.active, .btn-primary-alt:active { background-color: #20597e; border-color: #20597e; color: #FFF } .btn-std:focus, .btn-primary:focus, .btn-std-alt:focus, .btn-primary-alt:focus { color: #FFF; -moz-box-shadow: inset 0px 0px 0px 1px #194562; -webkit-box-shadow: inset 0px 0px 0px 1px #194562; box-shadow: inset 0px 0px 0px 1px #194562 } .btn-cta, .btn-success, .btn-accept, .btn-cancel, .btn-delete, .btn-edit, .btn-refresh, .btn-note, .btn-cta-alt, .btn-success-alt { background-color: #79c698; border-color: #60bb85; color: #FFF } .btn-cta:hover, .btn-success:hover, .btn-accept:hover, .btn-cancel:hover, .btn-delete:hover, .btn-edit:hover, .btn-refresh:hover, .btn-note:hover, .btn-cta-alt:hover, .btn-success-alt:hover { background-color: #46a46c; border-color: #3b8b5c; color: #FFF } .btn-cta.active, .btn-cta:active, .btn-success.active, .active.btn-accept, .active.btn-cancel, .active.btn-delete, .active.btn-edit, .active.btn-refresh, .active.btn-note, .btn-success:active, .btn-accept:active, .btn-cancel:active, .btn-delete:active, .btn-edit:active, .btn-refresh:active, .btn-note:active, .btn-cta-alt.active, .btn-cta-alt:active, .btn-success-alt.active, .btn-success-alt:active { background-color: #3b8b5c; border-color: #31724b; color: #FFF } .btn-cta:focus, .btn-success:focus, .btn-accept:focus, .btn-cancel:focus, .btn-delete:focus, .btn-edit:focus, .btn-refresh:focus, .btn-note:focus, .btn-cta-alt:focus, .btn-success-alt:focus { color: #FFF; -moz-box-shadow: inset 0px 0px 0px 1px #31724b; -webkit-box-shadow: inset 0px 0px 0px 1px #31724b; box-shadow: inset 0px 0px 0px 1px #31724b } .btn-accept, .btn-cancel, .btn-delete, .btn-edit, .btn-refresh, .btn-note { font-weight: normal; font-style: normal; text-decoration: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-height: 2.425em; overflow: hidden; padding-left: 1.13333em; padding-right: 1.13333em; position: relative; text-align: left; text-indent: -9999px; width: 0; white-space: nowrap } .btn-accept:after, .btn-cancel:after, .btn-delete:after, .btn-edit:after, .btn-refresh:after, .btn-note:after { content: '\f009'; display: block; font-size: 1em; height: 100%; position: absolute; top: 53%; left: 0; line-height: 0; speak: none; text-align: center; text-indent: 0; width: 100%; } .btn-accept:before, .btn-cancel:before, .btn-delete:before, .btn-edit:before, .btn-refresh:before, .btn-note:before, .btn-accept:after, .btn-cancel:after, .btn-delete:after, .btn-edit:after, .btn-refresh:after, .btn-note:after { } .btn-danger, .btn-cancel, .btn-important, .btn-error, .btn-danger-alt, .btn-important-alt, .btn-error-alt { background-color: #bf223c; border-color: #a11d32; color: #FFF } .btn-danger:hover, .btn-cancel:hover, .btn-important:hover, .btn-error:hover, .btn-danger-alt:hover, .btn-important-alt:hover, .btn-error-alt:hover { background-color: #a01c32; border-color: #821729; color: #FFF } .btn-danger.active, .active.btn-cancel, .btn-danger:active, .btn-cancel:active, .btn-important.active, .btn-important:active, .btn-error.active, .btn-error:active, .btn-danger-alt.active, .btn-danger-alt:active, .btn-important-alt.active, .btn-important-alt:active, .btn-error-alt.active, .btn-error-alt:active { background-color: #821729; border-color: #63111f; color: #FFF } .btn-danger:focus, .btn-cancel:focus, .btn-important:focus, .btn-error:focus, .btn-danger-alt:focus, .btn-important-alt:focus, .btn-error-alt:focus { color: #FFF; -moz-box-shadow: inset 0px 0px 0px 1px #63111f; -webkit-box-shadow: inset 0px 0px 0px 1px #63111f; box-shadow: inset 0px 0px 0px 1px #63111f } .btn-warning, .btn-warning-alt { background-color: #f4a15d; border-color: #f28e3c; color: #FFF } .btn-warning:hover, .btn-warning-alt:hover { background-color: #e06d10; border-color: #bf5d0e; color: #FFF } .btn-warning.active, .btn-warning:active, .btn-warning-alt.active, .btn-warning-alt:active { background-color: #bf5d0e; border-color: #9d4d0b; color: #FFF } .btn-warning:focus, .btn-warning-alt:focus { color: #FFF; -moz-box-shadow: inset 0px 0px 0px 1px #bf5d0e; -webkit-box-shadow: inset 0px 0px 0px 1px #bf5d0e; box-shadow: inset 0px 0px 0px 1px #bf5d0e } .btn-link { background-color: transparent; border-color: transparent; color: #2c7cb0 } .btn-link:hover { background-color: transparent; border-color: transparent; color: #f4a15d } .btn-link.active, .btn-link:active { background-color: transparent; border-color: transparent; color: #0d2636 } .btn-link:focus { background-color: transparent; border-color: transparent; color: #0d2636; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; text-decoration: underline; outline: none } .btn-link.inactive, .btn-link.inactive:active, .btn-link.inactive:focus, .btn-link.inactive:hover { color: #a1a1a1 } .btn-cancel:after { content: '\f01a' } .btn-delete, .btn-edit, .btn-refresh, .btn-note { background-color: #dedede; border-color: #ccc; color: #333 } .btn-delete:hover, .btn-edit:hover, .btn-refresh:hover, .btn-note:hover { background-color: #ccc; border-color: #bababa; color: #333 } .btn-delete.active, .active.btn-edit, .active.btn-refresh, .active.btn-note, .btn-delete:active, .btn-edit:active, .btn-refresh:active, .btn-note:active { background-color: #bababa; border-color: #bababa; color: #333 } .btn-delete:focus, .btn-edit:focus, .btn-refresh:focus, .btn-note:focus { color: #333; -moz-box-shadow: inset 0px 0px 0px 1px #a8a8a8; -webkit-box-shadow: inset 0px 0px 0px 1px #a8a8a8; box-shadow: inset 0px 0px 0px 1px #a8a8a8 } .btn-delete:after, .btn-edit:after, .btn-refresh:after, .btn-note:after { content: '\f01a' } .btn-edit:after { content: '\f019' } .btn-refresh:after { content: '\e900' } .btn-note:after { content: '\f013' } .btn.disabled, .disabled.btn-cancel, .btn.loading, .loading.btn-cancel, button[disabled], input.btn[disabled], input[disabled].btn-cancel { cursor: default; pointer-events: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5 } .btn[title].disabled, [title].disabled.btn-cancel, [title].btn.loading, [title].loading.btn-cancel { pointer-events: auto } .btn.loading, .loading.btn-cancel { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; background-color: #ededed; border-color: #dbdbdb; position: relative } .btn.loading:before, .loading.btn-cancel:before { background: transparent url('../assets/spinner.gif?1528210613') no-repeat center; content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .btn.loading, .loading.btn-cancel, .btn.loading:after, .loading.btn-cancel:after, .btn.loading:hover, .loading.btn-cancel:hover, .input-picker .picker-list td button.loading.checked-value { color: #ededed } .btn.loading:after, .loading.btn-cancel:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } @-moz-keyframes fadeInZoom { 0% { opacity: 0; -moz-transform: scale(0, 0); transform: scale(0, 0) } 100% { opacity: 1; -moz-transform: scale(1, 1); transform: scale(1, 1) } } @-webkit-keyframes fadeInZoom { 0% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0) } 100% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1) } } @keyframes fadeInZoom { 0% { opacity: 0; -moz-transform: scale(0, 0); -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0) } 100% { opacity: 1; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1) } } input[type="button"].btn, input[type="button"].btn-cancel, input[type="submit"].btn, input[type="submit"].btn-cancel { height: auto; padding: 0.53333em 1.33333em 0.6em } .btn-single-line { max-width: 100%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; position: relative } .btn-single-line.btn-wicons { padding-bottom: 0.6em; padding-left: 2em; padding-right: 2em } .btn-single-line .caret { margin-right: -0.6em } .btn-single-line .icon:first-child { margin-left: -0.6em } .btn-single-line .icon:last-child { margin-right: -0.6em } .btn+.btn, .btn-cancel+.btn, .btn+.btn-cancel, .btn-cancel+.btn-cancel, .btn+.ui-item, .btn-cancel+.ui-item, label+.btn, label+.btn-cancel { margin-left: 0.4rem } .btn-block { display: block; margin-bottom: 0.4rem; text-align: center } .btn-block+.btn-block { margin-left: auto } .btn a, .btn-cancel a { color: #333 } .btn-std a, .btn-primary a { color: #FFF } .btn-error a, .btn-danger a, .btn-cancel a, .btn-important a { color: #FFF } .btn-cta a, .btn-success a, .btn-accept a, .btn-cancel a, .btn-delete a, .btn-edit a, .btn-refresh a, .btn-note a { color: #FFF } .btn-twitter { background-color: #00aced; border-color: #00aced; color: #FFF } .btn-twitter:hover { background-color: #21c2ff; border-color: #07bbff; color: #333 } .btn-twitter i { vertical-align: baseline; font-size: 1.33em } .btn-facebook { background-color: #3b5998; border-color: #3b5998; color: #FFF } .btn-facebook:hover { background-color: #4c70ba; border-color: #4264aa; color: #FFF } .btn-facebook i { vertical-align: baseline; font-size: 1.33em } .alert, .notification { font-size: 0.86667rem; padding: 0.5rem 2.5rem; padding-right: 2rem; position: relative; vertical-align: middle; -webkit-text-stroke: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .alert:before, .notification:before { font-size: 1.25rem; position: absolute; top: 50%; left: 0.75rem; margin-top: -0.625rem; line-height: 1; vertical-align: middle } .alert:empty, .notification:empty { display: none } .alert a, .notification a { text-decoration: underline } .alert .close, .notification .close { color: inherit; font-size: 1.25rem; height: 1.25rem; line-height: 1; padding: 0; margin-top: -0.625rem; position: absolute; top: 50%; right: 0.4rem; width: 1.25rem; z-index: 3 } .alert .close:before, .notification .close:before { text-indent: 1px } .alert .close:hover, .notification .close:hover { color: #FFF } .alert .message, .notification .message { position: relative; z-index: 2 } .alert .progress, .notification .progress { background: rgba(255, 255, 255, 0.1); display: none; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 1 } .alert.timed .progress, .notification.timed .progress { display: block } .alert { background-color: #f4a15d; border: 1px solid #e06d10; color: #FFF } .alert a { color: #FFF } .alert.error, .alert.danger { background-color: #bf223c; border-color: #a01c32; color: #FFF } .alert.error:before, .alert.danger:before { content: '\f005' } .alert.success { background-color: #60bb85; border-color: #46a46c; color: #FFF } .alert.success:before { content: '\f004' } .alert.warning { background-color: #f4a15d; border-color: #e06d10; color: #FFF } .alert.warning:before { content: '\f005' } .alert.info { background-color: #2c7cb0; border-color: #276d9b; color: #FFF } .alert.info:before { content: '\f006' } .alert.nonessential { background-color: #333; border-color: #333; color: #FFF } .alert.no-icon:before, .alert.nonessential:before { display: none } .notification { padding: 0 } .notification+.notification { margin-top: 0.5em } .notification:before { left: 0 } .notification .message { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; color: #7c7c7c; margin-left: 3em; padding-right: 3em } .notification.error, .notification.danger { color: #bf223c } .notification.error:before, .notification.danger:before { content: '\f005' } .notification.success { color: #60bb85 } .notification.success:before { content: '\f004' } .notification.warning { color: #f4a15d } .notification.warning:before { content: '\f005' } .notification.info { color: #2c7cb0 } .notification.info:before { content: '\f006' } .notification.pending { color: #7c7c7c } .notification.pending:before { content: '\f008' } .notification.nonessential { color: #333 } .notification.no-icon:before, .notification.nonessential:before { display: none } .message p { display: inline } .callout { margin: 1rem 0; padding: 1rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid transparent } .callout .callout-heading+p { margin-top: 0 } .callout.callout-default { background-color: #333; border-color: #333; color: #FFF } .callout.callout-info { background-color: #2c7cb0; border-color: #276d9b; color: #FFF } .callout a { color: inherit; text-decoration: underline } #notifications { bottom: 0; right: 0; overflow-y: auto; max-height: 35%; position: fixed; width: 100%; z-index: 1100 } #notifications .alert { border-bottom-width: 0; border-left-width: 0; border-right-width: 0; font-size: 1rem; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-transform-origin: bottom left; -ms-transform-origin: bottom left; -webkit-transform-origin: bottom left; transform-origin: bottom left } #notifications .alert:before { } @-moz-keyframes slideUp { 0% { -moz-transform: scaleY(0); transform: scaleY(0) } 100% { -moz-transform: scaleY(1); transform: scaleY(1) } } @-webkit-keyframes slideUp { 0% { -webkit-transform: scaleY(0); transform: scaleY(0) } 100% { -webkit-transform: scaleY(1); transform: scaleY(1) } } @keyframes slideUp { 0% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0) } 100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1) } } @-moz-keyframes slideFromLeft { 0% { -moz-transform: translateX(-75px); transform: translateX(-75px) } 100% { -moz-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes slideFromLeft { 0% { -webkit-transform: translateX(-75px); transform: translateX(-75px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes slideFromLeft { 0% { -moz-transform: translateX(-75px); -ms-transform: translateX(-75px); -webkit-transform: translateX(-75px); transform: translateX(-75px) } 100% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0) } } .accordion { margin-top: 20px } .accordion__item_head label { font-size: 1rem } .accordion__item_content { padding-left: 2em; margin: 1rem 0 } .tooltip { position: absolute; display: block; font-size: 0.8rem; visibility: visible; z-index: 1505; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .tooltip.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8 } .tooltip.top { margin-top: -0.2rem; padding: 0.33333rem 0 } .tooltip.right { margin-left: 0.2rem; padding: 0 0.33333rem } .tooltip.bottom { margin-top: 0.2rem; padding: 0.33333rem 0 } .tooltip.left { margin-left: -0.2rem; padding: 0 0.33333rem } .tooltip-inner { background-color: #000; color: #FFF; max-width: 26.66667rem; padding: 0.5rem 1rem; text-align: center; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .tooltip-arrow { border-color: transparent; border-style: solid; height: 0; position: absolute; width: 0 } .tooltip.top .tooltip-arrow { border-width: 5px 5px 0; border-top-color: #000; bottom: 0; left: 50%; margin-left: -5px } .tooltip.right .tooltip-arrow { border-width: 5px 5px 5px 0; border-right-color: #000; left: 0; margin-top: -5px; top: 50% } .tooltip.left .tooltip-arrow { border-width: 5px 0 5px 5px; border-left-color: #000; margin-top: -5px; right: 0; top: 50% } .tooltip.bottom .tooltip-arrow { border-width: 0 5px 5px; border-bottom-color: #000; left: 50%; margin-left: -5px; top: 0 } code, pre { background-color: #d9d9d9; border: 1px solid #cdcdcd; font-family: monaco, courier, monospace; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } pre { color: #4d4d4d; display: block; font-size: 0.86667rem; margin: 2rem 0; overflow: auto; padding: 0.5rem; width: 100%; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } pre code { background: none; border: none; color: inherit; display: inherit; margin: auto; padding: auto } code { color: #bf223c; margin-left: 0.13333em; margin-right: 0.13333em; padding: 0 0.4em; vertical-align: baseline; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } *:-moz-placeholder { color: gray } *::-moz-placeholder { color: gray } *:-ms-input-placeholder { color: gray } *::-webkit-input-placeholder { color: gray } legend { display: block; margin-bottom: 1.5rem; width: 100% } input, select, textarea, .switch { background: #FFF; border: 1px solid #bcbcbc; color: #333; font-size: 0.86667em; line-height: 1.4; margin: 0 0 0.75em; max-width: 100%; outline: none; padding: 0.45em 0.75em; vertical-align: middle; z-index: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } input:hover, select:hover, textarea:hover, .switch:hover { border-color: #a3a3a3 } input:focus, select:focus, textarea:focus, .switch:focus { border-color: #2c7cb0; outline: none } input.readonly, input.disabled, input[disabled], input[readonly], select.readonly, select.disabled, select[disabled], select[readonly], textarea.readonly, textarea.disabled, textarea[disabled], textarea[readonly], .switch.readonly, .switch.disabled, .switch[disabled], .switch[readonly] { background-color: #f7f7f7; border-color: #c9c9c9; color: #7c7c7c } select { position: relative; -moz-appearance: none; -webkit-appearance: none } .form-error .select2-choice, .form-error .select2-choices, input.form-error, input.ui-state-error, input.ui-state-invalid { border-color: #bf223c; color: #bf223c } input, select { height: 2.26667rem } input+label, select+label { margin-top: 0.75em } select[size], select[multiple] { height: auto } input[type="radio"], input[type="checkbox"] { height: 15px; line-height: normal; margin: 1px 0 0; padding: 0; position: relative; width: 15px; -moz-appearance: none; -webkit-appearance: none } input[type="radio"]:before, input[type="checkbox"]:before { background-color: transparent; color: transparent; content: ''; position: absolute; -webkit-text-stroke: 0; } input[type="radio"], input[type="radio"]:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } input[type="radio"]:before { height: 3px; left: 5px; top: 5px; width: 3px } input[type="radio"]:checked:before { background-color: #333; height: 7px; left: 3px; top: 3px; width: 7px } input[type="checkbox"]:before { content: '\f009'; font-size: 16px; left: -1px; top: -2px } input[type="checkbox"]:checked:before { color: #333 } label { display: block; font-size: 0.86667rem; margin-bottom: 0.38333em; min-height: 1.22em } .radio, .checkbox { cursor: pointer; min-height: 1rem; padding-left: 2em } .radio:hover input, .checkbox:hover input { border-color: #a3a3a3 } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -2em; margin-top: 0.13333em } .radio.inline, .checkbox.inline { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-bottom: 0; padding-top: 0.13333em; vertical-align: middle } .radio.inline+.inline, .checkbox.inline+.inline { margin-left: 0.4rem } .input-mini { width: 4rem } .input-small { width: 9.4rem } .input-medium { width: 17.8rem } .input-large { width: 26.2rem } .input-xlarge { width: 34.6rem } .input-xxlarge { width: 43rem } .file { background-color: #FFF; border: 1px solid #bcbcbc; color: transparent; margin-bottom: 1em; max-width: 100%; position: relative; padding: 0; width: 24rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .file input { border: 0; cursor: pointer; margin-bottom: 0; padding: 0; width: 10em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .file:before { background-color: #2c7cb0; color: #FFF; cursor: pointer; content: 'Choose File'; height: 100%; position: absolute; top: 0; left: 0; line-height: 1.2; padding: 0.53333rem 1.33333rem } .switch, .proxy { background-color: #FFF; border: 1px solid #bcbcbc; color: #FFF; cursor: pointer; font-size: 0; height: 2.26667rem; overflow: hidden; margin: 0; padding: 0; position: relative; width: 5.334rem } .switch input, .proxy input { background: transparent; border-color: transparent; margin-left: -100%; position: absolute; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none; -moz-appearance: checkbox-container; -webkit-appearance: checkbox-container } .switch input:checked:before, .proxy input:checked:before { content: '' } .switch input:focus, .proxy input:focus { outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .switch:after, .switch:before { background-color: #79c698; color: #FFF; content: 'On'; font-size: 0.86667rem; line-height: 1.5; height: 100%; position: absolute; top: 0; left: 0; padding: 0.45rem 0; text-align: center; width: 51%; -webkit-text-stroke: initial } .switch:before { background-color: #bcbcbc; content: 'Off'; left: auto; right: 0; width: 50% } .switch .knob { background: #f7f7f7; border: 1px solid #bcbcbc; border-bottom: none; border-top: none; display: block; font-size: 0.86667rem; height: 100%; left: -1px; top: 0; width: 2.73367rem; z-index: 2; position: relative } .switch .knob:before, .switch .knob:after { border: 4px solid transparent; border-left-color: inherit; content: ''; display: block; height: 0; position: absolute; top: 50%; left: 50%; margin-left: 2px; margin-top: -3px; width: 0 } .switch .knob:before { border-left-color: transparent; border-right-color: inherit; margin-left: -10px } .switch input:checked+.knob { left: 50% } .switch input:indeterminate+.knob { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; width: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIvPjxzdG9wIG9mZnNldD0iMjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -moz-linear-gradient(45deg, #000000, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%); background: -webkit-linear-gradient(45deg, #000000, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%); background: linear-gradient(45deg, #000000, #000000 25%, #ffffff 25%, #ffffff 50%, #000000 50%, #000000 75%, #ffffff 75%, #ffffff 100%); -moz-background-size: 20px 20px; -o-background-size: 20px 20px; -webkit-background-size: 20px 20px; background-size: 20px 20px } .switch.loading .knob:before { background: #f7f7f7 url('../assets/spinner.gif?1528210613') no-repeat center; content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; margin: 0; border: 0; -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } .switch.loading .knob:after { display: none } .proxy { background: transparent; border: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 34px; width: 55px } .proxy .cloud { border: 1px solid transparent; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100% } .proxy .cloud:before, .proxy .cloud:after { background: transparent url('../assets/icons-seee324dde5.png') 0 -150px no-repeat; content: ''; display: block; height: 100%; position: absolute; top: 0; left: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; width: 100%; } .proxy .cloud:after { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; background-position: 0 -82px } .proxy input:checked+.cloud:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .proxy input:checked+.cloud:after { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .proxy input:focus+.cloud { border-color: #dedede } .proxy.non-editable, .proxy.unproxiable { cursor: default } .proxy.unproxiable .cloud:before { background: transparent url('../assets/icons-seee324dde5.png') 0 -116px no-repeat } .control-group, .purge-tags__inner { padding: 0.75em 0; position: relative; width: 100%; clear: left } .control-group input, .purge-tags__inner input, .control-group select, .purge-tags__inner select, .control-group textarea, .purge-tags__inner textarea, .control-group .input-prepend, .purge-tags__inner .input-prepend, .control-group .input-append, .purge-tags__inner .input-append { margin-bottom: 0 } .control-group.info input, .info.purge-tags__inner input, .control-group.info select, .info.purge-tags__inner select, .control-group.info .select2-container, .info.purge-tags__inner .select2-container, .control-group.info .select2-choice, .info.purge-tags__inner .select2-choice, .control-group.info .select2-choice div, .info.purge-tags__inner .select2-choice div { border-color: #2c7cb0; color: #333 } .control-group.info label, .info.purge-tags__inner label, .control-group.info .control-label, .info.purge-tags__inner .control-label { color: #2c7cb0 } .control-group.info .help-inline, .info.purge-tags__inner .help-inline, .control-group.info .help-block, .info.purge-tags__inner .help-block { color: #2c7cb0 } .control-group.error input, .error.purge-tags__inner input, .control-group.error select, .error.purge-tags__inner select, .control-group.error .select2-container, .error.purge-tags__inner .select2-container, .control-group.error .select2-choice, .error.purge-tags__inner .select2-choice, .control-group.error .select2-choice div, .error.purge-tags__inner .select2-choice div { border-color: #bf223c; color: #a01c32 } .control-group.error label, .error.purge-tags__inner label, .control-group.error .control-label, .error.purge-tags__inner .control-label { color: #bf223c } .control-group.error .help-inline, .error.purge-tags__inner .help-inline, .control-group.error .help-block, .error.purge-tags__inner .help-block { color: #bf223c } .control-group.success input, .success.purge-tags__inner input, .control-group.success select, .success.purge-tags__inner select, .control-group.success .select2-container, .success.purge-tags__inner .select2-container, .control-group.success .select2-choice, .success.purge-tags__inner .select2-choice, .control-group.success .select2-choice div, .success.purge-tags__inner .select2-choice div { border-color: #79c698; color: #333 } .control-group.success label, .success.purge-tags__inner label, .control-group.success .control-label, .success.purge-tags__inner .control-label { color: #46a46c } .control-group.success .help-inline, .success.purge-tags__inner .help-inline, .control-group.success .help-block, .success.purge-tags__inner .help-block { color: #46a46c } .control-group.warning input, .warning.purge-tags__inner input, .control-group.warning select, .warning.purge-tags__inner select, .control-group.warning .select2-container, .warning.purge-tags__inner .select2-container, .control-group.warning .select2-choice, .warning.purge-tags__inner .select2-choice, .control-group.warning .select2-choice div, .warning.purge-tags__inner .select2-choice div { border-color: #f4a15d; color: #e06d10 } .control-group.warning label, .warning.purge-tags__inner label, .control-group.warning .control-label, .warning.purge-tags__inner .control-label { color: #f4a15d } .control-group.warning .help-inline, .warning.purge-tags__inner .help-inline, .control-group.warning .help-block, .warning.purge-tags__inner .help-block { color: #f4a15d } .controls input, .controls select, .controls textarea { max-width: 100% } .controls .radio:only-child, .controls .checkbox:only-child { margin-bottom: 0 } .controls label, .control-label label { line-height: 1.3 } .input-stacked input, .input-stacked select, .input-stacked textarea, .input-stacked .select2-container { display: block; margin-bottom: 0 } .input-stacked input~input, .input-stacked input~select, .input-stacked input~.select2-container, .input-stacked select~input, .input-stacked select~select, .input-stacked select~.select2-container, .input-stacked textarea~input, .input-stacked textarea~select, .input-stacked textarea~.select2-container, .input-stacked .select2-container~input, .input-stacked .select2-container~select, .input-stacked .select2-container~.select2-container { margin-top: 0.4rem } .input-prepend, .input-append { font-size: 0; margin: 0 0 1rem; vertical-align: middle; white-space: nowrap; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .input-prepend input, .input-prepend select, .input-append input, .input-append select { font-size: 0.86667rem; margin: 0; position: relative; vertical-align: top; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0; border-radius: 0 2px 2px 0 } .input-prepend .btn, .input-prepend .btn-cancel, .input-prepend .add-on, .input-append .btn, .input-append .btn-cancel, .input-append .add-on { border-color: #bcbcbc; font-size: 0.86667rem; line-height: 1.4; height: 2.26667rem; margin: 0 -1px 0 0; min-width: 1.06667em; position: relative; text-align: center; width: auto; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .input-prepend .btn:first-child, .input-prepend .btn-cancel:first-child, .input-prepend .add-on:first-child, .input-append .btn:first-child, .input-append .btn-cancel:first-child, .input-append .add-on:first-child { -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px; border-radius: 2px 0 0 2px } .input-prepend .btn:last-child, .input-prepend .btn-cancel:last-child, .input-prepend .add-on:last-child, .input-append .btn:last-child, .input-append .btn-cancel:last-child, .input-append .add-on:last-child { -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0; border-radius: 0 2px 2px 0 } .input-prepend .add-on, .input-append .add-on { background-color: #dedede; border-width: 1px; border-style: solid; color: #7c7c7c; padding: 0.53333rem 0.66667rem } .input-prepend input:hover, .input-prepend input:active, .input-prepend input:focus, .input-prepend select:hover, .input-prepend select:active, .input-prepend select:focus, .input-prepend .add-on:hover, .input-prepend .add-on:active, .input-prepend .add-on:focus, .input-append input:hover, .input-append input:active, .input-append input:focus, .input-append select:hover, .input-append select:active, .input-append select:focus, .input-append .add-on:hover, .input-append .add-on:active, .input-append .add-on:focus { z-index: 5 } .input-append input, .input-append select { -moz-border-radius: 2px 0 0 2px; -webkit-border-radius: 2px; border-radius: 2px 0 0 2px } .input-append .btn, .input-append .btn-cancel, .input-append .add-on { margin-left: -1px; margin-right: 0 } .input-prepend.input-append input, .input-prepend.input-append select { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .input-prepend.input-append .btn, .input-prepend.input-append .btn-cancel, .input-prepend.input-append .add-on { margin-left: -1px; margin-right: 0 } .input-prepend.input-append .btn:first-child, .input-prepend.input-append .btn-cancel:first-child, .input-prepend.input-append .add-on:first-child { margin-left: 0; margin-right: -1px } .form-stacked .control-group>input[name]:only-of-type, .form-stacked .purge-tags__inner>input[name]:only-of-type, .form-stacked .control-group>select:only-of-type, .form-stacked .purge-tags__inner>select:only-of-type, .form-stacked .control-group>.select2-container:only-of-type, .form-stacked .purge-tags__inner>.select2-container:only-of-type { display: block; width: 100% } .form-stacked input[type="checkbox"], .form-stacked input[type="button"], .form-stacked input[type="submit"] { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .form-inline .btn, .form-inline .btn-cancel, .form-inline button, .form-inline label, .form-inline input, .form-inline select, .form-inline .help-inline { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-bottom: 0; margin-left: 0.4rem; vertical-align: middle } .form-inline .btn:first-child, .form-inline .btn-cancel:first-child, .form-inline button:first-child, .form-inline label:first-child, .form-inline input:first-child, .form-inline select:first-child, .form-inline .help-inline:first-child { margin-left: 0 } .form-inline input[type="radio"], .form-inline input[type="checkbox"] { float: none; margin: 0 0.2em 0 0 } .form-inline .radio, .form-inline .checkbox { padding-left: 0 } .ui-search { font-size: 1rem; position: relative } .ui-search input { padding-left: 2.5em } .ui-search .icon-search, .ui-search .clear-icon, .ui-search .icon-loading { font-size: 0.86667em; line-height: 1; padding: 0.8em; position: absolute } .ui-search .icon-search { color: #4d4d4d; position: absolute; top: 0; left: 0 } .ui-search .clear-icon { color: #bcbcbc; cursor: pointer; display: none; top: 0; right: 0 } .ui-search .clear-icon:hover { color: #a3a3a3 } .ui-search .clear-icon:active { color: #898989 } .ui-search .icon-loading { top: 0; right: 2.6em } .radio-group-jumbo { color: #7c7c7c; list-style: none; margin: 0; width: 100% } .radio-group-jumbo>li { margin: 0; padding: 0; position: relative } .radio-group-jumbo>li>* { background-color: #fcfcfc; padding: 1rem 3rem } .radio-group-jumbo>li>*+* { border-top: 1px solid #e6e6e6 } .radio-group-jumbo>li+li { border-left: 1px solid #e6e6e6 } .radio-group-jumbo>li:hover>* { background-color: #FFF; color: #333 } .radio-group-jumbo>li:hover label { background-color: #f6f6f6; color: #2c7cb0 } .radio-group-jumbo label { border-top: 0; cursor: pointer; display: block; margin: 0; padding: 1.5rem 1rem; position: relative; text-align: center } .radio-group-jumbo label:after { border: 0 solid transparent; border-top-color: #FFF; content: ''; display: block; height: 0; margin-left: 0; position: absolute; top: 100%; left: 50%; width: 0 } .radio-group-jumbo label+* { padding-top: 2rem } .radio-group-jumbo .list { text-align: left; margin: 0; padding: 0 } .radio-group-jumbo .list li { padding: 1rem 2.5rem } .radio-group-jumbo .list li+li { border-top: 1px solid #e6e6e6 } .radio-group-jumbo input[type="radio"] { position: absolute; top: 0; left: 0 } .radio-group-jumbo input[type="radio"]:checked~* { background-color: #FFF; color: #333 } .radio-group-jumbo input[type="radio"]:checked+label { background-color: #2c7cb0; color: #FFF; z-index: 1; -moz-transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08) } .radio-group-jumbo input[type="radio"]:checked+label:after { border-top-color: #2c7cb0; border-width: 16px; margin-left: -16px } .radio-group-jumbo input[type="radio"]:disabled+label { cursor: default; color: #7c7c7c } .radio-group-jumbo input[type="radio"]:disabled~* { background-color: #f7f7f7 } .radio-group-jumbo label, .radio-group-jumbo label:after, .radio-group-jumbo .list { } .password-strength { padding: 0.66667em 0 0; font-style: italic; font-size: 0.86667em } .password-strength p { margin-top: 0 } .password-strength p:last-child { color: #7c7c7c } .help-inline, .help-block { font-size: 0.86667rem } .help-inline:empty, .help-block:empty { display: none } .help-inline { display: inline; padding: 0 0.5em } .help-block { display: block; margin: 0 0 1em } .input-assist { font-size: 0.8rem; line-height: 2.26667rem; position: absolute; top: 0; right: 0.75em; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } input~.alert, select~.alert, form .alert { margin-top: 0.5em } .input-alert { position: relative } .input-alert:after { border: 10px solid transparent; border-bottom-color: inherit; content: ''; display: block; height: 0; position: absolute; top: -20px; left: 50%; margin-left: -10px; width: 0; -webkit-filter: drop-shadow(0 -1px 0px rgba(0, 0, 0, 0.6)); filter: drop-shadow(0 -1px 0px rgba(0, 0, 0, 0.6)) } .input-alert.alert-error:after { border-bottom-color: #bf223c } .input-alert.alert-success:after { border-bottom-color: #60bb85 } .input-alert.alert-warning:after { border-bottom-color: #f4a15d } .input-alert.alert-info:after { border-bottom-color: #2c7cb0 } .flexbox .input-prepend, .flexbox .input-append { display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .input-prepend input, .flexbox .input-prepend .select2-container, .flexbox .input-append input, .flexbox .input-append .select2-container { display: block; flex: 1 1 auto; -webkit-flex: 1 1 auto } .flexbox .input-prepend .btn, .flexbox .input-prepend .btn-cancel, .flexbox .input-prepend .add-on, .flexbox .input-append .btn, .flexbox .input-append .btn-cancel, .flexbox .input-append .add-on { display: block } .flexbox .input-prepend .add-on, .flexbox .input-append .add-on { max-width: 60%; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; flex: 1 0 auto; -webkit-flex: 1 0 auto } .flexbox .radio-group-jumbo { justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .radio-group-jumbo li { display: block; flex: 1 0 0; -webkit-flex: 1 0 0 } .ws-range, .ws-range *, .placeholder-box, .placeholder-text, .input-datetime-local, .input-buttons, .input-buttons *, .details-open-indicator, .ws-input-seperator, progress span.progress-value { margin: 0; padding: 0; border: none; width: auto; background: transparent none } output { position: relative } .placeholder-box { position: relative } .polyfill-important .placeholder-box { position: relative !important; display: inline-block !important; margin: 0 !important; padding: 0 !important; width: auto !important; height: auto !important } .placeholder-box-input { vertical-align: bottom } .placeholder-box-left { float: left } .placeholder-box-right { float: right } .placeholder-text { position: absolute; top: 0; left: 0; display: none; overflow: hidden; color: #999; line-height: 1; cursor: text } .polyfill-important .placeholder-text { margin: 0 !important; padding-right: 0 !important; padding-bottom: 0 !important; display: none !important } .placeholder-visible .placeholder-text, .placeholder-text.placeholder-visible { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .placeholder-box-input .placeholder-text { white-space: nowrap } .placeholder-visible { color: #999 } .placeholder-focused.placeholder-visible { color: #ccc } .polyfill-important .placeholder-visible .placeholder-text, .polyfill-important .placeholder-text.placeholder-visible { display: inline-block !important } .has-input-buttons { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .polyfill-important .has-input-buttons { display: inline-block !important } .input-buttons, .step-controls, .ws-popover-opener { zoom: 1; overflow: hidden; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 0; vertical-align: middle; margin-left: -20px } .no-arrows+.input-buttons { display: none } .step-controls, .ws-popover-opener { position: relative; float: left; margin: 0; height: 19px; width: 15px } .ws-popover-opener { cursor: pointer; overflow: visible; margin: 0; position: relative; width: 20px; zoom: 1 } .ws-popover-opener:hover { background: none; border-color: none; color: #a3a3a3 } .ws-popover-opener:before { content: '\f073'; font-size: 15px } .ws-popover-opener span { display: none } .polyfill-important .input-buttons { display: inline-block !important; padding: 0 !important; vertical-align: middle !important } .input-buttons.input-button-size-1.month-input-buttons, .input-buttons.input-button-size-1.date-input-buttons { margin-left: -24px } .input-buttons.input-button-size-2 { margin-left: -39px } .input-buttons.ws-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95 } .input-buttons.ws-disabled *, .input-buttons.ws-readonly * { cursor: default } .step-controls span { border: 4px solid transparent; position: absolute; left: 3px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; overflow: hidden; margin: 0 !important; padding: 0 !important; cursor: pointer; font-size: 0; line-height: 0; height: 0; width: 0 } .step-controls span:hover { border-bottom-color: #a3a3a3 } .step-controls span.mousepress-ui { border-bottom-color: #2c7cb0 } .ws-disabled .step-controls span { border-bottom-color: #c9c9c9 } .polyfill-important .step-controls span { display: inline-block !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important } .step-controls span.step-up { border-bottom-color: #bcbcbc; top: 0 } .step-controls span.step-down { border-top-color: #bcbcbc; top: 12px } .ws-input { letter-spacing: -0.31em; word-spacing: -0.43em } .ws-input>* { text-align: center; letter-spacing: normal; word-spacing: normal } .ws-input .ws-input-seperator { vertical-align: middle; width: 2%; overflow: hidden } .ws-input+.input-buttons { margin-left: 2px } .ws-input input, .ws-input .ws-input-seperator { text-align: center; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .polyfill-important .ws-input input, .polyfill-important .ws-input .ws-input-seperator { display: inline-block !important } .ws-date .mm, .ws-date .dd { width: 23.5% } .no-boxsizing .ws-date .mm, .no-boxsizing .ws-date .dd { width: 16% } .ws-date .yy { width: 48% } .no-boxsizing .ws-date .yy { width: 40% } .ws-month .mm, .ws-month .yy { width: 47.9% } .no-boxsizing .ws-month .mm, .no-boxsizing .ws-month .yy { width: 41% } .ws-range { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: middle; margin: 0; zoom: 1; height: 1px; width: 155px; border-radius: 1px; cursor: pointer; font-size: 0; line-height: 0; top: 12px } .ws-range:focus { outline: none } .polyfill-important .ws-range { display: inline-block !important; padding: 0 !important; font-size: 0 !important } .ws-range .ws-range-thumb { background-color: #7c7c7c; border: 1px solid #333; position: absolute; top: -1px; bottom: 0; left: 0; display: block; z-index: 4; overflow: hidden; margin: 0 0 0 -7px; height: 14px; width: 14px; cursor: pointer; outline: none; font-size: 0; line-height: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } .ws-range .ws-range-thumb:hover { border-color: #7c7c7c } .ws-range .ws-range-thumb:active { background-color: #333 } .ws-range.ws-focus .ws-range-thumb { background-position: -20px 1px } .ws-range.ws-active .ws-range-thumb { background-position: -37px 1px } .ws-range[aria-disabled="true"], .ws-range[aria-readonly="true"] { cursor: default; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95); opacity: 0.95 } .ws-range[aria-disabled="true"] .ws-range-thumb, .ws-range[aria-readonly="true"] .ws-range-thumb { cursor: default } .ws-range[aria-disabled="true"] .ws-range-thumb { background-position: -54px 1px } .ws-range .ws-range-rail { border-top: 1px solid #bcbcbc; position: absolute; top: -10px; bottom: 0; left: 5px; right: 5px; display: block; margin: 0; zoom: 1 } .ws-range .ws-range-min { position: absolute; top: -10px; left: 0; position: absolute !important; display: block; padding: 0 !important; height: 1px; z-index: 1; overflow: hidden; background: #f4a15d } .ws-range .ws-range-ticks { overflow: hidden; position: absolute; bottom: 0; left: 0; height: 4px; width: 1px; margin: 0 0 0 -1.5px; font-size: 0; line-height: 0; text-indent: -999px; background: #ccc } .ws-range.vertical-range { background: url('../assets/vertical-range.png?1528210613') center bottom no-repeat; width: 20px } .ws-range.vertical-range .ws-range-thumb { top: 0; left: 3px; bottom: auto; background: url('../assets/vertical-range.png?1528210613') 0 -51px no-repeat; margin: -6px 0 0 0; height: 11px; width: 22px } .ws-range.vertical-range .ws-range-thumb:hover, .ws-range.vertical-range.ws-focus .ws-range-thumb { background-position: 0 -34px } .ws-range.vertical-range.ws-active .ws-range-thumb { background-position: 0 -17px } .ws-range.vertical-range[aria-disabled="true"] .ws-range-thumb { background-position: 0 0 } .ws-range.vertical-range .ws-range-min { top: auto; bottom: 1px; left: 0; width: 1px; height: 0 } .ws-range.vertical-range .ws-range-rail { top: 5px; left: 0; right: 0; bottom: 5px } .ws-range.vertical-range .ws-range-ticks { bottom: auto; left: auto; right: 0; height: 1px; width: 4px } .ws-popover { display: block; visibility: hidden; overflow: hidden; position: absolute; top: 0; left: 0; padding: 0 6px; margin: 0 0 0 -6px; z-index: 1600; min-width: 90px; } .ws-popover button { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; overflow: visible; position: relative; margin: 0; border: 0; padding: 0; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; -moz-appearance: none; -webkit-appearance: none; font-family: arial, sans-serif; background: transparent; cursor: pointer } .ws-popover button::-moz-focus-inner { border: 0; padding: 0 } .ws-popover button[disabled] { cursor: default; color: #888 } .ws-popover.ws-po-visible { visibility: visible } .ws-po-outerbox { position: relative; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; padding: 11px 0 4px; } .ws-popover.ws-po-visible .ws-po-outerbox { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .ws-po-box { border: 1px solid #dedede; background: #FFF; padding: 0.5rem 1rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .ws-po-arrow { position: absolute; top: 4px; left: 20px; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #ccc; border-top: none; zoom: 1; font-size: 0 } html .ws-po-arrow { border-left-color: transparent; border-right-color: transparent } html .ws-po-arrow .ws-po-arrowbox { border-left-color: transparent; border-right-color: transparent } .polyfill-important .ws-po-arrow { border-left-color: transparent !important; border-right-color: transparent !important } .polyfill-important .ws-po-arrow .ws-po-arrowbox { border-left-color: transparent !important; border-right-color: transparent !important } * html .ws-po-arrow { display: none } .ws-po-arrow .ws-po-arrowbox { position: relative; top: 1px; left: -9px; display: block; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 7px solid #fefefe; border-top: none; z-index: 999999999 } .validity-alert { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 0.86667rem; margin: 0; padding: 0; z-index: 1000000000 } .validity-alert .ws-po-outerbox { padding: 6px 0 0 } .validity-alert .ws-po-box { background-color: #bf223c; border: 1px solid #a01c32; color: #FFF } .validity-alert .ws-po-arrow { border-bottom-color: #a01c32; top: 0 } .validity-alert .ws-po-arrow .ws-po-arrowbox { border-bottom-color: #bf223c } .ui-item .validity-alert { white-space: nowrap } .input-picker { outline: none; text-align: center; font-family: sans-serif; width: 300px } .input-picker.ws-size-2 { width: 538px } .input-picker.ws-size-3 { width: 796px } .input-picker abbr[title] { cursor: help } .input-picker li, .input-picker button { font-size: 0.86667em; line-height: 1.25; color: #000; } .input-picker .ws-focus, .input-picker :focus { outline: 1px solid #2c7cb0 } .input-picker .ws-po-box { position: relative; padding: 0; -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); box-shadow: 0 0 6px rgba(0, 0, 0, 0.1); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .input-picker .ws-prev, .input-picker .ws-next { position: absolute; top: 0; right: 0; padding: 0; width: 40px; height: 40px; z-index: 1 } .input-picker .ws-prev:after, .input-picker .ws-next:after { border: 6px solid transparent; border-left-color: #333; content: ''; position: absolute; top: 50%; left: 50%; margin-left: -3px; margin-top: -6px } .input-picker .ws-prev span, .input-picker .ws-next span { display: none } .input-picker .ws-picker-body { position: relative; padding: 40px 0 0; zoom: 1 } .input-picker .ws-prev { left: 0; right: auto } .input-picker .ws-prev:after { border-left-color: transparent; border-right-color: #333; margin-left: -10px } .input-picker .ws-button-row { position: relative; margin: 10px 0 0; border-top: 1px solid #dedede; text-align: left; z-index: 2 } .input-picker .ws-button-row button { padding: 10px } .input-picker .ws-button-row button.ws-empty { float: right } .input-picker[data-currentview="setMonthList"] .ws-picker-header select { max-width: 95% } .input-picker[data-currentview="setDayList"] .ws-picker-header select { max-width: 40% } .input-picker[data-currentview="setDayList"] .ws-picker-header select.month-select { max-width: 55% } .input-picker .ws-picker-header { position: absolute; top: -30px; left: 0; right: 0; margin: 0 40px } .input-picker .ws-picker-header button { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 100%; margin: 0; padding: 4px 0; font-weight: 700 } .input-picker .ws-picker-header button:hover { text-decoration: underline } .input-picker .ws-picker-header button[disabled]:hover { text-decoration: none } .input-picker .picker-grid { position: relative; zoom: 1; overflow: hidden } .input-picker.ws-size-1 .picker-list { float: none; width: auto } .input-picker .picker-list { position: relative; zoom: 1; width: 238px; float: left; margin: 0 10px } .input-picker .picker-list tr { border: 0 } .input-picker .picker-list th, .input-picker .picker-list td { padding: 3px 5px } .input-picker .picker-list.day-list td { padding: 2px 1px } .input-picker .picker-list td button { display: block; width: 100% } .input-picker .picker-list td button.othermonth { color: #7c7c7c } .input-picker .picker-list table { width: 100%; border: 0 none; border-collapse: collapse } .input-picker .picker-list th, .input-picker .picker-list td.week-cell { font-size: 0.86667em; line-height: 1.1em; padding-bottom: 3px; text-transform: uppercase; font-weight: 700 } .input-picker .picker-list th, .input-picker .picker-list td { width: 14.2856% } .input-picker .ws-options { margin: 10px 0 0; border-top: 1px solid #dedede; padding: 10px 0 0; text-align: left } .input-picker .ws-options h5 { margin: 0 0 5px; padding: 0; font-size: 0.93333em; font-weight: bold } .input-picker .ws-options ul, .input-picker .ws-options li { padding: 0; margin: 0; list-style: none } .input-picker .ws-options button { display: block; padding: 2px 0; width: 100%; text-align: left } .input-picker .ws-options button.ws-focus, .input-picker .ws-options button:focus, .input-picker .ws-options button:hover { text-decoration: underline } .input-picker .ws-options button[disabled], .input-picker .ws-options button[disabled].ws-focus, .input-picker .ws-options button[disabled]:focus, .input-picker .ws-options button[disabled]:hover { color: #7c7c7c; text-decoration: none } datalist { display: none } .datalist-polyfill { position: absolute !important; font-size: 100% } .datalist-polyfill .datalist-box { position: relative; max-height: 200px; overflow: hidden; overflow-x: hidden !important; overflow-y: auto } .datalist-polyfill .ws-po-box { padding: 0 } .datalist-polyfill ul, .datalist-polyfill li { font-size: 100%; list-style: none !important } .datalist-polyfill ul { position: static !important; overflow: hidden; margin: 0; padding: 0; height: auto !important; background-color: #FFF; color: #333 } .datalist-polyfill li { margin: 0; padding: 0.25em 0.5em; cursor: default; zoom: 1; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; background-color: #FFF; } .datalist-polyfill mark { font-weight: normal; font-style: normal } .datalist-polyfill .option-value { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 100%; color: #333; float: left; } .datalist-polyfill .option-label { display: none; max-width: 100%; float: right; font-size: 90%; color: #7c7c7c; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; vertical-align: bottom; margin-top: 0.15em; margin-left: 10px; text-align: right; } .datalist-polyfill .has-option-label .option-label { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .datalist-polyfill .hidden-item { display: none !important } .datalist-polyfill .active-item { background-color: #2c7cb0; cursor: default } .datalist-polyfill .active-item .option-value { color: #FFF } .datalist-polyfill .active-item .option-label { color: #dedede } progress { border: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 12px; position: relative; width: auto; -moz-appearance: none; -webkit-appearance: none } progress[data-position] { background: #e6e6e6; border: none; vertical-align: -0.2em } progress>* { display: none } progress span.progress-value { background: #2c7cb0; display: block !important; position: absolute; top: 0; bottom: 0; left: 0; height: 100% } progress[aria-valuenow] span.progress-value { background: #2c7cb0 } progress::-webkit-progress-bar { background-color: #e6e6e6; color: #e6e6e6 } progress::-webkit-progress-value { background-color: #2c7cb0; color: #2c7cb0; } progress::-moz-progress-bar { background-color: #2c7cb0; color: #2c7cb0 } progress:indeterminate { background-color: #f4a15d; color: #f4a15d } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) { .proxy .cloud:before, .proxy .cloud:after { background-image: url('../assets/icons_2x-s6333fe7591.png'); -moz-background-size: 170px, auto; -o-background-size: 170px, auto; -webkit-background-size: 170px, auto; background-size: 170px, auto } } @media screen and (min-width: 49.2em) { form .columns.two>.column, form .columns.cols-2>.column, form .columns.four>.column, form .columns.cols-4>.column { padding-left: 0; padding-right: 0.45714em; width: 50% } form .columns.two>.column:nth-child(even), form .columns.cols-2>.column:nth-child(even), form .columns.four>.column:nth-child(even), form .columns.cols-4>.column:nth-child(even) { padding-left: 0.45714em; padding-right: 0 } .form-horizontal legend { padding-left: 30%; width: 70% } .form-horizontal .control-label { color: #333; float: left; font-size: 0.86667rem; margin-bottom: 0; padding: 0.6em 1.5rem 0.46667em 0; text-align: right; width: 30%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .form-horizontal .control-label label { display: block } .form-horizontal .checkbox-label { padding-top: 0 } .form-horizontal .controls { margin-left: 30%; width: 70% } .form-horizontal .controls .columns { overflow: hidden } } .label, .badge { background-color: #7c7c7c; color: #FFF; font-size: 0.86667rem; font-weight: 600; line-height: 1rem; padding: 0.26667em 0.4em; vertical-align: baseline; white-space: nowrap; text-transform: uppercase; -webkit-text-stroke: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .label:empty, .badge:empty { display: none } .label { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .badge { padding-left: 0.4em; padding-right: 0.4em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } .label-error, .label-important { background-color: #bf223c } .label-error[href], .label-important[href] { background-color: #a01c32 } .label-warning { background-color: #f4a15d } .label-warning[href] { background-color: #e06d10 } .label-success { background-color: #79c698 } .label-success[href] { background-color: #46a46c } .label-info { background-color: #2c7cb0 } .label-info[href] { background-color: #276d9b } .label-inverse { background-color: #333 } .label-inverse[href] { background-color: #000 } .badge-error, .badge-important { background-color: #bf223c } .badge-error[href], .badge-important[href] { background-color: #a01c32 } .badge-warning { background-color: #f4a15d } .badge-warning[href] { background-color: #e06d10 } .badge-success { background-color: #79c698 } .badge-success[href] { background-color: #46a46c } .badge-info { background-color: #2c7cb0 } .badge-info[href] { background-color: #276d9b } .badge-inverse { background-color: #333 } .badge-inverse[href] { background-color: #000 } .badge-reverse { background-color: transparent; border: 1px solid #7c7c7c; color: #7c7c7c; text-shadow: none } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #FFF; cursor: pointer; text-decoration: none } .btn .label, .btn-cancel .label, .btn .badge, .btn-cancel .badge { position: relative; top: -1px } .btn-mini .label, .btn-mini .badge { top: 0 } .ui-item { position: relative; max-width: 100%; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .ui-item+.ui-item, .ui-item+.btn, .ui-item+.btn-cancel { margin-left: 0.4rem } .ui-item select, .ui-item .select2-container { width: 100% } .ui-item input, .ui-item select { margin-bottom: 0 } .ui-block { display: block; margin-bottom: 1em } .ui-group, .btn-group { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 0; position: relative; vertical-align: middle; white-space: nowrap } .ui-group+.ui-group, .ui-group+.btn-group, .ui-group+.ui-item, .btn-group+.ui-group, .btn-group+.btn-group, .btn-group+.ui-item { margin-left: 0.4rem } .ui-group>.btn, .ui-group>.btn-cancel, .ui-group>.dropdown-menu, .ui-group>.popover, .ui-group>.select2-container, .ui-group>.ui-item, .btn-group>.btn, .btn-group>.btn-cancel, .btn-group>.dropdown-menu, .btn-group>.popover, .btn-group>.select2-container, .btn-group>.ui-item { font-size: 0.93333rem; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .ui-item:empty, .ui-group:empty, .btn-group:empty { display: none } .ui-item>input, .ui-group>input, .btn-group>input { font-size: 0.86667rem; margin-bottom: 0 } .ui-toolbar { display: block; font-size: 0; margin-bottom: 0.66667rem; margin-top: 0.66667rem } .ui-toolbar .btn+.ui-item, .ui-toolbar .btn-cancel+.ui-item, .ui-toolbar .btn+.ui-group, .ui-toolbar .btn-cancel+.ui-group, .ui-toolbar .btn+.btn-group, .ui-toolbar .btn-cancel+.btn-group, .ui-toolbar .ui-group+.btn, .ui-toolbar .ui-group+.btn-cancel, .ui-toolbar .ui-group+.btn-group, .ui-toolbar .btn-group+.btn, .ui-toolbar .btn-group+.btn-cancel, .ui-toolbar .btn-group+.ui-item, .ui-toolbar .ui-item+.btn, .ui-toolbar .ui-item+.btn-cancel, .ui-toolbar .ui-item+.btn-group, .ui-toolbar .ui-item+.ui-group { margin-left: 0.4rem } .ui-toolbar>.btn, .ui-toolbar>.btn-cancel, .ui-toolbar>.dropdown-menu, .ui-toolbar>.popover, .ui-toolbar>.select2-container, .ui-toolbar>.ui-item { font-size: 0.93333rem; margin-bottom: 0 } .ui-toolbar>select, .ui-toolbar>input { font-size: 13px; margin-bottom: 0 } .ui-toolbar>i { height: 2.26667rem } .btn-group>.btn, .btn-group>.btn-cancel { position: relative; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .btn-group>.btn:hover, .btn-group>.btn-cancel:hover, .input-picker .picker-list td .btn-group>button.checked-value, .btn-group>.btn:focus, .btn-group>.btn-cancel:focus, .btn-group>.btn:active, .btn-group>.btn-cancel:active, .btn-group>.btn.active, .btn-group>.active.btn-cancel { z-index: 5 } .btn-group>.btn:first-of-type:not(:last-child), .btn-group>.btn-cancel:first-of-type:not(:last-child) { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px } .btn-group>.btn:last-of-type:not(:first-child), .btn-group>.btn-cancel:last-of-type:not(:first-child) { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px } .btn-group>.btn+.btn, .btn-group>.btn-cancel+.btn, .btn-group>.btn+.btn-cancel, .btn-group>.btn-cancel+.btn-cancel, .btn-group>.btn+.btn-group, .btn-group>.btn-cancel+.btn-group { margin-left: -1px } .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-cancel { margin-left: -1px } .btn-group-vertical>.btn, .btn-group-vertical>.btn-cancel { display: block; float: none; margin: 0.4rem auto; max-width: 100% } .slider-nav-container { display: table; list-style: none; margin: 0; padding: 0; table-layout: fixed; width: 100% } .slider-nav-list, .slider-nav-prev, .slider-nav-next, .slider-nav-sticky { display: table-cell; white-space: nowrap } .slider-nav-sticky { white-space: normal } .slider-nav-list { overflow: hidden } .slider-nav-prev, .slider-nav-next { vertical-align: top; width: 3rem } .slider-nav-prev .btn, .slider-nav-prev .btn-cancel, .slider-nav-next .btn, .slider-nav-next .btn-cancel { height: 2.4rem; line-height: 2.4rem; margin-top: 0.4rem; padding: 0; text-align: center; width: 2.4rem } .slider-nav-next { text-align: right } .icon-nav-list { display: block; font-size: 0; list-style: none; margin: 0; max-width: 100%; padding: 0; position: relative; text-overflow: clip; text-align: left; width: 100%; white-space: nowrap; } .icon-item { font-size: 1rem; text-align: center; width: 4.2rem; white-space: normal; display: inline-block; vertical-align: top; *vertical-align: auto; *zoom: 1; *display: inline } .icon-item:hover .icon { background-color: #276d9b; border-color: transparent } .icon-item a { color: #333; display: block; font-size: 0.8rem; line-height: 1.2; margin: 0 auto; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-bottom: 0.26667em; position: relative } .icon-item .icon, .icon-item.empty i { background-color: #2c7cb0; background-position: center; background-repeat: no-repeat; border: 4px solid transparent; color: #FFF; display: block; font-size: 2.02666rem; height: 3.2rem; line-height: 2.8rem; margin: 0 auto 0.8rem auto; overflow: hidden; width: 3.2rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-item .custom-icon { background-color: #bcbcbc; border-color: transparent } .icon-item.empty .icon, .icon-item.empty a:hover .icon { background-color: #dedede; border-color: #dedede } .icon-item.empty a { cursor: default } .icon-item.empty .icon:before, .icon-item.empty .icon:after { content: '' } .icon-item .badge { position: absolute; top: 2.2rem; right: -0.2em } .icon-item.active .icon { background-color: #1d5072; border-color: transparent } .icon-item.active .icon-svg .svg-main { fill: #FFF } .icon-item.active .icon-title { color: #000 } .icon-item.loading .icon { position: relative } .icon-item.loading .icon:after { background: white; content: ''; display: block; font-size: 60%; height: 25%; position: absolute; top: 50%; left: 50%; margin-left: -12.5%; margin-top: -12.5%; width: 25%; } .icon-item.loading .icon-svg { -moz-transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); transform: scale(0) } .icon-item.loading .icon-title { color: #dedede } .icon-item.disabled .icon { background-color: #7c7c7c; border-color: #7c7c7c } .icon-item.disabled .icon-svg .svg-main { fill: #FFF } .icon-item.disabled .icon-title { color: #7c7c7c } .icon-item.disabled a { cursor: default } .icon-item.reverse .icon { background-color: transparent; border-color: transparent } .icon-item.reverse .icon-svg .svg-main { fill: #2c7cb0 } .icon-item.reverse .icon-title { color: #7c7c7c } .icon-item.reverse a { cursor: default } .icon-svg { } .icon-svg .svg-main { } .icon-svg .svg-main { fill: #FFF } .flexbox .slider-nav-container { align-content: flex-start; -webkit-align-content: flex-start; align-items: flex-start; -webkit-align-items: flex-start; display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .slider-nav-container>* { display: block } .flexbox .slider-nav-container .slider-nav-list { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-grow: 10; -webkit-flex-grow: 10 } @media screen and (min-width: 15.6em) { .slider-nav-next, .slider-nav-prev { display: none } } @media screen and (min-width: 49.2em) { .icon-item { width: 4.23333rem } .slider-nav-next, .slider-nav-prev { display: table-cell } } @media screen and (min-width: 66em) { .icon-item { width: 4.8278rem } .no-arrows .slider-nav-next, .no-arrows .slider-nav-prev { display: none } .no-arrows .icon-nav-list { display: -ms-flexbox; display: -webkit-flex; display: flex } .no-arrows .icon-item { flex-grow: 1 } .no-arrows .icon-item.empty { display: none } } .pagination .btn, .pagination .btn-cancel { background-color: transparent; border-color: transparent; color: #2c7cb0; padding-left: 0.5em; padding-right: 0.5em } .pagination .btn:hover, .pagination .btn-cancel:hover, .pagination .input-picker .picker-list td button.checked-value, .input-picker .picker-list td .pagination button.checked-value { background-color: transparent; border-color: transparent; color: #f4a15d } .pagination .btn.active, .pagination .active.btn-cancel, .pagination .btn:active, .pagination .btn-cancel:active { background-color: transparent; border-color: transparent; color: #a1a1a1 } .pagination .btn.inactive, .pagination .inactive.btn-cancel, .pagination .btn.disabled, .pagination .disabled.btn-cancel, .pagination .btn.loading, .pagination .loading.btn-cancel, .pagination .btn[disabled], .pagination [disabled].btn-cancel { background-color: transparent; border-color: transparent; color: #a1a1a1 } .pagination .btn+.pagination-set, .pagination .btn-cancel+.pagination-set, .pagination .pagination-set+.btn, .pagination .pagination-set+.btn-cancel { margin-left: 0.4rem } .pagination li+li { margin-left: 0.4rem } .pagination .num-break { color: #a1a1a1; cursor: default; padding-left: 0; padding-right: 0 } .pagination .pagination-info { font-size: 0.86667rem; padding-left: 1em } .pagination, .pagination ol, .pagination ul, .pagination li { list-style: none; margin: 0; padding: 0 } .pagination ol, .pagination ul, .pagination li { display: inline; font-size: 0 } .caret { border: 0.33333em solid transparent; border-top-color: inherit; content: ""; height: 0; width: 0; vertical-align: top; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .dropup, .dropdown { position: relative } .dropup .caret, .dropdown .caret { margin-top: 0.25em; margin-left: 0.13333em } .dropup .caret { border-top-color: transparent; border-bottom-color: inherit } .dropdown-toggle:active, .open .dropdown-toggle { outline: 0 } .dropdown-menu { background-color: #FFF; border: 1px solid #dedede; display: none; float: left; list-style: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; top: 102%; left: 0; margin: 5px 0 0; min-width: 10.66667rem; padding: 0.33333rem 0; text-align: left; z-index: 1040; *border-right-width: 2px; *border-bottom-width: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box; } .dropdown-menu:before { border: 10px solid transparent; border-bottom-color: #FFF; content: ''; position: absolute; top: -20px; left: 1rem; height: 0; width: 0 } .dropdown-menu.pull-right { right: 0; left: auto } .dropdown-menu.pull-right:before { left: auto; right: 1rem } .dropdown-menu .divider { background-color: #dedede; height: 1px; margin: 0.53333rem 0; overflow: hidden } .dropdown-menu li>a { clear: both; display: block; line-height: 1.5; padding: 0.2rem 1.06667rem; white-space: nowrap } .dropdown-menu li>a:hover, .dropdown-menu li>a:focus, .dropdown-menu li>a:active { color: #FFF } .dropdown-menu li>a:hover { background-color: #2c7cb0 } .dropdown-menu li>a:focus { background-color: #54a2d4 } .dropdown-menu li>a:active { background-color: #0d2636 } .dropdown-menu li>a.disabled { color: #7c7c7c; cursor: default; background-color: inherit } .open .dropdown-menu { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1 } .menu-sidebar { list-style: none; margin: 0; padding: 0 } .menu-sidebar li { background: #FFF } .menu-sidebar li a { display: block } .menu-sidebar li.active>a, .menu-sidebar a:hover { background-color: #2c7cb0; color: #FFF } .menu-sidebar li.active>a:after, .menu-sidebar a:hover:after { border-left-color: #FFF } .menu-sidebar>li { -moz-background-clip: border; -o-background-clip: border-box; -webkit-background-clip: border; background-clip: border-box } .menu-sidebar>li+li { margin-top: 1px } .menu-sidebar>li:first-child, .menu-sidebar>li:first-child>a { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px } .menu-sidebar>li:last-child, .menu-sidebar>li:last-child>a { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px } .menu-sidebar>li>a { padding: 1rem 2rem 1rem 1rem; position: relative } .menu-sidebar>li>a:after { border: 0.4rem solid transparent; border-left-color: #2c7cb0; content: ''; display: block; height: 0; margin-top: -0.4rem; position: absolute; top: 50%; right: 0.75rem; width: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .menu-sidebar>li.current-menu-ancestor>a:after { border-left-color: transparent; border-top-color: #FFF; margin-top: -0.3rem } .menu-sidebar+.menu-sidebar { margin-top: 1.5rem } .sub-menu { overflow: hidden; margin: 0; padding: 0 } .sub-menu li:last-child { padding-bottom: 0.75rem } .sub-menu a { padding: 0.25rem 2rem } .sub-menu li.active>a, .sub-menu a:hover { background-color: #318ac4 } .sub-menu .sub-menu li:last-child { padding-bottom: 0 } .sub-menu .sub-menu a { padding-left: 3rem } .sub-menu .sub-menu a:before { content: '\21B3'; padding-right: 0.26667rem } .js .menu-sidebar .sub-menu { display: none } .js .menu-sidebar .active>.sub-menu { display: block } .logo { background: transparent url('/logo.svg') center no-repeat; width: 93.8px; height: 40px; overflow: hidden; text-indent: -9999em; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .logo.icon-only { background: transparent url('/logo.svg') center no-repeat; width: 133px } .close { color: #7c7c7c; cursor: pointer; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 2.3rem; float: right; height: 1.5rem; line-height: 0.6; overflow: hidden; position: relative; text-indent: 200%; width: 1.5rem; } .close:hover { color: #636363 } .close:before { content: '\00D7'; position: absolute; top: 0; left: 0; height: 100%; text-align: center; text-indent: 0; width: 100% } .cf-proxied, .cf-unproxied, .cf-unproxiable { background: transparent url('../assets/icons-seee324dde5.png') no-repeat; cursor: pointer; overflow: hidden; padding: 0; text-indent: 200%; height: 34px; width: 55px; background-position: 0 -82px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .cf-unproxied { background-position: 0 -150px; height: 34px; width: 55px } .cf-unproxiable { background-position: 0 -116px; height: 34px; width: 55px } @media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .logo, .cf-proxied, .cf-unproxied { background-image: url('../assets/icons_2x-s6333fe7591.png'); -moz-background-size: 170px, auto; -o-background-size: 170px, auto; -webkit-background-size: 170px, auto; background-size: 170px, auto } } .header { background-color: #f9f9f9; border-bottom: 1px solid #ddd; color: #FFF; height: 60px; margin: 0 0 1em 0; padding: 0; position: relative; top: 0; z-index: 1000 } .gradient-bar-header { position: absolute; top: 0; left: 0; height: 3px; width: 100%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuMCIgeDI9IjEuMCIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxNjk3NSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y2OTI1OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(315deg, #f16975, #f69259); background-image: -webkit-linear-gradient(315deg, #f16975, #f69259); background-image: linear-gradient(135deg, #f16975, #f69259); z-index: 1201 } .header-main { top: 3px } .header-main .zone-picker .btn, .header-main .zone-picker .btn-cancel { font-size: 1.2rem } .header-main .btn, .header-main .btn-cancel { font-size: 0.93333rem } .logo-navigation { list-style-type: none; margin: 0; padding: 0 } .logged-out { margin-top: 0; position: absolute; top: 0.5rem } .logo-header.logo { background: transparent url('/logo.svg') center no-repeat; min-width: 133px } .header-navigation { display: none; font-size: 0.93333rem; margin-right: 1.5rem } .header-navigation li { position: relative } .header-navigation li.btn, .header-navigation li.btn-cancel { padding: 0 } .header-navigation a { color: #FFF; display: block; padding: 0.46667rem 1rem } .header-navigation a:hover { background-color: #4d4d4d } .icon-menu { cursor: pointer; height: 60px; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: 200%; width: 60px; white-space: nowrap } .icon-menu:before { background: transparent url('../assets/icons-seee324dde5.png') 0 0 no-repeat; content: ''; display: block; height: 20px; position: absolute; top: 50%; left: 50%; margin-left: -10px; margin-top: -10px; width: 100% } .mobile-navigation { opacity: 0; width: 70%; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 1.3dppx) { .logo.logo-header { background: transparent url('/logo.svg') center no-repeat } } @media screen and (min-width: 49.2em) { .mobile-navigation { display: none } .header { background-color: #f9f9f9; border-bottom: 1px solid #ddd; height: 60px; color: #333; margin-bottom: 2.66667rem } .header a:hover, .header li.active a { color: #333 } .header .menu li:hover .sub-menu { display: block } .header-main { background-color: #f9f9f9; border-bottom: 1px solid #ddd } .logo.logo-header { background: transparent url('/logo.svg') center no-repeat; position: absolute; top: 0.5rem; left: 0%; margin-left: 0px; margin-top: 0 } .logo-header { margin: 4.95px auto 0 } .header-navigation { display: block; text-align: center; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } .header-navigation .menu>li { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .header-navigation a { color: #2c7cb0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .header-navigation a:hover { background-color: transparent } .header-navigation .dropdown--single-page-table .table-meta { display: none } .header-navigation .dropdown-menu { margin-top: 0; text-align: right; top: 100%; min-width: 100%; padding: 0; } .header-navigation .dropdown-menu:before { display: none } .header-navigation .dropdown-menu .pagination>ul { white-space: nowrap } .header-navigation .dropdown-menu .pagination li { display: inline-block } .header-navigation .dropdown-menu .table-pagination { padding-top: 0.5em; padding-bottom: 0.3em } .header-navigation .dropdown-menu .table-content { background-color: white } .header-navigation .dropdown-menu .search-box { padding: 0; border-bottom: 1px solid #dedede } .header-navigation .dropdown-menu .search-box input { border: none } .header-navigation .dropdown-menu .search-box .clear-icon { right: 1em } .header-navigation .dropdown-menu .table { margin-bottom: 0.5em } .header-navigation .dropdown-menu .table thead { display: none } .header-navigation .dropdown-menu .table td { color: #2c7cb0; cursor: pointer; text-align: right; padding: 0.5em 1em; white-space: nowrap } .header-navigation .dropdown-menu .table-meta { border-top: 1px solid #dedede; background-color: #f7f7f7 } .header-navigation .dropdown-menu .divider { margin: 0 } .header-navigation .dropdown-menu .pagination-info { white-space: nowrap; padding-right: 1em } .header-navigation .dropdown-menu .logout { padding-top: 0.5em; padding-bottom: 0.5em } .header-navigation .dropdown-menu .dropdown-link a { padding: 0 } .header-navigation .open .dropdown-toggle { background-color: #333; color: #FFF; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0 } li.combo-action a { padding-right: 0.26667em } li.combo-action a+a { padding-left: 0 } li.combo-action .icon { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding-top: 0.5rem } } @media only screen and (min-width: 49.2em) and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min-wdith: 49.2em) and (-o-min-device-pixel-ratio: 2.6 / 2), only screen and (min-wdith: 49.2em) and (min--moz-device-pixel-ratio: 1.3), only screen and (min-wdith: 49.2em) and (min-device-pixel-ratio: 1.3), only screen and (min-wdith: 49.2em) and (min-resolution: 1.3dppx) { .logo.logo-header { background: transparent url('/logo.svg') center no-repeat; position: absolute; top: 0.5rem; left: 0%; margin-left: 0px; margin-top: 0 } } @media screen and (min-width: 66em) { .header { text-align: left } .logo-header { float: left } .header-navigation { float: right; line-height: 31px; text-align: left } .header-navigation li { line-height: 1.5; vertical-align: middle } } @media screen and (max-width: 49.2em) { .site-wrapper { background-color: #e6e6e6; min-height: 100%; position: relative; width: 100%; z-index: 2; -moz-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: -5px 0 10px rgba(0, 0, 0, 0.4); box-shadow: -5px 0 10px rgba(0, 0, 0, 0.4); } .leftnav-active, .rightnav-active { height: 100% } .leftnav-active .mobile-navigation, .rightnav-active .mobile-navigation { opacity: 1; } .leftnav-active, .leftnav-active .site-wrapper, .rightnav-active, .rightnav-active .site-wrapper { overflow: hidden } .leftnav-active .site-wrapper { -moz-transform: translate(70%, 0); -ms-transform: translate(70%, 0); -webkit-transform: translate(70%, 0); transform: translate(70%, 0) } .rightnav-active .site-wrapper { width: 100%; -moz-transform: translate(-70%, 0); -ms-transform: translate(-70%, 0); -webkit-transform: translate(-70%, 0); transform: translate(-70%, 0) } } #header.app-header { height: auto } .app-header .icon-only.logo-header { margin-left: 60px } .zone-picker { height: 60px; padding: 1rem 0; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .zone-picker select, .zone-picker .select2-container { width: 100% } .zone-picker .plan-name { display: none } .icon.activate-flyout-menu { color: #333; display: block; font-size: 1.33em; height: 60px; position: absolute; top: 0; left: 0; line-height: 60px; text-align: center; width: 60px } .icon.activate-flyout-menu:hover { color: #f4a15d } .icon.activate-flyout-menu:focus { color: #e06d10; outline: none } .icon.activate-flyout-menu.active, .icon.activate-flyout-menu:active { color: #333 } .apps-nav { background-color: #FFF; display: none; position: relative; z-index: 2 } .apps-nav-add .icon { background-color: #46a46c; border-color: #46a46c } .apps-nav-add:hover .icon { background-color: #46a46c; border-color: #3b8b5c } .app-current { background-color: rgba(230, 230, 230, 0.9); border-bottom: 1px solid #cdcdcd; border-top: 3px solid transparent; display: none; left: 0; position: fixed; top: 0; width: 100%; z-index: 1 } .app-current:empty { display: none } .app-current .wrapper { padding: 0.75em 0 } .app-current .icon { background-color: #2c7cb0; height: 2em; margin-right: 0.5em; width: 2em } .app-current .icon, .app-current .icon-title { vertical-align: middle } @media screen and (min-width: 49.2em) { #header.app-header { margin-bottom: 0 } .app-header .logo.logo-header { position: absolute; top: 0.5rem; left: 0; margin-left: 0 } .icon.activate-flyout-menu { display: none } .header-navigation { float: none; text-align: right } .header-navigation a { padding: 0.5rem } .header-navigation .user-display-name { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; max-width: 8em; vertical-align: middle; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .header-main { background-color: #f9f9f9; height: 60px; position: relative; width: 100%; z-index: 1200; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .adjustable-site-content { } .apps-nav { display: block; margin-bottom: 2.5em } .apps-nav-container { background-color: #FFF; padding: 1.33333rem 0 0.66667rem 0; position: relative } .zone-picker { float: left; padding: 0; margin-left: 135px; max-width: 40% } .zone-picker .plan-name { display: table-cell } .app-current { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; top: 60px; } .app-current:empty { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; pointer-events: none } .zone-picker, .header-navigation { line-height: 42px } .sticky-header { padding-top: 60px } .sticky-header .gradient-bar-header { position: fixed; top: 0 } .sticky-header .header-main { left: 0; height: 60px; position: fixed; top: 3; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) } } @media screen and (min-width: 66em) { .header-navigation li { line-height: inherit } .header-navigation .user-display-name { max-width: 15em } } @media screen and (max-width: 49.2em) { .app-header { margin-bottom: 1em } .app-header .wrapper { width: 100% } ul.logo-navigation li { border-bottom: 1px solid #ddd } ul.logo-navigation li a.mobile-only { border-right: 1px solid #ddd } ul.logo-navigation li a.logo-header { margin-top: 0.85rem; margin-bottom: 0.35rem; margin-left: 5rem; min-width: 12rem; background: transparent url('../assets/logo-flat.svg?1528210613') 0 0 no-repeat } ul.logo-navigation li .zone-picker { height: 54px; padding: 1rem 1rem 1.5rem 1rem; margin-bottom: 1rem; border: 0px } ul.logo-navigation li .zone-picker .zones-picker { border: 1px solid #ddd; height: 40px } ul.logo-navigation li .zone-picker .zones-picker a.current-zone { padding-top: 0.43rem } ul.logo-navigation li:last-child { border-bottom: 0 !important } .current-zone { margin: 0 auto 0 0; width: 100% } .apps-nav { background-color: transparent } .mobile-navigation { background-color: #333; display: block; height: 100%; left: 0; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: fixed; top: 0; z-index: 1; -webkit-overflow-scrolling: auto } .mobile-navigation [role="navigation"] { bottom: auto; display: block; left: auto; margin: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; padding: 0; position: relative; top: auto; right: auto; width: 100% } .mobile-navigation, .mobile-navigation a { color: #e6e6e6 } .mobile-navigation .slider-nav-prev, .mobile-navigation .slider-nav-next, .mobile-navigation .slider-nav-sticky { display: none } .mobile-navigation .icon-nav-list { white-space: normal } .mobile-navigation .icon-nav-list li { border-bottom: 1px solid #404040 } .mobile-navigation .icon-nav-list li:nth-child(odd) { border-right: 1px solid #404040 } .mobile-navigation .icon-item { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 50% } .mobile-navigation .icon-item.empty { display: none } .mobile-navigation .icon-item a { padding: 1.5em 1em; width: 100% } .mobile-navigation .icon-item, .mobile-navigation .icon-item a { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .mobile-navigation .icon-item.active .icon-title { color: #FFF } .mobile-navigation .icon-title { display: block; font-size: 1.2em; height: 1.4em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100% } .mobile-navigation .menu { border-top: 1px solid #404040; margin-top: -1px } .mobile-navigation .menu li+li { border-top: 1px solid #404040 } .mobile-navigation .menu a { padding: 1em 1.5em } .mobile-navigation .icon-item.active a, .mobile-navigation .menu li.active a { background-color: #404040 } .mobile-navigation .icon-item.disabled .icon { background-color: #404040; border-color: #262626 } .mobile-navigation .icon-item.disabled .icon .svg-main { fill: #262626 } .mobile-navigation .icon-item.disabled .icon .svg-alt { fill: #4d4d4d } .mobile-navigation .icon-item.disabled .icon .svg-bg-fill { fill: #666 } .mobile-navigation .icon-item.reversed .icon { background-color: transparent; border-color: transparent } .mobile-navigation .icon-item.reversed .icon .svg-main { fill: #2c7cb0 } .mobile-navigation .icon-item a:focus, .mobile-navigation .icon-item a:hover, .mobile-navigation .icon-item a:active, .mobile-navigation .menu li a:focus, .mobile-navigation .menu li a:hover, .mobile-navigation .menu li a:active { background-color: #404040; color: #FFF } .mobile-navigation .onboarding-progress { margin: 0; padding: 0 } .mobile-navigation .onboarding-progress .progress-items { float: none; padding: 1.5em 0; font-size: 0; height: auto; margin-top: 12px; padding: 0 } .mobile-navigation .onboarding-progress .progress-items li { cursor: pointer; margin: 0; padding: 1.5em 1em; border: 1px solid #404040; border-left: none; border-top: none } .mobile-navigation .onboarding-progress .progress-items li label { margin-bottom: 1em; color: #FFF; cursor: pointer } .mobile-navigation .onboarding-progress .progress-items li:hover { background-color: #404040 } .mobile-navigation .onboarding-progress .progress-items li:before { content: counter(progresscount); counter-increment: progresscount; background: #2c7cb0; border: 4px solid transparent; color: #FFF; display: block; font-size: 1.92rem; height: 3.2rem; line-height: 2.8rem; margin: 0 auto 0.8rem auto; overflow: hidden; width: 3.2rem; font-weight: 700; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .mobile-navigation .onboarding-progress .progress-items li.active { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-color: #404040 } .mobile-navigation .onboarding-progress .progress-items li.active:before { background-color: #1d5072; border-color: transparent } .mobile-navigation .onboarding-progress .progress-items li.disabled { cursor: default } .mobile-navigation .onboarding-progress .progress-items li.disabled:before { background-color: #404040; border-color: #262626; color: #333 } .mobile-navigation .onboarding-progress .progress-items li.disabled label { color: #7c7c7c; cursor: default } .mobile-navigation .onboarding-progress .progress-items+progress { position: absolute; top: 0; left: 0; margin: 0 } .mobile-navigation .dropdown .account-display-name { display: none } .mobile-navigation .dropdown .dropdown-menu { margin: 0; padding: 0; display: block; position: relative; float: none; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; background-color: transparent; border: none; z-index: auto; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; width: 100% } .mobile-navigation .dropdown .dropdown-menu:before { display: none } .mobile-navigation .dropdown .dropdown-menu .divider { display: none } } .footer { background-color: #FFF; margin-top: 1.33333rem; padding-bottom: 2.33333rem; padding-top: 2.33333rem } .footer-nav { font-size: 0.86667rem } .footer-column { float: left; list-style: none; margin-left: 1%; margin-right: 1%; width: 48% } .footer-column+.footer-column { margin-bottom: 1rem } .footer-column .widget-title { margin-bottom: 7px } .footer-column ul.menu-footer { margin-bottom: 15px } .footer-column ul.menu-footer li { margin-bottom: 5px } .footer-column ul.menu-footer li a i { font-size: 14px; padding: 6px 18px 5px 6px; border: 1px solid; border-radius: 25px; margin: 3px 5px 3px 2px } .footer-column ul.menu-footer li a i:nth-child(1) { margin-left: 0px } .footer-language-select { margin: 0 auto 1.33333rem; width: 13.6rem } .footer-language-select select, .footer-language-select .select2-container { width: 100% } @media screen and (min-width: 49.2em) { .footer { margin-top: 2.66667rem } .footer-column { float: left; margin-left: 0.5%; margin-right: 0.5%; width: 19% } .footer-column+.footer-column { margin-bottom: 0 } } @media screen and (min-width: 66em) { .footer-language-select { float: left; margin-bottom: 0 } .footer-nav { float: left; width: 64rem } } .modal-backdrop { background-color: #000; bottom: 0; left: 0; position: fixed; top: 0; right: 0; z-index: 10; -moz-transform: scale3d(1, 1, 1); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .modal-backdrop.fade { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0 } .modal-backdrop, .modal-backdrop.fade.in { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7 } .modal-container { display: block; min-height: 100%; position: relative; width: 100%; -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; z-index: 20 } .modal { background-color: #FFF; left: 0; margin: 0; outline: none; max-width: 100%; position: fixed; top: 0; width: 100%; z-index: 20; -moz-transform-origin: center 50%; -ms-transform-origin: center 50%; -webkit-transform-origin: center 50%; transform-origin: center 50%; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } .modal.fade { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1); -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, -0.0002, 0, 0, 1, 0, 0, -10, 0, 1.1) } .modal.fade.in, .modal.visible { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -moz-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -ms-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1) } .modal-header, .modal-content, .modal-footer, .modal-body-section { padding: 1.5rem; position: relative } .modal-header { padding: 1.5rem; word-wrap: break-word } .modal-header~.modal-body, .modal-header~.modal-content, .modal-header~.modal-body-section, .modal-header~.modal-body .modal-content { padding-top: 0 } .modal-validation { padding: 1rem 1.5rem } .modal-validation__label { display: block; font-size: 0.86667rem; margin-bottom: 0.38333em } .modal-validation__textarea { padding: 0.45em 0.75em; border: 1px solid #bcbcbc; font-size: 0.86667em; line-height: 1.4; background: #f5f5f5; word-break: break-all; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .modal-error { padding: 0.75rem 1.5rem; font-size: 0.86667rem; background: #bf223c; color: #FFF } .modal-body+.modal-body, .modal-body+.modal-body-section, .modal-body-section+.modal-body, .modal-body-section+.modal-body-section { border-top: 1px solid #e6e6e6; padding-top: 1.5rem } .modal-table { padding: 0 } .modal-table .table { margin-bottom: 0 } .modal-table .table-meta { padding: 1.5rem; background-color: #e6e6e6 } .modal-close { position: absolute; top: 1.5rem; right: 1.5rem } .modal-title { font-weight: 400; word-break: break-all; word-break: break-word } .modal-section, .purge-tags { background-color: #f5f5f5; border: 1px solid #dedede; border-left: 0; border-right: 0 } .modal-section.modal-content .setting-control, .modal-content.purge-tags .setting-control { margin-top: 1rem; margin-bottom: 1rem } .modal-section .control-group, .purge-tags .control-group, .modal-section .purge-tags__inner, .purge-tags .purge-tags__inner { padding: 1rem 1.5rem } .modal-section .control-group+.control-group, .purge-tags .control-group+.control-group, .modal-section .purge-tags__inner+.control-group, .purge-tags .purge-tags__inner+.control-group, .modal-section .control-group+.purge-tags__inner, .purge-tags .control-group+.purge-tags__inner, .modal-section .purge-tags__inner+.purge-tags__inner, .purge-tags .purge-tags__inner+.purge-tags__inner { border-top: 1px solid #dedede } .modal-section .headline-divider span, .purge-tags .headline-divider span { background-color: #f5f5f5 } .modal-section.columns .control-group+.control-group, .columns.purge-tags .control-group+.control-group, .modal-section.columns .purge-tags__inner+.control-group, .columns.purge-tags .purge-tags__inner+.control-group, .modal-section.columns .control-group+.purge-tags__inner, .columns.purge-tags .control-group+.purge-tags__inner, .modal-section.columns .purge-tags__inner+.purge-tags__inner, .columns.purge-tags .purge-tags__inner+.purge-tags__inner { border-top: 0; padding-top: 0 } .modal-image { border-bottom: 1px solid #cdcdcd } .modal-image img { vertical-align: top } .modal-footer { background-color: #e6e6e6 } .footer-simple { background-color: transparent } .modal-actions { float: right } .modal-nonessential { line-height: 2.2rem; vertical-align: middle } .modal-confirm .modal-footer { padding-top: 0 } .modal-active { overflow: hidden } #overlays { height: 0; left: 0; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 1500 } @media screen and (min-width: 49.2em) { .modal { max-width: 95%; width: 30rem; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75) } } table { background-color: #FFF; border-collapse: collapse; border-spacing: 0; max-width: 100% } thead { background-color: #dedede } thead, thead a { color: #333 } thead a { cursor: pointer; display: block; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } thead input, thead select, thead textarea { border-color: #a3a3a3 } thead.inverse { background-color: #7c7c7c } thead.inverse, thead.inverse a, thead.inverse .sort-caret { color: #FFF } thead .sortable:hover { background-color: #d1d1d1 } thead .sortable:hover, thead .sortable:hover a { color: #1a1a1a } th.sortable { cursor: pointer } .drag-row { position: absolute; top: -999px } .drag-row td { background-color: #FFF; padding: 0.73333rem } .table .draggable.drag-over td { background-color: #ffe59a } .sort-caret { border: 4px solid transparent; content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: 0; margin-left: 0.5em; width: 0; vertical-align: middle } .ascending .sort-caret { border-bottom-color: #333; margin-top: -4px } .descending .sort-caret { border-top-color: #333; margin-top: 4px } .sortable-arrow-cell { width: 5em } .sortable-arrow-cell .ui-item { display: inline-block } .sortable-arrow-cell .sortable-index { display: inline-block; font-size: 15px; vertical-align: middle; width: 1.5em } .sortable-arrow-cell .sortable-index input { margin: 0; padding: 1px; width: 1.5em; height: 2em } .table, .table-container { width: 100% } .table { margin-bottom: 1.5rem } .table th, .table td { border-top: 1px solid #dedede; line-height: 1.5; padding: 0.73333rem; vertical-align: middle } .table th { font-weight: 600 } .table th:first-letter { text-transform: capitalize } .table thead th { vertical-align: bottom } .table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0 } .table tbody+tbody { border-top: 2px solid #dedede } .table .focus { border-left: 3px solid #479ad1 } .align-content-top td { vertical-align: top } .table-condensed th, .table-condensed td { padding: 0.36667rem 0.86667rem } .table-bordered { border: 1px solid #dedede; border-collapse: separate; *border-collapse: collapse; border-left: 0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .table-bordered th, .table-bordered td { border-left: 1px solid #dedede } .table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0 } .table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child { -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px; border-radius: 2px 0 0 0 } .table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child { -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0; border-radius: 0 2px 0 0 } .table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child { -moz-border-radius: 0 0 0 2px; -webkit-border-radius: 0; border-radius: 0 0 0 2px } .table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child { -moz-border-radius: 0 0 2px 0; -webkit-border-radius: 0; border-radius: 0 0 2px 0 } .table-bordered tfoot+tbody:last-child tr:last-child td:first-child { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .table-bordered tfoot+tbody:last-child tr:last-child td:last-child { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child { -moz-border-radius: 2px 0 0 0; -webkit-border-radius: 2px; border-radius: 2px 0 0 0 } .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child { -moz-border-radius: 0 2px 0 0; -webkit-border-radius: 0; border-radius: 0 2px 0 0 } .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #fafafa } .table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th { background-color: #f0f0f0 } .table-bare td { border-top: 0 } .table tbody tr.success, .table tbody tr td.success { background-color: #e3f3e9 } .table tbody tr.error, .table tbody tr td.error { background-color: #f2b6c0 } .table tbody tr.warning, .table tbody tr td.warning { background-color: #fff5db } .table tbody tr.info, .table tbody tr td.info { background-color: #bedbee } tr.fade, tr.fade td { } .table-hover td { } .table-hover tbody tr td.success:hover, .table-hover tbody tr.success:hover>td { background-color: #d1ebdb } .table-hover tbody tr td.error:hover, .table-hover tbody tr.error:hover>td { background-color: #eea0ad } .table-hover tbody tr td.warning:hover, .table-hover tbody tr.warning:hover>td { background-color: #ffeec2 } .table-hover tbody tr td.info:hover, .table-hover tbody tr.info:hover>td { background-color: #aad0e9 } td.editable:hover { cursor: text; outline: 1px dotted #a3a3a3; outline-offset: -5px } td.editor { padding: 0 } td.editor, td.editor.editable { background-color: #FFF; outline: 1px solid #a3a3a3; outline-offset: -5px } td.editor input, td.editor select { background: transparent; border: 0; display: block; font-size: 1em; margin: 0; padding: 0.73333rem; width: 100% } td.editor input:focus, td.editor select:focus { outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none } td.editor input { height: 100% } td.select-cell, td.select-cell.editable.editor, td.select-cell.editor:hover, td.select2-cell, td.select2-cell.editable.editor, td.select2-cell.editor:hover, td.edit-always, td.edit-always.editable.editor, td.edit-always.editor:hover, td.proxy-cell, td.proxy-cell.editable.editor, td.proxy-cell.editor:hover, td.boolean-cell, td.boolean-cell.editable.editor, td.boolean-cell.editor:hover { outline: none } .select2-cell.editor { padding-bottom: 0.73333rem; padding-top: 0.73333rem } td.boolean-cell, td.select-row-cell, th.select-all-header-cell { text-align: center; width: 1.13333em } .single-button-cell { width: 2.2em } .text-cell { max-width: 25em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } .select2-cell .select2-container { width: 100% } .icon-cell { text-align: center; width: 1.6em } .icon-cell img { height: auto; max-width: 100% } .icon-cell:first-child { padding-right: 0 } .icon-cell:last-child { padding-left: 0 } .uri-cell a { cursor: pointer } .table-top:empty, .table-content:empty, .table-pagination:empty, .table-meta:empty, .table-info:empty, .table-bottom:empty { display: none } .table-content { background-color: #dedede; overflow: auto } .table-meta .pagination a, .table-meta .link-nav-list a { font-size: 1rem; line-height: 1.5 } @media screen and (max-width: 49.2em) { .table-content { max-width: 100%; overflow-x: auto } .table-responsive { display: block } .table-responsive thead { display: none } .table-responsive tbody { display: block } .table-responsive tr { display: block; padding: 0.73333rem; border-top: 1px solid #dedede } .table-responsive tr:first-child { border-top: none } .table-responsive tr:after { content: ""; display: table; clear: both } .table-responsive td { display: block; border: none; float: left; clear: left; padding: 0 } .table-responsive td[data-label]::before { content: attr(data-label) ": "; text-transform: capitalize; font-weight: bold } .table-responsive .table-responsive-action-cell { float: right; clear: none; width: auto } .table-responsive .table-responsive-ui-group { width: 100%; margin-top: 0.73333rem } .table-responsive .table-responsive-ui-group .ui-group { width: 100% } .table-responsive tbody tr:hover>td { background: transparent } } @media screen and (min-width: 49.2em) { .table tbody tr.success>td { background-color: #e3f3e9 } .table tbody tr.error>td { background-color: #f2b6c0 } .table tbody tr.warning>td { background-color: #fff5db } .table tbody tr.info>td { background-color: #bedbee } .table-pagination { float: left } .table-info { float: right } } @media screen and (max-width: 49.2em) { .table-striped tbody>tr:nth-child(odd), .table-striped tbody>tr:nth-child(odd) { background-color: #fafafa } .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th, .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: transparent } } thead th { font-weight: inherit } .tabs { display: table; list-style: none; margin: 0 0 22.5px; padding: 0; width: 100% } .tabs li { background-color: #FFF; display: table-cell; margin: 0; padding: 0; position: relative; vertical-align: middle } .tabs li+li { border-left: 1px solid #e6e6e6 } .tabs li:hover a { background-color: #f6f6f6; color: #2c7cb0 } .tabs li.active a { background-color: #2c7cb0; color: #FFF } .tabs li.active a:before { border-width: 16px; margin-left: -16px } .tabs a { color: #2c7cb0; display: flex; height: auto; padding: 1.5rem 1rem; position: relative; text-align: center; width: 100%; height: 100%; align-items: center; justify-content: center } .tabs a:before { border: 0 solid transparent; border-top-color: #2c7cb0; content: ''; display: block; height: 0; margin-left: 0; position: absolute; top: 100%; left: 50%; width: 0; } .tab-container { position: relative } .tab-container .ui-spinner, .tab-container .ui-spinner-simple { position: absolute; top: -42px; left: 50%; margin-left: -16px } .flexbox .tabs { justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .tabs li { display: block; flex: 1 1 0; -webkit-flex: 1 1 0 } @media screen and (min-width: 15.6em) { .tab-select .select2-chosen { color: #2c7cb0; font-weight: bold } .tab-select .select2-arrow { width: 3rem } .tab-select .select2-container { width: 100% } .tab-select .select2-choice { padding: 1rem; height: auto } } .ui-spinner-simple { background: url('../assets/spinner.gif?1528210613') no-repeat center; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 32px; min-height: 32px } .modunit { background-color: #FFF; margin-top: 1rem; margin-bottom: 1rem; padding: 0; border: 1px solid #dedede; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .modunit.needs-upgrade .mod-setting-control:after { background-color: #2c7cb0; content: '\0024'; color: #FFF; height: 1.5rem; position: absolute; top: 0; right: 0; text-align: center; width: 1.5rem; -moz-border-radius: 0 2px 0 2px; -webkit-border-radius: 0; border-radius: 0 2px 0 2px } .modunit.extended { margin-left: auto; margin-right: auto; width: 98% } .modunit>*+* { border-top: 1px solid #dedede } .modunit>*:empty { display: none !important } .mod-content { margin: 0; padding: 1.5rem } .mod-content+.mod-content { padding-top: 0 } .mod-content hr { margin: 1.5rem 0 } .mod-header { margin: 0; padding: 1.5rem; position: relative } .mod-header:only-child { border-bottom: 0 } .mod-title { font-weight: 400; margin-bottom: 1rem } .mod-title small { padding-left: 0.4rem; white-space: nowrap } .mod-title+.mod-display-value { margin-top: -0.5em } .mod-notifications .notifications { margin-top: 1em } .mod-notifications .notifications:empty { display: none } .mod-pre { margin: 0.5em 0 } .mod-api { padding-left: 0; padding-right: 0 } .mod-api:first-of-type { padding-top: 0 } .mod-api:last-of-type { padding-bottom: 0 } .mod-api+.mod-api { border-top: 1px solid #dedede } .ancillary-info { color: #dedede; line-height: 1; position: absolute; top: 1.5rem; right: 1.5rem } .ancillary-info i { cursor: pointer; font-size: 1.25rem; margin: 0; vertical-align: middle; } .ancillary-info i:hover { color: #7c7c7c } .ancillary-info i+i { margin-left: 0.26667rem } .mod-row { background-color: #FFF; clear: both; font-size: 0; padding: 0.73333rem; position: relative; white-space: nowrap; width: 100% } .striped .mod-row:nth-child(even), .mod-row.stripe { background-color: #f7f7f7 } .mod-row.ui-toolbar { margin: 0; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .mod-cell { display: block; font-size: 1rem; overflow: visible; padding: 0; position: relative; white-space: normal } .mod-cell:first-child { padding-left: 0 } .mod-cell+* { padding-left: 0; margin-top: 0.5rem } .mod-cell .select2-container { width: 100% } .mod-cell, .cell-primary { width: 100% } .mobile-horz .mod-cell { width: auto } .mobile-horz .mod-cell+* { padding-left: 0.4rem } .cell-actions .btn, .cell-actions .btn-cancel { white-space: nowrap } .cell-icon { height: 100%; text-align: center } .cell-primary input, .cell-primary select, .cell-primary textarea { width: 100% } .cell-input input, .cell-input select, .cell-input textarea { margin-bottom: 0 } .simple-actions { text-align: right } .mod-table-adjustable .mod-cell, .mod-row-adjustable .mod-cell { width: 100% } .mod-table-adjustable .mod-cell+.mod-cell, .mod-table-adjustable .mod-cell+.ui-group, .mod-row-adjustable .mod-cell+.mod-cell, .mod-row-adjustable .mod-cell+.ui-group { padding-left: 0; margin-top: 0.4rem } .mod-setting { display: table; width: 100% } .mod-setting .mod-header, .mod-setting .mod-setting-control { display: table-cell; vertical-align: middle } .input-row, .mod-setting, .mod-setting-control, .mod-table-adjustable .mod-row { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .mod-setting-control { background-color: rgba(0, 0, 0, 0.07804); padding: 2rem; position: relative; text-align: center; border-left: 1px solid #dedede; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px } .mod-setting-control .select2-container { max-width: 100% } .mod-radio-group, .mod-checkbox-group { text-align: left; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .mod-radio-group label, .mod-checkbox-group label { font-size: 1rem } .mod-radio-group label+label, .mod-checkbox-group label+label { margin-top: 1em } .mod-radio-group input[type="radio"], .mod-checkbox-group input[type="checkbox"] { margin-top: 0.4em } .setting-control { margin-bottom: 0 } .setting-control+.setting-control { margin-top: 1em } .mod-control-group.mod-setting-control { padding: 0; text-align: left } .mod-control-group .ui-block { margin-bottom: 0; padding: 1rem 1.4rem 1.26667rem; width: 100% } .mod-control-group .ui-block+.ui-block { border-top: 1px solid #d9d9d9; margin-top: 0; margin-left: 0 } .mod-control-group label { font-weight: 300 } .mod-toolbar { color: #7c7c7c; overflow: hidden; position: relative } .modunit .link-nav-list a { padding: 0.73333rem 0.5rem; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .modunit .link-nav-list { float: right; height: 100%; list-style: none; margin: 0; padding: 0; text-align: right } .modunit .link-nav-list li { display: inline } .mod-more-link, .modunit .link-nav-list .mod-more-link { padding-right: 2em; position: relative } .mod-more-link:after, .modunit .link-nav-list .mod-more-link:after { content: '\f003'; font-style: normal; font-weight: normal; margin-top: -0.7em; position: absolute; top: 50%; right: 1rem; } .mod-more-link.active, .modunit .link-nav-list .mod-more-link.active { color: #f4a15d } .mod-more-link.active:after, .modunit .link-nav-list .mod-more-link.active:after { content: '\f0d7' } .cssanimations .mod-more-link.active:after, .cssanimations .modunit .link-nav-list .mod-more-link.active:after { content: '\f003'; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } .modunit-exception+.modunit-exception { border-top: 1px solid #dedede } .modunit.loading .mod-setting-control { pointer-events: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .modunit.loading .mod-setting-control:before { background: transparent url('../assets/spinner.gif?1528210613') no-repeat right 1.5rem top 1.5rem; content: ''; cursor: wait; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .modunit .table { margin-bottom: 0 } .modunit .table-top .ui-toolbar { padding-left: 0.73333rem; padding-right: 0.73333rem } .modunit .table-meta { border-top: 1px solid #dedede } .modunit .table-pagination { overflow: hidden; overflow-x: auto; max-width: 100%; padding: 0 0.73333rem; white-space: nowrap } .modunit .pagination .btn, .modunit .pagination .btn-cancel { border: 0; padding: 0.73333rem 0.5em; vertical-align: baseline; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .modunit .pagination .btn.disabled, .modunit .pagination .disabled.btn-cancel, .modunit .pagination .btn.loading, .modunit .pagination .loading.btn-cancel { background-color: transparent } .modunit .pagination.centered { text-align: center } .modunit .pagination li+li { margin-left: 0 } .modunit .form, .modunit .control-group, .modunit .purge-tags__inner { padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .modunit .controls { background-color: rgba(0, 0, 0, 0.07804); margin-left: 0; padding: 1rem } .modunit .control-group, .modunit .purge-tags__inner { justify-content: flex-end; -webkit-justify-content: flex-end; clear: none } .modunit .control-group+.control-group, .modunit .purge-tags__inner+.control-group, .modunit .control-group+.purge-tags__inner, .modunit .purge-tags__inner+.purge-tags__inner { border-top: 1px solid #dedede } .modunit .control-group+.control-group.group-above, .modunit .purge-tags__inner+.control-group.group-above, .modunit .control-group+.group-above.purge-tags__inner, .modunit .purge-tags__inner+.group-above.purge-tags__inner { border-top: 0 } .modunit .control-label { float: none; font-size: 1rem; padding: 1rem; text-align: left } .modunit .group-above .control-label, .modunit .group-above .controls { padding-top: 0 } .modunit .controls.form-actions { width: 100% } .flexbox .mod-row, .flexbox .mod-toolbar, .flexbox .mod-toolbar-menu { display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .mod-row { align-content: start; -webkit-align-content: start; align-items: center; -webkit-align-items: center } .flexbox .input-row { align-items: stretch; -webkit-align-items: stretch } .flexbox .mod-cell, .flexbox .mod-row>.ui-group { display: block; float: none; flex: 1 0 auto; -webkit-flex: 1 0 auto } .flexbox .cell-primary { flex: 10 1 auto; -webkit-flex: 10 1 auto } .flexbox .mod-setting { align-items: stretch; -webkit-align-items: stretch } .flexbox .mod-setting .mod-header { flex-grow: 1; -webkit-flex-grow: 1 } .flexbox .mod-setting, .flexbox .mod-setting .mod-setting-control { display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .mod-setting .mod-header { display: block } .flexbox .mod-setting-control { align-items: center; -webkit-align-items: center; align-content: center; -webkit-align-content: center; justify-content: center; -webkit-justify-content: center } .flexbox .mod-toolbar .mod-toolbar-menu li { display: block } .flexbox .mod-toolbar .mod-toolbar-menu { float: none; align-content: center; -webkit-align-content: center; flex-grow: 1; -webkit-flex-grow: 1; justify-content: flex-end; -webkit-justify-content: flex-end } .modunit-nested { border: 0; margin-bottom: 0; margin-top: 0 } .modunit-nested .mod-setting-control { background: none; border: 0 } .modunit-nested .mod-title { margin-bottom: 0 } .modunit-nested .mod-toolbar { border: 0 } .tab-content .modunit:first-child { margin-top: 0 } @media screen and (min-width: 49.2em) { .modunit-nested { margin-top: 0; margin-bottom: 0 } .modunit .table-pagination { overflow-x: visible } .mod-row { display: table } .mod-row+.mod-row { padding-top: 0 } .mod-cell { display: table-cell; width: auto } .mod-cell+.mod-cell, .mod-cell+.ui-group { margin-top: 0; padding-left: 0.4rem } .cell-icon { width: 3% } .cell-expanded { line-height: 1.5; overflow: visible; white-space: normal } .cell-input { line-height: 1.5; overflow: visible } .cell-primary { line-height: 2; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 100% } .input-row { align-items: center; -webkit-align-items: center } .input-row .cell-primary { overflow: visible } .mod-control { width: 10rem } .singular-row .mod-cell { margin-left: 0; width: 100% } .mod-table-adjustable .mod-cell, .mod-row-adjustable .mod-cell { width: auto } .mod-table-adjustable .mod-cell+.mod-cell, .mod-table-adjustable .mod-cell+.ui-group, .mod-row-adjustable .mod-cell+.mod-cell, .mod-row-adjustable .mod-cell+.ui-group { padding-left: 0.4rem; margin-top: 0 } .mod-table-adjustable .cell-primary, .mod-row-adjustable .cell-primary { width: 69% } .mod-table-adjustable .cell-actions, .mod-row-adjustable .cell-actions { min-width: 15.66667rem; width: 28% } .mod-table-adjustable .input-row .cell-primary, .mod-row-adjustable.input-row .cell-primary { width: 72% } .mod-setting-control { padding: 1rem; width: 40% } .modunit-exception+.modunit-exception { border-top: 0 } .modunit .form-horizontal .controls { border-left: 1px solid #dedede } .flexbox .mod-row { align-items: stretch; -webkit-align-items: stretch } .flexbox .input-row, .flexbox .mod-setting, .flexbox .mod-setting-control, .flexbox .mod-table-adjustable .mod-row, .flexbox .modunit .form-horizontal .control-group, .flexbox .modunit .form-horizontal .purge-tags__inner { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .flexbox .mod-setting-control { flex: 0 0 auto; -webkit-flex: 0 0 auto } } @media screen and (min-width: 66em) { .mod-setting-control { width: 30% } } .gauge .c3-chart-arcs-title { font-size: 1.4rem } .gauge .c3-arc-overflow { fill: #ebebeb !important } .mini-modunit-graph { padding: 1.46667rem } .c3-ygrids line:nth-child(odd) { stroke-opacity: 20% } .c3-legend-item text, .c3-axis-x-label, .c3-axis-y-label, .c3 tspan { fill: #333 } .c3 svg { font: 12px "Open Sans", Helvetica, Arial, sans-serif } .c3 path, .c3 line { fill: none; stroke: #dedede } .c3-chart-arc path { stroke: #FFF; stroke-width: 1px } .c3-xgrid, .c3-ygrid { stroke-dasharray: 0 } .c3-line { stroke-width: 3px } .c3-circle { stroke-width: 2px; stroke: white } .sortable-item { position: relative } .sortable-item .drag-handle { display: block; height: 100%; position: absolute; top: 0; width: 24px } .sortable-item .list-item-content { margin-left: 30px } body { background-color: #FFF; -webkit-text-size-adjust: none } .site-wrapper { background-color: #e6e6e6 } .page-wrapper, .page-wrapper-basic { } .page-content.loader-on-empty:empty { background: transparent url('../assets/spinner.gif?1528210613') no-repeat center; padding: 3em 0 } hr, .hr { border: 0; border-top: 1px solid #dedede; display: block; height: 0; margin: 2rem 0; width: 100% } hr.double, .hr.double { border-top: 3px double #dedede } .drag-handle { cursor: move } .drag-handle.vert-arrows { cursor: ns-resize; height: 2rem } .drag-handle.horz-arrows { cursor: ew-resize } .login-form, .forgot-password-form, .password-reset-form, .signup-form, .signup-promotion { max-width: 26.2rem; padding: 2em; background-color: white; border: 1px solid #dedede } .login-form legend, .forgot-password-form legend, .password-reset-form legend, .signup-form legend, .signup-promotion legend { border: 0; text-align: center } .login-form .form-title, .forgot-password-form .form-title, .password-reset-form .form-title, .signup-form .form-title, .signup-promotion .form-title { font-weight: 400 } @media screen and (min-width: 15.6em) { .signup-form { width: 90% } } @media screen and (min-width: 49.2em) { .signup-form { width: initial } } .flexbox .flex { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-content: flex-start; -webkit-align-content: flex-start } .flexbox .flex>* { display: block } .flexbox .flex>*+* { margin-top: 0.4rem } .flexbox .flex-columns { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .flexbox .mobile-horz { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .flexbox .mobile-horz>*+* { margin-top: 0 } .flexbox .flex-stretch-children { flex-grow: 1; -webkit-flex-grow: 1 } .flexbox .flex-center-children { align-items: center; -webkit-align-items: center } .flexbox .flex-primary, .flexbox .analytics-row.flex-columns .mini-modunit-graph, .analytics-row.flex-columns .flexbox .mini-modunit-graph { flex-grow: 10; -webkit-flex-grow: 10 } .sticky-item { z-index: 1300; -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) } @-moz-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } .inactive { color: #a1a1a1 } @media screen and (min-width: 49.2em) { .flexbox .flex { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; align-content: center; -webkit-align-content: center } .flexbox .flex>*+* { margin-top: inherit } .flexbox .flex-columns { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .flexbox .flex-columns>.column { padding: 0 1rem; display: -ms-flexbox; display: -webkit-flex; display: flex } .flexbox .flex-columns>.column:first-child { padding-left: 0 } .flexbox .flex-columns>.column:last-child { padding-right: 0 } .flexbox .desktop-vert { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .flexbox .desktop-vert>*+* { margin-top: 0.4rem } .flexbox .flex-even { align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center } .flexbox .flex-even>* { flex: 1 1 0; -webkit-flex: 1 1 0 } .align-start { align-content: flex-start; -webkit-align-content: flex-start } .align-end { align-content: flex-end; -webkit-align-content: flex-end } } .signup-container { max-width: 26.2rem } .hide { display: none !important } .show { display: block !important } .invisible { visibility: hidden !important } .inline { display: inline !important } .inline-block { display: inline-block !important } .pull-left { float: left } .pull-right { float: right } .center { float: none; margin-left: auto; margin-right: auto } .ui-clickable { cursor: pointer } .text-left { text-align: left } .text-center { text-align: center } .text-right { text-align: right } .text-light { font-weight: 300 } .text-wrap { word-wrap: break-word } .disable-hover { pointer-events: none } .hide-overflow { overflow: hidden } .hide-overflow-x { overflow-x: hidden } .hide-overflow-y { overflow-y: hidden } .info-boxes { margin-bottom: 1rem } .info-boxes .step { color: #333; text-align: left } .info-boxes h4 { margin-left: 1rem; display: inline } .info-boxes .icon { font-size: 1.33rem; color: #2c7cb0; display: inline } .info-boxes p { margin: 1rem 0 } @media screen and (min-width: 66em) { .info-boxes h4 { margin-top: 1rem; margin-left: 0; display: block } .info-boxes .icon { display: block } } progress { display: block; width: 100% } .progress-items { height: 2.5em; color: #7c7c7c; counter-reset: progresscount; font-size: 0.86667em; margin: 7.5px 0 0; padding: 0 } .progress-items li { text-align: center; padding: 0; cursor: pointer; height: auto } .progress-items li label { color: #7c7c7c; cursor: pointer } .progress-items li:before { content: none } .progress-items li.active label { color: #2c7cb0 } .progress-items li.disabled { color: #dedede; cursor: default } .progress-items li.disabled:after { color: #dedede } .progress-items li.disabled label { cursor: default; color: #dedede } .progress-items+progress { position: relative } .progress-items label { display: inline; text-transform: capitalize } .onboarding-progress { padding: 1.5em 0 } @media screen and (min-width: 15.6em) { .progress-items li { margin: 0 auto; float: none; display: none } .progress-items li.active { display: block } } @media screen and (min-width: 49.2em) { .progress-items li { display: block; float: left; margin: 0 } .pipes li:after { content: "|"; display: block; text-align: center } } .map { position: relative; z-index: 0 } .map-control-legend { background: #FFF; padding: 2px 6px; border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) } .map-control-legend-grade { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 10px; height: 10px } .welcome-box { margin-top: 1rem; padding: 2rem; min-height: 220px; color: #FFF; background: #2c7cb0 right -260px center no-repeat; background-size: 360px } .welcome-box h3, .welcome-box .callout .callout-heading, .callout .welcome-box .callout-heading { font-size: 2.2rem; font-weight: 300; margin-bottom: 1rem } .welcome-box p { font-size: 1.1rem } .welcome-box a { color: #FFF; text-decoration: underline } .welcome-box a:hover { color: #f4a15d } @media screen and (min-width: 32.4em) { .welcome-box { background-position: right -100px center } .welcome-box p { max-width: 75% } } @media screen and (min-width: 49.2em) { .welcome-box { background-position: right -15px center } .welcome-box p { max-width: 60% } } .card { margin-top: 1rem; margin-bottom: 1rem; padding: 0; border: 1px solid #dedede; background-color: #FFF; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .card__title { font-weight: 400; margin-bottom: 1rem } .card__section { width: 100% } .card__section+.card__section { border-top: 1px solid #dedede } .card__section--error { border-left: 3px solid #bf223c } .card__section--loading .card__control { pointer-events: none; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .card__section--loading .card__control:before { background: transparent url('../assets/spinner.gif?1528210613') no-repeat right 1.5rem top 1.5rem; content: ''; cursor: wait; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .card__section--text, .card__section--title, .card__control_text { padding: 1.5rem } .card__section--table .table { margin-bottom: 0 } .card__section--table .table-top .ui-toolbar { padding-left: 0.73333rem; padding-right: 0.73333rem } .card__section--table .table-meta { border-top: 1px solid #dedede } .card__section--table .table-pagination { overflow: hidden; overflow-x: auto; max-width: 100%; padding: 0 0.73333rem; white-space: nowrap } .card__section--table .pagination .btn, .card__section--table .pagination .btn-cancel { border: 0; padding: 0.73333rem 0.5em; vertical-align: baseline; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .card__section--table .pagination .btn.disabled, .card__section--table .pagination .disabled.btn-cancel, .card__section--table .pagination .btn.loading, .card__section--table .pagination .loading.btn-cancel { background-color: transparent } .card__section--table .pagination.centered { text-align: center } .card__section--table .pagination li+li { margin-left: 0 } .card__section--form .form, .card__section--form .control-group, .card__section--form .purge-tags__inner { padding: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .card__section--form .controls { background-color: rgba(0, 0, 0, 0.07804); margin-left: 0; padding: 1rem } .card__section--form .control-group, .card__section--form .purge-tags__inner { justify-content: flex-end; -webkit-justify-content: flex-end; clear: none } .card__section--form .control-group+.control-group, .card__section--form .purge-tags__inner+.control-group, .card__section--form .control-group+.purge-tags__inner, .card__section--form .purge-tags__inner+.purge-tags__inner { border-top: 1px solid #dedede } .card__section--form .control-group+.control-group.group-above, .card__section--form .purge-tags__inner+.control-group.group-above, .card__section--form .control-group+.group-above.purge-tags__inner, .card__section--form .purge-tags__inner+.group-above.purge-tags__inner { border-top: 0 } .card__section--form .control-label { float: none; font-size: 1rem; padding: 1rem; text-align: left } .card__section--form .group-above .control-label, .card__section--form .group-above .controls { padding-top: 0 } .card__section--form .controls.form-actions { width: 100% } @media screen and (min-width: 49.2em) { .card__section--form .form-horizontal .control-group, .card__section--form .form-horizontal .purge-tags__inner { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .card__section--form .form-horizontal .controls { border-left: 1px solid #dedede } .card__section--form .form-horizontal .controls.form-actions { border-left-width: 0 } } .card__control_text { padding: 1.5rem } .card__control { position: relative; padding: 2rem; border: 0 solid #dedede; border-top-width: 1px; background-color: rgba(0, 0, 0, 0.07804); text-align: center } @media screen and (min-width: 49.2em) { .card__section--control { display: table; table-layout: fixed } .card__control_text, .card__control { display: table-cell } .card__control { width: 40%; border-left-width: 1px; border-top-width: 0; vertical-align: middle } } @media screen and (min-width: 66em) { .card__control { width: 30% } } .card__toolbar { min-height: 2.96667rem } .card__toolbar_links { float: right } .card__toolbar_link { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 0.73333rem 2em 0.73333rem 0.5rem; line-height: 1.5rem } .card__toolbar_link:after { content: '\f003'; font-style: normal; font-weight: normal; margin-top: -0.7em; position: absolute; top: 50%; right: 1rem; } .card__toolbar_link--open:after { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg) } .card__drawer { border-top: 1px solid #dedede } .card__drawer--text { padding: 1.5rem } .card__loading_text { position: relative; margin: 3rem 0 1.5rem; width: 90% } .card__loading_text, .card__loading_text::before, .card__loading_text::after { height: 1rem; background: #f2f2f2 } .card__loading_text::before, .card__loading_text::after { content: ""; display: block; position: absolute } .card__loading_text::before { width: 95%; top: -1.5rem; margin-top: -2px } .card__loading_text::after { width: 40%; bottom: -1.5rem; margin-bottom: -2px } .card__messages { padding-top: 0.5rem } .card__messages+p { margin-top: 1em } .copyable-textarea[readonly] { cursor: pointer; color: #333; resize: none } .copyable-textarea[readonly]:focus { border-color: #2c7cb0 } .copyable-textarea__help-text { font-size: 0.8em; color: #7c7c7c; margin-top: -0.5em; margin-bottom: 1em } .tag, .purge-tags__item { display: inline-block; margin-right: 1rem; margin-bottom: 0.5rem; padding-left: 0.75rem; overflow: hidden; word-break: break-all; background: #dedede; cursor: pointer; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .tags-container, .purge-tags__items { margin: 0 } .cf-flex--thin .cf-flex__item+.cf-flex__item { margin-top: 0.33333rem } .cf-flex--wide .cf-flex__item+.cf-flex__item { margin-top: 1.33333rem } @media screen and (min-width: 49.2em) { .cf-flex { display: -webkit-flex; display: flex } .cf-flex__item { -webkit-flex: 1 0; flex: 1 0 } .cf-flex__item--collapse { -webkit-flex: 0 auto; flex: 0 auto } .cf-flex__item--center { align-items: center; -webkit-align-items: center } .cf-flex--thin .cf-flex__item+.cf-flex__item { margin-top: 0; margin-left: 0.33333rem } .cf-flex--wide .cf-flex__item+.cf-flex__item { margin-top: 0; margin-left: 1.33333rem } } .signup-promotion { margin-bottom: 2em } .signup-promotion__image_container, .signup-promotion--collapsed .signup-promotion__image_container { max-width: 384px; margin-bottom: 1em } .signup-promotion__image { padding-bottom: 35.68773%; background-image: url('../assets/yjs-logo.svg?1528210613'); background-repeat: no-repeat } .signup-promotion--collapsed .signup-promotion__image { padding-bottom: 17.84387% } .signup-promotion h3, .signup-promotion .callout .callout-heading, .callout .signup-promotion .callout-heading, .signup-promotion.signup-promotion--collapsed h3, .signup-promotion.signup-promotion--collapsed .callout .callout-heading, .callout .signup-promotion.signup-promotion--collapsed .callout-heading { font-size: 1.2rem } .signup-promotion__continue, .signup-promotion--collapsed .signup-promotion__continue, .signup-promotion__collapse, .signup-promotion--collapsed .signup-promotion__collapse { display: block; margin-top: 1em } @media screen and (min-width: 49.2em) { .signup-promotion__image_container { margin-bottom: 2em } .signup-promotion h3, .signup-promotion .callout .callout-heading, .callout .signup-promotion .callout-heading { font-size: 1.46667rem } .signup-promotion__continue, .signup-promotion__collapse { margin-top: 2em } } .edit-subscription-modal { width: 640px } .edit-subscription-modal h4 { font-weight: normal; font-size: 1.2rem; line-height: 1.7 } .edit-subscription-modal .billing-info p { font-size: 0.8rem } .edit-subscription-modal .billing-info .icon { font-size: 2rem; margin-right: 1.5rem; vertical-align: middle } .edit-subscription-modal .cost { font-size: 1.6rem; line-height: 1.3; font-weight: 300 } .edit-subscription-modal .frequency { font-size: 1rem; font-weight: 300 } .edit-subscription-modal .modal-content { padding: 0; color: #787878 } .edit-subscription-modal .modal-content-row { border-bottom: 1px solid #dedede; padding: 1rem 1.5rem; overflow: hidden } .edit-subscription-modal .modal-content-col-left { float: left; width: 54% } .edit-subscription-modal .modal-content-col-center { float: left; width: 26%; padding-right: 1.8rem; text-align: right } .edit-subscription-modal .modal-content-col-left-center { float: left; width: 80% } .edit-subscription-modal .modal-content-col-right { float: left; width: 20%; text-align: right } .edit-subscription-modal .modal-content-row[data-region=total] h4, .edit-subscription-modal .modal-content-row[data-region=total] .cost, .edit-subscription-modal .modal-content-row[data-region=total] .frequency { font-weight: 600 } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] { clear: both } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message { background-color: #e6e6e6; display: flex; font-size: 0.8rem; font-weight: 600; color: #333; margin: 0.8rem 0; padding: 1rem } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message p { line-height: 1.2rem } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message label { font-size: 0.8rem } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message input[type=checkbox] { margin: 0.6rem } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message .icon { display: block; font-size: 1rem } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message .left { flex: 1 } .edit-subscription-modal .modal-content-row[data-region=total] [data-region=downgrade-warning] .warning-message .right { flex: 9 } .edit-subscription-modal .modal-content>.modal-content-row:last-child { border-bottom: 0px } .edit-subscription-modal .plan-selector__message { padding: 0.66667rem 3rem } .two-factor-auth-image { background: url('../assets/modal-two-factor-auth.png?1528210613') no-repeat center; background-size: 100%; padding-bottom: 45% } .two-factor-auth-description { padding: 0.5em 1.5rem 1.5rem; margin-top: -1.5rem } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3 / 1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { .two-factor-auth-image { background-image: url('../assets/modal-two-factor-auth_2x.png?1528210613') } } .billing-form { padding-left: 0; padding-right: 0; border-top: 1px solid #dedede } .billing-form__columns { margin-top: 1rem; border-bottom: 1px solid #dedede } .billing-form .control-group, .billing-form .purge-tags__inner { padding-top: 0 } .billing-form__payment-type { padding-left: 0 !important; padding-right: 0 !important; text-align: center; margin-bottom: 1rem; width: 45% !important } .billing-form__or { text-align: center; width: 10% !important } .billing-form__container { padding-top: 1.5rem; padding-left: 1.5rem; padding-right: 1.5rem } .billing-form__payment-type-header { margin-bottom: 1rem; line-height: 1.9; vertical-align: middle } .billing-form__payment-type-info { margin-bottom: 1rem; margin-top: 0 } .billing-form__show-credit-card { min-height: 44px; min-width: 115px } .billing-form__cancel-credit-card { float: right } #braintree-paypal-loggedin { max-width: 100% !important } #braintree-paypal-button { margin: auto } .billing-form--show-paypal .billing-form__payment-type, .billing-form--show-credit-card .billing-form__payment-type { text-align: left; padding-left: 1.5rem !important; padding-right: 1.5rem !important } .billing-form--show-paypal .billing-form__or, .billing-form--show-credit-card .billing-form__or { display: none } .billing-form--show-paypal .billing-form__payment-type--credit-card { display: none } .billing-form--show-paypal .billing-form__payment-type--paypal { width: inherit !important } .billing-form--show-paypal .billing-form__payment-type--paypal #braintree-paypal-loggedin span { font-size: 1rem !important; line-height: 2 } .billing-form--show-credit-card .billing-form__payment-type--paypal { display: none } .billing-form--show-credit-card .billing-form__payment-type--credit-card { width: inherit !important } .billing-form--show-credit-card .billing-form__payment-type-header { display: inline } .subscriptions-list td.cost a { font-size: 0.8rem } .zones-picker { display: block; line-height: 1.5; min-width: 100%; position: relative; max-width: 100% } .zones-picker .table-meta .input-row { background-color: transparent } .zones-picker.open .current-zone { background-color: #333; color: #FFF } .zones-picker.open .current-zone:hover { color: #FFF } .current-zone { background: transparent; border-color: transparent; color: #333; display: block; font-size: 1.13333em; padding: 0.93333rem; padding-top: 1.084rem; padding-bottom: 1.25rem; padding-right: 1.5rem } .current-zone .caret { margin-top: 0.2rem; margin-left: 0.13333rem } .zones-manager .table-meta { background-color: #f7f7f7 } .zones-dropdown { background-color: #FFF; border: none; display: none; position: absolute; top: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; z-index: 1040; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0; border-radius: 0 0 2px 2px; -moz-background-clip: padding; -o-background-clip: padding-box; -webkit-background-clip: padding; background-clip: padding-box } .zone-picker-active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; pointer-events: none; } .zone-plan-cell { width: 10em } .domain-name-cell { cursor: pointer } @media screen and (min-width: 49.2em) { .zones-picker { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .current-zone { color: #333; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline } .current-zone.expandable, .current-zone:hover { color: #333 } .zones-dropdown, .open .current-zone { -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) } .zones-dropdown { margin: 0 } .zones-manager .table-info { width: 60% } .zone-status-cell .icon { padding-right: 0.5em } } @media screen and (max-width: 49.2em) { .zones-dropdown { color: #333 } .zones-dropdown .icon-cell { display: none } .zones-dropdown .zone-plan-cell { width: 5em } .zones-dropdown .zone-status-cell { max-width: 5em; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } } .purge-tags { border-top: none; font-size: 0.86667rem } .purge-tags__header { margin-bottom: 0.5rem } .purge-tags__name, .purge-tags__delete { vertical-align: middle } .dns-row td:first-child { border-left: 3px solid } .dns-type-a .dns-type-cell { color: #333 } .dns-type-aaaa .dns-type-cell { color: #7c7c7c } .dns-type-cname .dns-type-cell { color: #f4a15d } .dns-type-mx .dns-type-cell { color: #d91698 } .dns-mx-content { display: block; position: relative; width: 100% } .dns-mx-content .text-cell { display: block; max-width: 100%; padding-right: 2em; width: 100% } .dns-mx-content .badge { position: absolute; top: 0.2em; right: 0 } .dns-type-srv .dns-type-cell { color: #bf223c } .dns-type-txt .dns-type-cell { color: #79c698 } .dns-type-ns .dns-type-cell { color: #9545e5 } .dns-type-loc .dns-type-cell { color: #479ad1 } .dns-type-caa .dns-type-cell { color: #bf223c } td.dns-proxy-cell { padding: 0 0.73333rem; text-align: center } td.dns-proxy-cell:hover { outline: none } .expanded .dns-name-cell, .expanded .dns-content-cell { overflow: visible; white-space: normal } .no-flexbox .add-dns-record .cell-primary { max-width: 50% } .ie9 .add-dns-record .cell-primary { width: 40% } @media screen and (min-width: 49.2em) { .dns-table .table { table-layout: fixed } .dns-type-cell { max-width: 5.5em; width: 5.5em } .dns-ttl-cell { max-width: 8em; width: 8em } .dns-proxy-cell { width: 8.6em } .dns-proxy-cell .proxy { height: 33px } .table .dns-actions-cell { padding-left: 0; width: 3.5em } .dns-name-cell { width: 40% } .dns-content-cell { width: 60% } .dns-record-info { float: right; margin-top: -1.2em; position: relative; right: -0.73333rem } } @media screen and (max-width: 49.2em) { .dns-table .table-content { overflow: visible } .dns-table thead { display: none } .dns-table td, .dns-table th, .dns-table tr, .dns-table tbody, .dns-table tfoot, .dns-table colgroup, .dns-table table { border-top: 0; display: block; width: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box } .dns-table td:empty, .dns-table th:empty, .dns-table tr:empty, .dns-table tbody:empty, .dns-table tfoot:empty, .dns-table colgroup:empty, .dns-table table:empty { display: none } .dns-table td { padding: 0 } .dns-table .cell-actions, .dns-table .cell-actions .btn, .dns-table .cell-actions .btn-cancel { width: 100% } .add-dns-record { padding-top: 0 } .add-dns-record input { width: 100% } .dns-row { border-left: 5px solid #333; position: relative } .dns-row td:first-child { border: 0 } .dns-row, .dns-table .empty { padding: 0.73333rem } .dns-type-aaaa { border-left-color: #7c7c7c } .dns-type-cname { border-left-color: #f4a15d } .dns-type-mx { border-left-color: #d91698 } .dns-type-srv { border-left-color: #bf223c } .dns-type-txt { border-left-color: #79c698 } .dns-type-ns { border-left-color: #9545e5 } .dns-type-loc { border-left-color: #479ad1 } .dns-type-cell { font-size: 0.93333em; font-weight: 700 } .dns-type-cell div { display: inline } .dns-type-cell div:after { content: attr(data-label); padding-left: 0.4em } .dns-name-cell, .dns-content-cell { max-width: 80%; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } .dns-ttl-cell:before { color: #7c7c7c; content: attr(data-label); padding-right: 0.4em } .dns-name-cell { font-size: 1.06667em } .dns-proxy-cell, .dns-actions-cell { margin-top: -17px; position: absolute; top: 25%; right: 0.73333rem } .dns-actions-cell { bottom: 25%; margin-bottom: -0.75rem; right: 1.5rem; top: auto } .dns-mx-content .badge { background-color: none; border: 0; color: inherit; font-size: 1em; font-weight: 400; line-height: inherit; padding: 0; position: relative; top: auto } .dns-mx-content .badge:before { color: #7c7c7c; content: attr(data-original-title); padding-right: 0.4em } } .dns-import-warnings { list-style: none; margin-left: 0.73333rem; font-size: 0.86667em } .dns-import-warnings li { padding: 0 0.73333rem; margin-top: 0.73333rem } .dns-import-warnings ul { list-style: none; margin-left: 0.73333rem } .next-beta { position: relative; padding: 0.5rem 1rem; color: #FFF; margin: 0; background: rgba(0, 0, 0, 0.8) } .next-beta.flex { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .next-beta .ui-item+.ui-item { margin: 0 0 0 0.8rem } .next-beta a { color: white; font-size: 1em; text-decoration: none } .next-beta a:hover { color: #7c7c7c } .feedback .form { position: fixed; z-index: 1040; bottom: 0; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 90%; max-height: 95%; padding: 1.46667rem; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px; border-radius: 2px 2px 0 0; background: #FFF; -moz-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3); } .feedback .form.shut { visibility: hidden; -moz-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); -webkit-transform: translate(-50%, 100%); transform: translate(-50%, 100%) } .feedback .form textarea { width: 100%; min-height: 90px } .feedback .form .btn-primary { margin-left: 0.73333rem; margin-bottom: 0.73333rem } .feedback .form .info { margin: 0.73333rem 0 } .feedback .form .error { clear: both } @media screen and (min-width: 49.2em) { .next-beta { position: fixed; z-index: 1040; bottom: 0; right: 0 } .next-beta a { font-size: 0.86667em } .feedback .form { width: 38.8rem } } .firewall-event-details ul { float: right; font-size: 0.86667rem } .firewall-event-details li { display: inline-block } .firewall-event-details li+li { margin-left: 0.5rem } .firewall-event-details li+li:before { content: '|'; margin-right: 0.5rem } .firewall-event-details p { display: inline } .suggestion-results { display: none; position: absolute; z-index: 5; min-width: 100%; height: auto; left: 0; background: #FFF; border: 1px solid #dedede; border-top: 0 } .suggestion-results a { padding: 0.36667rem; display: block } .access-rules-table thead { display: none } .access-rules-table .access-rules-target-cell, .access-rules-table .access-rules-country-cell, .access-rules-table .access-rules-action-cell { display: block; width: 100% } .access-rules-table .access-rules-target-cell:before, .access-rules-table .access-rules-country-cell:before, .access-rules-table .access-rules-action-cell:before { color: #7c7c7c; content: attr(data-label); display: inline; padding-right: 0.4em } .access-rules-table td { display: block; width: 100% } .access-rules-table td p.notes { font-size: 90%; color: #7c7c7c; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis } @media screen and (min-width: 49.2em) { .access-rules-table thead { display: table-header-group } .access-rules-table .access-rules-target-cell, .access-rules-table .access-rules-country-cell { width: 35% } .access-rules-table .access-rules-target-cell, .access-rules-table .access-rules-country-cell, .access-rules-table .access-rules-action-cell { display: table-cell } .access-rules-table .access-rules-target-cell:before, .access-rules-table .access-rules-country-cell:before, .access-rules-table .access-rules-action-cell:before { display: none } .access-rules-table th.configuration_value { width: 77% } .access-rules-table td { display: table-cell } .access-rules-table td p.notes { width: 337px } .firewall-event-host-cell { max-width: 15em } } .event-actions .event-action { padding: 0.73333rem; margin: 0.73333rem; border: 1px solid #dedede; margin-left: 0 } .event-actions .event-action:nth-child(2) { margin-right: 0 } .event-actions button { margin-left: 0.36667rem } .event-actions .setting-control+.setting-control { margin-top: 0 } @media screen and (min-width: 15.6em) { .firewall-details .row .col+.col { margin-top: 0.73333rem } .event-actions { display: block } .event-actions .event-action { width: 100%; margin-right: 0 } .access-rules-table th.configuration_value { min-width: auto } .access-rules-table td p.notes { width: 178px } } @media screen and (min-width: 66em) { .firewall-details .row .col+.col { margin-top: 0 } .event-actions { display: -ms-flexbox; display: -webkit-flex; display: flex } .event-actions .event-action { margin-right: 0.73333rem } .access-rules-table th.configuration_value { min-width: 50%; width: auto } .access-rules-table td p.notes { width: 456px } } .subscription-legal-disclaimer { font-size: 60%; font-style: italic; margin-top: 2rem } .change-plan-modal .modal-body { border: none; padding: 0 } .change-plan-modal .radio-group-jumbo { border-top: 1px solid #e6e6e6 } .change-plan-modal .radio-group-jumbo .list { text-align: center } .plan-selector-title { padding: 1.5rem } .pricing-frequency { font-size: 1rem } .plan-price { font-size: 3em; font-weight: 400 } .enterprise-price { font-size: 1.1rem } .enterprise-price .pricing-frequency { font-size: 0.8rem } .plan-selector-loading { margin: 1rem 0 2rem 0; text-align: center; font-weight: bold } .plan-selector i.icon.icon-ok { display: inline-block; color: #79c698; margin-right: 0.5rem } .plan-selector input[type="radio"] { left: 1.8rem; top: 2rem; padding: 0; z-index: 2 } .plan-selector li, .plan-selector li label, .plan-selector li.active label { text-align: left } .plan-selector li label, .plan-selector li.active label { padding-left: 4rem } .plan-selector li label { border-top: 1px solid #dedede } .plan-selector .list, .plan-selector .select-plan-cta { display: none } .plan-selector .list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .plan-selector .list li { padding-left: 1.8rem } .plan-selector li { position: relative } .plan-selector li.active { -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); z-index: 3 } .plan-selector li.active .list { display: block; display: -ms-flexbox; display: -webkit-flex; display: flex } .plan-selector li.active .list li { flex: 1 0 auto; -webkit-flex: 1 0 auto } .plan-selector .radio-group-jumbo { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .plan-selector .radio-group-jumbo li { flex: 1 0 auto; -webkit-flex: 1 0 auto } .plan-selector .radio-group-jumbo li .plan-price { background: none; border: none; padding: 1.5rem 1.8rem; position: absolute; top: 0; right: 0; z-index: 2 } .plan-selector .radio-group-jumbo li.active .plan-price { color: #FFF } .plan-selector .radio-group-jumbo input[type="radio"]:checked+label { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none } .plan-selector__message { position: relative; padding: 0.5rem 2.5rem; padding-right: 2rem; font-size: 0.86667rem; vertical-align: middle; -webkit-text-stroke: 0; background-color: #7c7c7c; border-color: #636363; color: #FFF } .plan-selector__message:before { content: '\f006'; position: absolute; top: 50%; left: 0.75rem; margin-top: -0.625rem; font-size: 1.25rem; line-height: 1; vertical-align: middle } .plan-selector__message.text-error { border-color: transparent; background-color: transparent; color: #bf223c } @media screen and (min-width: 49.2em) { .flexbox .plan-selector .list { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row } .flexbox .plan-selector .list li { width: 50% } .enterprise-price { font-size: inherit } .enterprise-price .pricing-frequency { font-size: 1rem } } .plan-changed-success-image { background: #2c7cb0 url('../assets/plan-changed-success.svg?1528210613') no-repeat center; background-size: 100%; padding-bottom: 50%; border-bottom-width: 0 } .request-submitted-success-image { background: #2c7cb0 url('../assets/request-submitted-success.svg?1528210613') no-repeat center; background-size: 100%; padding-bottom: 50%; border-bottom-width: 0 } @-moz-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translate3d(0, 0, 0) } } @-webkit-keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translate3d(0, 0, 0) } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible } to { transform: translate3d(0, 0, 0) } } .slide-in-right { } .cell-member-auto-accept { padding-top: 0.46667em; padding-right: 0.26667em } .reinvite .icon.icon-ok { color: #79c698 } @media screen and (min-width: 49.2em) { .cell-member-role-picker { min-width: 20.5em; max-width: 20.5em } } .onboarding-video { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; padding: 1.5em 0; max-width: 100% } .registrar-image { float: right; border: none; margin: 0 } .dns-scan-timer-progress { border: none } .dns-scan-modunit header { padding-bottom: 0 } .dns-scan-modunit .mod-title { margin: 0 } .dns-scan-modunit .progress-bar { padding: 0 1.5em 1.5em } .dns-scan-modunit .progress-bar h1 { margin: 1.5rem 0; font-weight: normal } .dns-modunit>*+* { border: none } .dns-modunit .legend { border: none; padding: 0 1.5rem } .dns-modunit .legend p, .dns-modunit .legend .col-6, .dns-modunit .legend .event-actions .event-action, .event-actions .dns-modunit .legend .event-action { margin: 0 } .dns-modunit .legend .col-8 { margin: 0 0 1.5rem } .dns-modunit .legend .cf-proxied, .dns-modunit .legend .cf-unproxied { cursor: default } @media screen and (min-width: 49.2em) { .add-website-table .progress { width: 30%; padding: 0 0.73333rem } .add-website-table .status { width: 17% } } .scan-progressbar progress::-webkit-progress-value { } @media screen and (min-width: 15.6em) { .table-responsive td.zone-delete { padding-right: 1em } } .zone-delete { width: 3em } .google-adwords-onboarding .box, .google-adwords-onboarding .confirmation, .google-adwords-onboarding .instructions, .google-adwords-onboarding .signup-form { position: relative; max-width: 64rem; width: 100%; padding: 2em; background-color: white; border: 1px solid #dedede; z-index: 1 } .google-adwords-onboarding .form-title { } .google-adwords-onboarding .confirmation .title, .google-adwords-onboarding .instructions .title { margin-top: 2rem; } .google-adwords-onboarding .confirmation .description, .google-adwords-onboarding .instructions .description { margin-top: 2rem; color: #7c7c7c } .google-adwords-onboarding .confirmation .zone-name-holder-bar, .google-adwords-onboarding .instructions .zone-name-holder-bar { margin-top: 4em; margin-bottom: -3em; height: 1em; background-color: #dedede; border-color: #7c7c7c } .google-adwords-onboarding .confirmation .zone-name-holder-bar.active, .google-adwords-onboarding .instructions .zone-name-holder-bar.active { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc2YzRlMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgyY2FhNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #76c4e2, #82caa6); background-image: -webkit-linear-gradient(0deg, #76c4e2, #82caa6); background-image: linear-gradient(90deg, #76c4e2, #82caa6) } .google-adwords-onboarding .confirmation .zone-name-holder-bar.pending, .google-adwords-onboarding .instructions .zone-name-holder-bar.pending { background-color: #E2ABAC } .google-adwords-onboarding .confirmation .zone-name-holder, .google-adwords-onboarding .instructions .zone-name-holder { padding: 2rem; background-color: #f9f9f9; color: #7c7c7c; border: 1px solid #dedede; margin-top: 3em; overflow: auto; line-height: 2.3 } .google-adwords-onboarding .confirmation .zone-name-holder.active, .google-adwords-onboarding .instructions .active.zone-name-holder { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjlmYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZmFmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #f2f9fc, #f3faf7); background-image: -webkit-linear-gradient(0deg, #f2f9fc, #f3faf7); background-image: linear-gradient(90deg, #f2f9fc, #f3faf7) } .google-adwords-onboarding .confirmation .zone-name-holder.pending, .google-adwords-onboarding .instructions .pending.zone-name-holder { background-color: #FFF; color: #7c7c7c; border: 1px solid #dedede } .google-adwords-onboarding .confirmation .zone-name-holder .nameserver-button, .google-adwords-onboarding .instructions .zone-name-holder .nameserver-button { float: right; line-height: 0.3 } .google-adwords-onboarding .confirmation .zone-name-holder .nameserver-button.active, .google-adwords-onboarding .instructions .zone-name-holder .nameserver-button.active { border-color: #C4E6E6; background-color: #FFF; color: #7c7c7c; border: 1px solid; font-size: 1.1rem } .google-adwords-onboarding .confirmation .zone-name-holder .nameserver-button .icon-checkmark, .google-adwords-onboarding .instructions .zone-name-holder .nameserver-button .icon-checkmark { color: #60bb85 } .google-adwords-onboarding .confirmation .sub-text, .google-adwords-onboarding .instructions .sub-text { margin-top: 1rem; margin-bottom: 1rem; color: #7c7c7c } .google-adwords-onboarding .confirmation .sub-text.pending, .google-adwords-onboarding .instructions .sub-text.pending { margin-bottom: 3rem } .google-adwords-onboarding .confirmation .confirm-button, .google-adwords-onboarding .instructions .confirm-button { margin-top: 3em; margin-bottom: 1em; padding-left: 4rem; padding-right: 4rem } .google-adwords-onboarding .confirmation .text-center, .google-adwords-onboarding .instructions .text-center { text-align: center } .google-adwords-onboarding .instructions { padding: 2em 10em 2em 10em; border-bottom: none } .google-adwords-onboarding .instructions .zone-name-holder { margin-top: 1rem } .google-adwords-onboarding .bottom-bar { position: relative; max-width: 64rem; width: 100%; padding: 3em; background-color: #f9f9f9; border: 1px solid #dedede; border-top: none; z-index: 1; min-height: 11rem } .google-adwords-onboarding .bottom-bar .side-text { margin-top: 1rem; margin-bottom: 1rem; color: #7c7c7c; float: left; width: 75% } .google-adwords-onboarding .bottom-bar .button { margin-top: 1rem; margin-bottom: 1rem; color: #7c7c7c; float: right; width: 25% } .google-adwords-onboarding .relative { position: relative } .google-adwords-onboarding .background-gradient { position: absolute; width: 100%; height: 17rem; margin-top: -5rem; z-index: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwNzdiNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc3YzVlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -moz-linear-gradient(0deg, #9077b7, #77c5e3); background-image: -webkit-linear-gradient(0deg, #9077b7, #77c5e3); background-image: linear-gradient(90deg, #9077b7, #77c5e3) } .google-adwords-onboarding .signup-form h3, .google-adwords-onboarding .signup-form .callout .callout-heading, .callout .google-adwords-onboarding .signup-form .callout-heading { margin-top: 2rem } .google-adwords-onboarding .signup-form p { margin-top: 1rem; color: #7c7c7c } .google-adwords-onboarding .signup-form legend { margin-bottom: 0 } @media screen and (min-width: 15.6em) { .google-adwords-onboarding .signup-form .control-group, .google-adwords-onboarding .signup-form .purge-tags__inner { float: none; margin-left: auto; margin-right: auto; width: 90% } } @media screen and (min-width: 49.2em) { .google-adwords-onboarding .signup-form .control-group, .google-adwords-onboarding .signup-form .purge-tags__inner { float: none; margin-left: auto; margin-right: auto; width: 60% } } @media screen and (min-width: 66em) { .google-adwords-onboarding .signup-form .control-group, .google-adwords-onboarding .signup-form .purge-tags__inner { float: none; margin-left: auto; margin-right: auto; width: 45% } } .google-adwords-onboarding .signup-form .assistive-text { height: auto; overflow: visible; position: relative; margin-bottom: 4px; white-space: normal; width: auto; text-indent: 0%; color: #7c7c7c; text-align: left } .google-adwords-onboarding .signup-form .form-text-center { text-align: center } .google-adwords-onboarding .signup-form input[type=password], .google-adwords-onboarding .signup-form input[type=text] { background-color: #f9f9f9; color: #7c7c7c; border: 1px solid #dedede; min-height: 3rem } @media screen and (min-width: 15.6em) { .google-adwords-onboarding .signup-form { width: 90% } } @media screen and (min-width: 49.2em) { .google-adwords-onboarding .signup-form { width: initial } } .ssl-modal .headline-divider { margin: 0 1.5rem } .ssl-notifications .alert { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 0; font-size: 15px } .ssl-notifications p { word-wrap: break-word } .ssl-table { position: relative } .ssl-table .draggable { cursor: pointer; -moz-user-select: -moz-none; -ms-user-select: none; -webkit-user-select: none; user-select: none } .ssl-table .draggable .ui-item { display: block } .ssl-tooltip { text-align: left } .ssl-tooltip table { background: none } .ssl-tooltip td:first-child { padding-right: 1em } @media screen and (min-width: 49.2em) { .ssl-table .ssl-details-cell { padding: 0 } .ssl-table .ssl-arrow-cell { display: table-cell; padding-right: 0; width: 0.5em } .ssl-table .ssl-type-cell { width: 6em } .ssl-table .ssl-issuer-cell { display: none } .ssl-table .ssl-expires-cell { width: 10em } .ssl-table .ssl-domain-cell { min-width: 20em } .ssl-table .ssl-domain-cell .hosts, .ssl-table .ssl-domain-cell .count { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: middle; overflow: hidden; white-space: nowrap } .ssl-table .ssl-domain-cell .hosts { white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; width: 13.5em } .ssl-table .ssl-domain-cell .count { width: 5em; text-align: right } } @media screen and (min-width: 66em) { .ssl-table .ssl-domain-cell { min-width: 24em } .ssl-table .ssl-domain-cell .hosts { width: 18.5em } } @media screen and (max-width: 49.2em) { .ssl-table td[data-label]:before { color: #7c7c7c; content: attr(data-label); padding-right: 0.4em } .ssl-table .draggable { cursor: default } .ssl-table thead { display: none } .ssl-table tr { padding: 0.73333rem; display: block; position: relative } .ssl-table td { display: block; border: none; width: auto; background: none; padding: 0; font-size: 1.06667em } .ssl-table .ssl-details-cell { position: absolute; top: 0.73333rem; right: 0.73333rem } .ssl-table .ssl-domain-cell { width: 17em } .ssl-table .ssl-domain-cell span { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 11em; vertical-align: middle; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align: left } .ssl-table .ssl-domain-cell span.count { width: 5em; text-overflow: initial; text-align: right } .ssl-table .ssl-actions-cell { position: absolute; bottom: 0.73333rem; right: 0.73333rem } } .overview-welcome-box { background-image: url('../assets/overview-welcome.svg?1528210613'); min-height: 100px; background-size: 400px } .overview-welcome-box h3, .overview-welcome-box .callout .callout-heading, .callout .overview-welcome-box .callout-heading { margin-bottom: 0 } .banner { background-image: url('../assets/overview-welcome.svg?1528210613'); min-height: 100px; background-size: 400px; padding-bottom: 1em; background-position: right -90px center } .banner h3, .banner .callout .callout-heading, .callout .banner .callout-heading { margin-bottom: 0; width: 80% } .mod-description { padding: 1.46667rem } .settings { border-top: none; padding: 1.46667rem; padding-top: 0 } .settings .icon { font-size: 20px; color: #2c7cb0; float: left } .settings .summary { margin: 0 0 0 3em } .settings p+p { margin-top: 0.5em } .settings .setting { margin-bottom: 2em; display: block; width: 100% } .settings .setting textarea { height: 45px } .settings .settings-column:last-child .setting:last-child { margin-bottom: 0 } .site-status { color: #FFF; padding: 0; position: relative } .site-status .background { background-size: cover; height: 300px; width: 100% } .site-status .background+.info { background: rgba(71, 71, 71, 0.8); position: absolute; bottom: 0; left: 0 } .site-status .domain-name { width: 80%; word-wrap: break-word } .site-status .info { background: #474747; margin: 0; padding: 1.46667rem; width: 100% } .site-status .info.warning { background: #f4a15d } .site-status .info.error { background: #bf223c } .site-status .info.success { background: #79c698 } .site-status .mod-more-link { color: #479ad1; margin: 0 0 0 0.5em; padding: 0; padding-right: 1em } .site-status .mod-more-link:hover { color: #f8c296 } .site-status .mod-more-link:after { right: 0 } .site-status .status { float: right } @media screen and (min-width: 15.6em) { .overview-china-welcome-box { background-position: right -250px center } .overview-china-welcome-box h3, .overview-china-welcome-box .callout .callout-heading, .callout .overview-china-welcome-box .callout-heading { font-size: 1.5rem; max-width: 70% } } @media screen and (min-width: 49.2em) { .overview-china-welcome-box { background-position: right -90px center } .overview-china-welcome-box h3, .overview-china-welcome-box .callout .callout-heading, .callout .overview-china-welcome-box .callout-heading { font-size: 2rem; max-width: 60% } .settings .settings-column { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: top; width: 49% } .settings .setting textarea { height: auto } } @media screen and (min-width: 66em) { .overview-china-welcome-box h3, .overview-china-welcome-box .callout .callout-heading, .callout .overview-china-welcome-box .callout-heading { max-width: 100% } .settings .setting .links p { display: inline-block; margin-right: 15px } } .analytics-page>.page-content { margin-top: 2em } .analytics-welcome-box { background-image: url('../assets/analytics-welcome.svg?1528210613'); min-height: 220px; background-size: 360px } .analytics-data.columns.three>.column, .analytics-data.columns.four>.column { border-right: 0 } .analytics-share-box { background: #2c7cb0; color: #FFF } .analytics-share-box .tabs a { background-color: #276d9b; color: #dedede; padding: 1rem; flex: 1 1 auto; -webkit-flex: 1 1 auto } .analytics-share-box .tabs a:hover { background-color: #318ac4; color: inherit } .analytics-share-box .tabs li.active a { background-color: #2c7cb0 } .analytics-share-box .tabs li { display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 1 1 0; -webkit-flex: 1 1 0; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: stretch; -webkit-align-items: stretch } .analytics-share-box .tabs li+li { border-left-color: #225f87 } .analytics-share-box li.active a:before { display: none } .analytics-share-box .tab-content { margin: 1rem 0 0; padding: 5rem 3rem } .analytics-badge { font-size: 5rem; line-height: 1; flex: 0 0 7rem; -webkit-flex: 0 0 7rem } .analytics-share-badge { font-size: 6rem; width: 2rem } .analytics-data { margin-bottom: 1.5rem; border-bottom: 1px solid #dedede } .analytics-data.columns.three>.column, .analytics-data.columns.four>.column { padding: 1.5rem } .analytics-data.columns.three>.column:last-child, .analytics-data.columns.four>.column:last-child { border-right: none } .analytics-data h2 { padding-top: 0.73333rem; color: #7c7c7c; font-weight: normal } .analytics-billboard { padding-bottom: 0.73333rem } .analytics-billboard .c3 { width: 98%; max-height: 320px } .cf-area-chart { display: -ms-flexbox; display: -webkit-flex; display: flex; align-content: center; -webkit-align-content: center; justify-content: center; -webkit-justify-content: center } .modunit-link-tabs a, .modunit-link-tabs strong { font-size: 0.93333rem; padding: 0.4rem } .modunit-link-tabs a:last-child, .modunit-link-tabs strong:last-child { padding-right: 0 } .analytics-toggle-mode-button { margin-right: 0.66667rem } @media screen and (min-width: 49.2em) { .flexbox .modunit-tabs .tabs li { display: -ms-flexbox; display: -webkit-flex; display: flex; flex: 100px 1 0; -webkit-flex: 100px 1 0 } .flexbox .modunit-tabs .tabs li:nth-child(-n+3) { border-bottom: 1px solid transparent } .analytics-data.columns.three>.column, .analytics-data.columns.four>.column { border-right: 1px solid #dedede } } @media screen and (min-width: 15.6em) { .flexbox .modunit-tabs .tabs li { flex: 1 1 0; -webkit-flex: 1 1 0 } .flexbox .modunit-tabs .tabs li:nth-child(-n+3) { border-bottom: 1px solid #dedede } } .modunit-tabs { margin-top: 2rem } .modunit-tabs .tabs { border-right: 1px solid #dedede; margin: 0; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } .modunit-tabs .tabs li { border: 1px solid #dedede; border-right: 0 } .modunit-tabs .tabs li a { border-top: 2px solid transparent; padding: 1rem } .modunit-tabs .tabs li.active { border-bottom: 0 !important } .modunit-tabs .tabs li.active a { background: none; color: #333; border-top: 2px solid #2c7cb0 } .modunit-tabs .tabs li.active a:before { display: none } .modunit-tabs .tab-content { margin: 0 } .modunit-tabs .modunit { border-top: 0 } .analytics-row.flex-columns .modunit { width: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .cf-pie-chart .c3-chart-arcs text { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) } @media screen and (min-width: 49.2em) { .analytics-share-box .tab-content { height: 20em } } .analytics-legend-icon { display: inline-block; height: 0.8rem; margin-right: 0.5rem; width: 0.8rem } .analytics-legend-label { font-size: 80% } .analytics-tooltip-subheading th { background-color: #dedede; color: #333; font-weight: bold } .analytics-tooltip-subheading th:last-of-type { text-align: right } .analytics-status-codes-content { position: relative } .analytics-status-codes-empty { z-index: 1 } .analytics-status-codes-empty-text { z-index: 1; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 5px 10px; background: #FFF } .analytics-status-codes-sidebar { border-top: 1px solid #dedede; padding: 1rem 2rem; text-align: center } .analytics-status-codes-sidebar .btn-link { font-size: 0.8rem; padding: 0 } .analytics-status-codes-sidebar .text-splitter { margin: 0 0.5rem; background: #2c7cb0 } .analytics-status-codes-code-list { list-style-type: none; margin: 0; padding: 1rem 0 0 0; text-align: left; -moz-columns: 13.33333rem 3; -webkit-columns: 13.33333rem 3; columns: 13.33333rem 3 } .analytics-status-codes-code-item { display: block; margin: 0; padding: 0 1rem 0.25rem 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; } .analytics-status-codes-code-item.disabled { opacity: 0.15 } @media screen and (min-width: 66em) { .analytics-status-codes { position: relative; height: 350px } .analytics-status-codes-content { position: absolute; left: 0; right: 250px; height: 100% } .analytics-status-codes-sidebar { position: absolute; right: 0; width: 250px; height: 100%; border-left: 1px solid #dedede; overflow: auto; text-align: left; border-top: none } .analytics-status-codes-code-list { -moz-columns: auto; -webkit-columns: auto; columns: auto } } @media screen and (min-width: 66em) { .analytics-status-codes-code-list { -webkit-transform: translate3d(0, 0, 0) } .analytics-status-codes-code-list.has-focused-item .analytics-status-codes-code-item { opacity: 0.5 } .analytics-status-codes-code-list .analytics-status-codes-code-item:hover { opacity: 1 } } .analytics-status-codes-code-list .analytics-status-codes-code-item.disabled { opacity: 0.25 } .web-traffic-title { margin-top: 2em } .web-traffic-title>h3, .callout .web-traffic-title>.callout-heading { display: inline-block } .table .zones-connected a.text-nonessential, .table .zones-connected .pagination a.pagination-info, .pagination .table .zones-connected a.pagination-info { cursor: default } .table .zones-connected a.text-nonessential:hover, .table .zones-connected .pagination a.pagination-info:hover, .pagination .table .zones-connected a.pagination-info:hover { color: #7c7c7c } .railgun-connections-actions { width: 13.3rem } .china-icon, .china-modal__requirements--icons .icon, .china-modal__failed .icon { position: absolute; left: -1.8em; top: 4px } .china-modal__requirements, .china-modal__requirements--icons { margin-left: 1.2em; margin-top: 1.2em } .china-modal__requirements li, .china-modal__requirements--icons li { margin-bottom: 0.5em; position: relative } .china-modal__requirements--icons { list-style-type: none; margin-left: 2em } .china-modal__requirements--icons .icon { display: none } .china-modal__requirements--icons .icon-ok { color: #79c698 } .china-modal__requirements--icons .icon-exclamation-sign { color: #bf223c } .china-modal__requirements--icons p { color: #7c7c7c; display: none } .china-modal__requirements--icons li { display: none } li.china-modal__requirements--icp, li.china-modal__requirements--http { display: block } li.china-modal__requirements--icp.china-modal--ok .icon-ok, li.china-modal__requirements--http.china-modal--ok .icon-ok { display: block } li.china-modal__requirements--icp.china-modal--error .icon-exclamation-sign, li.china-modal__requirements--http.china-modal--error .icon-exclamation-sign { display: block } li.china-modal__requirements--icp.china-modal--error p, li.china-modal__requirements--http.china-modal--error p { display: block } .china-modal__failed { display: none; margin-left: 2em; position: relative } .china-modal__failed .icon { display: none; color: #bf223c } .virtual-dns-modal>.modal-header { padding: 0; z-index: 1 } .virtual-dns-modal .form-title { font-weight: 400 } .virtual-dns-modal .form-controls, .virtual-dns-modal .virtual-dns-nameservers__body { background-color: #f5f5f5; padding: 1.5rem; border-bottom: 1px solid #dedede } .virtual-dns-modal .select2-search-field input { resize: horizontal } .virtual-dns-modal .modal-footer { background-color: #FFF } .virtual-dns-modal .select2-container-multi .select2-choices .select2-search-choice { background-color: #2c7cb0; border: 2px solid #2c7cb0; color: #FFF } .virtual-dns-form .modal-header { padding: 0; padding-top: 1.5rem } .virtual-dns-form legend { padding: 1.5rem; margin: 0; border-color: #dedede } .virtual-dns-form .control-group, .virtual-dns-form .purge-tags__inner { padding: .75rem 0 } .virtual-dns-form .control-group:last-of-type, .virtual-dns-form .purge-tags__inner:last-of-type { padding-bottom: 0 } .virtual-dns-form .select2-search-choice-close:before { color: #FFF } .virtual-dns-form .select2-search-choice-close:hover:before { color: #479ad1 } .virtual-dns-nameservers .modal-header { padding: 1.5rem } .virtual-dns-nameservers__body { border-top: 1px solid #dedede } .virtual-dns-nameservers__subheadline { font-weight: 400 } .virtual-dns-nameservers__container { list-style-type: none; margin: 0 } .virtual-dns-nameservers__item { width: 49%; display: inline-block; margin-top: 0.75rem } .virtual-dns-nameservers__item .virtual-dns-nameservers__address { background-color: #FFF; border-color: #dedede; color: #333; cursor: default; display: block; width: 100% } .virtual-dns-nameservers__copy { color: #7c7c7c; cursor: pointer } .page-rules-modal .add-setting-link { border-bottom: 1px dashed; padding: 0 0 0.4em; text-decoration: none } .page-rules-modal .add-setting-link.disabled { border: none; opacity: 1; color: #7c7c7c } .page-rules-modal .setting-editor { margin-bottom: 0.73333rem } .page-rules-modal [data-region="valueControl1"] { display: -ms-flexbox; display: -webkit-flex; display: flex } .page-rules-modal [data-region="valueControl2"] { margin-top: 0.73333rem } .page-rules-modal .text_value { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center } .sortable-index { text-align: center } .subscription-purchase .modal-header~.modal-body .modal-content { padding-top: 1.5rem } .subscription-purchase [data-region="summary"] { padding-top: 1.5rem } .subscription-purchase .payment-summary { padding: 0 1.5rem } .subscription-purchase .billing-info { padding: 1.5rem 1.5rem 0 } .subscription-purchase .disclaimer-info { padding: 0 1.5rem 1.5rem } @media screen and (min-width: 15.6em) { .page-rules-table tr { display: block; border-top: 1px solid #dedede } .page-rules-table td { border: none } .page-rules-table .drag-handle { display: none } .page-rules-table .sortable-arrow-cell { width: 1em } .page-rule-actions-cell { display: block } } @media screen and (min-width: 49.2em) { .page-rules-table tr { display: table-row; border: none } .page-rules-table td { border-top: 1px solid #dedede } .page-rules-table .drag-handle { display: inline-block } .page-rules-table .sortable-arrow-cell { width: 5em } .page-rule-actions-cell { display: table-cell } } .page-rules__setting-select-dropdown .select2-search>input, .page-rules__page-rule-select-dropdown .select2-search>input { padding-left: 0.33333rem } .page-rule-description-cell { word-wrap: break-word } @media screen and (min-width: 15.6em) { .page-rule-description-cell { max-width: 6.66667rem } } @media screen and (min-width: 49.2em) { .page-rule-description-cell { max-width: 29.33333rem } } @media screen and (min-width: 66em) { .page-rule-description-cell { max-width: 46.66667rem } } .page-rules-welcome-box { background-image: url('../assets/analytics-welcome.svg?1528210613'); min-height: 14.66667rem; background-size: 24rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: space-between; -webkit-justify-content: space-between } .page-rules-welcome-box p { margin-bottom: 1rem; font-size: 1.4rem; line-height: 2rem } #DedicatedCertificatesCard .card__sections:nth-child(1) .card__control:nth-child(2) .btn-ssl-certificate, #DedicatedCertificatesCard .card__sections:nth-child(1) .card__control:nth-child(2) .btn-group { width: 251px } .bold-label { font-weight: 700 } .certificates { display: -ms-flexbox; display: -webkit-flex; display: flex; font-size: 0.66667rem; margin: 1.86667rem; margin-top: 0 } .certificates__type { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: stretch; -webkit-align-items: stretch; box-shadow: inset 0 0 0 1px #cbcbcb; margin: 0 0.33333rem; height: 26.66667rem; list-style-type: none; padding: 0.93333rem; overflow: hidden } .certificates__type--selected { box-shadow: inset 0 0 0 3px #0f75bd } .certificates__title { color: #3b5669; font-size: 1.1rem; text-align: center } .certificates__example { background-color: #e0e0e0; padding: 0.53333rem 0 0.53333rem 0.4rem; margin-bottom: 1.2rem } .certificates__protocol { color: #15a04d } .certificates__zone-name { border: 1px solid #bababa; border-right: none; border-bottom-left-radius: 3px; border-top-left-radius: 3px; background-color: #fff; margin-bottom: 0.33333rem; overflow: hidden; padding: 0.06667rem 0 0.13333rem 0.33333rem } .certificates__authority { border: 1px solid #bababa; border-right: none; padding-bottom: 0.26667rem; background-color: #fff } .certificates__authority-text, .certificates__authority-name { padding: 0.06667rem 0 0.13333rem 0.33333rem } .certificates__authority-name { color: #fff; background-color: #3262ae } .geo-restriction-custom-warning { display: flex } .geo-restriction-custom-warning__icon { padding-top: 0.2rem; font-size: 1.2rem } .geo-restriction-custom-warning__text { padding-left: 1rem } .certificates__features ul { margin-left: 0.8rem; list-style-position: outside } .certificates__features ul li { color: #0f0f0f; list-style-type: none; font-weight: 600; margin-bottom: 0.33333rem; position: relative } .certificates__features ul li:before { position: absolute; display: block; width: 0.33333rem; height: 0.33333rem; background-color: #000; content: ' '; top: 5px; left: -10px } .certificates__pricing { font-size: 2rem; font-weight: 600; text-align: center } .certificates__pricing--universal_certificates, .certificates__pricing--bordered { color: #bababa; border: 1px solid #bababa; font-size: 13px; padding: 6px; margin: 0 10px; width: 100% } .certificates__frequency { color: #bababa } .certificates__frequency, .certificates__hostname-info { font-size: 0.73333rem } .certificates__type-top { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 2.8rem; margin-bottom: 1.06667rem } .certificates__type-middle { flex: 3 } .certificates__type-bottom { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; align-items: center; -webkit-align-items: center; height: 5.33333rem } .certificates__entitlements { padding: 28px; padding-top: 0 } .certificates__cert { vertical-align: middle } .modal-multi-step-certificates .billing-form { border: none } .modal-multi-step-certificates .confirm-hostnames, .modal-multi-step-certificates .ordering-certificates, .modal-multi-step-certificates .full-validation { padding: 0 1.5rem 1.5rem 1.5rem } .modal-multi-step-certificates .modal-multi-step-order__step-list, .modal-multi-step-certificates .modal-multi-step-validation__step-list { margin-left: 1rem } .modal-multi-step-certificates .modal-multi-step-order__step-list li, .modal-multi-step-certificates .modal-multi-step-validation__step-list li { margin: 1rem 0; padding-left: 1rem } .modal-multi-step-certificates .modal-multi-step-order__step-list li h5, .modal-multi-step-certificates .modal-multi-step-validation__step-list li h5 { position: relative; font-size: 1.1rem } .modal-multi-step-certificates .modal-multi-step-order__step-list li.pending, .modal-multi-step-certificates .modal-multi-step-validation__step-list li.pending { color: #dedede; font-weight: normal } .modal-multi-step-certificates .modal-multi-step-order__step-list li .status, .modal-multi-step-certificates .modal-multi-step-validation__step-list li .status { position: absolute; top: 0; right: 0 } .modal-multi-step-certificates .modal-multi-step-order__step-list li .error-message, .modal-multi-step-certificates .modal-multi-step-validation__step-list li .error-message { margin-top: 0.5em; width: 80%; font-size: 0.8em } .modal-multi-step-manage-certificates .modal-header { padding-bottom: 0 } .modal-multi-step-manage-certificates .modal-title { padding-bottom: 0.5rem } .modal-multi-step-manage-certificates .ssl-table tr th:first-of-type, .modal-multi-step-manage-certificates .ssl-table tr td:first-of-type { padding-left: 1.5rem } .modal-multi-step-manage-certificates .ssl-table tr th:last-of-type, .modal-multi-step-manage-certificates .ssl-table tr td:last-of-type { padding-right: 1.5rem } .modal-multi-step-manage-certificates__copy-section, .modal-multi-step-manage-certificates__title-section { padding: 0 1.5rem } .modal-multi-step-manage-certificates__title-section { padding: 0 1.5rem 0.5rem 1.5rem } .modal-multi-step-manage-certificates__title-section:first-of-type { padding-top: 1rem } .modal-multi-step-manage-certificates__copy-section { padding-bottom: 1.5rem } .modal-multi-step-manage-certificates__copy-section:first-of-type { border-bottom: 1px solid #dedede } .modal-multi-step-manage-certificates .select2-choices .select2-search-choice { background-color: #79c698 } .modal-multi-step-manage-certificates .select2-choices .select2-initial-choice { background-color: #dedede } .modal-multi-step-certificates .select2-choices .select2-locked, .modal-multi-step-manage-certificates .select2-choices .select2-locked { padding-left: 0.4rem } .hostnames-select-control { padding: 0 1.5rem } .modal-cert-deletion .modal-header { border-bottom: 1px solid #dedede; margin-bottom: 1.6rem } .modal-cert-deletion .result i { float: left; font-size: 1.3rem; line-height: 1.3 } .modal-cert-deletion .result div { margin-left: 2.4rem } .modal-multi-step-validation { padding: 0 1.5rem } .modal-multi-step-validation__description { padding-bottom: 1rem } .modal-multi-step-validation__emails { margin: 1rem; overflow: auto; margin-bottom: 1rem } .modal-multi-step-validation__email { display: block; float: left; width: 50% } .modal-multi-step-validation__email:before { content: '\2022'; padding-right: 7px } .cname-table .ui-spinner-simple { position: static } @media screen and (min-width: 15.6em) { #DedicatedCertificatesCard .card__sections:nth-child(1) .card__control:nth-child(2) { padding: 2rem 0 } .certificates { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .certificates .certificates__type { width: auto; margin-top: 1rem } } @media screen and (min-width: 15.6em) and (max-width: 32.4em) { .modal-multi-step-certificates .modal-body { font-size: 0.85rem } .modal-multi-step-certificates .modal-body p { margin: 1em 0 } .modal-multi-step-certificates .modal-body .hostnames-select-control { padding: 0 } .modal-multi-step-certificates .modal-body .billing-form__payment-type-header, .modal-multi-step-certificates .modal-body .billing-form__or { font-size: 0.9rem } .modal-multi-step-certificates .modal-body [data-region='cost'] { text-align: left } .modal-multi-step-certificates .modal-footer { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; -webkit-justify-content: space-around } .modal-multi-step-certificates .modal-footer .btn, .modal-multi-step-certificates .modal-footer .btn-cancel { font-size: 0.85rem } .modal-multi-step-certificates .modal-footer .modal-actions { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; flex-grow: 2; -webkit-flex-grow: 2; justify-content: flex-end; -webkit-justify-content: flex-end } .modal-multi-step-certificates .modal-footer .modal-nonessential { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; flex-grow: 1; -webkit-flex-grow: 1 } .modal-multi-step-certificates .ordering-certificates ol li h5 { font-size: 0.9rem; width: 85% } } @media screen and (min-width: 32.4em) { .certificates { -webkit-flex-direction: initial; -moz-flex-direction: initial; -ms-flex-direction: initial; flex-direction: initial } .certificates .certificates__type { width: 16rem; margin-top: 0 } } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }