@charset "UTF-8";
.list-unset, .list-links, .list-features, .list-settings, .list-settings--content { list-style: none; padding-left: 0; margin: 0; }

.pane { background: #fff; border-radius: 3px; box-shadow: 0 1px 2px rgba(43, 59, 93, 0.3); }

.pane > h1:first-child { margin-top: .67em; }

.pane-padding { padding: 2em; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proxima_nova_light-webfont.eot"); src: url("../fonts/proxima-nova/proxima_nova_light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proxima_nova_light-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proxima_nova_light-webfont.woff") format("woff"), url("../fonts/proxima-nova/proxima_nova_light-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proxima_nova_light-webfont.svg#proxima_novalight") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-lightitalic-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-lightitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-lightitalic-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-lightitalic-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-lightitalic-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-lightitalic-webfont.svg#proxima_novalight_italic") format("svg"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-reg-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-reg-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-reg-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-reg-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-reg-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-regitalic-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-regitalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-regitalic-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-regitalic-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-regitalic-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-regitalic-webfont.svg#proxima_novaregular_italic") format("svg"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-sbold-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-sbold-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-sbold-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-sbold-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-sbold-webfont.svg#proxima_novasemibold") format("svg"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-sbolditalic-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-sbolditalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-sbolditalic-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-sbolditalic-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-sbolditalic-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-sbolditalic-webfont.svg#proxima_novasemibold_italic") format("svg"); font-weight: 600; font-style: italic; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-bold-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-bold-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-bold-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-bold-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-bold-webfont.svg#proxima_nova_rgbold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Proxima Nova'; src: url("../fonts/proxima-nova/proximanova-boldit-webfont.eot"); src: url("../fonts/proxima-nova/proximanova-boldit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima-nova/proximanova-boldit-webfont.woff2") format("woff2"), url("../fonts/proxima-nova/proximanova-boldit-webfont.woff") format("woff"), url("../fonts/proxima-nova/proximanova-boldit-webfont.ttf") format("truetype"), url("../fonts/proxima-nova/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic") format("svg"); font-weight: bold; font-style: italic; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-l-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-l-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-l-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-l-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-l-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-l-webfont.svg#ubuntulight") format("svg"); font-weight: 300; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-li-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-li-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-li-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-li-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-li-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-li-webfont.svg#ubuntulight_italic") format("svg"); font-weight: 300; font-style: italic; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-r-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-r-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-r-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-r-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-r-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-r-webfont.svg#ubunturegular") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-ri-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-ri-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-ri-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-ri-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-ri-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-ri-webfont.svg#ubuntuitalic") format("svg"); font-weight: normal; font-style: italic; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-m-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-m-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-m-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-m-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-m-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-m-webfont.svg#ubuntumedium") format("svg"); font-weight: 500; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-mi-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-mi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-mi-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-mi-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-mi-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-mi-webfont.svg#ubuntumedium_italic") format("svg"); font-weight: 500; font-style: italic; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-b-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-b-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-b-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-b-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-b-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-b-webfont.svg#ubuntubold") format("svg"); font-weight: bold; font-style: normal; }

@font-face { font-family: 'Ubuntu'; src: url("../fonts/ubuntu/ubuntu-bi-webfont.eot"); src: url("../fonts/ubuntu/ubuntu-bi-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu/ubuntu-bi-webfont.woff2") format("woff2"), url("../fonts/ubuntu/ubuntu-bi-webfont.woff") format("woff"), url("../fonts/ubuntu/ubuntu-bi-webfont.ttf") format("truetype"), url("../fonts/ubuntu/ubuntu-bi-webfont.svg#ubuntubold_italic") format("svg"); font-weight: bold; font-style: italic; }

/* ========================================================================== Remodal's necessary styles ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; }

/* Anti FOUC */
.remodal, .Modal, [data-remodal-id] { display: none; }

/* Necessary styles of the overlay */
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper { backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal, .Modal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

.remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; }

/* ========================================================================== Remodal's default mobile first theme ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay { background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper { padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal, .Modal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; }

.remodal.remodal-is-opening, .remodal-is-opening.Modal, .remodal.remodal-is-closing, .remodal-is-closing.Modal { animation-duration: 0.3s; animation-fill-mode: forwards; }

.remodal.remodal-is-opening, .remodal-is-opening.Modal { animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing, .remodal-is-closing.Modal { animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal, .Modal, .remodal-wrapper:after { vertical-align: middle; }

/* Keyframes ========================================================================== */
@keyframes remodal-opening-keyframes { from { transform: scale(1.05);
    opacity: 0; }
  to { transform: none;
    opacity: 1; } }

@keyframes remodal-closing-keyframes { from { transform: scale(1);
    opacity: 1; }
  to { transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-overlay-opening-keyframes { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes remodal-overlay-closing-keyframes { from { opacity: 1; }
  to { opacity: 0; } }

/* Media queries ========================================================================== */
@media only screen and (min-width: 641px) { .remodal, .Modal { max-width: 700px; } }

/* IE8 ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38; }

.lt-ie9 .remodal, .lt-ie9 .Modal { width: 700px; }

html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Start panel legacy overrides for DreamHost.css */
.box { padding: 2rem; background: #fff; }

.box > *:last-child:not(input):not(textarea) { margin-bottom: 0; }

* { line-height: inherit; }

body { background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "liga", "dlig"; color: #434F58; font-family: "Proxima Nova", sans-serif; font-size: 16px; line-height: 1.5; }

h1, h2, h3, h4 { font-family: "Ubuntu", sans-serif; font-weight: 400; }

a { color: #0073EC; text-decoration: none; }

a:hover, a.is-open { text-decoration: underline; }

a.is-disabled, a[disabled] { pointer-events: none; opacity: .3; }

strong { font-weight: 700; }

img { max-width: 100%; height: auto; }

p, section, img { margin-bottom: 1rem; }

hr { margin: 2rem 0; border: none; border-bottom: 1px solid #E0E4E8; }

code { display: inline-block; border: 1px solid #F4F6F9; border-radius: 3px; font-family: monospace; padding: 0 0.5rem; background: #fff; color: #000000; }

h1, .h1 { font-size: 2.5rem; margin-bottom: 2.5rem; }

h2, .h2 { font-size: 2rem; margin-bottom: 2rem; }

h3, .h3 { font-size: 1.5rem; margin-bottom: 1.5rem; }

h4, .h4 { font-size: 1rem; margin-bottom: 1.5rem; }

h1, h2, h3, h4, .h1, .h2, .h3, .h4 { text-transform: none; }

a { color: #061C26; text-decoration: underline; }

a:hover, a.is-open { text-decoration: none; }

code { padding: 0 0.5rem; background: #fff; color: #000000; }

template { display: none; }

.Table--panel.Table, .Table--panel.Table__m, .Table--panel.Table__l { border-collapse: collapse; }

.Table--panel.Table__m tbody tr td:before { width: auto; margin-left: -190px; float: left; display: block; }

.Table--panel.Table__m tbody tr td { margin-left: 200px; font-size: 14px; }

.Table--panel.Table__m tbody tr td a:not(.Button):hover { color: #004ea0; }

.Table--panel.Table__m tbody tr td:first-child, .Table--panel.Table__m tbody tr td:last-child { margin-left: 0; }

.Table--panel.Table__m .Table__row:not(:last-child) { border-bottom: none; }

.Table--panel.Table__m tfoot { display: block; }

@media (min-width: 750px) { .Table--panel.Table__m tfoot { display: table-row-group; } }

.Button--subcompact:not(.Button--primary), .Button--compact:not(.Button--primary), .Button--secondary, .Button--tertiary { background: #ffffff !important; }

.Button--danger:hover { background: #FF4A48 !important; }

.subtoggle { background: rgba(0, 115, 236, 0.05); border-radius: 2px; }

/* End panel legacy overrides for DreamHost.css */
/* apply a natural box layout model to all elements, but allowing components to change */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { box-sizing: border-box; color: #4F5251; font: 16px "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.5; margin: 0; padding: 80px 0 0; }

h1, h2, h3, h4 { color: #4F5251; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; line-height: 1.2; margin: 1.25em 0 .2em; }

h1 + p, h2 + p, h3 + p, h4 + p { margin-top: -.2em; }

h1 { font-size: 1.5em; }

h2 { font-size: 1.25em; }

h3 { font-size: 1.1em; }

h4 { font-size: 1em; }

a { color: #0073EC; text-decoration: none; }

tt { font-size: 1.1em; }

pre { font-size: 1rem; }

div { font-size: 1rem; }

img { border: 0px; }

.monospace { font-family: Consolas, "Lucida Console", Monaco, monospace; }

input, textarea, keygen, select, option, button, isindex { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.text-select { cursor: pointer; -webkit-user-select: text; -ms-user-select: text; user-select: text; }

hgroup p { color: #9d9d9d; font-size: 10px; text-transform: uppercase; margin-top: -3px; }

hgroup p strong { color: #73787d; font-weight: normal; }

.global-alerts { border-bottom: 1px solid #dedede; font-size: 14px; }

.global-alerts .errorbox { border-radius: 0; box-shadow: none; margin: 0; }

.global-alerts .errorbox .head, .global-alerts .errorbox .body { padding: 1em 20px; }

.content-wrapper { font-size: 16px; font-size: 1rem; }

.panel-wrapper { position: relative; }

.panel-wrapper > h1:first-child, .panel-wrapper > h2:first-child, .panel-wrapper > h3:first-child { margin-top: 0; }

span.error, div.error { color: #eb272b; clear: both; }

div.error:before { content: "\00BB \0020"; font-weight: bold; }

.required:after { content: " *"; color: red; }

.required_example:after { content: " *"; color: red; }

.expanderopen, .expanderclosed { border-left: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1; border-right: 1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; line-height: 1px; /* fix for xhtml image descender */ padding: 5px; margin-bottom: 2px; font-size: 1.2em; font-weight: bold; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; vertical-align: middle; background-color: #ffffff; background: url("../expanderbg.gif") 1px bottom repeat-x; }

.expanderopen a, .expanderclosed a { text-decoration: none; display: block; /* makes the whole div clickable */ }

.expanderopen a { color: #6699cc; }

.expanderclosed a { color: #336699; }

.expanderopen a:hover, .expanderclosed a:hover { color: #83b370; }

.expanderopen img, .expanderclosed img { vertical-align: middle; border: 0px; margin-right: 5px; }

.expanderindent { margin-left: 30px; }

dl.fancylist dt { font-weight: bold; }

.clear { clear: both; font-size: 1px; }

.clearleft { clear: left; font-size: 1px; }

.clearright { clear: right; font-size: 1px; }

.app_minheight { min-height: 20em; z-index: 0; }

.app_buttondiv { position: absolute; right: 10px; bottom: 10px; }

.app_buttondiv_top { float: right; position: relative; right: 10px; }

#support_div label.checkboxify, #support_div label.checkboxify { font-size: 12px; }

.shepherd-title { color: #fff; }

a.shepherd-cancel-link { color: #fff; transition: .2s; }

.panel-video { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }

.panel-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.panel-header { background: #071C26; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); display: table; font-size: 14px; font-size: 0.875rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 80px; position: absolute; top: 0; left: 0; right: 0; z-index: 2; }

@media screen and (min-width: 980px) { .panel-header { padding: 0 1.6em; } }

.panel-logo-container, .panel-button-container { border-right: 1px solid #434854; border-left: 1px solid #1F2126; display: table-cell; height: 100%; white-space: nowrap; vertical-align: middle; }

@media screen and (min-width: 980px) { .panel-logo-container, .panel-button-container { border: none; } }

.panel-logo { margin: 0 auto; overflow: hidden; text-indent: 100%; white-space: nowrap; width: 200px; height: 35px; display: block; background: url("../images/dh_logo-white.svg") no-repeat center center; background-size: 200px 35px; }

@media screen and (min-width: 980px) { .panel-logo { margin-left: 0; } }

.panel-logo-container { width: 100%; }

@media screen and (min-width: 980px) { .panel-button-container + .panel-button-container { padding-left: 25px; } }

.panel-header-button { background: none; border: none; cursor: pointer; font: inherit; padding: 0; margin: 0; -webkit-user-select: none; -ms-user-select: none; user-select: none; color: #fff; font-weight: bold; outline: none; text-align: center; width: 75px; }

@media screen and (min-width: 980px) { .panel-header-button { text-align: left; width: auto; } }

.panel-header-button .icon, .panel-header-button span { vertical-align: middle; line-height: 1; }

.panel-header-button span { display: block; }

@media screen and (min-width: 980px) { .panel-header-button span { display: inline; } }

.panel-header-button .icon { margin-bottom: 6px; }

@media screen and (min-width: 980px) { .panel-header-button .icon { margin-bottom: 0; margin-right: 4px; } }

.panel-header-button .icon path { fill: #828489; }

.panel-header-button .icon-hamburger { width: 24px; height: 16px; }

.panel-header-button .icon-help { width: 18px; height: 19px; }

.panel-header-button .icon-user-webid { width: 18px; height: 18px; }

.panel-header-button:hover { color: #35AEE6; }

.panel-header-button:hover .icon path { fill: #35AEE6; }

.panel-dropdown-wrap .panel-header-button:after { content: none; width: 0; height: 0; border: 4px solid transparent; border-top-color: #D9D9D9; display: inline-block; margin: 4px 0 0 2px; vertical-align: middle; }

@media screen and (min-width: 980px) { .panel-dropdown-wrap .panel-header-button:after { content: ''; } }

.panel-dropdown-wrap .panel-header-button:hover:after { border-top-color: #35AEE6; }

.panel-nav-toggle { background: none; border: none; cursor: pointer; font: inherit; padding: 0; margin: 0; }

@media screen and (min-width: 980px) { .panel-nav-toggle { display: none; } }

.panel-nav-toggle path { fill: #828489; }

.panel-nav-toggle:hover path { fill: #35AEE6; }

.panel-dropdown-wrap { position: relative; }

.panel-header-dropdown { position: absolute; top: 130%; right: 1.5em; z-index: 100; background: #fff; border: 1px solid #E3E3E3; border-radius: 5px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06); font-size: 13px; font-size: 0.8125rem; opacity: 0; transform: translateY(-10px); transition: opacity .2s, visibility .2s, transform .2s; visibility: hidden; }

@media screen and (min-width: 980px) { .panel-header-dropdown { top: 150%; right: -1em; } }

.panel-header-dropdown:before { content: ''; width: 0; height: 0; border: 5px solid transparent; border-bottom-color: #E3E3E3; position: absolute; top: -10px; right: .9em; }

.panel-header-dropdown:after { content: ''; width: 0; height: 0; border: 4px solid transparent; border-bottom-color: #f7f7f7; position: absolute; top: -8px; right: 1em; }

.panel-header-dropdown.is-active { opacity: 1; transform: translateY(0); visibility: visible; }

.panel-help-dropdown .icon-chat { width: 1.36em; height: 1.36em; margin-top: -.68em; }

.panel-search { box-sizing: border-box; display: none; padding-left: 25px; vertical-align: middle; }

@media (min-width: 980px) { .panel-search { display: table-cell; } }

.panel-search-form { position: relative; }

.panel-search-icon { width: 15px; height: 15px; position: absolute; top: 50%; left: 9px; margin-top: -7px; pointer-events: none; }

.panel-search-icon path { fill: #4F5251; }

.panel-search-field:focus + .panel-search-icon path { fill: #0073EC; }

.panel-search-field { background: #f7f7f7; border: none; border-radius: 21px; box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3); color: #4F5251; font-size: 14px; font-weight: bold; padding: 4px 10px; padding-left: 30px; margin: 0; width: 135px; transition: width .2s; }

.panel-search-field:focus { outline: none; width: 235px; }

.panel-search-field::input-placeholder { color: #4F5251; }

.panel-search-field::-webkit-input-placeholder { color: #4F5251; }

.panel-search-field::-moz-input-placeholder { color: #4F5251; }

.panel-search-field:-ms-input-placeholder { color: #4F5251; }

.panel-search-results { background: #f7f7f7; border: 1px solid #E3E3E3; border-radius: 5px; overflow: visible; transform: translate(10px, 14px); }

.panel-search-results .ac_even, .panel-search-results .ac_odd { color: #4F5251; cursor: pointer; font-family: inherit; font-size: 13px; line-height: inherit; padding: 5px 15px; }

.panel-search-results .ac_over { background: none; color: #0073EC; }

.panel-search-results:before, .panel-search-results:after { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; border-top: 0; }

.panel-search-results:before { top: -8px; left: 50%; border-bottom-color: #E3E3E3; border-width: 8px; margin-left: -8px; }

.panel-search-results:after { top: -7px; left: 50%; border-bottom-color: #f7f7f7; border-width: 7px; margin-left: -7px; }

html { height: 100%; }

body { height: 100%; overflow-x: hidden; width: 100%; }

.page-wrapper { box-sizing: content-box; display: table; table-layout: fixed; min-height: 100%; transition: margin-left 0.3s; margin-left: -200px; width: calc(100% + 200px); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.panel-nav-open .page-wrapper { margin-left: 0; }

.page-wrapper #plDebug { display: table-caption !important; }

.panel-nav, .content-wrapper { display: table-cell; position: relative; vertical-align: top; }

.panel-nav { font-size: 15px; font-size: 0.9375rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-right: 1px solid #DEDEDE; color: #676E76; font-weight: 300; padding-bottom: 25px; width: 200px; }

@media (min-width: 980px) { .page-wrapper { width: 100%; margin: 0; min-height: 100%; margin-left: 0; } }

.lt-ie10 .page-wrapper { width: 100%; margin-left: 0; }

.lt-ie10 .content-wrapper { width: 100%; }

.lt-ie10 .panel-nav { display: none; }

.lt-ie10 .panel-nav-open .panel-nav { display: table-cell; }

@media (min-width: 980px) { .lt-ie10 .content-wrapper { width: auto; }
  .lt-ie10 .panel-nav { display: table-cell; } }

.panel-main-navigation, .panel-main-navigation-subgroup { list-style: none; padding-left: 0; margin: 0; }

.panel-main-navigation-toggle { background: none; border: none; cursor: pointer; font: inherit; padding: 0; margin: 0; display: block; color: #444; font-size: .7em; font-weight: bold; padding: 1.4em 0; position: relative; text-align: left; text-transform: uppercase; white-space: nowrap; width: 100%; }

.no-touch .panel-main-navigation-toggle:hover { color: #0073EC; }

.panel-main-navigation-toggle, .panel-main-navigation-toggle:focus { outline: none; }

.panel-main-navigation-toggle::-moz-focus-inner { border: 0; }

.panel-main-navigation-toggle:after { border: 4px solid transparent; content: ''; display: inline-block; width: 0; height: 0; margin-left: 7px; }

.no-touch .panel-main-navigation-toggle:hover:after, .is-open .panel-main-navigation-toggle:after, .is-current-section.is-open .panel-main-navigation-toggle:after { border-top-color: #0073EC; border-right-color: transparent; position: relative; top: 2px; }

.is-current-section .panel-main-navigation-toggle:after, .is-current-section:not(.is-open) .panel-main-navigation-toggle:hover:after { border-right-color: #0073EC; border-top-color: transparent; position: static; }

.panel-main-navigation-toggle.is-disabled { color: #ACAFB3; pointer-events: none; }

.panel-main-navigation-button { background: none; border: none; cursor: pointer; font: inherit; padding: 0; margin: 0; font-size: 15px; font-size: 0.9375rem; color: #444; display: block; font-weight: 500; letter-spacing: .1px; margin: 1em 0 0; text-align: left; }

.panel-main-navigation-button, .panel-main-navigation-button:focus { outline: none; }

li:first-child .panel-main-navigation-button { margin: 0; }

.no-touch .panel-main-navigation-button:hover { position: relative; color: #0073EC; }

.panel-main-navigation-button.is-current-page { font-weight: bold; }

.panel-main-navigation-button.is-disabled { color: #ACAFB3; pointer-events: none; }

.panel-main-navigation-group { border-top: 1px solid transparent; border-bottom: 1px solid transparent; position: relative; padding: 0 2em; }

.panel-main-navigation-group.is-open { background: #edf1f5; box-shadow: 0 1px 0 #fff, 0 -1px 0 #dedede; }

.panel-main-navigation-group:first-child.is-open { border-top-color: transparent; box-shadow: 0 1px 0 #fff; }

.panel-main-navigation-subgroup { max-height: 0; overflow: hidden; transition: all .2s; }

.panel-main-navigation-group.is-open .panel-main-navigation-subgroup { max-height: 1000px; margin: 0 0 2em; }

.panel-main-navigation-group .is-open { background: #2C2E35; }

.panel-account-list { padding: 15px 0; margin: 0 20px; border-top: 1px solid #e6e6e6; }

.panel-account-list select { width: 100%; }

.panel-account-list-label { font-size: 12px; font-size: 0.75rem; margin: 0 0 .5em; }

.panel-account-list-label small { float: right; position: relative; top: 2px; }

.panel-webid-switcher { padding: 10px 0; margin: -10px 0; }

@media (min-width: 980px) { .panel-webid-switcher { padding-left: 10px; } }

.panel-webid-switcher.is-active .icon { animation: webid-switcher-beacon 6s ease-in infinite; box-shadow: 0 0 0 rgba(230, 196, 53, 0.4); border-radius: 50%; }

.panel-webid-switcher.is-active path { fill: #E6C435; }

.panel-switch-user { background: #FFF4B6; box-shadow: 0 -1px 0 #dedede; border-top: 1px solid #fff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 12px; font-size: 0.75rem; padding: 1.25em; text-align: center; min-width: 215px; }

.panel-switch-user a { color: #0073EC; text-decoration: underline; }

.panel-switch-user label { padding-right: .25em; }

.panel-switch-user input { border: 1px solid #dedede; border-radius: 5px; font-size: 14px; padding: .2em; }

.panel-switch-user input:focus { outline: none; border-color: #0073EC; }

.panel-switch-user p { margin: .5em 0 0; }

@keyframes webid-switcher-beacon { 0% { box-shadow: 0 0 0 0 rgba(230, 196, 53, 0.4); }
  25% { box-shadow: 0 0 0 10px rgba(230, 196, 53, 0); }
  100% { box-shadow: 0 0 0 0 rgba(230, 196, 53, 0); } }

.panel-nav-links { font-size: 12px; font-size: 0.75rem; padding-top: .25em; }

.panel-nav-links .panel-nav-link { color: #0073EC; }

.panel-nav-links .panel-nav-link:hover { text-decoration: underline; }

.panel-subnav { border-bottom: 1px solid #e6e6e6; margin: -2em -20px 0; }

.panel-subnav ul { list-style: none; padding-left: 0; margin: 0; font-size: 10px; font-size: 0.625rem; padding: 1.5em 25px; }

.panel-subnav ul li { display: inline-block; margin: .5em 0; }

.panel-subnav ul a { border-radius: 1em; color: #b3b3b3; font-size: 1.2em; padding: .4em .85em; text-decoration: none; }

.panel-subnav ul a:hover { color: #51585E; }

.panel-subnav ul .active a { background: #ebebeb; color: #51585E; pointer-events: none; }

.panel-page-header { background: #fff; border-bottom: 1px solid #dedede; box-shadow: 0 1px 0 #fff; font-size: 14px; font-size: 0.875rem; padding: 25px; }

.panel-page-header h1 { display: inline-block; margin: 0; }

.panel-page-header .panel-live-chat-link { color: #4F5251; float: right; font-size: .9em; font-weight: bold; position: relative; top: -5px; width: auto; border: 1px solid #E0E4E8; border-radius: 5px; padding: .5em .75em; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.panel-page-header .panel-live-chat-link:hover { border-color: #0073EC; color: #0073EC; }

.panel-page-header .panel-live-chat-link:hover > .icon path { fill: #0073EC; }

.panel-page-header .icon { width: 1.36em; height: 1.36em; vertical-align: middle; }

.panel-page-header .icon path { fill: #4F5251; }

@font-face { font-family: "dh-icons"; src: url("../fonts/font-custom/dh-icons.eot"); src: url("../fonts/font-custom/dh-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/font-custom/dh-icons.woff") format("woff"), url("../fonts/font-custom/dh-icons.ttf") format("truetype"), url("../fonts/font-custom/dh-icons.svg#dh-icons") format("svg"); font-weight: normal; font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "dh-icons"; src: url("../fonts/font-custom/dh-icons.svg#dh-icons") format("svg"); } }

[data-icon]:before { content: attr(data-icon); padding-right: 0.25em; }

[data-icon]:before, .icon-account-minus:before, .icon-account-plus:before, .icon-admin:before, .icon-alert:before, .icon-arrow-down-bold-circle-outline:before, .icon-arrow-down2:before, .icon-arrow-left:before, .icon-arrow-left2:before, .icon-arrow-right3:before, .icon-arrow-right5:before, .icon-arrow-up-bold-circle-outline:before, .icon-arrow-up2:before, .icon-back:before, .icon-bookmark-check:before, .icon-bucket:before, .icon-bullet:before, .icon-calendar:before, .icon-check:before, .icon-checkmark:before, .icon-circle-question-mark:before, .icon-close4:before, .icon-cloud-outline:before, .icon-cog:before, .icon-credit-card:before, .icon-cubes:before, .icon-database:before, .icon-disable:before, .icon-download:before, .icon-elevator:before, .icon-envelop:before, .icon-eye2:before, .icon-folder:before, .icon-glasses:before, .icon-globe:before, .icon-home3:before, .icon-horn:before, .icon-infinity:before, .icon-key:before, .icon-keyboard-return:before, .icon-link:before, .icon-login:before, .icon-memory:before, .icon-pending:before, .icon-plus:before, .icon-plus-circle-outline:before, .icon-popup:before, .icon-power-settings:before, .icon-question-mark:before, .icon-refresh:before, .icon-reload:before, .icon-reset:before, .icon-screwdriver-pencil:before, .icon-search:before, .icon-server:before, .icon-settings:before, .icon-shield:before, .icon-slider:before, .icon-speech:before, .icon-spinner:before, .icon-spinner2:before, .icon-stack-plus:before, .icon-star:before, .icon-sync:before, .icon-thumbs-down:before, .icon-thumbs-up:before, .icon-tools:before, .icon-trending-up:before, .icon-upload:before, .icon-user:before, .icon-verified:before, .icon-wand:before, .icon-wordpress:before, .icon-x:before { display: inline-block; font-family: "dh-icons"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.icon-account-minus:before { content: "\f100"; }

.icon-account-plus:before { content: "\f101"; padding-right: 0.25em; }

.icon-admin:before { content: "\f102"; }

.icon-alert:before { content: "\f103"; }

.icon-arrow-down-bold-circle-outline:before { content: "\f104"; }

.icon-arrow-down2:before { content: "\f105"; }

.icon-arrow-left:before { content: "\f106"; }

.icon-arrow-left2:before { content: "\f107"; }

.icon-arrow-right3:before { content: "\f108"; }

.icon-arrow-right5:before { content: "\f109"; }

.icon-arrow-up-bold-circle-outline:before { content: "\f10a"; }

.icon-arrow-up2:before { content: "\f10b"; }

.icon-back:before { content: "\f10c"; }

.icon-bookmark-check:before { content: "\f10d"; }

.icon-bucket:before { content: "\f10e"; }

.icon-bullet:before { content: "\f10f"; }

.icon-calendar:before { content: "\f110"; }

.icon-check:before { content: "\f111"; }

.icon-checkmark:before { content: "\f112"; }

.icon-circle-question-mark:before { content: "\f148"; }

.icon-close4:before { content: "\f113"; padding-right: 0.25em; }

.icon-cloud-outline:before { content: "\f114"; }

.icon-cog:before { content: "\f115"; padding-right: 0.25em; }

.icon-credit-card:before { content: "\f116"; }

.icon-cubes:before { content: "\f117"; }

.icon-database:before { content: "\f118"; }

.icon-disable:before { content: "\f119"; padding-right: 0.25em; }

.icon-download:before { content: "\f11a"; }

.icon-elevator:before { content: "\f11b"; }

.icon-envelop:before { content: "\f11c"; }

.icon-eye2:before { content: "\f11d"; }

.icon-folder:before { content: "\f11e"; }

.icon-glasses:before { content: "\f11f"; }

.icon-globe:before { content: "\f120"; }

.icon-home3:before { content: "\f121"; }

.icon-horn:before { content: "\f122"; }

.icon-infinity:before { content: "\f123"; }

.icon-key:before { content: "\f124"; }

.icon-keyboard-return:before { content: "\f125"; }

.icon-link:before { content: "\f126"; }

.icon-login:before { content: "\f127"; }

.icon-memory:before { content: "\f128"; }

.icon-pending:before { content: "\f129"; }

.icon-plus:before { content: "\f12a"; }

.icon-plus-circle-outline:before { content: "\f12b"; }

.icon-popup:before { content: "\f12c"; }

.icon-power-settings:before { content: "\f12d"; }

.icon-question-mark:before { content: "\f12e"; }

.icon-refresh:before { content: "\f12f"; }

.icon-reload:before { content: "\f130"; padding-right: 0.25em; }

.icon-reset:before { content: "\f131"; }

.icon-screwdriver-pencil:before { content: "\f132"; }

.icon-search:before { content: "\f133"; }

.icon-server:before { content: "\f134"; }

.icon-settings:before { content: "\f135"; padding-right: 0.25em; }

.icon-shield:before { content: "\f136"; }

.icon-slider:before { content: "\f137"; }

.icon-speech:before { content: "\f138"; }

.icon-spinner:before { content: "\f139"; }

.icon-spinner2:before { content: "\f13a"; }

.icon-stack-plus:before { content: "\f13b"; }

.icon-star:before { content: "\f13c"; }

.icon-sync:before { content: "\f13d"; padding-right: 0.25em; }

.icon-thumbs-down:before { content: "\f149"; }

.icon-thumbs-up:before { content: "\f13e"; }

.icon-tools:before { content: "\f13f"; padding-right: 0.25em; }

.icon-trending-up:before { content: "\f140"; }

.icon-upload:before { content: "\f141"; }

.icon-user:before { content: "\f142"; }

.icon-verified:before { content: "\f143"; }

.icon-wand:before { content: "\f144"; }

.icon-wordpress:before { content: "\f145"; }

.icon-x:before { content: "\f146"; }

/*

Components

Little things

Styleguide components

*/
/*

Alerts

Description

.alert-success   - green
.alert-info      - blue
.alert-error     - red
.alert-centered  - centered

Markup

Single paragraph alerts:
<p class="alert {{modifier_class}}">This is a single line alert.</p>

Multiple paragraph alerts:
<div class="alert {{modifier_class}} alert-block">
  <h3 class="alert-heading {{bold}}">Yo</h3> // first tag must always use 'alert-heading' regardless of tag type
  <p>This is an alert.</p>
  <p>It has multiple lines, but the spacing is still correct</p>
</div>

Inline alerts:
<div class="alert {{modifier_class}} alert-inline">
	Alert with no padding/margin that stays inline with things like form labels.
</div>

Styleguide components.alerts
*/
.alert { background-color: #FFF4B6; border: 1px dotted #ffd06a; border-radius: 5px; color: #000; margin-bottom: 1em; padding: 1em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.alert.alert-centered { text-align: center; }

.alert .alert-heading { color: #000; margin: 0; }

.alert .alert-heading + p { margin: .5em 0; }

.alert .alert-heading.bold { font-weight: bold; }

.alert .close { position: relative; top: -2px; right: -21px; line-height: 18px; }

.alert.alert-success { background-color: #e5f7de; border-color: #009766; color: #000; }

.alert.alert-success .alert-heading { color: #000; }

.alert.alert-danger, .alert.alert-error { background-color: #FFCCCE; border-color: #ff3958; color: #000; }

.alert.alert-danger .alert-heading, .alert.alert-error .alert-heading { color: #000; }

.alert.alert-info { background-color: #d9edf7; border-color: #a8f2ff; color: #1176A5; }

.alert.alert-info .alert-heading { color: #1176A5; }

.alert.alert-block { padding-top: 14px; padding-bottom: 14px; }

.alert.alert-block > p, .alert.alert-block > ul { margin-bottom: 0; }

.alert.alert-block p + p { margin-top: 0.5em; }

.alert.alert-text { border: none; background: none; padding: 0; margin: 0; }

.alert a { text-decoration: underline; }

.alert.alert-w-icon { padding-left: 3.2em; position: relative; }

.alert.alert-w-icon i:first-child { font-size: 1.2em; position: absolute; top: 50%; left: 1em; margin-top: -.8em; }

.alert.alert-inline { padding: 0 0.25em; display: inline-block; margin: 0; }

.upgrade-dp .alert { font-size: 14px; text-align: left; }

/*

Avatar

Description.

Markup:
<div class="avatar-circle">
  <img src="https://s3.amazonaws.com/uifaces/faces/twitter/idiot/128.jpg" width="80" height="80" alt="" />
</div>

Styleguide components.avatar

*/
.avatar-circle { background: #fff url(../images/dh_logomark-blue.svg) no-repeat center center; background-size: 100% 100%; border: 8px solid rgba(165, 177, 189, 0.1); border-radius: 50%; display: inline-block; overflow: hidden; }

.avatar-circle img { background: #fff; display: block; }

.box { background: #fff; padding: 2em 1em; border-radius: 3px; }

.box:not(:last-child) { margin-right: 1em; }

.box__icon { width: 64px; }

.box h3 { margin-top: 0; }

/*

Credit Card

Description

A little demo credit card for display purposes that can be filled in with real information

Markup

<ul class="creditcard">
	<li class="creditcard__type creditcard__type--LI"></li>
	<li class="creditcard__number">0851</li>
	<li class="creditcard__expiration">06/24</li>
	<li class="creditcard__replace-link"><button class="inline-btn js-replace-card">Replace Card</a></button>
</ul>

*/
.creditcard { list-style: none; padding-left: 0; margin: 0; font-size: 13px; font-size: 0.8125rem; background: #fff; border-radius: 2px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); box-sizing: border-box; color: #91969C; font-family: Consolas, "Lucida Console", Monaco, monospace; position: relative; padding: 1em; height: 11.54em; /* 150px @ 13px */ width: 18em; /* 235px @ 13px */ }

.creditcard__type { width: 55px; height: 18px; background: url(../images/smallicons.fakecard.svg) no-repeat; background-size: contain; margin-top: .2em; margin-bottom: 3.5em; }

.creditcard__type--AX { background-image: url(../images/smallicons.amex.svg); }

.creditcard__type--DI { background-image: url(../images/smallicons.discover.svg); }

.creditcard__type--MC { background-image: url(../images/smallicons.mastercard.svg); }

.creditcard__type--VI { background-image: url(../images/smallicons.visa2.svg); }

.creditcard__number { font-size: 17px; color: #4D5B69; }

.creditcard__number:before { content: '\2022\2022\2022\2022\00a0\2022\2022\2022\2022\00a0\2022\2022\2022\2022\00a0'; }

.creditcard__expiration { margin-top: .8em; }

.creditcard__expiration:before { content: 'Valid thru '; }

.creditcard__replace-link { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #35AEE6; position: absolute; top: 1.1em; right: 1em; }

/*

CTA Intro

Description

For use on marketing / intro pages. Top of the page content.

*/
.cta-intro { font-size: 16px; font-size: 1rem; margin: 1.5rem 0 3.75rem; text-align: center; }

.cta-intro__headline, .cta-intro__subheadline, .cta-intro__copy { color: #4D5B69; }

.cta-intro__headline { font-size: 2.5rem; margin-top: 0; }

.cta-intro__subheadline { font-size: 1.5rem; }

.cta-intro__copy { font-size: 1rem; }

/*

Content Box

Description.

Markup:
<div class="contentbox">
  <div class="contentbox_head">
    <h1>Heading</h1>
    <p>Introduction</p>
  </div>
  <div class="{{modifier_class}}_body">
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur molestiae incidunt, expedita alias amet odit maxime explicabo quasi aperiam beatae earum fugit dignissimos ut iste vitae, nesciunt nemo fuga sint.</p>
</div>

Styleguide components.contentbox

*/
.contentbox { margin: 10px 0 80px; }

.contentbox .contentbox_body { position: relative; /* required for buttondiv to position correctly */ }

.contentbox_head h1, .activecontentbox_head h1 { font-size: 1.8em; font-weight: normal; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ }

.contentbox_head p, .activecontentbox_head p { color: #666666; font-size: 0.5em; margin: 0px; padding: 0px; }

.contentbox_head h1, .activecontentbox_head h1 { color: #071C26; margin-bottom: 10px; }

.contentbox_head h1 p, .activecontentbox_head h1 p { letter-spacing: 0; margin-top: 10px; }

.contentbox_head h1 a, .activecontentbox_head h1 a { color: #0073EC; }

.contentbox_head h1 a:hover, .activecontentbox_head h1 a:hover { text-decoration: underline; }

.activecontentbox_head { margin-top: 2em; }

.activecontentbox_head .active { color: #027F1B; }

.contentbox_body, .activecontentbox_body { border: 1px solid #E0E4E8; background: #ffffff; border-radius: 5px; padding: 25px; }

.activecontentbox_body { background: #fff; margin-bottom: 5em; }

.fluid-row { display: table-row; }

.fluid-row-item { display: table-cell; white-space: nowrap; width: 1%; vertical-align: middle; }

.fluid-row-item-primary { width: 100%; }

.list-features { text-align: left; }

.list-features li { margin-bottom: 1em; display: table; }

.list-features__icon, .list-features__content { display: table-cell; vertical-align: top; }

.list-features__content { width: 100%; }

.list-features__headline { font-size: 24px; font-size: 1.5rem; font-weight: 100; margin-top: 0; margin-bottom: .5em; }

.list-features__icon { padding-right: 1em; }

.list-features--two-columns:before, .list-features--two-columns:after { display: table; content: ""; }

.list-features--two-columns:after { clear: both; }

.list-features--two-columns li { box-sizing: border-box; float: left; margin-bottom: 1.5em; width: 50%; }

.list-features--two-columns li:nth-child(2n+1) { padding-right: 40px; clear: left; }

.list-horizontal-buttons { list-style: none; padding-left: 0; margin: 0; }

.list-horizontal-buttons li { display: inline-block; margin: .5em 0; }

.list-horizontal-buttons a { border-radius: 1em; color: #b3b3b3; font-size: 1.2em; padding: .4em .85em; text-decoration: none; }

.list-horizontal-buttons a:hover { color: #51585E; }

.list-horizontal-buttons .active a { background: #ebebeb; color: #51585E; pointer-events: none; }

.list-links { font-size: 13px; font-size: 0.8125rem; padding: .4em 0; }

.list-links__link { background: none; border: none; cursor: pointer; font: inherit; padding: 0; margin: 0; color: #4F5251; display: block; font-weight: bold; padding: .5em 4em .5em 1.5em; position: relative; text-align: left; white-space: nowrap; width: 100%; }

.list-links__link svg path { fill: #4F5251; }

.list-links__link:hover { color: #0073EC; }

.list-links__link:hover svg path { fill: #0073EC; }

.list-links__link--disabled { pointer-events: none; opacity: .3; }

.list-links__link .icon { width: 1.45em; height: 1.45em; position: absolute; top: 50%; margin-top: -.725em; right: 1.5em; }

.list-settings { font-size: 14px; font-size: 0.875rem; }

.list-settings--content { display: table; width: 100%; }

.list-settings--setting { display: table-row; }

.list-settings--description, .list-settings--control { display: table-cell; padding: .5em 0; }

.list-settings--label { font-size: 1.25em; border-bottom: 1px solid #e6e6e6; margin: 1em 0 .25em; }

.list-settings--control { padding-left: 1.5em; text-align: right; white-space: nowrap; }

.list-table { list-style: none; padding-left: 0; background: #fff; border-radius: 2px; }

.list-table li { padding: 1.2em; position: relative; font-size: 1.25em; color: #333; }

.list-table li:nth-child(even) { background: #f4f6f7; }

/*

Tags

Description.

.green          - Green
.red            - Red
.darkBlue       - Dark blue
.yellow         - Yellow

Markup:
<span class="tag {{modifier_class}}">Tag</span>

Styleguide components.tags

*/
.tag { border-radius: 3px; background: #9cb5d9; color: #fff; cursor: default; font-size: 8px; padding: 1px 6px; text-transform: uppercase; }

.tag.green { background: #90be88; }

.tag.red { background: #cf6c68; }

.tag.darkBlue { background: black; }

.tag.yellow { background: #f4cca4; }

.tag.blue { background: #0073EC; }

/*

Promos

Description.

Markup:
<div class="alert-promo">
	<i class="icon-notification"></i>
	<span class="title">Promo title!</span>
	<span class="description">Promo information</span>
</div>

Styleguide components.promo

*/
.alert-promo { background: url(../images/bg.striped.png); border: 1px solid #ddd; border-radius: 3px; display: inline-block; padding: 10px 30px; padding-left: 50px; position: relative; text-shadow: 0 1px 0 #fff; }

.alert-promo.adjustforp { position: relative; top: 5px; }

.alert-promo i.icon-active, .alert-promo i.icon-inactive, .alert-promo i.icon-notification { background-image: url(../images/icon.sprite.promos.png); width: 26px; height: 26px; position: absolute; top: 50%; left: 25px; margin: -13px 0 0 -13px; }

.alert-promo i.icon-notification { width: 22px; height: 22px; margin: -11px 0 0 -11px; }

.alert-promo i.icon-active { background-position: left top; }

.alert-promo i.icon-inactive { background-position: left -26px; }

.alert-promo i.icon-notification { background-position: left bottom; }

.alert-promo span { display: block; }

.alert-promo .title { color: #545454; font-size: 10px; font-weight: bold; text-transform: uppercase; }

.alert-promo .description { color: #8795A2; font-size: 11px; position: relative; top: -1px; }

.alert-promo .date { color: #808080; font-size: 8px; font-weight: bold; text-transform: uppercase; }

.alert-promo span a { color: #5E6871; text-decoration: underline; }

#promolist { list-style: none; padding: 0; margin: 0 0 0 -.5%; }

#promolist li { float: left; width: 49%; margin: .5%; }

#promolist .alert-promo { display: block; padding: 10px 15px; padding-left: 50px; }

.tabs__nav { font-size: 12px; color: #c3cbd2; }

.tabs__nav ul { list-style: none; padding: 0; }

.tabs__nav li { display: inline; padding: 1em; border-top-left-radius: 5px; border-top-right-radius: 5px; position: relative; top: 3px; }

.tabs__nav li:hover { cursor: pointer; }

.tabs__nav li.is-active { background: #fff; border: 1px solid #eee; border-bottom: 0; color: #333; }

.tabs__content { border: 1px solid #eee; border-top-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; display: none; }

.tabs__content.is-active { display: block; }

.loading-spinner { margin: 0; font-size: 10px; position: relative; text-indent: -9999em; border: 0.5em solid rgba(255, 255, 255, 0.2); border-left-color: #ffffff; transform: translateZ(0); animation: loading-spinner 1.1s linear infinite; border-radius: 20px; width: 12px; height: 12px; margin-right: 10px; margin-top: -6px; display: inline-block; vertical-align: middle; }

.loading-spinner.domain-search-spinner { width: 24px; height: 24px; margin-right: 0; margin-top: 0; }

.loading-spinner.blue-spinner { border-left-color: #0073EC; width: 50px; height: 50px; border-radius: 100px; }

@keyframes loading-spinner { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

/*

Forms

Forms rock.

Styleguide forms

*/
/*

Fancy Form

A fancy form. Has to be cleared manually =/

Markup:
<form class="fancyform">
  <label for="text">Text</label>
  <input name="text" type="text" class="text" placeholder="Text" />
  <br class="clear" />
  <select class="select">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
  </select>
  <br class="clear" />
  <input type="submit" class="button" value="Submit" />
</form>

Styleguide forms.fancy

*/
.clear { clear: both; }

.fancyform { border: 0px solid red; margin-top: 10px; width: 99%; /* ie6 shits itself if this is 100.  go figure */ color: #000000; }

.fancyform label, .fancyform input .fancyform a.button { float: left; margin-bottom: 5px; }

.fancyform a.button { text-decoration: none; padding-left: 7px; padding-right: 7px; }

.fancyform input { margin: 0 0 5px; }

.fancyform label span { font-weight: normal; font-size: 1em; }

.fancyform label, .fancyform label.blank { text-align: left; padding-right: 5px; font-weight: bold; font-size: 0.9em; line-height: 1.7em; width: 30%; }

.fancyform label { margin-left: 20px; border-top: 1px dotted #cbd6de; }

.fancyform label.blank { border-top: 0px; }

.fancyform label.innerlabel { width: auto; border: 0px; margin: 0px; padding: 0px 5px 0px 5px; font-weight: normal; }

.fancyform span.innerinput { float: left; }

.fancyform input.text, .fancyform select { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; float: left; color: #000000; }

.fancyform input.text:-moz-placeholder, .fancyform textarea.text:-moz-placeholder { color: #999; }

.fancyform textarea.text { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; float: left; width: 50%; }

.fancyform input.text:disabled, .fancyform input.text:disabled, .fancyform textarea.text:disabled, .fancyform select:disabled { border: 1px solid #dae5ee; background: none; background-color: #ebf1f3; color: #666666; }

.fancyform div.radiotext { float: left; font-size: 0.9em; border: 0px dotted red; vertical-align: top; width: 65%; }

.fancyform input.text { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; }

.fancyform input.password { border: 1px solid #cbd6de; background: url("../formfieldbg.gif") 1px 1px repeat-x; background-color: #ffffff; }

.fancyform input.button, .fancyform a.button { border-top: 2px solid #dbe7f0; border-left: 2px solid #dbe7f0; border-right: 2px solid #b7c1c8; border-bottom: 2px solid #b7c1c8; background: #eff5f9; background: url("../submitbg.gif") 0 0 repeat-x; font-weight: bold; color: #eff5f9; }

.fancyform input.button:active { border-top: 2px solid #b7c1c8; border-left: 2px solid #b7c1c8; border-right: 2px solid #dbe7f0; border-bottom: 2px solid #dbe7f0; color: #ffffff; }

.fancyform label.error { color: #eb272b; }

.fancyform input.error, .fancyform select.error, .fancyform textarea.error { border-color: #eb272b; }

/*

Default

The default form. Give the class error to outline a field in red.

Markup:
<form class="form-default">
  <fieldset>
    <div class="form-row floating-label">
      <input type="text" name="email" placeholder="Email"/>
      <label for="email">Email</label>
    </div>
    <div class="form-row floating-label">
      <input type="password" name="password" placeholder="Password" />
      <label for="password">Password</label>
    </div>
    <div class="form-row form-footer">
        <button type="submit" class="btn-simple">Sign in</button>
    </div>
  </fieldset>
</form>

Styleguide forms.default

*/
.form-default { font-size: 18px; font-size: 1.125rem; text-align: left; }

.form-default fieldset { border: none; margin: 0; padding: 0; }

.form-default .form-row { margin-top: 1em; }

.form-default .form-row:first-of-type { margin-top: 0; }

.form-default .form-footer { font-size: .7em; margin-top: 2em; text-align: center; }

.form-default .form-footer p { font-size: 1em; }

.form-default label { display: block; font-size: .75em; }

.form-default label + input, .form-default label + select { margin-top: .5em; }

.form-default p { font-size: .7em; margin: 0; }

input + .form-default p, select + .form-default p { margin: .2em 0 0; }

.form-default input { border-radius: 2px; background: #fff; border: 1px solid #E0E4E8; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.05); color: black; font-size: 1em; padding: .5em; width: 100%; }

.form-default input:focus { border-color: #0073EC; outline: none; }

.form-default input::-webkit-input-placeholder { color: #E0E4E8; }

.form-default input:-moz-placeholder { color: #E0E4E8 !important; }

.form-default input::-moz-placeholder { color: #E0E4E8 !important; }

.form-default input:-ms-input-placeholder { color: #E0E4E8 !important; }

.form-default select { width: 100%; }

.form-default .floating-label { position: relative; }

.form-default .floating-label label { color: #0073EC; font-size: .55em; opacity: 0; text-transform: uppercase; transition: opacity .2s, top .2s; position: absolute; top: 0; left: 1.1em; }

.form-default .floating-label input:focus { padding-top: .75em; padding-bottom: .25em; }

.form-default .floating-label input:focus + label { opacity: 1; top: .5em; }

.form-default .floating-label input:focus::-webkit-input-placeholder { color: #fff; }

.form-default .floating-label input:focus:-moz-placeholder { color: #fff !important; }

.form-default .floating-label input:focus::-moz-placeholder { color: #fff !important; }

.form-default .floating-label input:focus:-ms-input-placeholder { color: #fff !important; }

.form-default .error input { border-color: #B80C03; }

/*

Layout

Parts of the layout.

Styleguide layout

*/
/*

Control bar

Description.

Markup:
<div class="control-bar">
  <a href="#" class="btn">Active Link</a>
  <a href="#" class="btn btn-disabled">Disabled link</a>
  <a href="#" class="btn btn-disabled">Disabled link</a>
  <a href="#" class="btn btn-warning l-float-right">Warning link</a>
</div>

Styleguide layout.2

*/
.control-bar { border: 1px solid #dbdbdb; font-size: 0; margin-bottom: -1px; background-color: #fdfdfd; background-image: linear-gradient(to bottom, #fdfdfd, #f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fdfdfd', EndColorStr='#f0f0f0'); border-radius: 0 0 3px 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); }

.control-bar .btn, .control-bar .alertify-button-ok { position: relative; left: -1px; font-size: 10px; border-radius: 0; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2); }

.control-bar .btn:first-child, .control-bar .alertify-button-ok:first-child { border-radius: 0 0 0 3px; box-shadow: none; }

.control-bar .btn:active, .control-bar .alertify-button-ok:active, .control-bar .btn.active, .control-bar .active.alertify-button-ok { top: 0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }

.control-bar .btn.l-float-right, .control-bar .l-float-right.alertify-button-ok { left: 0; margin-right: -1px; border-radius: 0 0 3px 0; box-shadow: -1px 0 0 rgba(0, 0, 0, 0.2); }

.control-bar .btn.l-float-right + .l-float-right, .control-bar .l-float-right.alertify-button-ok + .l-float-right { left: -2px; }

.control-bar .btn.btn-disabled, .control-bar .btn-disabled.alertify-button-ok, .control-bar .btn[disabled], .control-bar [disabled].alertify-button-ok { box-shadow: none; }

.control-bar.has-form { margin-top: 30px; }

.section-padded { padding: 2em 20px; }

.section-centered { max-width: 900px; margin-left: auto; margin-right: auto; }

.buttonback img { margin-right: 10px; margin-bottom: 0; }

.buttonbig { color: #fff; float: left; }

.buttonbig:not(:last-child) { margin-right: 10px; }

.buttonbig a { display: inline-block; }

.buttonbig img { display: none; }

/*
Buttons

Buttons, buttons, everywhere

Styleguide buttons
*/
/*
Regular buttons

You know, a button.

.active            - Active detail
.btn-primary				- Primary
.btn-warning				- Warning
.btn-disabled			- Disabled
.btn-bright				- Bright

Markup:
<a class="btn {{modifier_class}}">Button text</a>

Styleguide buttons.1
*/
.btn, .alertify-button-ok, form.form input.btn, form.form input.alertify-button-ok { background: #f8f8f8; border: none; border-radius: 3px; color: #0073EC; display: inline-block; font-size: .75em; font-weight: bold; line-height: 1.4; padding: .57em .9em; text-align: center; text-decoration: none; white-space: nowrap; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 #d2d2d2, inset 0 -1px 0 #d2d2d2, inset 1px 0 0 #d2d2d2, inset -1px 0 0 #d2d2d2, inset 0 1px 2px rgba(255, 255, 255, 0.5); cursor: pointer; transition: color .2s linear; }

.btn:hover, .alertify-button-ok:hover, form.form input.btn:hover, form.form input.alertify-button-ok:hover { background: white; color: #0067d3; text-decoration: none; }

.btn:focus, .alertify-button-ok:focus, form.form input.btn:focus, form.form input.alertify-button-ok:focus { color: #004186; outline: none; }

.btn.active, .active.alertify-button-ok, .btn:active, .alertify-button-ok:active, form.form input.btn.active, form.form input.active.alertify-button-ok, form.form input.btn:active, form.form input.alertify-button-ok:active { background: whitesmoke; color: #0067d3; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); position: relative; top: 1px; outline: none; }

.no-boxshadow .btn, .no-boxshadow .alertify-button-ok, .no-boxshadow form.form input.btn, .no-boxshadow form.form input.alertify-button-ok { border: 1px solid #d2d2d2; }

form.form input.btn, form.form input.alertify-button-ok { margin-top: 2px; }

/*
Inline buttons!

It's inline!

.btn-warning			- Warning
.btn-disabled			- Disabled

Markup:
<a class="inline-btn {{modifier_class}}">Inline button</a>

Styleguide buttons.2
*/
.inline-btn, .alertify-button-cancel { color: #0073EC; cursor: pointer; background: none; border: 0; font-size: .8em; font-weight: normal; padding: 0; text-decoration: none; outline: none; transition: color .2s linear; }

.inline-btn i, .alertify-button-cancel i { margin: 0 5px 0 0; }

.inline-btn:hover, .alertify-button-cancel:hover { color: #0073EC; text-decoration: underline; }

.inline-btn:hover i, .alertify-button-cancel:hover i { text-decoration: none; }

.inline-btn::-moz-focus-inner, .alertify-button-cancel::-moz-focus-inner { border: 0; padding: 0; }

button.btn, button.alertify-button-ok, button.inline-btn, button.alertify-button-cancel { margin: 0; }

.btn.btn-disabled, .btn-disabled.alertify-button-ok, .btn.btn-disabled:hover, .btn-disabled.alertify-button-ok:hover, .btn.btn-disabled:active, .btn-disabled.alertify-button-ok:active, .btn[disabled], [disabled].alertify-button-ok, form.form input.btn.btn-disabled, form.form input.btn-disabled.alertify-button-ok, form.form input.btn.btn-disabled:hover, form.form input.btn-disabled.alertify-button-ok:hover, form.form input.btn.btn-disabled:active, form.form input.btn-disabled.alertify-button-ok:active, form.form input.btn[disabled], form.form input[disabled].alertify-button-ok { color: #7f7f7f; cursor: not-allowed; opacity: .65; box-shadow: none; pointer-events: none; position: static; }

.inline-btn.btn-disabled, .btn-disabled.alertify-button-cancel, .inline-btn.btn-disabled:hover, .btn-disabled.alertify-button-cancel:hover, .inline-btn.btn-disabled:active, .btn-disabled.alertify-button-cancel:active, .inline-btn[disabled], [disabled].alertify-button-cancel { color: #c3cbd2; cursor: not-allowed; opacity: .65; pointer-events: none; }

.btn-large { font-size: 1.15em; border-radius: 5px; }

.btn-large [class^="icon-"] { margin-top: 1px; }

.btn-small { font-size: .7em; padding: .5em .7em; }

.btn-small [class^="icon-"] { margin-top: -1px; }

button.btn, button.alertify-button-ok, input[type="submit"].btn, input[type="submit"].alertify-button-ok { *padding-top: 2px; *padding-bottom: 2px; }

button.btn::-moz-focus-inner, button.alertify-button-ok::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner, input[type="submit"].alertify-button-ok::-moz-focus-inner { padding: 0; border: 0; }

button.btn.large, button.large.alertify-button-ok, input[type="submit"].btn.large, input[type="submit"].large.alertify-button-ok { *padding-top: 7px; *padding-bottom: 7px; }

button.btn.small, button.small.alertify-button-ok, input[type="submit"].btn.small, input[type="submit"].small.alertify-button-ok { *padding-top: 3px; *padding-bottom: 3px; }

.btn-simple, .buttonbig a { background: #0073EC; border: none; border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); color: #fff; cursor: pointer; margin: 0; outline: none; padding: .75em 1.3em; text-decoration: none; transition: background .1s; font-size: 1rem; }

.btn-simple:hover, .buttonbig a:hover { background: #0073ec; color: #fff; }

.btn-simple:active, .buttonbig a:active { background: #005ab9; box-shadow: none; color: #fff; transform: translate(0, 1px); }

.btn-simple.btn-disabled, .buttonbig a.btn-disabled, .btn-simple.btn-disabled:hover, .buttonbig a.btn-disabled:hover, .btn-simple.btn-disabled:active, .buttonbig a.btn-disabled:active, .btn-simple[disabled], .buttonbig a[disabled] { background: #7f7f7f; cursor: not-allowed; opacity: .65; box-shadow: none; pointer-events: none; position: static; }

.btn-green { background: #027F1B; }

.btn-green:hover { background: #029820; }

.btn-green:active { background: #026616; }

.btn-inline { color: #0073EC; cursor: pointer; background: none; border: 0; padding: 0; text-decoration: underline; outline: none; transition: color .2s linear; }

.btn-inline:hover { color: #005ab9; }

.btn-inline.btn-dark-blue { color: #0073EC; }

.btn-inline.btn-dark-blue:hover { color: #005ab9; }

.btn-inline.btn-no-underline { text-decoration: none; }

.btn-simple.btn-fat, .buttonbig a.btn-fat { padding: 1em 3em; }

.btn-simple.btn-small, .buttonbig a.btn-small { padding: .5em; font-size: .9em; }

.btn-warning, .alertify-button-cancel, form.form input.btn-warning, form.form input.alertify-button-cancel { color: #B80C03; }

.btn-warning.btn-disabled:hover, .btn-disabled.alertify-button-cancel:hover, form.form input.btn-warning.btn-disabled:hover, form.form input.btn-disabled.alertify-button-cancel:hover { color: #B80C03; }

.btn-warning:hover, .alertify-button-cancel:hover, .btn-warning:active, .alertify-button-cancel:active, .btn-warning.active, .active.alertify-button-cancel, .btn-warning:focus, .alertify-button-cancel:focus, form.form input.btn-warning:hover, form.form input.alertify-button-cancel:hover, form.form input.btn-warning:active, form.form input.alertify-button-cancel:active, form.form input.btn-warning.active, form.form input.active.alertify-button-cancel, form.form input.btn-warning:focus, form.form input.alertify-button-cancel:focus { color: #9f0a03; }

.btn-bright { color: #0073EC; }

.btn-bright:hover, .btn-bright:active, .btn-bright.active, .btn-bright:focus { color: #0067d3; }

.btn-bright.btn-warning, .btn-bright.alertify-button-cancel { color: #B80C03; }

.btn-bright.btn-warning:hover, .btn-bright.alertify-button-cancel:hover, .btn-bright.btn-warning:active, .btn-bright.alertify-button-cancel:active, .btn-bright.btn-warning.active, .btn-bright.active.alertify-button-cancel, .btn-bright.btn-warning:focus, .btn-bright.alertify-button-cancel:focus { color: #9f0a03; }

.btn.btn-disabled, .btn-disabled.alertify-button-ok, .btn.btn-disabled:hover, .btn-disabled.alertify-button-ok:hover, .btn.btn-disabled:active, .btn-disabled.alertify-button-ok:active, .btn[disabled], [disabled].alertify-button-ok, form.form input.btn.btn-disabled, form.form input.btn-disabled.alertify-button-ok, form.form input.btn.btn-disabled:hover, form.form input.btn-disabled.alertify-button-ok:hover, form.form input.btn.btn-disabled:active, form.form input.btn-disabled.alertify-button-ok:active, form.form input.btn[disabled], form.form input[disabled].alertify-button-ok { background-color: #e6e6e6; cursor: not-allowed; }

.btn.btn-primary, .btn-primary.alertify-button-ok, form.form input.btn.btn-primary, form.form input.btn-primary.alertify-button-ok { background: #0073EC; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), inset 0 1px 0 #005ab9, inset 0 -1px 0 #005ab9, inset 1px 0 0 #005ab9, inset -1px 0 0 #005ab9, inset 0 1px 2px rgba(255, 255, 255, 0.5); color: #f9f9f9; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); }

.btn.btn-primary:hover, .btn-primary.alertify-button-ok:hover, form.form input.btn.btn-primary:hover, form.form input.btn-primary.alertify-button-ok:hover { background: #0780ff; }

.btn.btn-primary:active, .btn-primary.alertify-button-ok:active, .btn.btn-primary.active, .btn-primary.active.alertify-button-ok, form.form input.btn.btn-primary:active, form.form input.btn-primary.alertify-button-ok:active, form.form input.btn.btn-primary.active, form.form input.btn-primary.active.alertify-button-ok { background: #0067d3; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.3); }

.tipbox, .errorbox, .successbox { border-radius: 10px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); margin: 10px 0; }

.no-boxshadow .tipbox, .no-boxshadow .errorbox, .no-boxshadow .successbox { border: 1px solid #cbcbcb; }

.tipbox .head, .tipbox .body, .errorbox .head, .errorbox .body, .successbox .head, .successbox .body { border: 2px solid #fff; padding: 3px 6px; }

.tipbox .head, .errorbox .head, .successbox .head { border-radius: 10px 10px 0 0; border-bottom: 1px solid #dadada; }

.tipbox .body, .errorbox .body, .successbox .body { border-radius: 0 0 10px 10px; border-top: transparent; padding: 6px; position: relative; }

.tipbox h1, .errorbox h1, .successbox h1 { border: none; font-weight: bold; font-size: 16px; line-height: 1.4; margin: 0; }

.errorbox .head { border-color: #fff3f3; }

.successbox .head, .successbox .body { border-color: #e2fae4; }

.tipbox .head { background-color: #f4f4f4; background-image: linear-gradient(to bottom, #f4f4f4, #ffffff); }

.errorbox .head { border-bottom-color: #f5bdbe; background-color: #fffbfb; background-image: linear-gradient(to bottom, #fffbfb, #fff3f3); }

.successbox .head { border-bottom-color: #a2e2a9; background-color: #f4fdf6; background-image: linear-gradient(to bottom, #f4fdf6, #e2fae4); }

.errorbox h1 { color: #eb272b; }

.successbox h1 { color: #4ea135; }

.tipbox h1 { color: #289ae0; }

.errorbox h1, .successbox h1 { padding: 0px 0px 0px 24px; position: relative; }

.errorbox h1 img, .successbox h1 img { position: absolute; left: 0; top: 50%; margin-top: -7px; }

.tipbox .body { color: #000000; background-color: #ffffff; background-image: linear-gradient(to bottom, #ffffff, #f4f4f4); }

.successbox .body { color: #386a2a; background-color: #e2fae4; background-image: linear-gradient(to bottom, #e2fae4, #ebfced); }

.errorbox .body { background: #fff3f3; border: none; color: #9b3737; filter: none; }

.tipbox .body { color: #1a5696; }

/*

Icon fonts

Scalable graphics.

Styleguide icons

*/
/*

Icon

Markup:
<i class="icon-alert"></i>
<i class="icon-arrow-down2"></i>
<i class="icon-arrow-left"></i>
<i class="icon-arrow-left2"></i>
<i class="icon-arrow-right3"></i>
<i class="icon-arrow-right5"></i>
<i class="icon-arrow-up2"></i>
<i class="icon-back"></i>
<i class="icon-bucket"></i>
<i class="icon-bullet"></i>
<i class="icon-calendar"></i>
<i class="icon-check"></i>
<i class="icon-checkmark"></i>
<i class="icon-close4"></i>
<i class="icon-cog"></i>
<i class="icon-credit-card"></i>
<i class="icon-cubes"></i>
<i class="icon-database"></i>
<i class="icon-download"></i>
<i class="icon-envelop"></i>
<i class="icon-eye2"></i>
<i class="icon-folder"></i>
<i class="icon-glasses"></i>
<i class="icon-globe"></i>
<i class="icon-home3"></i>
<i class="icon-horn"></i>
<i class="icon-infinity"></i>
<i class="icon-key"></i>
<i class="icon-link"></i>
<i class="icon-pending"></i>
<i class="icon-plus"></i>
<i class="icon-popup"></i>
<i class="icon-question-mark"></i>
<i class="icon-reload"></i>
<i class="icon-reset"></i>
<i class="icon-screwdriver-pencil"></i>
<i class="icon-search"></i>
<i class="icon-server"></i>
<i class="icon-slider"></i>
<i class="icon-speech"></i>
<i class="icon-spinner"></i>
<i class="icon-spinner2"></i>
<i class="icon-stack-plus"></i>
<i class="icon-star"></i>
<i class="icon-thumbs-up"></i>
<i class="icon-tools"></i>
<i class="icon-upload"></i>
<i class="icon-user"></i>
<i class="icon-wordpress"></i>
<i class="icon-x:before"></i>

Styleguide icons.1

*/
.icon-large:before { vertical-align: top; font-size: 1.333em; }

.btn [class^="icon-"], .alertify-button-ok [class^="icon-"], .btn [class*=" icon-"], .alertify-button-ok [class*=" icon-"] { line-height: 1.6em; padding-right: 0.25em; margin: 0 .5em 0 0; }

/* Loading Icon */
.icon-loading, .no-cssanimations i.icon-rotate, li .icon-loading, li .no-cssanimations i.icon-rotate, .no-cssanimations li i.icon-rotate { display: inline-block; width: 16px; height: 16px; background-image: url(../images/icon.loading.gif); top: 2px; position: relative; }

/* Rotation */
.no-cssanimations i.icon-rotate { overflow: hidden; text-indent: 100%; white-space: nowrap; }

.no-cssanimations .btn i.icon-rotate, .no-cssanimations .alertify-button-ok i.icon-rotate { top: 3px; }

.cssanimations i.icon-rotate { display: inline-block; animation: spin .75s linear infinite; }

.cssanimations i.icon-rotate.icon-reload { transform-origin: 50% 49%; }

.cssanimations i.icon-rotate.icon-cog { transform-origin: 50% 43%; }

.cssanimations a.inline-btn i.icon-rotate.icon-reload, .cssanimations a.alertify-button-cancel i.icon-rotate.icon-reload { transform-origin: 50% 52%; }

.cssanimations a.inline-btn i.icon-rotate.icon-cog, .cssanimations a.alertify-button-cancel i.icon-rotate.icon-cog { transform-origin: 50% 52%; -webkit-transform-origin: 50% 46%; }

.cssanimations .btn i.icon-rotate.icon-reload, .cssanimations .alertify-button-ok i.icon-rotate.icon-reload { transform-origin: 50% 54%; }

.cssanimations .btn i.icon-rotate.icon-cog, .cssanimations .alertify-button-ok i.icon-rotate.icon-cog { transform-origin: 50% 48%; }

/* Size fixes */
.inline-btn .icon-glasses, .alertify-button-cancel .icon-glasses { font-size: 1.4em; line-height: .8em; position: relative; top: .1em; }

/* status->site statistics */
div.statsusers ul { list-style-type: none; padding: 0px; margin: 0px; }

div.statsusers ul li { margin-bottom: 3px; }

div.addstatsuser a { padding: 0 15px 0 5px; margin-bottom: 5px; background: transparent url("../buttonaction0.gif") repeat-x scroll 0 0; border-color: #D9E6F7 #C9D6E8 #C9D6E8 #D9E6F7; border-style: solid; border-width: 1px; color: #336666; text-decoration: none; white-space: nowrap; }

div.addstatsuser a:hover { background: #F5F5F5 url("../buttonaction1.gif") repeat-x scroll 0 0; border-color: #C9D6E8 #D9E6F7 #D9E6F7 #C9D6E8; color: #336699; }

a.stats_collapselink { display: block; margin-top: -3px; text-align: center; width: 220px; }

/* ------------------------ Gift Certificate section ----------------------------- */
.gc_amount { margin-top: 5px; }

.gc_notice { vertical-align: middle; }

#gc_balance { margin: 15px; font-size: 16px; }

#gc_balance tr { height: 30px; }

#gc_balance .column1 { margin-top: 5px; text-align: right; }

#gc_balance .column2 { margin-top: 5px; border: 0px solid red; background: #F6FAFD; border: 1px solid #D7E2EF; padding: 7px; }

/* ---------------------- Password Strength Styling ---------------------- */
.pass_str_indicator { color: #666; font-size: 12px; line-height: 19px; padding: 0 6px; margin: 0; float: left; display: block; border: 1px solid #000; }

.pass_str_indicator.badPass { background: #edabab; border-color: #bc0000; color: #bc0000; }

.pass_str_indicator.goodPass { background: #ede3ab; border-color: #bc9f00; color: #bc9f00; }

.pass_str_indicator.strongPass { background: #d3edab; border-color: #73bc00; color: #73bc00; }

/* ---------------------- jQuery UI Overrides ---------------------- */
.ui-widget-overlay { background: rgba(0, 0, 0, 0.5); opacity: 1; filter: none; }

.lt-ie8 .ui-widget-overlay { background: #000; filter: Alpha(Opacity=50); }

/* -------------------------- UI Widget Styling -------------------------- */
.dho-object-browser-dialog .ui-dialog-content .btn, .dho-object-browser-dialog .ui-dialog-content .alertify-button-ok { font-size: 10px; }

.dho-object-browser-dialog .ui-dialog-content note { height: 59px; width: 362px; }

/* -------------------------- Manage Domains -------------------------- */
#usid_new { margin-top: 5px; }

#usid_div select, #usid_new input, #usid_new select { float: none; }

#compute { margin: 0 auto; text-align: center; }

#compute h1 { font-size: 40px; }

#compute h2 { color: #999; font-size: 28px; margin-top: .5em; }

#compute .controls { color: #777; font-size: 13px; }

#compute .controls ul.inline { padding: 0; margin: 0; width: inherit; margin: 0 auto; overflow: hidden; text-align: center; }

#compute .controls ul.inline li { list-style-type: 0; display: inline-block; padding: 25px; }

#compute .controls .btn, #compute .controls .alertify-button-ok, #compute .controls input { font-size: 16px; }

#compute .controls .btn, #compute .controls .alertify-button-ok { margin-left: .75em; }

#compute .controls .btn, #compute .controls .alertify-button-ok, #compute .controls .btn:first-child, #compute .controls .alertify-button-ok:first-child { margin-left: 0; }

#compute .what-is { font-size: 14px; margin-top: 3em; }

#compute .what-is a { border-bottom: 1px solid #369; }

#compute .what-is a:hover { background: #eee; text-decoration: none; }

#compute img.thumbnail { margin-top: 40px; }

#compute small.error { color: #933 !important; font-size: 12px; display: block; padding-bottom: 20px; }

#compute .alert { margin-top: 20px; }

#compute .notification.error p { background: #FFCCCC; color: #993333; padding: 10px !important; }

#compute .notification.error:before { content: none !important; }

#compute .notification img.loading { position: relative; top: 3px; padding-right: 3px; }

#compute .pricing { clear: left; background: #FCFCFC; border: 1px solid #EEE; margin: 25px auto; padding-top: 15px; position: relative; }

#compute .pricing form { display: block; margin-bottom: 0; }

#compute .pricing form#activation-form .tier { position: relative; vertical-align: top; padding-right: 20px; }

#compute .pricing form#activation-form .tier:first-child { border-right: 1px solid #EEE; margin: 40px 25px 80px 0; padding: 20px 35px 25px 0; }

#compute .pricing form#activation-form .tier h2 { margin-top: 0; }

#compute .pricing form#activation-form .tier img { text-align: center; position: relative; left: 25px; }

#compute .pricing form#activation-form .tier p { max-width: 500px; color: #444; }

#compute .pricing form#activation-form .tier a.center { position: absolute; text-decoration: underline; left: -60%; padding: 10px 0; }

#compute .pricing .ribbon { background-color: #ffa416; overflow: hidden; white-space: nowrap; /* top left corner */ position: absolute; left: -50px; top: 15px; /* 45 deg ccw rotation */ transform: rotate(-45deg); z-index: 100; }

#compute .pricing .ribbon.disabled { opacity: .15; }

#compute .pricing .ribbon a { border: 1px solid #f89410; color: #fff; display: block; margin: 1px 0; padding: 5px 50px 8px; text-align: center; text-decoration: none; font-size: 11px; font-weight: bold; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }

#compute .pricing .confirmation-warning { font-weight: bold; padding: 15px; background: #F3F3F3; border-top: 1px solid #DDD; }

#compute .pricing .confirmation-warning .upgrade, #compute .pricing .confirmation-warning .downgrade { display: none; }

#compute .pricing .confirmation-warning a.cancel { text-decoration: underline; color: #933; padding: 0 10px; }

#compute .pricing .extra_ips { margin-top: 15px; border-top: 1px solid #EEE; padding: 5px 0 20px 0; background: #F9F9F9; }

#compute .pricing .extra_ips h3 { font-size: 14px; color: #666; text-decoration: underline; margin-bottom: 10px; }

#compute .pricing .extra_ips span.addon, #compute .pricing .extra_disk span.addon { min-width: 75px; display: inline-block; }

#compute p.standard { text-align: center; font-weight: bold; padding: 0 0 15px; font-size: 14px; }

#compute .credential { max-height: 300px; min-width: 300px; vertical-align: top; display: inline-block; padding: 15px; }

#compute .usage { position: relative; top: -15px; display: inline-block; text-align: left; width: 50%; max-width: 400px; margin-left: 30px; padding: 25px 15px 20px 45px; border-left: 1px solid #DDD; }

#compute .usage h2 { font-size: 16px; color: #666; margin-bottom: 0; }

#compute .usage h3 { font-size: 12px; color: #999; margin-top: 3px; margin-bottom: 10px; }

#compute .usage h4 { margin: 0; padding: 0 0 5px 0; font-size: 36px; }

#compute .usage table { border-collapse: separate; border-spacing: 0; }

#compute .usage table td { font-size: 14px; padding: 10px 100px 0 0; color: #666; }

#compute .usage table td.amount { text-align: right; }

#compute .usage input.btn, #compute .usage input.alertify-button-ok { font-size: 14px; font-weight: normal; padding: 0; background: 0; border: 0; box-shadow: none; --webkit-box-shadow: none; }

#compute .usage input.btn:hover, #compute .usage input.alertify-button-ok:hover { text-decoration: underline; }

#compute .usage .extra_ips { padding: 15px 0; background: transparent; }

#compute .usage .confirmation-warning { margin: 15px 15px 25px 0; background: none; border: 0; padding: 0; }

#compute .pricing-tiers { position: relative; overflow: hidden !important; }

#compute .pricing-tiers .tier { margin: 30px 0 15px; display: inline-block; padding: 5px 0 0 0; position: relative; text-align: left; min-width: 150px; }

#compute .pricing-tiers .tier:last-child { border-right: 0; }

#compute .pricing-tiers .tier.disabled { opacity: .15; }

#compute .pricing-tiers .tier.disabled button { cursor: default; }

#compute .pricing-tiers .tier.pending:not(.current) { border: 1px solid transparent; }

#compute .pricing-tiers .tier.pending button { display: none; }

#compute .pricing-tiers .tier.pending button ~ span.selected { background: #66AA33; color: #FFF; text-shadow: 0px 1px rgba(0, 0, 0, 0.75); display: inline-block; }

#compute .pricing-tiers .tier h2 { font-weight: bold; color: #333; padding-top: 15px; margin-left: 15px; }

#compute .pricing-tiers .tier .name.badge { font-size: 11px; padding: 3px 10px; border: 1px solid #DDD; background: #FFF; text-transform: uppercase; position: relative; }

#compute .pricing-tiers .tier .btn, #compute .pricing-tiers .tier .alertify-button-ok { text-transform: capitalize; }

#compute .pricing-tiers .tier sub.term { font-size: 12px; font-weight: normal; }

#compute .pricing-tiers .tier ul { padding: 0; margin-left: 15px; }

#compute .pricing-tiers .tier ul li { font-weight: normal; text-align: left; list-style-type: none; font-size: 14px; }

#compute .pricing-tiers .tier .buttons { margin-left: 15px; padding: 15px 0; }

#compute .pricing-tiers .tier .buttons .current { background: #66AA33; text-shadow: 0px 1px rgba(0, 0, 0, 0.75); color: #FFF; }

#compute .pricing-tiers .tier .buttons .selected { display: none; }

#compute .modal { text-align: left; }

#compute .modal#upgrade-dhc-modal { top: 60%; width: 650px; margin-left: -325px; padding: 0; }

#compute .modal#upgrade-dhc-modal .modal-body { max-height: inherit !important; padding: 20px; }

#compute .modal#upgrade-dhc-modal .modal-body p { font-size: 13px; }

#compute .modal#upgrade-dhc-modal .modal-body fieldset { padding-top: 10px; }

#compute .modal#upgrade-dhc-modal .modal-body fieldset sub { display: block; font-size: 11px; }

#compute .modal#upgrade-dhc-modal .modal-body img { padding-bottom: 150px; }

#compute .modal label.radio { width: 247px; /* 530 width / 2 - padding(18px) */ display: inline-block; float: left; }

#compute .modal .modal-header p { color: #fff; font-size: 11px; }

#compute .modal fieldset.explanation { padding-top: 15px; }

#compute .modal fieldset.explanation label { margin: 0; }

#compute .modal textarea { width: 522px; /* 530 - 8 for padding */ }

#compute .modal img { clear: both; float: left; padding-right: 25px; margin-top: 15px; }

#compute .modal p { color: #777; margin-left: 0; overflow: auto; display: block; }

.bg-compute { position: relative; z-index: 1; }

.bg-compute:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-image: url(../images/graphic.cloud.compute.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; opacity: 0.09; }

@media (min-width: 1050px) { .bg-compute { padding: 2rem 0; }
  .bg-compute:before { opacity: 1; background-size: 30%; background-position: 12% center; } }

/* Users */
#dho_users .create-user { margin-bottom: 25px; }

#dho_users .create-user form { margin-top: 10px; display: none; }

#dho_users .create-user .control-group { margin: 0 0 9px; }

#dho_users .create-user input.btn, #dho_users .create-user input.alertify-button-ok { position: relative; top: -1px; vertical-align: baseline; margin-top: 0; }

#dho_users .create-user label { display: inline; text-transform: uppercase; color: #8795A2; padding-left: 2px; }

#dho_users .blank-slate { background: url(../images/dho.users.blank-slate.png) no-repeat 15px center; border: 1px dashed #bfc7ff; color: #7e8b97; font-size: 14px; line-height: 20px; padding: 10px 15px; border-radius: 5px; }

#dho_users .blank-slate p { padding-left: 120px; }

#dho_users .user { position: relative; }

#dho_users .user-wrap { border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font-size: 11px; position: relative; z-index: 1; margin-top: 18px; background-color: #fff; background-image: linear-gradient(to bottom, #ffffff, #f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#f0f0f0'); opacity: .7; pointer-events: none; transition: opacity .2s linear; }

#dho_users .user:first-child { margin-top: 0; }

#dho_users .user.loaded .user-wrap { opacity: 1; pointer-events: auto; }

#dho_users .user-wrap > * { opacity: .2; transition: opacity .2s linear; }

#dho_users .user.loaded .user-wrap > * { opacity: 1; }

#dho_users .user .header { padding: 10px 224px 8px 12px; position: relative; }

#dho_users .user h2 { border: none; color: #49586a; cursor: pointer; font-size: 15px; font-weight: bold; line-height: 20px; padding: 4px 0; margin: 0; }

#dho_users .user h2 span { word-break: break-all; }

#dho_users .user h2 span.cluster { color: #999; font-size: 10px; font-weight: normal; position: relative; top: -1px; display: inline-block; word-break: normal; }

#dho_users .user h3 { color: #414d5d; display: inline-block; font-size: 11px; line-height: 26px; margin: 0 0 0 -6px; padding: 0 17px 0 20px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.375); text-transform: uppercase; background-color: #9eb7db; background-image: linear-gradient(to bottom, #9eb7db, #869fc3); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#9eb7db', EndColorStr='#869fc3'); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.14); }

#dho_users .user h3:before { content: ''; width: 0; height: 0; border-top: 6px solid #374250; border-left: 6px solid transparent; position: absolute; left: 0; bottom: -6px; }

#dho_users .user h3 i { background-position: left bottom; margin-right: 5px; }

#dho_users .user h3 i.icon-bucket { margin-top: 1px; }

#dho_users .user .header p.buttons { position: absolute; right: 12px; top: 50%; margin: -13px 0 0; }

#dho_users .user .header a.btn, #dho_users .user .header a.alertify-button-ok { margin-left: 9px; }

#dho_users .user .header a.btn:first-child, #dho_users .user .header a.alertify-button-ok:first-child { margin-left: 0; }

#dho_users .key-table, #dho_users .bucket-table { display: none; padding: 10px 0; }

#dho_users .user.fully-open .bucket-table { border-top: 1px solid rgba(255, 255, 255, 0.9); box-shadow: 0 -1px 0 #dbdbdb; }

#dho_users .user table { color: #4e4f55; width: 100%; border-collapse: collapse; margin: 10px 0; }

#dho_users .user td { padding: 5px 8px; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

#dho_users .user td:hover { -webkit-user-select: text; -ms-user-select: text; user-select: text; }

#dho_users .user td form.form { margin: 0; }

#dho_users .user table .secret-key, #dho_users .user table .settings { width: 370px; text-align: right; padding-right: 40px; }

#dho_users .user table .remove, #dho_users .user table .action-remove-key { width: 125px; }

#dho_users .user tr { border-bottom: 1px solid transparent; transition: background-color .5s linear; }

#dho_users .user tr:hover { background-color: #dae7fa; border-bottom: 1px solid #d5d5d5; color: #000; }

#dho_users .user tr .inline-btn, #dho_users .user tr .alertify-button-cancel { opacity: .5; filter: alpha(opacity=50); white-space: nowrap; }

#dho_users .user tr:hover .inline-btn, #dho_users .user tr:hover .alertify-button-cancel { opacity: 1; filter: none; }

#dho_users .user .tag { margin-left: 3px; }

#dho_users .user tr.highlight { background-color: rgba(226, 223, 0, 0.15); transition: background-color .2s linear; }

#dho_users .user span.text-select { white-space: normal; word-break: break-all; }

#dho_users label.toggle-custom a.inline-btn, #dho_users label.toggle-custom a.alertify-button-cancel { margin-left: 5px; }

#dho_users .user .inline-btn i.icon-pending, #dho_users .user .alertify-button-cancel i.icon-pending { margin-top: -1px; margin-left: -1px; }

#dho_users .user span.key-wrap .inline-btn, #dho_users .user span.key-wrap .alertify-button-cancel { padding-left: 5px; }

#dho_users .user[data-bucket-count='0'] .bucket-table table, #dho_users .user[data-key-count='0'] .key-table table { display: none; }

#dho_users p.listing-error a.inline-btn, #dho_users p.listing-error a.alertify-button-cancel { margin-left: 5px; }

#dho_users form.add-key, #dho_users form.add-bucket { border: 1px solid #e5e5e5; border-width: 1px 1px 0 0; font-size: 13px; margin: 0; position: absolute; left: 0; bottom: 29px; padding: 5px; border-radius: 0 5px 0 0; background-image: linear-gradient(to bottom, #f5f5f5, #ececec); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f5f5f5', EndColorStr='#ececec'); }

#dho_users form.add-key select, #dho_users form.add-key input, #dho_users form.add-bucket input { margin-bottom: 0; }

#dho_users form.add-bucket span { color: #c3cbd2; font-size: .9em; padding-left: 5px; }

#dho_users form.add-key i.icon-loading, #dho_users form.add-key .no-cssanimations i.icon-rotate, .no-cssanimations #dho_users form.add-key i.icon-rotate, #dho_users form.add-bucket i.icon-loading, #dho_users form.add-bucket .no-cssanimations i.icon-rotate, .no-cssanimations #dho_users form.add-bucket i.icon-rotate { position: absolute; left: 100%; top: 0; height: 32px; margin-left: 10px; background-position: left center; background-repeat: no-repeat; }

#dho_usage #notifications span.error, #dho_users #objects-user-form span.error, #dho_users form.add-key span.error, #dho_users form.add-bucket span.error { color: #8A5959; font-size: 10px; font-weight: bold; text-align: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; }

#dho_users form.add-key span.error, #dho_users form.add-bucket span.error { position: absolute; left: 100%; top: 0; white-space: nowrap; line-height: 35px; margin-left: 10px; }

#dho_users form span.error .warning { color: #cfbb61; text-shadow: none; }

#dho_users p.status-message, #dho_users p.header-message, #dho_users p.loading-message { color: #8795A2; font-size: 10px; margin: .5em 0 1.5em; padding: 3px 12px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-transform: uppercase; transition: background-color .5s linear; }

#dho_users p.status-message.error, #dho_users p.header-message.error, #dho_users p.loading-message.error { color: #8A5959; font-weight: bold; }

#dho_users p.status-message { margin: 0; padding: 10px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

#dho_users p.status-message.error, #dho_users p.listing-error, #dho_users #objects-user-form span.error, #dho_users form.add-key span.error, #dho_users form.add-bucket span.error, div.create-migration span.error, #migration-from span.error { color: #8A5959; font-size: 10px; font-weight: bold; }

#dho_users p.status-message.error { background: #f0e2e2; }

#dho_users p.header-message { position: absolute; right: 12px; top: 50%; margin: -9px 0 0; text-align: left; }

#dho_users p.header-message i { margin-top: -2px; }

#dho_users p.loading-message { padding: 0; margin: -17px 0 0; text-align: center; position: absolute; top: 50%; width: 100%; z-index: 2; }

#dho_users p.loading-message strong { font-size: 11px; }

#dho_users p.loading-message i.icon-loading, #dho_users p.loading-message .no-cssanimations i.icon-rotate, .no-cssanimations #dho_users p.loading-message i.icon-rotate { display: block; margin: 0 auto 5px; }

#dho_users p.loading-message a.reload-buckets { display: block; margin-top: 7px; }

#object-browser-wrapper { width: 940px; height: 580px; margin: -290px 0 0 -470px; border-radius: 0; overflow: visible; }

#object-browser-wrapper > div.wrapper { width: 940px; height: 580px; overflow: hidden; }

#object-browser-wrapper a.btn, #object-browser-wrapper a.alertify-button-ok, #object-browser-wrapper a.btn:link, #object-browser-wrapper a.alertify-button-ok:link { color: #8795a2; }

#object-browser-wrapper a.btn:hover, #object-browser-wrapper a.alertify-button-ok:hover, #object-browser-wrapper a.btn:active, #object-browser-wrapper a.alertify-button-ok:active { color: #6d7782; }

#object-browser-wrapper button.close { width: 20px; height: 20px; background: url(../images/dho.dialog.close.png); position: absolute; top: -10px; right: -10px; filter: none; opacity: 1; z-index: 3; }

#dho-object-browser { /* None of this needs to be in the final. This was just for static dev. */ width: 1290px; height: 580px; background: #fff; text-align: left; position: relative; }

#dho-object-browser .list-unset, #dho-object-browser .list-links, #dho-object-browser .list-unset li, #dho-object-browser .list-links li { list-type: none; margin: 0; padding: 0; }

#dho-object-browser .controls { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; border-width: 1px 0 0; }

#dho-object-browser .controls .btn, #dho-object-browser .controls .alertify-button-ok { left: 0; }

#dho-object-browser .controls .reload-bucket .icon-loading, #dho-object-browser .controls .reload-bucket .no-cssanimations i.icon-rotate, .no-cssanimations #dho-object-browser .controls .reload-bucket i.icon-rotate, #dho-object-browser .controls .reload-bucket-list .icon-loading, #dho-object-browser .controls .reload-bucket-list .no-cssanimations i.icon-rotate, .no-cssanimations #dho-object-browser .controls .reload-bucket-list i.icon-rotate, #dho-object-browser .controls .reload-folder .icon-loading, #dho-object-browser .controls .reload-folder .no-cssanimations i.icon-rotate, .no-cssanimations #dho-object-browser .controls .reload-folder i.icon-rotate { width: 11px; height: 13px; background-image: url(../images/dho.objectbrowser.reloading.gif); }

#bucket-pane { float: left; width: 350px; height: 555px; padding-bottom: 25px; background-color: #f0f0f0; position: relative; box-shadow: inset -1px 0 5px rgba(0, 0, 0, 0.23); }

#bucket-pane .list-unset, #bucket-pane .list-links { height: 540px; padding-bottom: 15px; overflow: auto; }

#bucket-pane .list-unset a, #bucket-pane .list-links a { display: block; padding: 11px 25px 13px; border-bottom: 1px solid #d8d8d9; border-top: 1px solid rgba(255, 255, 255, 0.75); color: #49586a; font-size: 15px; font-weight: bold; text-decoration: none; word-wrap: break-word; }

#bucket-pane .list-unset a:hover, #bucket-pane .list-links a:hover { color: #343e4b; background: rgba(0, 0, 0, 0.02); }

#bucket-pane .list-unset a.active, #bucket-pane .list-links a.active { background: #fff; border-color: rgba(0, 0, 0, 0.16); padding: 12px 25px 14px; margin: -1px 0; position: relative; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04); }

#bucket-pane .list-unset li:first-child a, #bucket-pane .list-links li:first-child a { border-top: none; }

#bucket-pane .list-unset li:last-child, #bucket-pane .list-links li:last-child { border-bottom: 1px solid #fbfbfb; }

#bucket-pane i.icon-loading, #bucket-pane .no-cssanimations i.icon-rotate, .no-cssanimations #bucket-pane i.icon-rotate { position: relative; top: 1px; }

#splash-pane { width: 590px; height: 320px; padding-top: 260px; background: #fff url(../images/dho.users.big-arrow.jpg) no-repeat 221px 148px; position: absolute; top: 0; left: 350px; z-index: 2; }

#splash-pane h1 { width: 365px; margin: 0 auto; color: #49586a; font-weight: normal; font-size: 26px; border: none; }

#splash-pane p { width: 321px; margin: 17px auto 0; padding-left: 44px; color: #49586a; background: url(../images/dho.users.info.png) no-repeat left center; font-size: 14px; }

#folder-pane { float: left; width: 265px; height: 555px; padding-bottom: 25px; position: relative; }

#folder-pane h2 { color: #49586a; font-size: 15px; font-weight: bold; padding: 15px 15px 15px 40px; border-bottom: none; margin: 0; word-wrap: break-word; position: relative; }

#folder-pane h2 i.icon-bucket { position: absolute; top: 50%; left: 20px; margin-top: -7px; font-size: .8em; }

#folder-pane h3 { color: #8795a2; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 16px 10px 5px 18px; }

#folder-pane h3 a.inline-btn, #folder-pane h3 a.alertify-button-cancel { font-size: 9px; padding-top: 1px; }

#folder-pane h3 a i { margin-top: 0; }

#folder-pane ul, #folder-pane li { list-style-type: none; }

#folder-pane ul { padding-left: 0; margin-top: 0; }

#folder-pane ul a { padding: 6px 25px 6px 38px; font-size: 10px; color: #8795a2; text-decoration: none; display: block; position: relative; word-wrap: break-word; word-break: break-all; }

#folder-pane ul ul a, #folder-pane ul ul li.new-folder { padding-left: 48px; }

#folder-pane ul ul ul a, #folder-pane ul ul ul li.new-folder { padding-left: 58px; }

#folder-pane ul ul ul ul a, #folder-pane ul ul ul ul li.new-folder { padding-left: 68px; }

#folder-pane ul ul ul ul ul a, #folder-pane ul ul ul ul ul li.new-folder { padding-left: 78px; }

#folder-pane ul ul ul ul ul ul a, #folder-pane ul ul ul ul ul ul li.new-folder { padding-left: 88px; }

#folder-pane ul ul ul ul ul ul ul a, #folder-pane ul ul ul ul ul ul ul li.new-folder { padding-left: 98px; }

#folder-pane ul i { position: absolute; top: 50%; margin-top: -6px; left: 17px; }

#folder-pane ul i.icon-arrow-right { margin-top: -5px; margin-left: 3px; }

#folder-pane ul i.icon-arrow-down { margin-top: -3px; }

#folder-pane ul ul i { left: 27px; }

#folder-pane ul ul ul i { left: 37px; }

#folder-pane ul ul ul ul i { left: 47px; }

#folder-pane ul ul ul ul ul i { left: 57px; }

#folder-pane ul ul ul ul ul ul i { left: 67px; }

#folder-pane ul ul ul ul ul ul ul i { left: 77px; }

#folder-pane ul i { background-position: left top; }

#folder-pane ul a:hover i, #folder-pane ul a:active i, #folder-pane ul a.active i { background-position: left bottom; }

#folder-pane ul a:hover, #folder-pane ul a:active, #folder-pane ul a.active { background: #ebf0f4; color: #49586a; position: relative; }

#folder-pane ul a.active:after { content: ''; width: 0; height: 0; border: 4px solid transparent; border-color: transparent transparent transparent #49586a; position: absolute; top: 50%; margin-top: -4px; right: 10px; }

#folder-pane ul.folder-list { margin: 0; max-height: 470px; overflow: auto; overflow-x: hidden; position: relative; }

#folder-pane ul.folder-list ul { display: none; }

#folder-pane ul.folder-list > li > ul, #folder-pane ul.folder-list ul.open { display: block; }

#folder-pane li.new-folder { padding-top: 6px; padding-bottom: 6px; position: relative; }

#folder-pane ul.folder-list li.new-folder form, #folder-pane ul.folder-list .control-group { margin-bottom: 0; }

#folder-pane ul.folder-list .control-group.error:before { content: ''; }

#folder-pane ul.folder-list .control-group .help-inline { display: block; font-size: 9px; padding: 0; margin-bottom: 0; line-height: 16px; }

#folder-pane ul.folder-list input { font-size: 10px; color: #8795a2; background: none; border: none; height: auto; width: 100%; padding: 0; margin: 0; box-shadow: none; }

#folder-pane ul.folder-list .error input { color: #b94a48; }

#folder-pane ul.folder-list .error .icon-folder { color: #8a5959; }

#folder-pane ul.folder-list .arrow { font-size: 16px; line-height: .625; /*  1/1.6 = .625...  */ width: .7em; }

#folder-pane ul.folder-list .icon-home3, #folder-pane ul.folder-list .icon-folder { font-size: 11px; line-height: 1; }

#dho-object-browser #folder-pane .controls { display: table; }

#dho-object-browser #folder-pane .controls .btn, #dho-object-browser #folder-pane .controls .alertify-button-ok { display: table-cell; width: 50%; }

#dho-object-browser #folder-pane .controls .btn:first-child, #dho-object-browser #folder-pane .controls .alertify-button-ok:first-child { box-shadow: 1px 0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2); }

#object-pane { float: left; width: 675px; height: 580px; position: relative; overflow: hidden; }

#object-pane .top-bar { background: #7a8998 url(../images/dho.top-bar.bg.png) repeat-x; height: 34px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27); position: relative; z-index: 1; }

#object-pane .top-bar input { background: #c5cbd2; background: rgba(255, 255, 255, 0.55); color: #394d5f; font-size: 11px; border: none; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(255, 255, 255, 0.55); border-radius: 3px; height: 19px; width: 163px; padding: 0 5px; outline: none; margin: 6px 0 0 6px; position: absolute; top: 0; left: 0; }

.lt-ie10 #object-pane .top-bar input { border-top: 1px solid #7b7e81; border-bottom: 1px solid #c5ccd3; line-height: 19px; }

#object-pane .top-bar input:-moz-placeholder { color: #606f7c; }

#object-pane .top-bar input::-webkit-input-placeholder { color: #606f7c; }

#object-pane .top-bar a { color: #505e70; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.33); margin-right: 16px; line-height: 34px; text-transform: uppercase; position: absolute; top: 0; right: 0; transition: color .2s linear; }

#object-pane .top-bar a:hover { color: #3c4652; }

#object-pane .top-bar i.icon-loading, #object-pane .top-bar .no-cssanimations i.icon-rotate, .no-cssanimations #object-pane .top-bar i.icon-rotate { background-image: url(../images/dho.objectbrowser.loading.gif); width: 12px; height: 13px; }

#object-pane .top-bar p { margin: 0; line-height: 34px; font-size: 11px; color: #efefef; text-transform: uppercase; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.33); }

.lt-ie9 #object-pane .top-bar p { line-height: 32px; }

#object-pane .object-list { background: #ebebeb; border-left: 1px solid #dedede; height: 521px; list-style: none; overflow: auto; }

.lt-ie9 #object-pane .object-list li.last-child { border-bottom: 1px solid #dedede; }

#object-pane .object-list p { margin: 0; }

#object-pane .object-list span.info-label { text-transform: uppercase; color: #9d9d9d; padding-right: 5px; }

#object-pane .object-list .info { color: #73787d; cursor: pointer; background: #fff; font-size: 10px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); transition: background-color .2s linear; }

#object-pane .object-list li.even .info { background: #f2f4f7; }

#object-pane .object-list li:hover .info { color: #525559; }

#object-pane .object-list li.highlight .info { background-color: #f7f6b9; transition: background-color .2s linear; }

#object-pane .object-list .info p { display: inline-block; line-height: 25px; vertical-align: top; }

#object-pane .object-list .info p.title { padding-left: 11px; width: 325px; font-size: 11px; }

#object-pane .object-list .info p.size { width: 145px; }

#object-pane .object-list .info p.time { padding-right: 16px; text-align: right; float: right; }

#object-pane .object-list .extended-info { background: #f9f9f9 url(../images/dho.extended-info.shadow.png) no-repeat center top; background: url(../images/dho.extended-info.shadow.png) no-repeat center top, url(../images/dho.extended-info.bg.png); border-top: 1px solid rgba(0, 0, 0, 0.2); font-size: 10px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); padding: 11px 16px 15px 11px; color: #292929; display: none; }

.lt-ie9 #object-pane .object-list .extended-info { border-bottom: 1px solid #dedede; }

#object-pane .object-list .extended-info a.btn-warning, #object-pane .object-list .extended-info a.alertify-button-cancel { float: right; }

#object-pane .object-list .extended-info p.title { font-size: 14px; margin-bottom: 14px; }

#dho-object-browser .object-list .extended-info span.size { color: #9d9d9d; font-size: 11px; padding-left: 20px; }

#object-pane .object-list .extended-info form { display: inline; position: relative; top: 4px; left: 12px; }

#object-list .extended-info .time, #object-list .extended-info .permissions { display: inline-block; }

#object-list .extended-info .time { margin-bottom: 10px; width: 325px; }

#object-pane .object-list .share { padding-top: 10px; }

#object-pane .object-list .share input { font-size: 9px; margin-left: 23px; padding: 3px 0; width: 410px; }

#object-pane .object-list .share a { padding-left: 6px; font-size: 14px; }

#object-pane .object-list .expires { font-size: 9px; padding: 3px 0 0 93px; }

#object-pane .object-list .expires select { font-size: 10px; outline: none; }

#object-pane .object-list .expires select option[disabled] { display: none; }

#object-pane .controls { border-left: 1px solid rgba(0, 0, 0, 0.1); }

#upload-pane { width: 674px; /* 675 - 1 */ height: 552px; /* full-height - control bar*/ position: absolute; bottom: 28px; /* control bar*/ right: 0; z-index: 2; background: #ebebeb url(../images/dho.upload.bg.png); border-left: 1px solid #dedede; transition: background-color .2s linear; }

#upload-pane.hover { background: #e1ecf4 url(../images/dho.upload.bg.hover.png); }

#upload-pane h2 { margin: 0; padding: 20px; color: #8795a2; font-size: 10px; font-weight: bold; text-transform: uppercase; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

#upload-pane h2 .path { color: #49586a; font-size: 13px; text-transform: none; }

#upload-pane .empty { text-align: center; }

#upload-pane .empty p { background: url(../images/dho.upload.target.png) no-repeat top center; color: #49586a; font-size: 23px; margin: 60px 0 0; padding-top: 245px; }

#upload-pane .empty p em { display: block; font-size: 16px; color: #8795a2; margin: 2px 0; }

#upload-pane .queue { background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin: 50px auto; width: 85%; max-height: 340px; overflow-y: auto; }

#upload-pane .queue li { border-top: 1px solid #ededed; color: #8795a2; padding: 0 20px 0 60px; line-height: 52px; position: relative; }

#upload-pane .queue li.in-progress, #upload-pane .queue li.error { padding: 5px 20px 12px 60px; line-height: 27px; }

#upload-pane .queue span.progress { background: #e2e2e2; display: none; height: 7px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); }

#upload-pane .queue span.fileerror { color: #905658; display: block; font-size: 10px; line-height: .9; text-transform: uppercase; }

#upload-pane .queue span.progress span.bar { background: #adcbe3 url(../images/dho.upload.progress.png); display: block; height: 7px; width: 0; animation: progress .3s linear infinite; }

#upload-pane .queue li.in-progress span.progress { display: block; }

#upload-pane .queue li.in-progress span.time-left { display: block; font-size: 11px; color: #8795a2; }

@keyframes progress { from { background-position: left top; }
  to { background-position: 3px top; } }

#upload-pane .queue li:before { content: ' '; width: 32px; height: 32px; background: url(../images/dho.upload.file.png) no-repeat center center; position: absolute; top: 50%; left: 14px; margin-top: -16px; }

#upload-pane .queue li.file-doc:before, #upload-pane .queue li.file-docx:before, #upload-pane .queue li.file-pages:before { background-image: url(../images/dho.upload.file.doc.png); }

#upload-pane .queue li.file-pdf:before { background-image: url(../images/dho.upload.file.pdf.png); }

#upload-pane .queue li.file-xlsx:before, #upload-pane .queue li.file-xls:before, #upload-pane .queue li.file-numbers:before { background-image: url(../images/dho.upload.file.excel.png); }

#upload-pane .queue li.file-pptm:before, #upload-pane .queue li.file-keynote:before { background-image: url(../images/dho.upload.file.powerpoint.png); }

#upload-pane .queue li.file-jpg:before, #upload-pane .queue li.file-jpeg:before, #upload-pane .queue li.file-gif:before, #upload-pane .queue li.file-png:before { background-image: url(../images/dho.upload.file.image.png); }

#upload-pane .queue li.file-mp3:before, #upload-pane .queue li.file-ogg:before, #upload-pane .queue li.file-wav:before, #upload-pane .queue li.file-aiff:before, #upload-pane .queue li.file-flac:before, #upload-pane .queue li.file-m4a:before { background-image: url(../images/dho.upload.file.audio.png); }

#upload-pane .queue li.file-avi:before, #upload-pane .queue li.file-mpeg:before, #upload-pane .queue li.file-mov:before, #upload-pane .queue li.file-mp4:before { background-image: url(../images/dho.upload.file.video.png); }

#upload-pane .queue li.file-zip:before, #upload-pane .queue li.file-rar:before { background-image: url(../images/dho.upload.file.zip.png); }

#upload-pane .queue li.file-css:before { background-image: url(../images/dho.upload.file.css.png); }

#upload-pane .queue li.file-html:before, #upload-pane .queue li.file-xml:before { background-image: url(../images/dho.upload.file.xml.png); }

#upload-pane .queue li:first-child { border: none; }

#upload-pane .queue button { background: none; position: absolute; top: 50%; right: 8px; margin-top: -8px; border: none; cursor: pointer; }

#upload-pane #sucky-upload { display: none; text-align: center; }

#upload-pane #sucky-upload h3 { color: #49586a; font-size: 20px; font-weight: normal; margin: 60px 0 0; padding-top: 195px; background: url(../images/dho.upload.sucky.png) no-repeat top center; }

#upload-pane #sucky-upload h3 em { display: block; font-size: 16px; color: #8795a2; margin: 2px 0 4px; }

#upload-pane #sucky-upload .file-name { display: inline-block; position: relative; top: 9px; width: 21px; height: 26px; }

#upload-pane #sucky-upload .file-name span { width: 200px; height: 26px; display: table; position: absolute; top: 0; right: 0; }

#upload-pane #sucky-upload .file-name span .name { display: table-cell; font-size: 10px; position: static; text-align: right; vertical-align: middle; }

#upload-pane #sucky-upload .file-button { display: inline-block; position: relative; height: 26px; width: 92px; margin-left: 10px; }

#upload-pane #sucky-upload input[type="file"] { height: 26px; width: 92px; position: absolute; top: 0; right: 0; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

#upload-pane #sucky-upload input[disabled] { opacity: 1; filter: none; z-index: 3; }

#upload-pane #sucky-upload input.btn, #upload-pane #sucky-upload input.alertify-button-ok, #upload-pane #sucky-upload .icon-loading, #upload-pane #sucky-upload .no-cssanimations i.icon-rotate, .no-cssanimations #upload-pane #sucky-upload i.icon-rotate { margin-left: 15px; }

#upload-pane #sucky-upload .icon-loading, #upload-pane #sucky-upload .no-cssanimations i.icon-rotate, .no-cssanimations #upload-pane #sucky-upload i.icon-rotate { visibility: hidden; }

#upload-pane #sucky-upload iframe { display: none; }

#upload-pane #sucky-upload p.status { font-size: 10px; margin: 15px 0 0; }

#upload-pane #sucky-upload p.status.success { color: #5d8a59; }

#upload-pane #sucky-upload p.status.error { color: #a28787; }

#upload-pane #sucky-upload p.status button { margin-left: 10px; }

#upload-pane footer { position: absolute; left: 0; bottom: 0; width: 100%; height: 27px; background: #fff; padding: 11px 0 10px; border-top: 1px solid #dbdbdb; font-size: 11px; }

#upload-pane footer #upload-done { margin-top: -1px; }

#upload-pane footer p { padding-left: 20px; margin: 2px 0 0; color: #8795a2; }

#upload-pane footer p button { margin: -2px 5px 0 0; }

#upload-pane footer .l-float-right { margin-right: 20px; }

#upload-pane footer p.l-float-right { line-height: 20px; padding: 0; }

#object-browser-wrapper #empty, #object-browser-wrapper #no-objects { position: absolute; left: 0; top: 34px; right: 0; bottom: 0; padding-top: 260px; background: #ebebeb url(../images/dho.objects.folder.png) no-repeat center 150px; border-left: 1px solid #dedede; text-align: center; }

#object-browser-wrapper #empty p, #object-browser-wrapper #no-objects p { color: #49586a; font-size: 16px; }

/* Usage */
#piechart-money, #piechart-usage, #usage-legend { display: inline-block; text-align: center; vertical-align: top; width: 39%; }

#usage-legend { width: 20%; }

#usage h4 { margin: 0; }

#usage .donut { position: relative; vertical-align: top; }

#usage .donut p, #usage .donut .donut-content { position: absolute; top: 50%; left: 0; right: 0; margin: -13px 0 0; font-size: 24px; font-weight: bold; line-height: 1; text-align: center; }

#usage .donut p strong, #usage .donut p span, #usage .donut .donut-content span, #usage dt { color: #aaa; display: block; font-size: 10px; font-weight: normal; text-transform: uppercase; }

#usage .donut p strong { display: inline-block; margin-left: 4px; }

#usage .donut .donut-bold-text { font-size: 24px; font-weight: bold; line-height: 1; text-align: center; }

#usage #linechart { display: block; margin: 25px auto 0; }

#usage dl { display: inline-block; font-size: 20px; margin: 20px 0 0; }

#usage dd { font-weight: bold; margin: 0 auto 15px; position: relative; width: 70px; }

#usage dd .cost { position: absolute; right: 100%; }

#usage dd .usage { position: absolute; left: 100%; }

#usage dd .sub { color: #999; font-size: 9px; font-weight: normal; margin-left: 3px; text-transform: uppercase; }

#usage dd .dollars { margin: 0 3px 0 0; }

#usage p.no-usage { font-size: 30px; font-weight: bold; margin: 3em 0; text-align: center; }

#usage .alert { font-size: 14px; font-weight: bold; text-align: center; }

#usage-report { margin-top: 10px; }

#usage-report label { text-align: left; width: 80px; }

#usage-report .controls { margin-left: 100px; }

#usage-report .usage-notice { display: inline-block; margin: 0; text-transform: uppercase; position: relative; top: 1px; left: 12px; }

#usage-report .usage-notice small { font-size: 9px; }

/* Splash */
#dho_splash { border-bottom: 1px dotted #eee; margin-bottom: 20px; text-align: center; }

#dho_splash h1 { font-size: 40px; margin-bottom: 0; }

#dho_splash h2 { color: #9d9d9d; font-size: 24px; margin: 0 0 10px; }

#dho_splash h3 { color: #4285c7; font-size: 18px; font-weight: normal; margin: 0; }

#dho_splash h3 + p { margin: 0; }

#dho_splash section { padding: 20px 0; }

#dho_splash .moreinfo { padding-left: 10%; }

#dho_splash .bulletpoint { min-height: 64px; padding-left: 80px; text-align: left; background-repeat: no-repeat; }

#dho_splash .store-everything { background-image: url(../images/icon.circle.box.64.png); }

#dho_splash .apis { background-image: url(../images/icon.circle.cog.64.png); }

#dho_splash .access-everywhere { background-image: url(../images/icon.circle.rocket2.64.png); }

#dho_splash .open-source { background-image: url(../images/icon.circle.chemistry.64.png); }

#dho_splash .row-fluid { padding-top: 50px; }

#dho_splash .row-fluid:first-child { padding-top: 30px; }

#dho_splash .cta { width: 400px; margin: 0 auto; padding-bottom: 0; }

#dho_splash .cta .alert { padding-right: 14px; }

#dho_splash .cta small { width: 280px; }

#dho_splash .apps { padding: 20px 0 40px; }

#dho_splash .apps ul { font-size: 0; }

#dho_splash .apps img { display: block; margin: 0 auto 5px; }

#dho_splash .apps li { display: inline-block; font-size: 10px; text-align: center; width: 15%; }

#dho_splash .apps a { color: #9d9d9d; }

/* Plans */
#plan-table .plan-current .status, #plan-table .plan-recommended .status { color: #769b7f; }

#plan-table .plan-upcoming .status { color: #44576c; }

#plan-table .plan-upcoming i { color: #999; margin-left: 3px; }

#plan-table tfoot tr { border: 1px solid #eee; border-width: 2px 0 1px; font-size: 12px; line-height: 33px; text-align: center; }

#plan-table tfoot ul { display: table; width: 100%; }

#plan-table tfoot li { display: table-cell; width: 25%; border-left: 1px solid #eee; }

#plan-table tfoot li:first-child { border: none; background: #f9f9f9; }

@media (max-width: 1200px) { #plan-table tfoot li:first-child { border: inherit; background: inherit; } }

/* Migrations */
#dho_migrations .create-migration { margin: 0 0 25px; }

#dho_migrations .create-migration form { margin-top: 10px; display: none; }

#dho_migrations .create-migration fieldset.swift { display: none; }

#dho_migrations .create-migration .control-label { width: 80px; color: #8795a2; font-size: 11px; text-transform: uppercase; }

#dho_migrations .create-migration .controls { margin-left: 100px; }

#dho_migrations .migrations { margin-top: -8px; }

#dho_migrations .migration { border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font-size: 11px; position: relative; margin-top: 18px; background-color: #fff; background-image: linear-gradient(to bottom, #ffffff, #F4F6F9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='$lighter-grey'); }

#completed-migrations hgroup { margin-bottom: 10px; }

.migration .header { padding: 10px 12px 8px; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.migration .progress { float: right; width: 450px; margin-top: .8em; color: #606468; font-size: 10px; text-transform: uppercase; }

.migration .progress .bar { display: inline-block; width: 370px; padding: 0 2px; background: #e8e9eb; border-radius: 6px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); margin-right: 10px; line-height: 1; }

.migration .progress .bar span { display: inline-block; height: 7px; border-radius: 4px; background: #66717f; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

.migration .progress .icon-bucket { position: relative; top: 1px; }

.migration h3 { border: none; color: #49586a; cursor: pointer; font-size: 15px; font-weight: bold; line-height: 28px; margin: 0; }

.migration .details { background-color: #f5f5f5; color: #86888b; color: rgba(96, 100, 104, 0.8); font-size: 10px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15); display: none; padding: 8px 0; }

.migration .details i { opacity: .8; }

.migration .details i.icon-pending { margin-top: -1px; }

.migration .details .details-wrap { display: table; width: 100%; }

.migration .details ul { display: table-row; }

.migration .details li { display: table-cell; line-height: 30px; border-right: 1px solid #fafafa; border-left: 1px solid #dcdcdc; width: 25%; white-space: nowrap; text-align: center; }

.migration .details li.time, .migration .details li.host { text-transform: uppercase; }

.migration .buckets { display: none; }

.migration table { color: #4e4f55; width: 100%; border-collapse: collapse; }

.migration table .col2 { width: 15%; }

.migration table .col3 { width: 17%; }

.migration td { padding: 5px 8px; }

.migration tr { border-bottom: 1px solid transparent; transition: background-color .2s linear; }

.migration tr:nth-child(even) { background-color: #eef0f2; background-color: rgba(236, 240, 244, 0.7); }

.migration tr:last-child { border-bottom: none; }

.migration tr:hover { background-color: #dae7fa; border-bottom-color: #d5d5d5; color: #000; }

.migration tr:hover .inline-btn, .migration tr:hover .alertify-button-cancel { opacity: 1; filter: none; }

.migration tr:hover .tag { background-color: #fff; }

.migration tr .inline-btn, .migration tr .alertify-button-cancel { opacity: .5; filter: alpha(opacity=50); white-space: nowrap; }

.migration tr.highlight { background-color: rgba(226, 223, 0, 0.15); transition: background-color .1s linear; }

.migration p.status-message { color: #9b7878; background: #f0e2e2; font-size: 10px; margin: 0; padding: 10px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6); text-transform: uppercase; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); transition: background-color .5s linear; }

.migration p.status-message.error { color: #8A5959; font-weight: bold; }

.migration .header p.status-message { float: right; text-transform: none; margin: .5em 0 0; padding: 3px 12px; background: none; box-shadow: none; }

/* Choosing Buckets */
#dho_choose-buckets #migration-from, #dho_choose-buckets #swift-key { float: left; width: 360px; }

#dho_choose-buckets #migration-from h2, #dho_choose-buckets #swift-key h2 { margin-top: 15px; }

#dho_choose-buckets #swift-key { margin-left: 15px; }

#dho_choose-buckets #buckets { clear: both; padding-top: 1px; /* Let the h2 margin take over */ width: 735px; }

@media screen and (min-width: 1456px) { #dho_choose-buckets #buckets { width: 1110px; } }

#dho_choose-buckets #buckets hgroup { margin-bottom: 10px; }

#dho_choose-buckets .control-label { width: 90px; color: #8795a2; font-size: 11px; text-transform: uppercase; }

#dho_choose-buckets .controls { margin-left: 110px; }

#dho_choose-buckets #swift-key .control-group:last-child { margin-top: 26px; }

#dho_choose-buckets .bucket-list { margin-bottom: 10px; margin-left: -15px; }

#dho_choose-buckets .bucket-list li { float: left; width: 360px; margin-left: 15px; }

#dho_choose-buckets .bucket-list label { display: block; line-height: 40px; background: #f9f9f9; border: 1px solid #d9d9d9; border-radius: 5px; padding: 0 42px 0 9px; margin-bottom: 11px; color: #49586a; font-size: 15px; font-weight: bold; cursor: pointer; text-transform: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

#dho_choose-buckets .bucket-list label.checked { border-color: #b3cee9; background-color: #f3f7fb; background-image: linear-gradient(to bottom, #f3f7fb, #e5eff7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f3f7fb', EndColorStr='#e5eff7'); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: relative; top: -1px; }

#dho_choose-buckets .bucket-list label.checked:after { content: "\f104"; font-size: 22px; font-family: 'dh-icons'; position: absolute; top: 0; right: 9px; }

#dho_choose-buckets .bucket-list label.checked:hover { background-color: #fafcfd; background-image: linear-gradient(to bottom, #fafcfd, #deeaf5); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fafcfd', EndColorStr='#deeaf5'); }

#dho_choose-buckets .bucket-list label.checked:active { box-shadow: none; top: 0; }

#dho_choose-buckets .bucket-list input { display: none; }

#dho_choose-buckets span.note { color: #9d9d9d; font-size: 10px; text-transform: uppercase; position: relative; top: 2px; left: 5px; }

#dho_choose-buckets form > i.icon-loading, #dho_choose-buckets .no-cssanimations form > i.icon-rotate, .no-cssanimations #dho_choose-buckets form > i.icon-rotate { margin: 5px 0 0 7px; }

#dho_bucket-conflicts form > i.icon-loading, #dho_bucket-conflicts .no-cssanimations form > i.icon-rotate, .no-cssanimations #dho_bucket-conflicts form > i.icon-rotate { margin: 13px 0 0 2px; }

/* Bucket Name Conflicts */
#conflicts h2 { margin-top: 20px; }

#conflicts .bucket { border: 1px solid #e5e5e5; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); font-size: 11px; position: relative; margin-top: 18px; padding: 12px 0; background-color: #fff; background-image: linear-gradient(to bottom, #ffffff, #F4F6F9); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='$lighter-grey'); }

#conflicts .bucket h3 { border: none; color: #49586a; cursor: pointer; font-size: 15px; font-weight: bold; margin: 0 12px 10px; }

#conflicts .bucket h3 i { margin-right: 5px; }

#conflicts .bucket label { color: #9e9e9e; font-size: 10px; text-transform: uppercase; margin: 0 12px; }

#conflicts .bucket .input { background-color: #fff; border: 1px solid #d9d9d9; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); margin-top: 5px; cursor: text; margin: 0 12px; }

#conflicts .bucket input { color: #49586a; height: 25px; border: none; background: transparent; padding: 0 5px; width: 593px; outline: none; }

#conflicts .bucket .status { border: 1px solid #d1d1d1; color: #9b9b9b; cursor: default; float: right; font-size: 11px; font-weight: bold; height: 25px; line-height: 23px; text-shadow: 0 1px 1px #fff; margin: -1px -1px 0 0; padding: 0 9px; width: 110px; white-space: nowrap; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: #f7f9fa; background-image: linear-gradient(to bottom, #f7f9fa, #dfe6ea); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f7f9fa', EndColorStr='#dfe6ea'); }

#conflicts .bucket .status.good { color: #7a9b78; }

#conflicts .bucket .status.bad { color: #9b7878; }

#conflicts .bucket .status i { margin-right: 5px; }

#conflicts .bucket .status i.icon-loading, #conflicts .bucket .status .no-cssanimations i.icon-rotate, .no-cssanimations #conflicts .bucket .status i.icon-rotate { position: relative; top: 4px; }

#conflicts input.btn, #conflicts input.alertify-button-ok { margin-top: 20px; }

#conflicts p.status-message { color: #9b7878; background: #f0e2e2; font-size: 10px; margin: 0 0 10px; padding: 10px 12px; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6); text-transform: uppercase; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); transition: background-color .5s linear; }

#conflicts p.status-message.error { color: #8A5959; font-weight: bold; }

/* Notifications */
#notifications { display: block; margin-bottom: 20px; }

#notifications p { margin: 0; }

#notifications .list-unset, #notifications .list-links { display: inline-block; margin-top: 10px; position: relative; font-size: 11px; color: #777; }

#notifications li { border: 1px solid #fff; border-radius: 5px; display: block; padding: 2px 0; }

#notifications i.icon-x { color: #8a5959; cursor: pointer; margin: 2px 5px 0 0; }

#notifications .new-rule { margin-top: 10px; display: inline-block; padding: 2px; }

#notifications input.submit { display: none; margin-top: 15px; }

#notifications i.icon-loading, #notifications .no-cssanimations i.icon-rotate, .no-cssanimations #notifications i.icon-rotate { margin-top: 8px; }

#notifications select { position: relative; top: -1px; }

/* Cancel DHO */
#cancel-dho-modal label.radio { width: 247px; /* 530 width / 2 - padding(18px) */ display: inline-block; float: left; }

#cancel-dho-modal p { color: #fff; font-size: 11px; }

#cancel-dho-modal fieldset.explanation { padding-top: 15px; }

#cancel-dho-modal fieldset.explanation > * { display: none; }

#cancel-dho-modal fieldset.explanation a.explanation { display: inline-block; }

#cancel-dho-modal fieldset.explanation label { margin: 0; }

#cancel-dho-modal fieldset.explanation textarea { width: 522px; /* 530 - 8 for padding */ }

#bucket-settings { width: 610px; margin-left: -305px; }

#bucket-settings fieldset { margin-bottom: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px; }

#bucket-settings fieldset:last-child { margin: 0; border: none; padding: 0; }

#bucket-settings .control-label { width: 82px; }

#bucket-settings .controls { margin-left: 100px; }

#bucket-settings .controls .bucket { line-height: 27px; }

#bucket-settings .form { margin: 0; }

#bucket-settings .toggle.hide { display: none; }

#bucket-settings .toggle-custom { line-height: 27px; padding-bottom: 4px; }

#bucket-settings .icon-loading, #bucket-settings .no-cssanimations i.icon-rotate, .no-cssanimations #bucket-settings i.icon-rotate { top: 3px; }

#aliases { position: relative; }

#aliases .alias { margin: 0 0 8px 100px; position: relative; }

#aliases label { display: inline-block; line-height: 27px; position: absolute; left: top; width: 92px; text-align: right; }

#aliases label.checkbox { margin-left: 10px; position: static; text-align: left; width: auto; }

#aliases p { margin: 0; }

#aliases p.domain { color: #717171; font-size: 10px; font-weight: bold; margin-top: .25em; }

#aliases form { margin: 20px 0 0; position: relative; }

#aliases .subdomain { text-align: right; }

#aliases button { margin: 0 0 0 5px; }

#aliases .new-alias { display: inline-block; padding: 0 0 10px 100px; }

.bg-objects { position: relative; z-index: 1; }

.bg-objects:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-image: url(../images/graphic.objects.storage.svg); background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: -1; opacity: 0.09; }

@media (min-width: 1050px) { .bg-objects { padding: 2rem 0; }
  .bg-objects:before { opacity: 1; background-size: 30%; background-position: 80% center; } }

.compatible-apps { border: 1px solid transparent; }

.compatible-apps:hover { border: 1px solid #0073EC; }

.tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto; }

.tooltip.in { filter: alpha(opacity=90); opacity: .9; }

.tooltip.top { padding: 5px 0; margin-top: -3px; }

.tooltip.right { padding: 0 5px; margin-left: 3px; }

.tooltip.bottom { padding: 5px 0; margin-top: 3px; }

.tooltip.left { padding: 0 5px; margin-left: -3px; }

.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; }

.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; }

.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; }

.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; }

.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; }

.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; }

.select-select { display: none; /* For when we are on a small touch device and want to use native controls */ pointer-events: none; position: absolute; opacity: 0; }

.select-element, .select-element:after, .select-element:before, .select-element *, .select-element *:after, .select-element *:before { box-sizing: border-box; }

.select-element { position: absolute; display: none; }

.select-element.select-open { display: block; }

.select-theme-default, .select-theme-default *, .select-theme-default *:after, .select-theme-default *:before { box-sizing: border-box; }

.select.select-theme-default { -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }

.select.select-theme-default .select-content { border-radius: .25em; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); background: #fff; font-family: inherit; color: inherit; overflow: auto; max-width: 18rem; max-height: 18rem; -webkit-overflow-scrolling: touch; }

@media (max-width: 27rem), (max-height: 27rem) { .select.select-theme-default .select-content { max-width: 11.25rem; max-height: 11.25rem; } }

.select.select-theme-default .select-options { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; margin: 0; padding: 0; }

.select.select-theme-default .select-options .select-option { -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; position: relative; list-style: none; margin: 0; line-height: 1.25rem; padding: 0.5rem 1em 0.5rem 2.5em; display: block; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.select.select-theme-default .select-options .select-option.select-option-selected:before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#444' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#444' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>"); position: absolute; left: 1em; top: 0; bottom: .2em; height: 1em; width: 1em; margin: auto; }

.select.select-theme-default .select-options .select-option:hover, .select.select-theme-default .select-options .select-option.select-option-highlight { background: #63a2f1; color: #fff; }

.select.select-theme-default .select-options .select-option:hover.select-option-selected:before, .select.select-theme-default .select-options .select-option.select-option-highlight.select-option-selected:before { content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#fff' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#fff' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>"); }

.select.select-theme-default .select-options .select-option:first-child { border-radius: 0.25em 0.25em 0 0; }

.select.select-theme-default .select-options .select-option:last-child { border-radius: 0 0 0.25em 0.25em; }

.select-target.select-theme-default { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -webkit-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; border-radius: .25em; position: relative; padding: 0.5rem 3em 0.5rem 1em; background: #f6f6f6; border: .18em solid #ddd; cursor: pointer; color: #444; text-decoration: none; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }

.select-target.select-theme-default:hover { border-color: #aaa; color: #000; }

.select-target.select-theme-default.select-target-focused, .select-target.select-theme-default.select-target-focused:focus { border-color: #63a2f1; outline: none; }

.select-target.select-theme-default b { position: absolute; right: 1em; top: 0; bottom: 0; margin: auto; height: 1.25rem; width: 2em; }

.select-target.select-theme-default b:before, .select-target.select-theme-default b:after { content: ""; display: block; position: absolute; margin: auto; right: 0; height: 0; width: 0; border: .263em solid transparent; }

.select-target.select-theme-default b:before { top: 0; border-bottom-color: inherit; }

.select-target.select-theme-default b:after { bottom: 0; border-top-color: inherit; }

.tab_dedicated .panel-box { background-color: #fff; border-radius: .5rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); padding: 1rem; border: 1px solid #E0E4E8; }

@media (min-width: 1280px) { .tab_dedicated .panel-box { padding: 1.5rem; } }

.ded_email_note { display: none; }

.payment-warning { display: none !important; }

.add-dedicated-wrapper { padding: 1rem; background-color: #F4F6F9; }

@media (min-width: 1050px) { .add-dedicated-wrapper { padding: 2rem; min-height: calc(100vh - 10.8125rem); } }

.add-dedicated__plan-picker { margin-bottom: 1rem; }

@media (min-width: 1050px) { .add-dedicated__plan-picker { margin-bottom: 2rem; } }

  .order-summary ul:not(.order-summary__line-items) { list-style-type: none; padding: 0; }

.order-summary__title { line-height: 1 !important; width: 100%; margin-left: -1rem; margin-top: 0; margin-bottom: 1.25rem; padding: 0 1rem; padding-bottom: 1rem; border-bottom: 1px solid #E0E4E8; width: calc(100% + 2rem); }

@media (min-width: 1280px) { .order-summary__title { margin-left: -1.5rem; width: calc(100% + 3rem); } }

.order-summary__line-items { border-width: 0; border-left: 1.5px solid; border-image: linear-gradient(#0073EC, #A644E5) 0 100%; padding-left: 1.5rem; overflow: auto; -ms-flex: 1 1 auto; flex: 1 1 auto; margin-bottom: 0; }

.order-summary__line-items::-webkit-scrollbar-track { box-shadow: 0; border: 0 none; }

.order-summary__line-item { padding-bottom: .5rem; border-bottom: 1px solid #E0E4E8; margin-bottom: .5rem; list-style-type: none; }

.order-summary__line-item ul { list-style-type: none; padding: 0; }

.order-summary__line-item li { color: #677983; font-size: .875rem; margin-top: .5rem; padding-left: 0; }

.order-summary__line-item li i { margin-right: .5rem; }

.order-summary__line-item li + li { margin-top: .25rem; }

.order-summary__line-item:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0rem; }

.add-dedicated__cpu .ChoiceBox__content { vertical-align: middle; }

.add-dedicated__intel-logo { display: inline-block; margin-bottom: 0; height: 1.5rem; width: auto; vertical-align: middle; }

.add-dedicated__options .disabled { cursor: not-allowed; opacity: 18%; }

.add-dedicated__header { background-color: #fff; padding: 1.5rem; margin-bottom: 2rem; width: calc(100% + 4rem); margin-left: -2rem; margin-top: -2rem; }

.add-dedicated__options { border-bottom: 1px solid #E0E4E8; padding-bottom: 1rem; margin-bottom: 1rem; }

@media (min-width: 1280px) { .add-dedicated__options { padding-bottom: 2rem; margin-bottom: 2rem; } }

.add-dedicated__options .t-2 { line-height: 1; }

.add-dedicated__options:last-of-type { margin-bottom: 0; border-bottom: 0; }

.add-dedicated__cart { background-color: #fff; padding: 1rem 2rem; border: 0 none; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: fixed; bottom: -1px; left: 0; box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.08); z-index: 10; }

@media (min-width: 1050px) { .add-dedicated__cart { box-shadow: 0; display: none; } }

@media (max-width: 1049px) { .tab_dedicated .order-summary { z-index: 9; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; bottom: 4rem; left: 0; right: 0; bottom: calc(4rem - 1px); position: fixed !important; transform: translateY(100vh); transition: .666s all ease-out; border-radius: .5rem .5rem 0 0; border-bottom: 2px solid #E0E4E8; max-height: 75vh; } }

.tab_dedicated .order-summary-mobile-open { transform: translateY(0); }

.server-config__options { list-style-type: none; padding: 0; display: -ms-flexbox; display: flex; }

.server-config__options li { padding: 0; }

.server-config__options li a { display: block; color: #434F58; border-radius: 3px; box-shadow: inset 0 0 0 1px #AFBFC9; cursor: pointer; display: block; padding: 1rem; transition: all .2s ease-in-out; text-align: center; }

.server-config__options li a:hover { background-color: #F4F6F9; }

.server-config__options li a.active { box-shadow: inset 0 0 0 2px #0073EC; color: #434f58; position: relative; font-weight: 500; }

.server-config__options li a.active:before { color: #0073EC; font-size: 1.25rem; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f058"; position: absolute; right: 1rem; top: .875rem; }

.server-config__options.plan li { -ms-flex: 1; flex: 1; }

.server-config__options.plan li + li { margin-left: .5rem; }

.server-config__options.plan li:nth-of-type(3), .server-config__options.plan li:nth-of-type(4) { display: none; }

.server-config__options.plan li.plan-price__selected a { box-shadow: inset 0 0 0 2px #0073EC; }

.server-config__options.plan li a { font-size: 0.875rem !important; line-height: 1rem; border-radius: 3px; box-shadow: inset 0 0 0 1px #AFBFC9; cursor: pointer; padding: 1rem; transition: all .2s ease-in-out; }

.server-config__payment .plan-price { text-align: center; }

.server-config__payment .server-config__period { font-size: .875rem; font-weight: 700; color: #434f58; line-height: 21px; text-transform: capitalize; }

.server-config__payment .server-config__price { color: #677983; line-height: 21px; }

.server-config__options.cores, .server-config__options.ram, .server-config__options.disk { -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1280px) { .server-config__options.cores, .server-config__options.ram, .server-config__options.disk { -ms-flex-direction: row; flex-direction: row; } }

.server-config__options.cores li, .server-config__options.ram li, .server-config__options.disk li { -ms-flex: 1; flex: 1; }

.server-config__options.cores li + li, .server-config__options.ram li + li, .server-config__options.disk li + li { margin-top: 1rem; }

@media (min-width: 1280px) { .server-config__options.cores li + li, .server-config__options.ram li + li, .server-config__options.disk li + li { margin-top: 0rem; margin-left: 1rem; } }

.disk-value, .the-core, .ram-value { font-weight: 700; }

.tab_dedicated .Button--default { border-radius: 4px !important; padding: 0.75rem 1rem !important; font-size: 1rem !important; border-color: #AFBFC9 !important; color: #071c26 !important; line-height: 1 !important; max-height: 42px !important; }

.tab_dedicated .Button--invisible { font-size: 15px !important; padding: 0 !important; border: 0 none !important; padding-left: 0 !important; padding-right: 0 !important; line-height: 1 !important; }

.tab_dedicated .Manage-Box__heading-small { margin: 0; font-size: 16px; font-weight: 700; }

.tab_dedicated .Manage-Box__subtext { margin: 0; font-size: .875rem; line-height: 1.4; padding-right: 1.5rem; }

.tab_dedicated .Add-Header { padding: 1rem; background: #ffffff; border-bottom: 1px solid #E0E4E8; border-top: 1px solid #E0E4E8; width: 100%; display: block; position: relative; }

@media (min-width: 1050px) { .tab_dedicated .Add-Header { padding: 2rem; } }

.tab_dedicated .Flex-Row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; width: 100%; }

@media (min-width: 750px) { .tab_dedicated .Flex-Row__m { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } }

.tab_dedicated .Site-Icon-Button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1px solid #E0E4E8 !important; }

.dedi-migration-option--is-open { display: block; }

.dedi-migration-option .Form__group--select:after { top: 1rem !important; }

.order-summary--is-open .content-wrapper { display: block; }

.order-summary--is-open:after { position: fixed; content: ""; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); }

.order-summary--is-open .add-dedicated__cart .fa-chevron-up { transform: rotate(180deg); }

.server-config__item--migration { margin-bottom: 5rem; }

@media (min-width: 1050px) { .server-config__item--migration { margin-bottom: 0; } }

.bg-dedicated { position: relative; z-index: 1; }

.bg-dedicated:before { position: absolute; top: 0; bottom: 0; left: 12%; right: 0; content: ''; background-image: url(../images/graphic.dedicated.hero.png); background-repeat: no-repeat; background-size: contain; z-index: -1; }

.list-icon { padding-left: 35px; position: relative; }

.icon-bg { width: 60px; height: 60px; border-radius: 50px; background-color: #DFEEFF; }

.bg-new-gradient { background: #A644E5; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(230deg, #6236FF 0%, #0073EC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c-p300', endColorstr='$c-b300',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.bg-footer-gradient { background: #cfe2ed; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #cfe2ed 0%, #e6e3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c-p300', endColorstr='$c-b300',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.oci-box { background: #ffffff; padding: 1.5rem; margin-top: 1.5rem; border: 1px solid #E0E4E8; border-radius: 8px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1); }

@media (min-width: 1050px) { .oci-box { padding: 2.5rem; } }

.oci-app { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1.5rem; }

@media (min-width: 1050px) { .oci-app { grid-gap: 2.5rem; } }

@media (min-width: 750px) { .oci-app { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); }
  .oci-app.oci-app--reverse div:first-child { -ms-flex-order: 2; order: 2; } }

.oci-app__image { position: relative; background-repeat: no-repeat; background-size: cover; }

/* New OCI library */
.oci_app_cell { background: url("../oci_app_cell_bg.png"); width: 228px; height: 115px; float: left; margin-right: 5px; }

.oci_catalog_app_info { border: 0px solid green; width: 132px; height: 57px; float: right; margin-right: 8px; margin-top: 8px; font-size: 10px; text-align: left; overflow: hidden; }

.oci_catalog_app_tag { border: 0px solid orange; background-color: #E0E0E0; width: 132px; height: 13px; float: right; margin-right: 8px; margin-top: 4px; font-size: 9px; text-align: left; padding-left: 2px; white-space: nowrap; overflow: hidden; }

.oci_catalog_app_tag:hover { background-color: #808080; color: #F0F0F0; }

.oci_catalog_app_tag:hover a { color: #F0F0F0; }

.oci_catalog_app_tag a { text-decoration: none; }

.oci_catalog_app_tag:hover a:hover { color: #F9CE6A; border: 1px; }

.oci_catalog_app_special { border: 0px solid purple; float: left; margin-left: 8px; margin-top: 4px; }

.oci_catalog_app_special.featured { width: 20px; height: 20px; background: url("../oci_app_star.png"); background-repeat: no-repeat; }

.oci_catalog_app_special.none { width: 0px; height: 0px; }

/* One-Click Installs Styles start */
.lightbox_overlay { display: none; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 500; background-color: black; opacity: 0.7; filter: alpha(opacity=70); }

#popup_main { display: none; position: absolute; background: #ECF5F9 url("../pagebg.gif") repeat-x; width: 780px; border: 1px solid #ffffff; z-index: 501; margin: auto; text-align: left; padding-bottom: 15px; left: -70px; }

.popup_logo { margin-top: 10px; margin-left: 5px; max-width: 200px; }

.one-click-headline { position: relative; top: -.03em; margin: auto .5em; font-size: 24px; font-family: "ubuntu", sans-serif; }

#popup_btn_close { display: block; width: 17px; height: 17px; background: url("../popup_btn_close.png") no-repeat 0 0; position: absolute; z-index: 9; margin-left: 750px; margin-top: -24px; text-decoration: none; border: 0px solid blue; }

#popup_btn_close:hover { background-position: 0 -18px; text-decoration: none; }

#popup_btn_close:active { background-position: 0 -17px; text-decoration: none; }

#popup_app_image { width: 338px; height: 253px; margin-left: 20px; margin-top: 15px; margin-bottom: 15px; margin-right: 15px; border: 0px solid red; }

#popup_app_info_box { width: 390px; height: 320px; margin-left: 373px; margin-top: -325px; margin-bottom: 15px; margin-right: 15px; border: 0px solid red; position: inherit; }

.popup_app_info_title { font-size: 24px; color: #DE9900; }

.popup_app_info_title:hover { color: #2BAC4B; }

.popup_app_info_version { float: right; font-size: 10px; font-style: italic; margin-left: 3px; margin-top: 15px; position: absolute; text-align: justify; width: 100px; }

.popup_app_info_versionnum { color: #2682AD; font-weight: bold; }

.popup_app_line { margin-top: 0px; margin-bottom: 2px; width: 100%; }

.popup_app_info_author { font-size: 12px; color: #879493; }

.popup_app_rating { margin-top: 6px; }

.popup_app_info_author a { color: #879493; text-decoration: none; }

.popup_app_info_author a:hover { color: #023669; }

.popup_app_info { width: 390px; height: 165px; font-size: 12px; margin-top: 5px; border: 0px solid blue; overflow: auto; }

.popup_app_tags { width: 390px; height: 15px; font-size: 10px; margin-top: 30px; border: 0px solid blue; }

.popup_app_info_support { width: 390px; height: 60px; font-size: 12px; margin-top: 5px; border: 0px solid blue; }

.popup_link_icon { vertical-align: middle; border: 0px; margin-right: 5px; margin-top: 1px; }

.popup_app_info_support a { font-size: 12px; color: #0F62D5; text-decoration: none; }

.popup_app_info_support a:hover { color: #C67331; text-decoration: none; }

.popup_app_info_support_link { border: 0px solid blue; }

#popup_install_btn { width: 299px; height: 53px; border: 0px solid green; margin-left: 20px; }

#popup_install_btn .custom { background: url("../popup_app_btn_oci_custom.png") no-repeat 0 0; display: block; height: 53px; width: 299px; margin-left: 15px; }

#popup_install_btn .custom:hover { background-position: 0 -54px; }

#popup_install_btn .simple { background: url("../popup_app_btn_oci_simple.png") no-repeat 0 0; display: block; height: 53px; width: 299px; }

#popup_install_btn .simple:hover { background-position: 0 -54px; }

#popup_install_btn_both { width: 300px; height: 53px; border: 0px solid red; }

#popup_install_btn_both .both_simple { background: url("../popup_app_btn_oci_both_simple.png") no-repeat 0 0; display: inline-block; height: 53px; width: 149px; }

#popup_install_btn_both .both_simple:hover { background-position: 0 -55px; }

#popup_install_btn_both .both_custom { background: url("../popup_app_btn_oci_both_custom.png") no-repeat 0 0; display: inline-block; height: 53px; width: 149px; margin-left: -6px; }

#popup_install_btn_both .both_custom:hover { background-position: 0 -55px; }

#popup_btn_help { display: none; width: 29px; height: 33px; background: url("../popup_btn_question.png") no-repeat 0 0; position: absolute; z-index: 5; margin-left: 329px; margin-top: -45px; text-decoration: none; border: 0px solid blue; }

#popup_btn_help:hover { background-position: 0 -34px; text-decoration: none; }

#popup_btn_help:active { background-position: 0 0px; text-decoration: none; }

#popup_help_window { border: 1px solid #E3BE3A; width: 400px; background: #F7F8CE; position: absolute; z-index: 6; margin-left: 311px; margin-top: 112px; padding: 8px; color: #8F842B; font-size: 13px; }

#popup_help_window .title { color: #8f842b; font-size: 15px; font-weight: bold; }

#popup_help_window .title_simple { color: #5A9FEA; font-size: 14px; font-weight: bold; }

#popup_help_window .title_custom { color: #0F62D5; font-size: 14px; font-weight: bold; }

.popup_help_window_point { border: 0px solid #E3BE3A; width: 24px; height: 17px; position: absolute; margin-left: 12px; margin-top: 5px; }

.popup_help_simple_box { border: 0px solid red; width: 100%; margin-top: 6px; position: relative; }

.popup_help_custom_box { border: 0px solid blue; width: 100%; margin-top: 10px; position: relative; }

#popup_install_simple { margin-left: 20px; margin-right: 10px; padding-top: 10px; }

#popup_install_simple .note { background: #A0FBB8; color: #30843A; border: 1px solid #30843A; vertical-align: top; padding: 8px; width: 230px; font-size: 14px; }

#popup_install_simple .note .title { font-size: 24px; font-weight: bold; }

.popup_subheader { color: #246297; font-size: 22px; font-weight: bold; border-bottom: 1px solid; display: block; }

.popup_invisible_text { font-size: 1px; z-index: -1; position: absolute; color: transparent; }

#popup_btn_deluxe { background: url("../popup_btn_deluxe.png") no-repeat scroll 0 0 transparent; border: 0 solid blue; display: block; height: 19px; margin-left: 22px; margin-top: 0px; position: absolute; text-decoration: none; width: 17px; z-index: 10; }

#popup_btn_deluxe:hover { background-position: 0 -19px; text-decoration: none; }

#popup_btn_deluxe:active { background-position: 0 0; text-decoration: none; }

.oci_deluxe_text { margin-left: 27px; }

input#deluxe_install { margin: 0 0 0 5px; -webkit-transform: translateY(4px); -moz-transform: translateY(2px); }

tr.wordpress_only a.has-tooltip i { display: inline-block; vertical-align: text-top; margin-top: 2px; width: 10px; height: 14px; background: url(../images/icon.question-mark.png) no-repeat left bottom; }

.oci_form_desc { text-align: right; }

.oci_form_text_input { width: 265px; }

.oci_install_table { width: 100%; margin-top: 10px; font-size: 12px; }

.oci_install_table tr { vertical-align: top; }

.oci_install_table select { width: 235px; float: none; }

.oci_input_column { width: 280px; }

.oci_simple_subname { width: 95px; margin-right: 3px; }

.oci_install_table .error { font-size: 12px; background: #FFCCCD; margin-bottom: 6px; margin-top: 6px; padding: 3px; border: 1px solid #FF5559; width: 95%; }

#simple_oci_select { width: 160px; }

.oci_custom_domain_select1 { border: 0px solid red; width: 350px; display: inline-block; }

#oci_custom_domain_select1 select { width: 350px; margin-right: 5px; }

#oci_custom_domain_select2 { border: 0px solid blue; width: 227px; display: inline-block; height: 18px; }

#oci_custom_domain_select2 input { width: 220px; }

#popup_install_custom { margin-left: 20px; margin-right: 10px; padding-top: 10px; }

.popup_install_custom_column1 { width: 240px; text-align: right; }

.popup_install_custom_text1 { font-size: 13px; }

.popup_install_custom_text2 { font-size: 11px; color: #30843A; margin-top: 0px; position: relative; padding: 1px; font-weight: bold; }

#popup_install_custom_collapse { border: 0px solid blue; display: block; padding-bottom: 10px; padding-top: 10px; padding-left: 20px; background: url("../popup_oci_custom_collapse_bg.png") repeat-x; margin-left: -24px; width: 760px; border-right: 1px solid #474747; border-left: 1px solid #474747; }

.rate_it_tag { float: left; width: 75px; }

.rate_it_star { background: url("../rate_star_big.png") no-repeat scroll 0 0 transparent; height: 27px; width: 25px; float: left; cursor: pointer; }

.rate_it_star.off { background-position: 0 -30px; }

.rating_img { background: url("../rate_avg.png") no-repeat scroll 0 0 transparent; height: 21px; width: 222px; float: left; }

#rating_total { background: url("../rate_total.png") no-repeat scroll 0 0 transparent; float: right; height: 20px; width: 168px; }

#rating_total span { color: #2682B3; font-size: 11px; margin-left: 5px; padding-top: 2px; position: absolute; vertical-align: middle; }

.rating_img.r5 { background-position: 0 -216px; }

.rating_img.r10 { background-position: 0 -192px; }

.rating_img.r15 { background-position: 0 -168px; }

.rating_img.r20 { background-position: 0 -144px; }

.rating_img.r25 { background-position: 0 -120px; }

.rating_img.r30 { background-position: 0 -96px; }

.rating_img.r35 { background-position: 0 -72px; }

.rating_img.r40 { background-position: 0 -48px; }

.rating_img.r45 { background-position: 0 -24px; }

.rated_img { background: url("../rate_gave.png") no-repeat scroll 0 0 transparent; height: 27px; width: 203px; float: left; }

.rated_img.r1 { background-position: 0 -112px; }

.rated_img.r2 { background-position: 0 -84px; }

.rated_img.r3 { background-position: 0 -56px; }

.rated_img.r4 { background-position: 0 -28px; }

/* ------------------------ One-Click Installs Manage Apps page Styles start ----------------------------- */
#manage_sub-header { border: 0px solid fuchsia; font-size: 16px; font-weight: bold; color: #3865A1; width: 99%; margin-bottom: 10px; }

.oci_manage_domain { border: 0px solid red; }

.manage_domain_header { background: transparent; height: 46px; width: 99%; border: 0px solid; }

.manage_domain_apps { text-decoration: none; }

.manage_domain_name { height: 36px; font-size: 22px; font-weight: bold; color: #3865A1; border: 0px solid fuchsia; float: left; padding-top: 9px; padding-left: 6px; margin-left: 45px; }

.manage_domain_arrow { background: url("../oci_managed_arrow.png") no-repeat transparent; height: 35px; width: 35px; position: absolute; margin-top: 4px; margin-left: 10px; }

.manage_domain_arrow.closed { background-position: 0px -35px; }

.manage_domain_arrow.open { background-position: 0px -2px; }

.manage_domain_info { border: 0px solid green; float: right; width: 235px; height: 100%; }

.manage_domain_info_updates { border: 0px solid green; width: 120px; height: 100%; float: right; }

.manage_updates_ok { color: #DADADA; }

.manage_updates_bad { color: #22B02D; }

.manage_domain_info_installed { border: 0px solid blue; width: 120px; margin-left: 3px; color: #3865A1; }

.manage_sml_text1 { border: 0px solid orange; font-size: 9px; text-align: right; width: 45px; padding-top: 9px; }

.manage_sml_text2 { border: 0px solid red; font-size: 9px; text-align: right; width: 45px; padding-top: 9px; }

.manage_update_num { border-left: 1px solid #7F879E; background: url("../oci_info_glow_bg.png") no-repeat 0px 0px; float: right; margin-top: -30px; width: 45px; text-align: center; font-size: 24px; font-weight: bold; padding-top: 5px; height: 34px; }

.manage_installed_num { border-left: 1px solid #7F879E; background: url("../oci_info_glow_bg.png") no-repeat 0px 0px; float: right; margin-top: -30px; width: 45px; text-align: center; font-size: 24px; font-weight: bold; padding-top: 5px; height: 34px; color: #494949; }

.manage_app_column { width: 55px; padding: 5px; }

.manage_app_logo { width: 50px; }

.manage_domain_apps { text-decoration: none; }

.manage_app_settings { border-left: 1px solid #7F879E; background: url("../icon-edit.gif") center center no-repeat; float: right; width: 45px; text-align: center; font-size: 24px; font-weight: bold; height: 34px; }

.manage_app_remove { border-left: 1px solid #7F879E; background: url("../icon-remove.gif") center center no-repeat; float: right; width: 45px; text-align: center; font-size: 24px; font-weight: bold; height: 34px; }

.manage_app_actions { border: 0px solid green; float: right; width: 205px; height: 100%; }

.manage_app_text { border: 0px solid red; font-size: 9px; text-align: center; width: 55px; }

.manage_app_name { border: 0px solid blue; width: 100px; margin-left: 55px; color: #3865A1; }

.manage_simple { background: url("../oci_info_simple_cover.gif") no-repeat 0px 0px; width: 212px; height: 40px; margin-top: 3px; float: right; }

.simple_false { display: none; }

.Form__group.Form__group--select.domains-table-select { max-width: unset; margin: 0; }

.Form__group.Form__group--select.domains-table-select:after { top: 0.875rem; right: 0.25rem; border-color: #4F5251 transparent; }

@media (max-width: 749px) { .Form__group.Form__group--select.domains-table-select:after { top: 0.75rem; } }

.Form__group.Form__group--select.domains-table-select .Select { font-size: 0.875rem; padding: 0.25rem 1rem 0.25rem .25rem; border: 0 none; }

@media (max-width: 749px) { .Form__group.Form__group--select.domains-table-select .Select { border: 0 none; padding: 0.25rem 2rem 0.25rem 0; margin-bottom: .25rem !important; } }

@media (max-width: 749px) { #registrations_table.Table__m { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

#registrations_table.Table__m tbody .Table__row { min-height: 60px; }

#registrations_table.Table__m thead { border-top: 2px solid #434F58; }

#registrations_table.Table__m th { font-weight: 400; font-family: "Proxima Nova", sans-serif; text-transform: none; font-size: 0.875rem; color: #434F58; padding: 1rem 0; }

#registrations_table.Table__m tbody tr:last-child { border-bottom-color: #E0E4E8; }

#registrations_table.Table__m tbody tr td { padding: 1rem 0; }

#registrations_table.Table__m .registration__domain__name { max-width: 21ch; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

@media (max-width: 749px) { #registrations_table.Table__m tr { padding: 0; background: #fff; border-radius: 8px; }
  #registrations_table.Table__m th { font-size: 1rem; }
  #registrations_table.Table__m tbody tr { margin-bottom: 2rem !important; }
  #registrations_table.Table__m tbody tr td { text-align: left !important; margin: 1rem !important; padding: 0 0 1rem; border-bottom: 1px solid #B9C7D0 !important; }
  #registrations_table.Table__m tbody tr td a { width: auto; }
  #registrations_table.Table__m tbody tr td:last-of-type { border-bottom: 0 none !important; }
  #registrations_table.Table__m tbody tr td:first-child { text-transform: none; letter-spacing: 0; color: #4F5251; font-size: 20px; font-weight: 700; border-bottom: 0 none !important; padding-bottom: 0 !important; margin-bottom: 0 !important; padding-top: .5rem; }
  #registrations_table.Table__m tbody tr td:nth-child(2) { margin-top: 0 !important; }
  #registrations_table.Table__m tbody td::before { float: none; margin-left: 0; margin-bottom: .5rem; font-family: 'Proxima Nova'; font-style: normal; font-weight: 700; font-size: 14px; line-height: 14px; color: #4F5251; }
  #registrations_table.Table__m tfoot tr { background-color: transparent; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }
  #registrations_table.Table__m tfoot tr th { text-align: left !important; padding: 0 .25rem; } }

@media (min-width: 750px) { #registrations_table.Table__m tfoot { display: table-header-group; } }

#contact_verification_info ul { padding-left: 1em; margin-left: 1em; border-left: 1px dotted #ffd06a; }

#contact_verification_info li { list-style-type: none; }

#contact_verification_info li + li { margin-top: 1em; }

.resend-validation-email { font-size: 16px; font-size: 1rem; }

.domain-reg-layout { display: -ms-grid; display: grid; }

@media (min-width: 1050px) { .domain-reg-layout { -ms-grid-columns: 1fr minmax(auto, 360px); grid-template-columns: 1fr minmax(auto, 360px); grid-gap: 1.5rem; } }

.section-domains-container { box-sizing: border-box; width: 100%; max-width: 990px; margin-left: auto; margin-right: auto; margin: 0; }

.domains-sale-list li { white-space: nowrap; margin-right: 0.5rem; }

.domains-sale-list li > strong { margin-right: 0.25rem; }

.domains-checkout-btn:disabled { opacity: 0.5; cursor: not-allowed; }

.domain-price-add, .domain-price-remove { display: none; background-repeat: no-repeat; background-position: 0 center; background-size: contain; padding: 0.15em 0; padding-left: 2.5em; }

.domains-table-row.selected { transition: background-color 0.3s ease; }

.domains-table-row.selected .Button.domains-table-btn { background: #0073EC; color: #fff; box-shadow: none; border: 1px solid #fff; }

.domains-table-row.selected .Button.domains-table-btn:before { content: ''; visibility: hidden; }

.domains-table-row.selected .Button.domains-table-btn:hover { background: #0073EC; }

.domains-table-row.selected .Button.domains-table-btn:hover .domain-price-add { display: none; }

.domains-table-row.selected .Button.domains-table-btn:hover .domain-price-remove { display: inline-block; background-image: url(../images/icon.close.white.png); }

.domains-table-row.selected .domain-price { display: none; }

.domains-table-row.selected .domain-price-add { display: inline-block; background-image: url(../images/icon.checkmark.white.png); }

.domains-table-row.selected.unavailable { background-color: #a5b1bd; }

.domains-table-verify { display: block; color: #fff; width: 100%; text-align: center; padding: 1.5rem 0.5rem; background-color: rgba(0, 0, 0, 0.2); border-bottom: 1px solid #E0E4E8; }

.domains-table-cell { text-align: center; padding: 1rem 0.5rem; border-bottom: 1px solid #E0E4E8; }

@media (min-width: 640px) { .domains-table-cell { text-align: left; } }

.Button.domains-table-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-width: 175px; margin: 0; padding: 0.75rem 1.5rem; background: none; border: 1px solid #E0E4E8; white-space: nowrap; max-height: 42px; border-radius: 4px; }

.Button.domains-table-btn:hover { background: none; border-color: #0073EC; }

.domains-table-checkbox { position: absolute; opacity: 0; }

.domains-table-exact { margin-top: 3rem; }

.domains-table-exact.domains-table-row { border: 1px solid #0073EC; border-left-width: 10px; }

.domains-table-exact .domains-table-cell { border: 0; padding: 1rem 1.5rem; }

.domains-table-sale .domains-table-btn { position: relative; }

.domains-table-sale .domains-table-btn:before { color: #fff; font-weight: bold; background-color: #0073EC; position: absolute; content: attr(translated-sale-text); font-size: 10px; font-size: 0.625rem; top: 50%; left: 0; transform: translate(-70%, -50%); padding: 0.25rem 0.5rem; border-radius: 30px; }

.domains-cart-items { box-sizing: border-box; font-size: 14px; font-size: 0.875rem; }

.domains-cart-item { padding: 1rem 1.5rem; background-color: #fff; }

.domains-cart-item:not(:last-child) { border-bottom: 1px solid #F4F6F9; }

.domains-cart-details { list-style: none; display: table; width: 100%; padding: 0; margin: 0; font-size: 15px; font-size: 0.9375rem; }

.domains-cart-details + .domains-cart-details { margin-top: 1em; }

.domains-cart-details-left { display: table-cell; width: 99%; text-align: left; vertical-align: middle; }

.domains-cart-details-right { width: 1%; display: inline-block; text-wrap: nowrap; }

.cart-options { padding: 1em 0; display: none; }

.cart-options-input-group { margin-top: 1em; text-align: right; }

.cart-options-input-group .btn, .cart-options-input-group .alertify-button-ok { font-size: 0.9em; padding: 0.5em 1em; margin-left: 1em; }

.cart-option-select { display: table; width: 100%; border-radius: 3px; border: 1px solid #E0E4E8; margin-top: 0.5em; font-size: 16px; font-size: 1rem; }

.cart-option-btn { border-radius: 0; box-shadow: none; background: none; color: inherit; font-weight: normal; cursor: pointer; width: 100%; display: table; }

.cart-option-btn:not(:first-child) { border-top: 1px solid #E0E4E8; }

.cart-option-btn.selected { background-color: #0073EC; font-weight: bold; color: #ffffff; }

.cart-option-radio { position: absolute; opacity: 0; display: none; }

.domains-table-exact-tlds.section-slidein, .domains-table-sale-tlds.section-slidein, .domains-table-main-tlds.section-slidein, .domains-table-other-tlds.section-slidein { animation-duration: 300ms; animation-name: slidein; opacity: 1; }

@keyframes slidein { from { opacity: 0;
    transform: translateX(-20%); }
  to { opacity: 1;
    transform: translateX(0); } }

.domains-mobile { display: none; }

@media (min-width: 1050px) { .domains-mobile { display: block; } }

.domains-mobile.is-visible { display: block; }

.domains-mobile-menu { position: fixed; bottom: 0; z-index: 1; width: 100%; transition: 0.3s ease; border-top: 1px solid #E0E4E8; transform: translateY(90px); }

.domains-mobile-menu.is-visible { transform: translateY(0); }

@media (min-width: 1050px) { .domains-mobile-menu.is-visible { display: none; } }

.domains-mobile-hide.menu-open { display: none; }

@media (min-width: 1050px) { .domains-mobile-hide.menu-open { display: block; } }

.domains-tax { color: #979797; font-family: Proxima Nova; font-size: 12px; font-style: normal; font-weight: 400; line-height: 16px; }

.domains-total { -ms-flex-align: start; align-items: flex-start; }

.domains-price { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }

.order { box-sizing: border-box; border: 0 none; margin: 2rem auto 4rem; max-width: 640px; }

@media (min-width: 980px) { .order { border-radius: 1rem; box-shadow: 0px 2px 4px rgba(38, 45, 118, 0.08); border: 1px solid #E0E4E8; padding: 2rem; } }

.order h1 { line-height: 1; margin: 0; }

.order .order-submit input[type="submit"] { border: 0; box-shadow: none; text-shadow: none; border-radius: 5px; width: 100%; padding: 1rem; line-height: 100%; font-size: 18px; font-size: 1.125rem; }

@media (min-width: 980px) { .order .order-submit input[type="submit"] { padding: 1rem 2rem; width: auto; } }

.order .order-submit input[type="submit"].Button.Button--primary { background: #0073EC; color: #ffffff; }

.order .order-submit input[type="submit"].Button.Button--primary:disabled { cursor: not-allowed; text-shadow: none; border-color: #E0E4E8; background: #E0E4E8; color: #677983; }

#order-table input { font-size: 16px; font-size: 1rem; }

#order-table label { font-size: 14px; font-size: 0.875rem; }

#order-table input[type="checkbox"], #order-table input[type="radio"] { width: auto; }

.order-details { border: 1px solid #E0E4E8; font-size: 16px; font-size: 1rem; margin-top: 2em; }

.order-details-line { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 16px; }

.order-details-row-radio { width: 100%; text-align: center; }

.order-details-row-radio:not(:first-child) { border-top: 1px solid #E0E4E8; }

.order-details-row-radio:hover { background-color: #E0E4E8; }

.order-details-row-radio.selected { background: #CCEFFF; }

.domain-registration-vat { color: #979797; }

.vat-popover { background: none !important; width: auto !important; box-shadow: none !important; margin-left: -10px !important; margin-top: 30px; }

.vat-tooltip { width: 320px; background: #393939; border-radius: 24px; border-top-left-radius: 5px; padding: 27px 24px; box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.17); box-sizing: border-box; }

.vat-tooltip-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 20px; font-family: Proxima Nova; font-weight: 700; color: #FFFFFF; margin-bottom: 15px; }

.vat-tooltip-header .icon { margin-right: 10px; color: #ffe082; }

.vat-tooltip-text { font-size: 13px; font-family: Proxima Nova; font-weight: 400; color: rgba(255, 255, 255, 0.75); line-height: 23px; text-align: left; }

.vat-tooltip-text:first-child { margin-bottom: 10px; }

.vat-tooltip-text a { font-weight: 700; color: rgba(255, 255, 255, 0.75); text-decoration: underline; }

.vat-tooltip-icon { margin-left: 8px; color: #979797; }

@media (min-width: 640px) { .order-details-row-radio { text-align: left; } }

.order-details-checkboxes { border-top: 1px solid #E0E4E8; padding: 1rem; }

.order-details-checkbox + .order-details-checkbox { margin-top: 1rem; }

.order-change-link { margin-left: 2px; font-size: 12px; font-size: 0.75rem; text-decoration: underline; vertical-align: middle; }

.order-total-summary { padding: 0; }

.order-total-summary + .order-total-summary { margin-top: 1rem; }

input[name=global-years] + label { transition: 0.2s ease; background: #F4F6F9; }

input[name=global-years] + label:not(:last-child) { border-right: 1px solid #E0E4E8; }

input[name=global-years]:not(:checked) + label { cursor: pointer; }

input[name=global-years]:not(:checked) + label:hover { color: #0073EC; background-color: #fff; }

input[name=global-years]:checked + label { background: #0073EC; color: #fff; font-weight: bold; }

.autorenew-select { height: 32px; overflow: visible; cursor: pointer; position: relative; text-align: left; }

@media (max-width: 749px) { .autorenew-select { max-width: 118px; } }

.autorenew-select::after { content: ''; position: absolute; pointer-events: none; top: 14px; bottom: 0; height: 0.5rem; right: 4px; border-color: #4F5251 transparent; border-style: solid; border-width: 0.35rem 0.35rem 0 0.35rem; transition: all .2s ease-in-out; }

.autorenew-select:hover { z-index: 999; }

.autorenew-select > * { display: none !important; }

.autorenew-select > span { display: block !important; border-radius: 3px; }

.autorenew-select a, .autorenew-select span { background: #fff; display: block; padding: 7px 8px 7px 0; font-size: 14px; text-transform: capitalize; }

@media (min-width: 750px) { .autorenew-select a, .autorenew-select span { padding: 7px 8px; } }

.autorenew-select a:hover, .autorenew-select span:hover { background: #F4F6F9; }

.autorenew-select a:hover { background: #0073EC; color: #ffffff !important; }

.autorenew-select.is-open { z-index: 99999; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; border: 1px solid #AFBFC9; border-radius: 8px; height: auto; overflow: hidden; position: absolute; top: 16px; width: 100%; }

.autorenew-select.is-open::after { display: none; }

.autorenew-select.is-open > span { cursor: default; -ms-flex-order: -1; order: -1; }

.autorenew-select.is-open > span:first-child { border-radius: 3px 3px 0 0; }

.autorenew-select.is-open > * { display: block !important; border-bottom: 0; }

.restore__block { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; column-gap: 5px; font-size: 1em; }

.restore__block input { margin: 0px; }

.backup__block { font-size: 1em; }

.backup__block input { position: relative; top: 2px; }

.whois-wrapper { margin: -2rem -20px -2rem; padding-bottom: 2rem; background: #ffffff; }

@media (min-width: 980px) { .whois-wrapper { background-color: #EEF2F6; } }

.whois-wrapper *, .whois-wrapper *:before, .whois-wrapper *:after { box-sizing: border-box; }

.whois-container { margin: 0 auto; max-width: 1200px; padding: 0 1rem; }

@media (min-width: 980px) { .whois-container { padding: 0 64px; } }

.whois-header { padding: 1rem 1rem; background: #fff; }

@media (min-width: 980px) { .whois-header { padding: 2rem 2rem 1.5rem; } }

.whois-heading { color: #071C26; font-weight: 700; font-size: 2rem; margin-bottom: 0; gap: .5rem; }

.whois-heading strong { font-weight: 400; font-size: 1rem; }

.whois-form-container { margin: 50px auto; box-sizing: border-box; max-width: 1200px; }

#domain-whois { margin: 0; }

@media (min-width: 980px) { #domain-whois { margin: 2rem 0; } }

#domain-whois label { font-size: 1rem; }

#domain-whois p { font-size: 16px; }

#domain-whois p + * { margin-top: 1em; }

#domain-whois h2 { margin: 0; font-family: "Proxima Nova", sans-serif; font-weight: 600; font-size: 1.5rem; line-height: 1; }

#domain-whois h2 + fieldset { margin-top: 1em; }

#domain-whois input[type="radio"], #domain-whois input[type="checkbox"] { font-size: 16px; font-size: 1rem; width: auto; box-shadow: none; margin: 0; margin-right: 0.25em; }

#domain-whois input[name="street2"] { margin-top: 0.5em; }

#domain-whois input[type="submit"] { border: 0; box-shadow: none; text-shadow: none; border-radius: 5px; width: 100%; padding: 1rem; line-height: 100%; }

@media (min-width: 980px) { #domain-whois input[type="submit"] { padding: 1rem 2rem; width: auto; } }

#domain-whois .checkbox, #domain-whois .radio { font-size: 0.85em; }

#domain-whois div.error:before { content: ''; }

#domain-whois .Alert { padding-top: 1rem; padding-bottom: 1rem; }

#domain-whois .Alert__heading { font-size: 1rem; }

#domain-whois .span6.error { clear: none; }

#domain-whois select { background-color: #fff; font-size: 18px; font-size: 1.125rem; border: 1px solid #d1d1d1; border-radius: 2px; height: 36.4px; line-height: 1; background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat; background-position: calc(100% - 0.5rem) center !important; appearance: none; padding: 0 1.5rem 0 0.5rem; }

#domain-whois .control-group { margin-top: 1rem; }

@media (min-width: 980px) { #domain-whois .control-group { margin-top: 2rem; } }

#domain-whois .control-group.whois-radio { border: 1px solid #eee; }

#domain-whois .control-group .radio { font-size: 16px; font-size: 1rem; padding: 1em; cursor: pointer; color: inherit; opacity: 0.8; }

#domain-whois .control-group .radio + .radio { border-top: 1px solid #eee; }

#domain-whois .control-group .radio.checked { opacity: 1; color: #000; }

#domain-whois .apply-to-all { margin: 0; }

#domain-whois .whois-form-tos { margin-top: 2em; }

#domain-whois .tabs__nav { margin-top: 1.5rem; }

#domain-whois .tabs__nav ul { display: -ms-flexbox; display: flex; width: 100%; margin: 0; border-bottom: 1px solid #E0E4E8; gap: 1rem; overflow-x: auto; }

@media (min-width: 980px) { #domain-whois .tabs__nav ul { gap: 0; } }

#domain-whois .tabs-nav-btn { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 1rem 0rem; color: #677983; border-radius: 0; font-size: 1rem; line-height: 100%; top: 0; }

@media (min-width: 980px) { #domain-whois .tabs-nav-btn { padding: 1rem 1rem; } }

#domain-whois .tabs-nav-btn.is-active { color: #071C26; border: 0 none; border-bottom: 3px solid #0073EC; background-color: transparent; font-weight: 600; }

#domain-whois .tabs-nav-btn:not(:last-child) { border-right: 0px solid transparent; }

#domain-whois .tabs__content { background: #fff; border: 0 none; margin-top: 2rem; }

@media (min-width: 980px) { #domain-whois .tabs__content { border-radius: 1rem; box-shadow: 0px 2px 4px rgba(38, 45, 118, 0.08); border: 1px solid #E0E4E8; padding: 2rem; margin-top: 1.5rem; } }

#domain-whois .control-label label { color: #071C26; font-size: 1rem; line-height: 1; margin-bottom: .5rem; font-weight: 600; }

#domain-whois .control-group.private { margin-top: 20px; }

#domain-whois .control-group.disabled input, #domain-whois .control-group.disabled select, #domain-whois .control-group.disabled label { opacity: .5; }

#domain-whois .control-group.disabled label { color: #a2a2a2; }

#domain-whois #nameserver-fieldset { margin-top: 2em; }

#domain-whois #nameserver #nameserver-fieldset { margin-top: 0; padding: 0; border: none; }

#domain-whois form#set-as-owner p { height: 25px; }

#domain-whois form#set-as-owner input { display: none; position: relative; top: -2px; }

#domain-whois .caveat-fields.disabled { display: none; }

.install-where #domain { border-radius: 3px; box-shadow: inset 0 1.5px 1px 1px #f7f7f7; border: 1px solid #ccc; }

.price, .scale-disk { position: relative; margin: 0 auto; text-align: center; padding: 0 0 100px; }

.price strong, .scale-disk strong { display: block; font-weight: 100; font-size: 22px; padding: 0 0 5px; margin: 20px 0 -20px; }

.price .usd, .scale-disk .usd { position: relative; font-size: 20px; font-weight: 100; bottom: 15px; }

.price .amount, .scale-disk .amount { position: relative; display: inline-block; padding: 0 0 10px; font-size: 70px; font-weight: 100; }

.price h3, .scale-disk h3 { text-align: left; }

.price .plan, .price .disk, .scale-disk .plan, .scale-disk .disk { position: relative; width: 49%; float: left; min-height: 170px; vertical-align: top; background: #fff; border-radius: 3px; padding: 10px 0; transition: all 0.2s ease-in-out; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); }

.price .plan:hover, .price .disk:hover, .scale-disk .plan:hover, .scale-disk .disk:hover { cursor: pointer; color: #fff; background: #071C26; }

.price .plan:hover > p, .price .disk:hover > p, .scale-disk .plan:hover > p, .scale-disk .disk:hover > p { color: #fff; }

.price .plan input[type="radio"], .price .disk input[type="radio"], .scale-disk .plan input[type="radio"], .scale-disk .disk input[type="radio"] { display: none; }

.price .plan strong, .price .disk strong, .scale-disk .plan strong, .scale-disk .disk strong { text-transform: capitalize; }

.price .plan p, .price .disk p, .scale-disk .plan p, .scale-disk .disk p { margin: -10px 0 10px; color: #777; }

.price .disk, .scale-disk .disk { width: 152px; min-height: 50px; }

.price .disk .amount, .scale-disk .disk .amount { font-size: 37px; }

.price .disk p, .scale-disk .disk p { font-size: 14px; }

.price .plan.is-active, .price .plan.is-active:hover, .price .disk-active, .price .disk-active:hover, .scale-disk .plan.is-active, .scale-disk .plan.is-active:hover, .scale-disk .disk-active, .scale-disk .disk-active:hover { color: #fff; background: #0073EC; transition: all 0.2s ease-in-out; box-shadow: 0 0 0 #fff; }

.price .plan.is-active p, .price .plan.is-active:hover p, .price .disk-active p, .price .disk-active:hover p, .scale-disk .plan.is-active p, .scale-disk .plan.is-active:hover p, .scale-disk .disk-active p, .scale-disk .disk-active:hover p { color: #fff; }

.price .btn-simple, .price .buttonbig a, .buttonbig .price a, .scale-disk .btn-simple, .scale-disk .buttonbig a, .buttonbig .scale-disk a { display: inline-block; margin: 70px auto 30px; width: 100px; }

.price .learn-more, .scale-disk .learn-more { font-size: 14px; }

.price .learn-more a, .scale-disk .learn-more a { display: inline-block; width: 180px; color: #0073EC; text-decoration: none; }

.price .learn-more a:hover, .scale-disk .learn-more a:hover { text-decoration: underline; }

.price .learn-more a i, .scale-disk .learn-more a i { margin-right: 5px; }

.price .learn-more .remove, .price .learn-more .downgrade, .scale-disk .learn-more .remove, .scale-disk .learn-more .downgrade { color: #c3cbd2; }

.price .learn-more .remove:hover, .price .learn-more .downgrade:hover, .scale-disk .learn-more .remove:hover, .scale-disk .learn-more .downgrade:hover { color: #B80C03; }

.price .learn-more .downgrade:hover, .scale-disk .learn-more .downgrade:hover { color: #0073EC; }

.price label:first-of-type { margin-right: 2%; }

.install-where { margin: 1em 0 2em 0; }

.install-where h2 { margin: 20px 0 40px; }

.install-where #domain { padding: 12px 10px; font-size: 16px; width: 100%; box-sizing: border-box; }

.install-where .changing { border: 1px solid #fdfefe; border-radius: 2px; padding: 15px; text-align: center; font-weight: bold; }

.delete { background: #B80C03; color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0 1px 0 #B80C03, inset 0 -1px 0 #B80C03, inset 1px 0 0 #B80C03, inset -1px 0 0 #B80C03, inset 0 1px 2px rgba(255, 255, 255, 0.5); }

#wp_manage *, .dreampress-features * { box-sizing: border-box; }

#wp_manage h1, #wp_manage h2, #wp_manage h3, .dreampress-features h1, .dreampress-features h2, .dreampress-features h3 { margin-top: 0; margin-bottom: 0; color: #000; }

#wp_manage h2, .dreampress-features h2 { font-size: 24px; margin-bottom: 2rem; font-weight: 100; color: #000000; }

@media screen and (min-width: 750px) { #wp_manage h1, .dreampress-features h1 { font-size: 40px; font-weight: 100; } }

@media screen and (max-width: 700px) { #wp_manage .g-1_2, .dreampress-features .g-1_2 { width: 100%; float: none; } }

#wp_manage .dollar-sign:before, .dreampress-features .dollar-sign:before { content: '$'; }

.panel-main-navigation-button { font-size: 15px; }

#tab-navigation h2 a { border-bottom: 2px solid #fff; }

#tab-navigation h2 a.is-active { border-bottom: 2px solid #0073EC; }

@media screen and (min-width: 750px) { .open-wp-admin-link { top: 80px; }
  .add-another-dreampress-column-button { margin-top: 40px; } }

@media screen and (max-width: 750px) { .is-hidden-on-mobile { display: none; } }

.shadow-box { background: #F4F6F9; color: #000000; transition: .2s; position: relative; top: 0px; left: 0px; z-index: 1; transform: scale(1); }

.shadow-box:not(.is-disabled):not(.is-active):hover, .shadow-box:focus { outline: none; cursor: pointer; transform: scale(1.02, 1.02); box-shadow: 5px 5px 0px 0px rgba(21, 45, 64, 0.18); }

.shadow-box.is-active { background: #E0E4E8; box-shadow: 5px 5px 0px 0px rgba(21, 45, 64, 0.32); }

.shadow-box.is-active:after { content: ""; background: url(../images/icon.budicon.circle-check.svg) no-repeat 97% 0.5rem; background-size: 25px 25px; opacity: 0.5; top: 0; bottom: 0; left: 0; right: 0; position: absolute; z-index: -1; }

.shadow-box .js-price:before { content: '$'; }

.shadow-box .js-price:after { content: ' /mth'; }

.shadow-box.is-hidden { display: none; }

.shadow-box.is-active { display: block; }

.db-table-row--sale:nth-child(even) { background-color: #F4F6F9; }

.Tag.db-tag { font-size: 12px; padding: 0.25em 0.5em; }

@media (min-width: 1280px) { .bg-envato-rocket { position: relative; z-index: 1; }
  .bg-envato-rocket:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-image: url(../images/graphic.wp.rocket.2.svg); background-repeat: no-repeat; background-position: 95% center; background-size: contain; margin: 2rem; opacity: 0.45; z-index: -1; } }

.bg-mail-laptop:before { opacity: 0.15; }

@media (min-width: 1050px) { .bg-mail-laptop { position: relative; z-index: 1; }
  .bg-mail-laptop:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-image: url(../images/graphic.mail.laptop.svg); background-repeat: no-repeat; background-position: 90% center; background-size: contain; opacity: 0.45; z-index: -1; } }

.panel-home-grid { display: -ms-grid; display: grid; grid-gap: 1.5rem; }

@media (min-width: 1250px) { .panel-home-grid { -ms-grid-columns: minmax(auto, 1440px) minmax(auto, 375px); grid-template-columns: minmax(auto, 1440px) minmax(auto, 375px); -ms-flex-pack: center; justify-content: center; } }

.domain-reg-container { max-width: calc(1 * (100% - 4.5rem)/3); }

@media screen and (max-width: 980px) { .domain-reg-container { max-width: none; } }

.domain-sale-list li:nth-child(even) { background: #F4F6F9; }

.dreamshield-block { background: #ffffff; border: 1px solid #E0E4E8; transition: transform 0.2s ease; box-shadow: 0 20px 35px rgba(0, 34, 69, 0.03); }

.dreamshield-block:hover { transform: scale(1.01); box-shadow: 0 20px 35px rgba(0, 0, 0, 0.06); border-color: #0073EC; }

@media screen and (min-width: 850px) { .scanner-intro .list-features:before, .scanner-intro .list-features:after { display: table; content: ""; }
  .scanner-intro .list-features:after { clear: both; }
  .scanner-intro .list-features li { box-sizing: border-box; float: left; margin-bottom: 1.5em; width: 50%; }
  .scanner-intro .list-features li:nth-child(2n+1) { padding-right: 40px; clear: left; } }

.scanner-results--headline { font-size: 1.25em; }

.scanner-results--headline h1, .scanner-results--headline p { margin: 0; }

.scanner-results--headline .fluid-row { display: table; width: 1%; margin: 0 auto; }

@media screen and (max-width: 850px) { .scanner-results--headline .fluid-row, .scanner-results--headline .fluid-row-item { display: block; width: auto; white-space: normal; text-align: center; } }

.scanner-results--headline p { color: #4D5B69; }

.scanner-results--headline .icon { font-size: 3em; margin-right: .3em; }

.scanner-results--headline .icon-thumbs-up { color: #027F1B; transform: scaleX(-1); filter: FlipH; }

.scanner-results--headline .icon-thumbs-down { color: #FFDA00; position: relative; top: 8px; }

.scanner-results { margin-bottom: 2em; }

.scanner-results--border { padding-bottom: 1.5em; border-bottom: 1px solid rgba(224, 228, 232, 0.4); margin-bottom: 2em; }

.scanner-results--alert { background: rgba(255, 218, 0, 0.03); border: 1px solid rgba(255, 218, 0, 0.4); border-radius: 3px; padding: 1.5em 1.5em .75em; }

.scanner-results--software { margin-bottom: 2em; }

.scanner-results--software h2 { margin-top: 0; }

.scanner-results--software table { width: 100%; }

.scanner-results--software td { padding: .5em 0; text-align: center; width: 34%; }

.scanner-results--software td:first-child { text-align: left; }

.scanner-results--software td:last-child { text-align: right; }

.scanner-results--name { color: #4D5B69; }

.scanner-results--path { color: #071C26; }

.scanner-results--version { color: #B80C03; }

.scanner-results--current-version { color: #027F1B; }

.scanner-results--activity-list { list-style: none; padding-left: 0; margin: 0; }

.scanner-results--activity-list li { padding: .25em 0; }

.scanner-results--activity-list a { float: right; }

.scanner-results--files h2 { margin-bottom: 1em; }

.scanner-results--files p { margin-bottom: 0; }

.scanner-results--files .list-unset, .scanner-results--files .list-links { margin-bottom: 1.5em; }

/* add shared */
.add-shared-wrapper { padding: 1rem; background-color: #F4F6F9; }

.add-shared__plan-picker { margin-bottom: 1rem; }

.add-shared__options .disabled { cursor: not-allowed; opacity: 18%; }

.add-shared__options { border-bottom: 1px solid #E0E4E8; padding-bottom: 1rem; margin-bottom: 1rem; }

.add-shared__options .t-2 { line-height: 1; }

.add-shared__options:last-of-type { margin-bottom: 0; border-bottom: 0; }

.add-shared__cpu .ChoiceBox__content { vertical-align: middle; }

.add-shared__header { background-color: #fff; padding: 1.5rem; margin-bottom: 2rem; width: calc(100% + 4rem); margin-left: -2rem; margin-top: -2rem; }

.shared-picker__options { list-style-type: none; padding: 0; display: -ms-flexbox; display: flex; }

.shared-picker__options .plan-name, .shared-picker__options .term-name { font-weight: 700; }

.shared-picker__options .term-value span { display: block; margin: .25rem; }

.shared-picker__options li a { display: block; color: #434F58; border-radius: 3px; box-shadow: inset 0 0 0 1px #AFBFC9; cursor: pointer; display: block; padding: 1rem; transition: all .2s ease-in-out; text-align: center; }

.shared-picker__options li a:hover { background-color: #F4F6F9; }

.shared-picker__options li a.active { box-shadow: inset 0 0 0 2px #0073EC; color: #434f58; position: relative; font-weight: 500; }

.shared-picker__options li a.active:before { color: #0073EC; font-size: 1.25rem; font-family: "Font Awesome 5 Pro"; font-weight: 900; content: "\f058"; position: absolute; right: 1rem; top: .875rem; }

.shared-picker__options li { -ms-flex: 1; flex: 1; }

.shared-picker__options li.plan-price__selected a { box-shadow: inset 0 0 0 2px #0073EC; }

.shared-picker__options li a { font-size: 0.875rem !important; line-height: 1rem; border-radius: 3px; box-shadow: inset 0 0 0 1px #AFBFC9; cursor: pointer; padding: 1rem; transition: all .2s ease-in-out; }

.shared-picker__options .plan-details { padding: 0; list-style-type: none; }

.shared-picker__options .plan-details li * { padding: 0; }

.shared-picker__options .plan-details span:first-child { font-weight: 700; }

.shared-picker__options .blue-image .image-background { background-color: #ecf4fe; }

.shared-picker__options .image-background { border-radius: 50%; width: 72px; height: 72px; margin-left: auto; margin-right: auto; }

.shared-picker__options .image-background img { width: 48px; height: auto; margin: 0; }

.shared-picker__options .purple-image .image-background { background-color: #f8f1fd; }

.shared-picker__options { -ms-flex-direction: column; flex-direction: column; }

.add-shared__order-summary .order-summary__details.active { display: block; }

.add-shared__order-summary .order-summary__details { display: none; }

.add-shared__order-summary .order-summary__line-item { padding-bottom: 0; border-bottom: none; margin-bottom: 0; }

.add-shared__order-summary .order-summary__line-item .free-domain { display: none; }

.add-shared__order-summary .order-summary__line-item .free-domain.active { display: block; }

.Add-Shared .panel-box { background-color: #fff; border-radius: .5rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.08); padding: 1rem; border: 1px solid #E0E4E8; }

.Add-Shared .Add-Header { padding: 1rem; background: #ffffff; border-bottom: 1px solid #E0E4E8; border-top: 1px solid #E0E4E8; width: 100%; display: block; position: relative; }

.Add-Shared .Button--default { border-radius: 4px !important; padding: 0.75rem 1rem !important; font-size: 1rem !important; border-color: #AFBFC9 !important; color: #071c26 !important; line-height: 1 !important; max-height: 42px !important; }

.Add-Shared .Button--invisible { font-size: 15px !important; padding: 0 !important; border: 0 none !important; padding-left: 0 !important; padding-right: 0 !important; line-height: 1 !important; }

.Add-Shared .Manage-Box__heading-small { margin: 0; font-size: 16px; font-weight: 700; }

.Add-Shared .Manage-Box__subtext { margin: 0; font-size: .875rem; line-height: 1.4; padding-right: 1.5rem; }

.Add-Shared .Flex-Row { display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; width: 100%; }

.Add-Shared .Site-Icon-Button { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 38px !important; height: 38px !important; border-radius: 50% !important; border: 1px solid #E0E4E8 !important; }

.add-shared__cart { background-color: #fff; padding: 1rem 2rem; border: 0 none; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; position: fixed; bottom: -1px; left: 0; box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.08); z-index: 10; }

.order-summary--is-open .add-shared__cart .fa-chevron-up { transform: rotate(180deg); }

.plan-padding { padding: 16px; }

.plan-padding .plan-details li { margin-top: 10px; margin-bottom: 10px; }

.plan-description { line-height: 1.5rem; }

.shared-picker__options li { margin-top: 1rem; }

.shared-hero-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 1em; }

.shared-hero__card-shadow { background: #FFFFFF; box-shadow: 0 2px 4px 0 rgba(7, 28, 38, 0.1); border-radius: 6px; }

.bg-shared { position: relative; z-index: 1; }

.bg-shared:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-image: url(../images/graphic.shared.hero.png); background-repeat: no-repeat; background-size: contain; z-index: -1; }

@media (min-width: 750px) { .Add-Shared .Flex-Row__m { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
  .shared-hero__card-container { padding-left: 4rem; padding-right: 4rem; } }

@media (min-width: 1050px) { .add-shared__plan-picker { margin-bottom: 2rem; }
  .Add-Shared .Add-Header { padding: 2rem; }
  .add-shared__cart { box-shadow: 0; display: none; }
  .add-shared-wrapper { padding: 2rem; min-height: calc(100vh - 10.8125rem); }
  .shared-hero-container { -ms-grid-columns: 3fr 2fr; grid-template-columns: 3fr 2fr; grid-auto-rows: minmax(400px, auto); }
  .shared-hero__text { text-align: left; }
  .shared-hero__card-container { padding-left: 0rem; padding-right: 0rem; } }

@media (min-width: 1280px) { .add-shared__options { padding-bottom: 2rem; margin-bottom: 2rem; }
  .shared-picker__options > li + li { margin-left: 1rem; }
  .shared-picker__options { -ms-flex-direction: row; flex-direction: row; }
  .Add-Shared .panel-box { padding: 1.5rem; }
  .shared-hero-container { display: -ms-grid; display: grid; -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; grid-gap: 1em; }
  .shared-hero__card-container { padding-left: 1rem; padding-right: 1rem; } }

@media (max-width: 1049px) { .Add-Shared .order-summary { z-index: 9; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; bottom: 4rem; left: 0; right: 0; bottom: calc(4rem - 1px); position: fixed !important; transform: translateY(100vh); transition: .666s all ease-out; border-radius: .5rem .5rem 0 0; border-bottom: 2px solid #E0E4E8; max-height: 75vh; overflow-y: auto; overflow-x: hidden; } }

.Add-Shared .order-summary-mobile-open { transform: translateY(0); }

.contact-support-container { max-width: 920px; line-height: 1.6; }

.contact-support-container:before, .contact-support-container:after { display: table; content: ""; }

.contact-support-container:after { clear: both; }

.contact-support-container * { box-sizing: border-box; }

.contact-support-container input, .contact-support-container select, .contact-support-container textarea { display: block; width: 100%; font-size: 1em; padding: .5em; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 1em; }

.contact-support-container input:focus, .contact-support-container select:focus, .contact-support-container textarea:focus { outline: none; border-color: #0073EC; }

.contact-support-container input.is-empty, .contact-support-container select.is-empty, .contact-support-container textarea.is-empty { border-color: red; }

@media screen and (min-width: 600px) { .contact-support-container .issue-search { display: inline-block; position: absolute; right: 0; width: 300px; }
  .contact-support-container .message-search-form { position: relative; }
  .contact-support-container .message-search-form h2 { display: inline-block; } }

.contact-support-container h2, .contact-support-container h3 { font-weight: bold; }

.support-accordion-links { padding: 0; list-style: none; margin: 1em 0 0 0; }

.support-accordion-links:before, .support-accordion-links:after { display: table; content: ""; }

.support-accordion-links:after { clear: both; }

.support-accordion-links li { width: 50%; float: left; text-align: center; }

.support-accordion-links li:first-child a { border-top-left-radius: 5px; }

.support-accordion-links li:last-child a { border-top-right-radius: 5px; }

.support-accordion-links a { display: block; padding: 20px; transition: .3s; color: #fff; text-decoration: none; background: #0a3041; }

@media screen and (max-width: 550px) { .support-accordion-links a { min-height: 142px; } }

.support-accordion-links a:hover, .support-accordion-links a.active { background: #2f95ff; }

.support-accordion-links a.active { box-shadow: inset 2px 2px 10px 5px rgba(0, 0, 0, 0.1); }

.support-accordion-links:not(:last-child) a { border-right: 1px solid #0d3548; }

.support-accordion-links .icon { width: 35px; height: 35px; display: block; margin: 0 auto 1em; }

.support-accordion-links .icon path { fill: #fff; }

.support-accordion { background: #fff; padding: 2em; margin-bottom: 2em; border: 1px solid #ddd; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top: 0; }

.support-accordion:before, .support-accordion:after { display: table; content: ""; }

.support-accordion:after { clear: both; }

.support-accordion__heading, .support-accordion p:first-child { margin-top: 0; }

.support-accordion.forums ul { margin: 0; padding-left: 0; list-style: none; }

.support-accordion.forums a:hover { text-decoration: underline; }

.support-accordion a { text-decoration: none; }

.support-accordion .intro-text { margin-top: 0; font-size: 1.2em; font-weight: 100; }

.support-accordion .chosen-container, .support-accordion .chzn-container { margin-top: 1em; margin-bottom: 1em; width: 100% !important; }

.support-accordion .chzn-drop, .support-accordion .chzn-search input { width: 100% !important; }

.callback-wrapper .form-row { margin: 1em 0; }

@media screen and (min-width: 500px) { .ticket-submission { width: 52%; float: left; } }

.ticket-submission__form .callback input { display: inline; width: 15px; }

.ticket-submission__form .callback-warning { background: #0073EC; padding: 1em; border: 1px solid #0067d3; }

@media screen and (min-width: 500px) { .ticket-submission__sidebar { width: 40%; float: right; } }

.ticket-submission__sidebar h2:first-child { margin-top: 0; }

.ticket-submission__sidebar ul { list-style: none; padding: 0; }

.ticket-submission__sidebar ul a { display: block; text-decoration: none; line-height: 2.2; transition: .3s; }

.ticket-submission__sidebar ul a:hover { text-indent: 10px; text-decoration: underline; }

.ticket-submission__sidebar ul i { display: inline; margin-right: 10px; }

.wiki-list ul { margin-bottom: 0; }

#attach-support-files { font-size: 14px; display: inline-block; margin-bottom: .5em; }

#support-file-list { margin-top: 0; display: block; padding-left: 0; font-size: 14px; list-style-type: none; }

#support-file-list input { margin-bottom: 0; }

#support-file-list .remove-file { float: right; }

.support-option h2:first-child { margin-top: 1em; }

.support-options__triggers { margin: 1em 0 2em; }

.support-options__triggers a { margin: 1em 0 -.5em; }

@media screen and (max-width: 930px), screen and (min-width: 980px) and (max-width: 1130px) { .support-options__triggers a { display: block; width: 200px; } }

.cancel-support-option { font-size: 12px; color: #000; font-weight: normal; margin: 7px 0 0 10px; }

.support-history__message { display: none; }

.support-history__heading { margin-top: 0; margin-bottom: 1em; }

.support-history th { text-align: left; }

.support-history td.sent-by { width: 27px; min-width: 27px; }

.support-history td.subject { width: 785px; }

.support-history td.message-number { width: 100px; }

.support-history td.time-stamp { width: 125px; text-align: right; white-space: nowrap; }

.support-history tbody tr { border-radius: 5px; }

.support-history tbody tr.is-expanded { box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.2); }

.support-history pre { background: none; font-family: 'Helvetica', sans-serif; font-size: 14px; white-space: pre-line; max-width: 540px; }

.support-history span.subject { transition: .3s; cursor: pointer; }

.support-history span.subject:hover, .support-history span.subject.is-expanded { color: #0073EC; }

.support-history .sent-by-icon { width: 14px; height: 14px; position: relative; top: 2px; }

.style-clean.support-history td { vertical-align: top; height: auto; padding: .5em 0; }

.support-history-type { padding-left: 0; list-style: none; }

.support-history-type li { display: inline; }

.support-history-type li:not(:last-child) { margin-right: 15px; }

.support-history-type a { text-decoration: none; }

.support-history-type a:hover { text-decoration: underline; }

.support-history-type .is-active { font-weight: bold; }

.support-history-pagination { margin: 1em 0 0 0; padding-left: 0; list-style: none; text-align: center; }

.support-history-pagination a { text-decoration: none; padding: .5em; border: 1px solid #fdfefe; transition: .3s; }

.support-history-pagination a:hover { background: #fdfefe; }

.support-history-pagination li { display: inline-block; }

.support-history-pagination li.is-selected { font-weight: bold; }

.support-history--teaser th { display: none; }

.support-history--teaser .btn, .support-history--teaser .alertify-button-ok { margin: 1em 0; }

.forum-search { margin-bottom: 3em; }

.support-history__expand-all { font-weight: normal; font-size: 14px; margin-left: 15px; font-style: italic; opacity: .7; }

.support-history__expand-all:hover { opacity: 1; }

.open-tickets { margin-bottom: 2em; width: 100%; }

.open-tickets table { width: 100%; }

.open-tickets th { text-align: left; }

.open-tickets td.actions { text-align: right; }

/* intlTelInput */
.intl-tel-input { width: 100%; }

.ticket-submission .iti-flag { background-image: url("../images/flags.png"); }

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .ticket-submission .iti-flag { background-image: url("../images/flags@2x.png"); } }

.vps-contentbox, #admin_users_table { margin-top: 30px; }

.vps-contentbox .contentbox_head, #admin_users_table .contentbox_head { margin-bottom: 1em; }

#virtualservers .server-name, #dedicated .server-name { color: #555; font-size: 14px; font-weight: bold; overflow: hidden; white-space: nowrap; }

#virtualservers .server-name .circle-status, #dedicated .server-name .circle-status { background: #999b9a; border-radius: 50%; display: inline-block; height: 15px; margin: 0 10px 0 6px; position: relative; top: 3px; width: 15px; }

#virtualservers .server-name .circle-status.red, #dedicated .server-name .circle-status.red { background: #e31624; }

#virtualservers .server-name .circle-status.green, #dedicated .server-name .circle-status.green { background: #49d767; }

#virtualservers .server-name .server-stats, #dedicated .server-name .server-stats { color: #888; font-size: 12px; font-weight: 400; margin-left: 5px; }

#virtualservers .server-name .description, #dedicated .server-name .description { display: block; color: #545454; font-size: 12px; font-weight: 300; left: 15px; padding: 0 20px; position: relative; top: 5px; width: 400px; }

#virtualservers .server-usage-stats, #dedicated .server-usage-stats { color: #555; font-size: 14px; font-weight: bold; min-width: 147px; padding: 0; text-align: left; }

#virtualservers .server-usage-stats .icon-spinner:before, #dedicated .server-usage-stats .icon-spinner:before { animation: spin 2s infinite linear; color: #d1d1d1; margin-left: 65px; margin-top: 20px; position: absolute; text-align: center; }

#virtualservers .server-usage-stats .charts, #dedicated .server-usage-stats .charts { width: 147px; margin-left: 10px; }

#virtualservers .server-usage-stats .charts canvas, #dedicated .server-usage-stats .charts canvas { cursor: pointer; margin-top: 5px; transition: all, 0.15s, ease-in-out; }

#virtualservers .server-usage-stats .charts .cpu-snapshot, #virtualservers .server-usage-stats .charts .mem-snapshot, #virtualservers .server-usage-stats .charts .disk-snapshot, #dedicated .server-usage-stats .charts .cpu-snapshot, #dedicated .server-usage-stats .charts .mem-snapshot, #dedicated .server-usage-stats .charts .disk-snapshot { background: #efefef; }

#virtualservers .server-usage-stats .charts .cpu-snapshot:hover, #virtualservers .server-usage-stats .charts .mem-snapshot:hover, #virtualservers .server-usage-stats .charts .disk-snapshot:hover, #dedicated .server-usage-stats .charts .cpu-snapshot:hover, #dedicated .server-usage-stats .charts .mem-snapshot:hover, #dedicated .server-usage-stats .charts .disk-snapshot:hover { background: #eaeaea; }

#virtualservers .server-usage-stats .charts .icon-infinity, #dedicated .server-usage-stats .charts .icon-infinity { text-align: center; float: right; margin-top: 12px; }

#virtualservers .server-usage-stats .charts .icon-infinity:before, #dedicated .server-usage-stats .charts .icon-infinity:before { color: #c8c8c8; font-size: 20px; font-weight: bold; transition: all, 0.15s, ease-in-out; }

#virtualservers .server-usage-stats .charts .icon-infinity:hover:before, #dedicated .server-usage-stats .charts .icon-infinity:hover:before { color: #6699cc; }

#virtualservers .server-usage-stats .charts .icon-infinity .chart-label, #dedicated .server-usage-stats .charts .icon-infinity .chart-label { margin-top: 15px; }

#virtualservers .server-usage-stats .charts .chart, #dedicated .server-usage-stats .charts .chart { display: inline-block; color: #000000; }

#virtualservers .server-usage-stats .charts .chart:focus, #dedicated .server-usage-stats .charts .chart:focus { outline: 1px solid #0073EC; }

#virtualservers .server-usage-stats .charts .chart.unloaded, #dedicated .server-usage-stats .charts .chart.unloaded { display: none; }

#virtualservers .server-usage-stats .charts .big-chart-container, #dedicated .server-usage-stats .charts .big-chart-container { background: rgba(255, 255, 255, 0.8); cursor: pointer; display: none; height: 100vh; left: 0; position: absolute; top: 0; width: 100vw; z-index: 998; }

#virtualservers .server-usage-stats .charts .big-charts, #dedicated .server-usage-stats .charts .big-charts { background: #fff; border: 1px solid #f1f1f1; cursor: pointer; display: none; height: 400px; left: 50%; margin-left: -350px; margin-top: -200px; position: absolute; top: 50%; width: 700px; z-index: 999; }

#virtualservers .server-usage-stats .charts .big-charts .icon-x, #dedicated .server-usage-stats .charts .big-charts .icon-x { color: #ccc; display: block; position: absolute; right: 40px; top: 50px; z-index: 999; }

#virtualservers .server-usage-stats .charts .big-charts .icon-x:before, #dedicated .server-usage-stats .charts .big-charts .icon-x:before { color: #e31624; font-size: 20px; margin: -20px 0 0 -20px; padding: 0 10px; position: absolute; }

#virtualservers .server-usage-stats .charts .big-charts .icon-x:hover, #dedicated .server-usage-stats .charts .big-charts .icon-x:hover { color: #000; }

#virtualservers .server-usage-stats .charts .big-charts .icon-x:hover:before, #dedicated .server-usage-stats .charts .big-charts .icon-x:hover:before { color: #000; }

#virtualservers .server-usage-stats .charts .big-charts .cpu-big-container, #virtualservers .server-usage-stats .charts .big-charts .mem-big-container, #virtualservers .server-usage-stats .charts .big-charts .disk-big-container, #dedicated .server-usage-stats .charts .big-charts .cpu-big-container, #dedicated .server-usage-stats .charts .big-charts .mem-big-container, #dedicated .server-usage-stats .charts .big-charts .disk-big-container { display: none; position: absolute; }

#virtualservers .server-usage-stats .charts .big-charts .cpu-big-container h2, #virtualservers .server-usage-stats .charts .big-charts .mem-big-container h2, #virtualservers .server-usage-stats .charts .big-charts .disk-big-container h2, #dedicated .server-usage-stats .charts .big-charts .cpu-big-container h2, #dedicated .server-usage-stats .charts .big-charts .mem-big-container h2, #dedicated .server-usage-stats .charts .big-charts .disk-big-container h2 { margin: 30px 25px 0; }

#virtualservers .server-usage-stats .charts .big-charts .cpu-chart, #virtualservers .server-usage-stats .charts .big-charts .mem-chart, #virtualservers .server-usage-stats .charts .big-charts .disk-chart, #dedicated .server-usage-stats .charts .big-charts .cpu-chart, #dedicated .server-usage-stats .charts .big-charts .mem-chart, #dedicated .server-usage-stats .charts .big-charts .disk-chart { margin: 70px 25px 0; height: auto !important; width: calc(100% - 50px); }

#virtualservers .actions, #dedicated .actions { min-width: 150px; }

#virtualservers .actions a, #dedicated .actions a { width: 100px; }

#virtualservers .chart-label, #dedicated .chart-label { border: 1px solid transparent; display: block; font-size: 12px; font-weight: 400; position: relative; text-align: center; top: -3px; width: 43px; }

/* .dollars:before { background: url(../images/icon.circle.piggybank.64.svg) top left no-repeat; } .ubuntu:before { background: url(../images/icon.circle.console.64.svg) top left no-repeat; } .ipv6:before { background: url(../images/icon.circle.lego.64.svg) top left no-repeat; } .ram:before { background: url(../images/icon.circle.bars.64.svg) top left no-repeat; } .unlimited-bandwidth:before { background: url(../images/icon.circle.rocket3.64.svg) top left no-repeat; } .uptime-guarantee:before { background: url(../images/icon.circle.seal.64.svg) top left no-repeat; } .storage:before { background: url(../images/icon.circle.box2.64.svg) top left no-repeat; } .unlimited-domains:before { background: url(../images/icon.circle.globe.64.svg) top left no-repeat; } .support:before { background: url(../images/icon.circle.woman.64.svg) top left no-repeat; } .php-perl-python:before { background: url(../images/icon.circle.chemistry.64.png) top left no-repeat; } .node:before { background: url(../images/icon.circle.cog.64.png) top left no-repeat; } .rvm:before { background: url(../images/icon.circle.tools.64.png) top left no-repeat; } */
@media (max-width: 980px) { #virtualservers .server-name, #dedicated .server-name { font-size: 20px; font-weight: inherit; }
  #virtualservers .server-name .server-stats, #virtualservers .server-name .description, #dedicated .server-name .server-stats, #dedicated .server-name .description { font-weight: inherit; }
  #virtualservers .server-usage-stats:before, #dedicated .server-usage-stats:before { display: none; }
  #virtualservers td { height: auto; } }

#add_ps p, #add_mysql p { color: #777; font-size: 12px; }

#add_ps .mysql-info, #add_mysql .mysql-info { background: #f9f9f9; border: 1px solid #efefef; border-radius: 7px; margin-bottom: 20px; padding: 5px 10px; }

#add_ps .mysql-info .summary, #add_mysql .mysql-info .summary { display: inline-block; width: 150px; }

.ded_confname, .ded_price { font-size: 1.2em; font-weight: bold; }

.ded_limited, .ded_unavailable { margin-left: 1em; }

#vps-server-icon { float: left; margin: 0 8px 8px -10px; }

#vps-server-icon2 { float: left; margin-right: 7px; }

.vps-pricing { font-size: 14px; text-align: center; margin-top: 3em; }

.vps-pricing .list-table { margin-bottom: 2em; }

@media (min-width: 900px) { .vps-pricing .list-table { width: 23.5%; float: left; margin-right: 2%; margin-bottom: 4em; }
  .vps-pricing .list-table:last-child { margin-right: 0; } }

.vps-pricing .plan-name { background: #0073EC; font-size: 1.5em; }

.vps-pricing .plan-name h2 { margin: 0; color: #fff; }

.vps-pricing .current-tier-text { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 0; position: absolute; top: -26px; left: 0; width: 100%; background: #53B368; color: #fff; font-size: 13px; font-weight: 600; line-height: 2; }

.vps-pricing .btn-primary { margin: 0; text-decoration: none; }

.drop-content { background: #071C26; padding: 1em; border-radius: 3px; min-width: 600px; -webkit-font-smoothing: antialised; }

.drop-content:before, .drop-content:after { display: table; content: ""; }

.drop-content:after { clear: both; }

.vps-billing-choice { cursor: pointer; box-sizing: border-box; border-radius: 3px; border: 0; width: 100%; min-height: 120px; padding: 1em; text-align: center; display: block; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.17); color: #4F5251; transition: .3s; text-decoration: none; margin-bottom: 1em; }

.vps-billing-choice.is-current { opacity: .5; }

.vps-billing-choice.is-current:hover { cursor: default; }

.vps-billing-choice span { display: block; }

.vps-billing-choice__type { font-size: 18px; font-weight: 500; text-transform: capitalize; }

.vps-billing-choice__price { font-weight: bold; font-size: 32px; font-weight: 600; line-height: 50px; margin-top: 12px; }

.vps-billing-choice__details { font-style: italic; }

.vps-billing-choice:disabled, .vps-billing-choice:disabled:hover { background: #E0E4E8; color: #4F5251; cursor: default; }

.list-table li.vps-payment-choice { padding: 0; }

.list-table li.vps-payment-choice.is-visible { padding: 1.2em; }

.list-table li.vps-payment-choice p { margin-top: 0; }

.vps-payment-choice-cancel { font-size: 14px; }

.vps-plan-error { background: #FFF4B6; color: #000; padding: 1em; }

.vps-reboot-warning { margin-bottom: 1em; }

.vps-reboot-warning strong { font-weight: normal; font-size: 14px; }

.select-vps { display: block; font-size: .9em; }

.bg-vps { position: relative; z-index: 1; background-image: linear-gradient(230deg, rgba(0, 204, 170, 0.9) 0%, rgba(0, 69, 162, 0.9) 100%), url(../images/image.servers.vps.jpg); background-size: cover; background-position: center center; }

.bg-vps:before { position: absolute; top: 0; bottom: 0; left: 0; right: 0; content: ''; background-image: url(../images/graphic.constellation.op.2.svg), url(../images/graphic.constellation.op.5.svg); background-repeat: no-repeat; z-index: -1; opacity: 0.5; background-size: 35%, 25%; background-position: 0 top, 100% top; }

@media (max-width: 749px) { .bg-vps:before { opacity: 0.6; background-size: 60%, 40%; background-position: 0 top, 100% bottom; } }

.border-triangle { width: 100%; height: 0px; padding-bottom: 7.5%; position: relative; overflow: hidden; }

.border-triangle-top:before { content: ""; position: absolute; top: unset; bottom: 100%; left: 0px; right: unset; width: 100.4%; height: 200%; transform: rotate(4deg); transform-origin: left bottom; background: #ffffff; }

.border-triangle-bottom:before { content: ""; position: absolute; top: unset; bottom: 100%; left: unset; right: 0px; width: 100.4%; height: 200%; transform: rotate(-4deg); transform-origin: right bottom; background: #F4F6F9; }

.trial-box { background: #FFFFFF; border: 1px solid #E0E4E8; border-radius: 5px; }

.trial-box:hover { box-shadow: 0 2px 8px 0 rgba(205, 207, 212, 0.44); }

.t-gradient-turtle:before { background: linear-gradient(230deg, #00CAAA 0%, #0045A2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.vps-billing-choice.selected { background: #0073EC; color: #fff; }

.vps-payment-confirm { font-size: 1.5rem; padding: 0.9rem 3.3rem; border: 1px solid #000000; }

.vps-payment-confirm:disabled, .vps-payment-confirm:disabled:hover { background: #E0E4E8; cursor: default; border-color: #E0E4E8; }

.vps-payment-confirm-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 100px; }

@media only screen and (max-width: 767px) { .vps-contentbox .actions a { display: block; margin-bottom: 0.5rem !important; }
  .vps-contentbox #virtualservers .description { width: 100%; }
  .vps-contentbox #virtualservers .server-stats { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .vps-contentbox #virtualservers .server-name { font-size: 16px; padding: 0.5rem; }
  .vps-contentbox #virtualservers .server-usage-stats { margin-left: 0; }
  .vps-contentbox ~ .Button + .Button { display: inline-block; margin-left: 0; margin-top: 1rem; } }

@media (min-width: 900px) { .vps-payment-confirm-container { -ms-flex-pack: end; justify-content: flex-end; } }

@media (min-width: 900px) and (max-width: 1200px) { .list-table li.vps-payment-choice.is-visible { padding: 0.7em; }
  .vps-billing-choice__price { font-size: 24px; } }

@media (hover: hover) and (pointer: fine) { .vps-billing-choice:hover:not(.is-current) { background: #0073EC; color: #fff; } }

/* ----------------------------------- ## Remixer Page ----------------------------------- */
#remixer-video { background-color: #f7f7f7; position: absolute; top: 0; left: 0; object-fit: cover; min-width: 100%; min-height: 100%; margin: 0; padding: 0; }

.remixer-login-link { position: absolute; top: -5px; right: 22px; font-size: 14px; font-size: 0.875rem; }

.panel-beta { color: #de4f4f; font-size: 10px; font-size: 0.625rem; padding-left: 0.3125rem; vertical-align: top; }

.remixer-intro { margin-bottom: 1.25rem; border-radius: 5px; position: relative; padding: 0; height: 400px; background-color: #fff; overflow: hidden; cursor: pointer; }

.remixer-intro.expand-video { height: 450px; }

.remixer-intro-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.3); text-align: center; }

.remixer-intro:hover .remixer-intro-overlay { background: rgba(255, 255, 255, 0.5); }

.remixer-intro-video-play { font-size: 21px; color: #071C26; margin: 0; padding: 265px 0 0; font-weight: 300; font-family: 'Ubuntu', 'Proxima Nova', sans-serif; }

.remixer-intro-overlay-play_button { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url("../images/playbutton.png"); background-size: 123px 123px; background-position: center center; background-repeat: no-repeat; }

.remixer-features-list h3 { font-size: 20px; font-size: 1.25rem; }

.remixer-canvas .cta-intro__headline { color: #071C26; margin-top: 0.9735rem; }

.remixer-canvas .cta-intro__subheadline { font-size: 20px; font-size: 1.25rem; color: #3675b4; }

.remixer-cta { padding: 1.25rm; text-align: center; margin-top: 2.5rem; background: #fff; }

.remixer-cta .remixer-cta__title { margin-bottom: 25px; }

.remixer-cta .cta-block__fine-print { margin-top: 25px; }

.container-remixer { max-width: 700px; margin-left: 30px; margin-right: auto; }

.container-remixer .highlight { color: green; }

.container-remixer .plan-selection-form .plan-submit { margin-top: 30px; }

.plan { margin: 0; }

.plan .standard { background-color: #ffffff; margin-bottom: 20px; padding-bottom: 30px; outline: 1px solid #bbbcbf; }

.plan .all_access { background-color: #ffffff; margin-bottom: 20px; padding-bottom: 30px; outline: 1px solid #bbbcbf; }

.plan-header { height: 40px; border-bottom: 1px solid #bbbcbf; background-color: #bbbcbf; }

.plan-header .title { margin-top: 0; text-align: center; padding-top: 5px; font-size: 20px; }

.plan-body { margin-top: 0; min-height: 150px; max-height: 388px; overflow: hidden; margin-left: 0; padding-left: 40px; padding-right: 40px; }

.plan-body .plan-select button.plan-selection { display: block; margin: 10px auto 0; }

.plan-body .plan-select button.plan-selection.selected { background-color: green; }

.plan-features { height: 90px; color: black; }

.plan-features .plan-feature .plan-checkmark-icon { background-image: url("../checkmark-white.png"); background-size: 13px 13px; background-repeat: no-repeat; background-position: center center; width: 18px; height: 18px; border-radius: 50%; background-color: #039d12; float: left; margin-right: 8px; }

.plan-features .plan-feature h3 { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin-top: 0; margin-bottom: 10px; }

.pricing-info { margn: 30px; text-align: center; }

.pricing-info .intro { font-weight: 500; font-size: 17px; font-size: 1.0625rem; }

.pricing-info .plan-price { font-size: 40px; margin-top: 15px; color: #039d12; }

.pricing-info .plan-price sup { font-size: 30px; }

.pricing-info .plan-price sub { line-height: 0; position: relative; font-size: 24px; bottom: 0.25em; }

.plan-yearly-total { color: #a4a4a4; font-size: 12px; font-style: italic; }

.plan-yearly-total .intro { color: black; font-size: 15px; }

.container-remixer.remixer-pricing-variant { width: 100%; margin: 0 auto; display: inline-block; text-align: center; max-width: none; }

.container-remixer.remixer-pricing-variant .plan { margin: 0; display: inline-block; text-align: left; }

.container-remixer .btn.btn-simple.plan-selection.selected:focus, .container-remixer .buttonbig a.btn.plan-selection.selected:focus, .buttonbig .container-remixer a.btn.plan-selection.selected:focus, .container-remixer .buttonbig a.plan-selection.selected.alertify-button-ok:focus, .buttonbig .container-remixer a.plan-selection.selected.alertify-button-ok:focus, .container-remixer .btn-simple.plan-selection.selected.alertify-button-ok:focus { color: #fff; }

.container-remixer .btn.btn-simple.plan-selection:focus, .container-remixer .buttonbig a.btn.plan-selection:focus, .buttonbig .container-remixer a.btn.plan-selection:focus, .container-remixer .buttonbig a.plan-selection.alertify-button-ok:focus, .buttonbig .container-remixer a.plan-selection.alertify-button-ok:focus, .container-remixer .btn-simple.plan-selection.alertify-button-ok:focus { color: #fff; }

.container-remixer .btn.btn-simple.plan-submit:focus, .container-remixer .buttonbig a.btn.plan-submit:focus, .buttonbig .container-remixer a.btn.plan-submit:focus, .container-remixer .buttonbig a.plan-submit.alertify-button-ok:focus, .buttonbig .container-remixer a.plan-submit.alertify-button-ok:focus, .container-remixer .btn-simple.plan-submit.alertify-button-ok:focus { color: #fff; }

.is-active_customer_with_no_trial .plan-select { display: none; }

.remixer-notification-msg { display: block; min-height: 40px; position: relative; padding-left: 50px; padding-top: 10px; font-size: 16px; font-size: 1rem; }

.remixer-notification-icon { width: 40px; height: 40px; border-radius: 50%; background-size: 36px 36px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; }

.remixer-notification-icon.notify-alert { background-color: #f36c6c; background-image: url("../exclamation-white.png"); }

.remixer-upgrade-dialog { background: #fff; display: block; padding: 20px 40px; margin-top: 30px; margin-bottom: 50px; }

.remixer-upgrade-dialog h2 { font-weight: 500; margin-top: 0; margin-bottom: 10px; }

.remixer-upgrade-dialog p { font-size: 14px; font-size: 0.875rem; line-height: 1.25rem; margin: 0; }

.container-white-bg { background-color: #fff; }

.container-remixer-plan-choose { margin-top: 10px; display: inline-block; }

.container-remixer-plan-choose .plan-confirmation { padding-left: 30px; padding-right: 30px; }

.container-remixer-plan-choose .plan-term-choice { padding-left: 30px; padding-right: 30px; }

.container-remixer-plan-choose .plan-selection-form { padding: 0 30px; }

.container-remixer-plan-choose .billing-authorize-block { display: inline-block; margin-top: 20px; opacity: 0.5; padding: 0 30px 30px; }

.upgrade-plan h3 { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 14px; font-size: 0.875rem; line-height: 1.125rem; margin: 0 0 0 5px; display: inline-block; }

.upgrade-plan h3 span { font-weight: normal; }

.billing-trial-form { max-width: 700px; padding: 30px; }

.billing-trial-form h2 { font-weight: 500; margin-top: 0; margin-bottom: 15px; }

.billing-trial-form__inside { max-width: 700px; }

.billing-trial-form__inside label { border-top: none; margin-left: 0; display: block; width: 100%; }

.billing-trial-form__inside label p { margin: 10px 0 0; font-weight: normal; display: block; }

.container-remixer .fancyform input.text { font-weight: bold; width: 100%; max-width: 400px; height: 20px; border: 1px solid #e6e4e6; background: #f8f6f8; display: block; }

.container-remixer .fancyform select { font-weight: bold; width: 100%; height: 22px; border: none; background: #f8f6f8; display: inline-block; border-radius: none; }

.container-remixer .fancyform .select-container { width: 100%; max-width: 402px; height: 22px; border: 1px solid #e6e4e6; background: #f8f6f8; display: block; border-radius: none; float: left; }

.billing-trial-form__divider { margin-top: 40px; height: 1px; background: #cac8ca; width: 100%; max-width: 400px; display: block; }

.plan-confirmation h3.plan-affirmation { font-weight: 500; }

.plan-confirmation .plan-change { font-size: 14px; font-size: 0.875rem; }

h3.plan-term-choice { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem; line-height: 1.125rem; margin-top: 30px; margin-bottom: 10px; }

.billing-authorize-block { display: inline-block; margin-top: 20px; opacity: 0.5; }

.billing-authorize-block .billing-authorize-label { font-size: 14px; font-size: 0.875rem; line-height: 1rem; margin: 0; border-top: none; display: block; width: 100%; font-weight: 300; color: #000; }

.remixer-access-button-holder { width: 100%; display: block; text-align: center; }

.remixer-access-button-holder .btn.btn-simple.launch-remixer, .remixer-access-button-holder .buttonbig a.btn.launch-remixer, .buttonbig .remixer-access-button-holder a.btn.launch-remixer, .remixer-access-button-holder .buttonbig a.launch-remixer.alertify-button-ok, .buttonbig .remixer-access-button-holder a.launch-remixer.alertify-button-ok, .remixer-access-button-holder .btn-simple.launch-remixer.alertify-button-ok { margin-top: 50px; margin-bottom: 30px; display: inline-block; }

.remixer-transfer { background: #fff; display: block; margin-top: 10px; margin-bottom: 30px; outline: 1px solid #dedcde; text-align: center; }

.remixer-transfer .info .question { padding: 30px 30px 0; }

.remixer-transfer .info .question h2 { font-weight: 500; margin: 0; }

.remixer-transfer .info .answer { padding: 15px 30px 30px; }

.remixer-transfer .info .answer p { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; font-size: 0.875rem; line-height: 0.875rem; margin: 0; }

.remixer-transfer .action { padding: 0 30px 30px; }

.container-remixer .welcome { background: #fff; display: block; padding: 20px 30px; margin-top: 0; margin-bottom: 30px; outline: 1px solid #dedcde; }

.container-remixer .welcome h2 { font-weight: 500; margin: 0; }

.container-remixer .stats .g-1_2.t-center { width: 325px; max-width: 325px; margin-right: 50px; margin-bottom: 20px; background: #fff; outline: 1px solid #dedcde; }

.stats .g-1_2.t-center .header h3 { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 16px; font-size: 1rem; line-height: 1rem; margin-top: 20px; margin-bottom: 10px; }

.stats .g-1_2.t-center .header .number h2 { font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 800; font-size: 36px; font-size: 2.25rem; margin-top: 20px; margin-bottom: 20px; color: #f36c6c; }

.stats .g-1_2.t-center .body { padding-bottom: 30px; padding-left: 30px; padding-right: 30px; }

.stats .g-1_2.t-center .body .info p { line-height: 1rem; font-size: 12px; font-size: 0.75rem; font-style: italic; }

.stats .g-1_2.t-center .body .action { margin-top: 20px; }

.container-remixer .stats .g-1_2.t-center:nth-of-type(2) { float: left; margin-right: 0; }

.container-remixer .container-l.db-news.bg-white { margin-top: 30px; max-width: 700px; margin-left: 0; margin-right: 0; outline: 1px solid #dedcde; }

.container-remixer .remixer-canvas.remixer-with-trial { margin-top: 1em; }

.container-remixer .remixer-canvas.remixer-with-trial .remixer-intro { height: 300px; }

.container-remixer .remixer-canvas.remixer-with-trial .remixer-intro .remixer-intro-video-play { padding-top: 200px; }

.container-remixer .remixer-canvas.remixer-with-trial .remixer-intro-overlay-play_button { background-size: 80px 80px; }

.container-remixer .remixer-canvas.remixer-with-trial .cta-intro { margin-bottom: 3.125rem; }

.container-remixer .remixer-canvas.remixer-with-trial .cta-intro .cta-intro__headline { margin-top: 1.125rem; font-size: 30px; font-size: 1.875rem; }

.container-remixer .remixer-canvas.remixer-with-trial .dreampress-features-list.remixer-features-list img { width: 70px; }

.container-remixer .remixer-canvas.remixer-with-trial .dreampress-features-list.remixer-features-list h3 { margin-top: 0.3125rem; }

.btn.btn-simple.plan-submit, .buttonbig a.btn.plan-submit, .buttonbig a.plan-submit.alertify-button-ok, .btn-simple.plan-submit.alertify-button-ok { margin-top: 10px; }

.remixer-go-back-link { width: 100%; display: inline-block; height: 30px; }

.remixer-go-back-link p { float: right; font-size: 12px; display: block; margin: 0px; padding: 0px; }

.remixer-promo-label-holder { width: 100%; pointer-events: none; text-align: center; margin-bottom: -2px; height: 22px; max-height: 22px; overflow: hidden; }

.remixer-promo-label-holder .label { margin: 0px; color: #fff; background: #58ade1; text-align: center; display: inline-block; font-size: 12px; line-height: 12px; padding-left: 10px; padding-right: 10px; padding-top: 8px; padding-bottom: 2px; border-top-left-radius: 10px; border-top-right-radius: 10px; }

.remixer-promo-dialog { margin-top: 0px; border: 1px solid #58ade1; background-color: #edf7fc; background-image: url(../images/remixer-promo-background.png); background-size: 150px 100px; text-shadow: 1px 0px #fff; position: relative; }

.remixer-promo-dialog h2 { margin-bottom: 5px; }

.remixer-promo-dialog p { margin-bottom: 10px; }

.remixer-promo-dialog p.fine-print { margin-bottom: 0px; font-size: 10px; text-align: center; width: 100%; position: absolute; left: 0px; bottom: 0px; }

.payment-page #payment-picker-wrapper.hidden, .payment-page #active-pay-method.hidden, .payment-page #spinner-wrapper.hidden, .payment-page #cancel-change-pay-method-button.hidden, .payment-page #call_paypal_spinner.hidden, .payment-page #paypal-button-autopay.hidden, .payment-page #autopay-error-notification.hidden, .payment-page #paypal-button-wrapper.hidden { display: none !important; }

.payment-page #paypal-button-wrapper { width: 100%; max-width: 170px; position: relative; z-index: 1; }

.payment-page #paypal-button-wrapper #paypal-button-autopay { margin-bottom: 10px; }

.payment-page #redirect_to_cc img { vertical-align: text-top; padding-right: 5px; margin: 0 !important; }

.payment-page #cancel-change-pay-method-button { margin: 0 !important; }

.payment-page #paypal-pay-method { background-image: url(../images/card-bg-paypal.svg); background-repeat: no-repeat; width: 100%; max-width: 280px; min-width: 180px; height: 175px; margin-right: 25px; }

.payment-page #paypal-pay-method .paypal-pay-method-name { background-image: url(../images/paypal-white-text.svg); width: auto; height: 25px; width: 100px; background-repeat: no-repeat; background-size: contain; margin: 20px 0 50px 20px; }

.payment-page #paypal-pay-method .paypal-account-info { margin-left: 20px; margin-bottom: 20px; }

.payment-page #paypal-pay-method .paypal-account-info #paypal-account-username, .payment-page #paypal-pay-method .paypal-account-info #paypal-account-email { font-size: 13px !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.payment-page #paypal-pay-method.hidden { display: none !important; }

.payment-page .payment-info { -ms-flex: 1; flex: 1; }

.payment-page #card-pay-method { background-image: url(../images/card-bg-credit-debet.svg); background-repeat: no-repeat; height: 175px; min-width: 280px; margin-right: 25px; }

.payment-page #card-pay-method #card-number { margin: 50px 0 30px 20px; }

.payment-page #card-pay-method .card-account-info { -ms-flex-pack: justify; justify-content: space-between; }

.payment-page #card-pay-method .card-account-info .card-info { margin-left: 20px; }

.payment-page #card-pay-method .card-account-info .card-info #card-name, .payment-page #card-pay-method .card-account-info .card-info #card-exp-date { font-size: 13px !important; }

.payment-page #card-pay-method .card-account-info .card-info #card-name { overflow: hidden; white-space: nowrap; max-width: 150px; text-overflow: ellipsis; }

.payment-page #card-pay-method .card-account-info .card-image { width: 70px; height: 44px; margin-right: 30px; -ms-flex-item-align: end; align-self: flex-end; background-image: url(https://secure.newdream.net/newpanel/images/logo.cc.visa.svg); }

.payment-page #card-pay-method.hidden { display: none !important; }

.payment-page .card-placeholder-pay-method { background-image: url(../images/card-bg-credit-placeholder.svg); background-repeat: no-repeat; height: 175px; min-width: 280px; margin-right: 25px; }

.payment-page .card-placeholder-pay-method .card-placeholder-number { margin: 40px 0 30px 30px; }

.payment-page .card-placeholder-pay-method .card-placeholder-account-info { -ms-flex-pack: justify; justify-content: space-between; }

.payment-page .card-placeholder-pay-method .card-placeholder-account-info .card-placeholder-info { margin-left: 30px; }

.payment-page .card-placeholder-pay-method .card-placeholder-account-info .card-placeholder-info .card-placeholder-exp-date { font-size: 13px !important; }

.payment-page .card-placeholder-pay-method .card-placeholder-account-info .card-placeholder-info .card-placeholder-name { overflow: hidden; white-space: nowrap; max-width: 150px; text-overflow: ellipsis; margin-bottom: 5px; font-size: 13px !important; }

@media screen and (max-width: 450px) { .payment-page .card-placeholder-pay-method { display: none !important; } }

@media screen and (max-width: 450px) { .payment-page #paypal-pay-method, .payment-page #card-pay-method { height: 114px; }
  .payment-page #paypal-pay-method .paypal-pay-method-name, .payment-page #card-pay-method .paypal-pay-method-name { margin-bottom: 20px; }
  .payment-page #paypal-pay-method #paypal-account-email, .payment-page #card-pay-method #paypal-account-email { max-width: 140px; }
  .payment-page #paypal-pay-method #card-number, .payment-page #card-pay-method #card-number { margin: 10px 0 24px 20px !important; }
  .payment-page #paypal-pay-method .card-account-info, .payment-page #card-pay-method .card-account-info { -ms-flex-pack: start; justify-content: start; }
  .payment-page #paypal-pay-method .card-account-info .card-info, .payment-page #card-pay-method .card-account-info .card-info { margin-right: 10px; }
  .payment-page #paypal-pay-method .card-account-info .card-info #card-name, .payment-page #card-pay-method .card-account-info .card-info #card-name { max-width: 80px; }
  .payment-page #paypal-pay-method .card-account-info #card-type-image, .payment-page #card-pay-method .card-account-info #card-type-image { width: 60px; } }

.payment-picker { -ms-flex-direction: row; flex-direction: row; }

@media screen and (max-width: 880px), (min-width: 990px) and (max-width: 1150px) { .payment-picker { -ms-flex-direction: column; flex-direction: column; } }

#zit_cc_form_iframe { width: 100%; height: 1202px; border: 0; }

@media screen and (max-width: 687px), (min-width: 980px) and (max-width: 994px) { #zit_cc_form_iframe { height: 1727px; } }

#rebill_cc_form_iframe { width: 100%; height: 1080px; border: 0; }

@media screen and (max-width: 687px), (min-width: 980px) and (max-width: 994px) { #rebill_cc_form_iframe { height: 1546px; } }

#zit_ecp_form_iframe { width: 100%; height: 1420px; border: 0; }

@media screen and (max-width: 1024px) { #zit_ecp_form_iframe { height: 1460px; } }

@media screen and (max-width: 768px) { #zit_ecp_form_iframe { height: 1580px; } }

#paypal-button-onetimepay-container { min-width: 200px; }

#paypal-button-onetimepay-overlay { opacity: 0.5; }

#paypal-button-onetimepay-spinner { margin: auto 12px; width: 14px; height: 14px; border-radius: 50%; background: #2f93e3; background: linear-gradient(to right, #2f93e3 10%, rgba(255, 255, 255, 0) 42%); animation: loading-spinner 1.4s infinite linear; transform: translateZ(0); }

#paypal-button-onetimepay-spinner:before { width: 50%; height: 50%; background: #2f93e3; border-radius: 100% 0 0 0; position: absolute; top: 0; left: 0; content: ''; }

#paypal-button-onetimepay-spinner:after { background: #fcdd89; width: 75%; height: 75%; border-radius: 50%; content: ''; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.ecp-square-routing, .ecp-square-account { position: relative; padding-left: 1.25rem; }

.ecp-square-routing:before, .ecp-square-account:before { content: ''; position: absolute; width: 9px; height: 9px; left: 0; top: 3px; }

.ecp-square-routing:before { background-color: #16a891; }

.ecp-square-account:before { background-color: #ac91ff; }

.js-mail-client { background: none; border: none; cursor: pointer; }

.email-client-box { background: #ffffff; border-radius: 3px; position: relative; }

@media (min-width: 1050px) { .email-client-box { top: 0; right: 0; max-width: 450px; left: unset; position: absolute; box-shadow: 0 1rem 2rem -8px rgba(0, 0, 0, 0.2); } }

.filter-disable { font-size: 1.1em; border: 1px solid #1a1a1a; margin: 2em; padding: 2em; }

.filter-disable div { font-size: inherit; }

.filter-disable .header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }

.filter-disable .header h3 { margin: 0; font-weight: 600; }

.filter-disable .header .status { font-weight: 600; }

.filter-disable #spam-disable-button-expand { color: #0073EC; font-weight: 600; }

.filter-disable .primary-warning { display: -ms-flexbox; display: flex; font-weight: 600; vertical-align: top; margin-top: 1rem; }

.filter-disable .primary-warning i { line-height: 1.5rem; margin-right: .5rem; }

.filter-disable .primary-warning i:before, .filter-disable .primary-warning i:after { color: inherit; }

.filter-disable .primary-warning p { margin: 0; }

.filter-disable .secondary-warning { font-weight: 600; }

.filter-disable .secondary-warning h3 { font-weight: 600; }

.filter-disable .buttons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; }

.tab_billing-account .section-padded { padding: 0; }

.tab_billing-account .page-wrapper .content-wrapper { background: #F4F6F9; }

/* START Close Account Styles */
.close-account-grid { display: -ms-grid; display: grid; }

@media (min-width: 750px) { .close-account-grid { -ms-grid-columns: 1fr minmax(auto, 280px); grid-template-columns: 1fr minmax(auto, 280px); grid-gap: 1.5rem; } }

@media (max-width: 1275px) { .close-account-grid #zit_cc_form_iframe { height: 1524px; } }

@media (max-width: 749px) { .close-account-grid #zit_cc_form_iframe { height: 1024px; } }

@media (max-width: 664px) { .close-account-grid #zit_cc_form_iframe { height: 1524px; } }

#survey .Form__group.Form__group--select:after { top: 3.6rem; }

.icon-bg { background: #F4F6F9; min-width: 56px; height: 56px; border-radius: 50%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

.icon-bg--green { background: rgba(0, 152, 52, 0.15); }

.close-account-block { margin-bottom: 1.5rem; }

@media (min-width: 750px) { .close-account-block { border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } }

.cart-status { font-weight: 600; opacity: 0.5; }

.cart-status.cart-status--active { opacity: 1; color: #071c26; border-left: 3px solid #0073EC; }

.cart-status.cart-status--completed { opacity: 1; color: #071c26; }

.close-account-list li:not(:last-child) { margin-bottom: 0.5rem; }

/* END Close Account Styles */
.account-ui .account-ui-default { max-height: 100%; opacity: 1; transform: translateX(0); transition: opacity 0.3s ease, transform 0.3s ease; }

.account-ui .account-ui-default:not(:last-child) { margin-bottom: 1.5rem; }

.account-ui .account-ui-back-button { max-height: 0; overflow: hidden; opacity: 0; transform: translateX(-200px); transition: opacity 0.3s ease, transform 0.3s ease; }

.account-ui .account-ui-data { max-height: 0; overflow: hidden; opacity: 0; transform: translateX(200px); transition: opacity 0.3s ease, transform 0.3s ease; margin-bottom: 0; }

.account-ui.page-open .account-ui-default, .account-ui.show-data .account-ui-default { max-height: 0; overflow: hidden; opacity: 0; transform: translateX(-200px); transition: opacity 0.3s ease, transform 0.3s ease; margin-bottom: 0; }

.account-ui.page-open .account-ui-back-button, .account-ui.show-data .account-ui-back-button { max-height: 100%; opacity: 1; transform: translateX(0); transition: opacity 0.3s ease, transform 0.3s ease; }

.account-ui.show-data .account-ui-data { max-height: 100%; transform: translateX(0); opacity: 1; }

.account-ui .account-ui-plan-edit { max-height: 0; overflow: hidden; transition: opacity 0.3s ease, transform 0.3s ease; opacity: 0; transform: translateX(200px); }

.account-ui .account-ui-plan-edit.is-open { max-height: 100%; transform: translateX(0); opacity: 1; }

.account-name { cursor: default; width: 100%; max-width: 450px; }

.account-name .account-name__input-group { display: none; position: relative; margin-bottom: 0.5rem; }

.account-name .account-name__input-group:before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 1px; background: #071c26; width: 100%; }

.account-name .account-name__input { padding: 0; border: 0; font-weight: 600; color: #0073EC; font-size: 1.5rem; line-height: 32px; margin: 0; }

.account-name .account-name__input:active, .account-name .account-name__input:focus { outline: 0; box-shadow: none; }

.account-name .account-name__icon { display: none; }

.account-name .account-name__name { position: relative; transition: 0.2s ease; }

@media (min-width: 750px) { .account-name .account-name__name:hover { color: #0073EC; transform: translateY(-1px) scale(1.005); }
  .account-name .account-name__name:hover:before { position: absolute; bottom: 0; left: 0; right: 0; content: ''; height: 1px; background: #071c26; width: 100%; }
  .account-name .account-name__name:hover .account-name__icon { display: inline-block; } }

.account-name.edit-mode .account-name__name { display: none !important; }

.account-name.edit-mode .account-name__input-group { display: block; }

.account-block { background: #ffffff; padding: 1.5rem; transition: max-height 0.3s ease; max-height: 72px; overflow: hidden; }

.account-block:not(:last-child) { margin-bottom: 1.5rem; }

.account-block.account-block--no-toggle { max-height: unset; overflow: unset; transition: none; }

.account-block.is-open { max-height: 500px; }

.account-block.is-open .account-info__chevron { transform: rotate(180deg); }

.account-block.account-block--no-max-height { transition: none; }

.account-block.account-block--no-max-height.is-open { max-height: 100%; }

@media (min-width: 1050px) { .account-block.account-block--info { border-radius: 8px 8px 0 0; }
  .account-block.account-block--billing { border-radius: 0 0 8px 8px; border-top: 1px solid #F4F6F9; } }

@media (min-width: 750px) { .account-block { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); border-radius: 8px; max-height: 100%; overflow: unset; } }

.account-block .Button.Button--text { position: relative; }

.account-block .Button.Button--text:hover { transform: none; }

.account-block .Button.Button--text:before { z-index: 1; right: 0; bottom: 0; width: 0; transition: width 0.2s ease-out; }

.account-block .Button.Button--text:hover:before { width: 100%; }

.account-card { background: #ffffff; padding: 1.5rem; }

.account-card:not(:last-child) { margin-bottom: 1.5rem; }

@media (min-width: 750px) { .account-card { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.08); border-radius: 8px; } }

@media (min-width: 750px) { .account-info__row:not(:last-child) { margin-bottom: 1rem; } }

@media (min-width: 1050px) { .account-info__heading { max-width: 26%; } }

.account-info__chevron { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; pointer-events: none; width: 30px; height: 30px; border-radius: 50%; border: 1px solid #E0E4E8; transition: transform 0.2s linear; }

@media (min-width: 750px) { .account-info__chevron { display: none; } }

@media (min-width: 750px) { .account-info__key { max-width: 175px; } }

.account-plan { border-radius: 4px; }

.account-plan + .account-plan { margin-top: 1.5rem; }

.account-plan__product { font-size: 0.875rem; }

@media (min-width: 1050px) { .account-plan__product { font-size: 1rem; overflow: hidden; } }

.account-plan__product-image { min-width: 30px; }

@media (min-width: 750px) { .account-plan__product-image { min-width: 40px; } }

@media (min-width: 1050px) { .account-plan__product-text { overflow: hidden; white-space: nowrap; max-width: 100%; } }

.account-plan-grid { display: -ms-grid; display: grid; grid-gap: 1.5rem; }

@media (min-width: 1050px) { .account-plan-grid { -ms-grid-columns: minmax(auto, 500px) 3fr; grid-template-columns: minmax(auto, 500px) 3fr; } }

.account-plan-options-grid { display: -ms-grid; display: grid; grid-gap: 1rem; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; }

@media (min-width: 750px) { .account-plan-options-grid { grid-gap: 1.5rem; } }

@media (max-width: 420px) { .account-plan-options-grid { overflow-x: auto; } }

.account-plan__option.ChoiceBox .ChoiceBox__label { cursor: default; border-radius: 5px; opacity: 0.8; box-shadow: inset 0 0 0 1px #E0E4E8; height: 100%; }

.account-plan__option.ChoiceBox .ChoiceBox__label:hover { background: inherit; opacity: 1; box-shadow: inset 0 0 0 2px #AFBFC9; }

.account-plan__option.ChoiceBox .ChoiceBox__label .Button { max-height: 40px; }

.account-plan__option.ChoiceBox .ChoiceBox__label .Button.option-button-selected, .account-plan__option.ChoiceBox .ChoiceBox__label .Button.option-button-default { padding: 0.25rem; }

@media (min-width: 750px) { .account-plan__option.ChoiceBox .ChoiceBox__label .Button.option-button-selected, .account-plan__option.ChoiceBox .ChoiceBox__label .Button.option-button-default { padding: 0.75rem 1rem; } }

.account-plan__option.ChoiceBox .ChoiceBox__label.corner-triangle-container .corner-triangle:after { transform: rotate(-45deg) translate(25%, -45%); }

.account-plan__option.ChoiceBox .option-button-selected { display: none; }

.account-plan__option.ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label { box-shadow: inset 0 0 0 2px #0073ec; }

.account-plan__option.ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label .option-button-selected { display: inline-block; }

.account-plan__option.ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label .option-button-default { display: none; }

.account-plan__option.ChoiceBox.is-current .ChoiceBox__label { cursor: not-allowed; box-shadow: inset 0 0 0 2px #AFBFC9; opacity: 1; }

.account-plan__option.ChoiceBox.is-current .ChoiceBox__label:hover { background: inherit; box-shadow: inset 0 0 0 2px #AFBFC9; }

.account-plan__option.ChoiceBox.is-current .Button.Button--default { opacity: 0.5; pointer-events: none; }

.cancel-card-default { max-height: 100%; overflow: hidden; opacity: 1; transition: opacity 0.2s ease; }

.cancel-card-confirm { max-height: 0; overflow: hidden; opacity: 0; transition: opacity 0.2s ease; }

.cancel-card.is-confirming .cancel-card-default { max-height: 0; opacity: 0; }

.cancel-card.is-confirming .cancel-card-confirm { max-height: 100%; opacity: 1; }

.account-ui .Table th, .account-ui .Table__m th { text-transform: none; }

.account-ui .Table__m .Table__row, .account-ui .Table__m .Table__row--parent, .account-ui .Table__m .Table__row--child { border: unset; border-top: 1px solid #E0E4E8; }

.account-ui .Table__m .Table__row:last-child, .account-ui .Table__m .Table__row--parent:last-child, .account-ui .Table__m .Table__row--child:last-child { border-bottom: 1px solid #E0E4E8; }

.account-ui .Table__m tbody tr { padding: 1.5rem; margin-bottom: 0; border-radius: 0; background: #ffffff; }

.account-ui .Table__m tbody tr td:first-child, .account-ui .Table__m tbody tr td:first-child a { text-transform: none; color: #071c26; font-weight: 700; line-height: 1.3; letter-spacing: unset; margin-top: 0; overflow: hidden; text-overflow: ellipsis; }

@media (min-width: 750px) { .account-ui .Table__m tbody tr td:first-child, .account-ui .Table__m tbody tr td:first-child a { max-width: 0; padding-right: 2.5rem; } }

.account-ui .Table__m tbody tr td { padding: 0; margin-top: 1rem; line-height: 1.3; }

.account-ui .Table__m tbody tr td:last-child { margin-bottom: 0; }

.account-ui .Table__m tbody tr td:before { width: 130px; }

@media (min-width: 750px) { .account-ui .Table__m tbody tr td { padding: 1rem 0.5rem; }
  .account-ui .Table__m tbody tr td:before { width: auto; display: unset; } }

.account-ui .Table__m tbody tr td.Table__cell--button:before { width: auto; }

@media (min-width: 750px) { .account-ui .w-20__m { width: 20% !important; } }

@media (min-width: 750px) { .account-ui .w-40__m { width: 40% !important; } }

.account-ui .Alert { border-left: 0; margin-bottom: 1.5rem; display: -ms-flexbox; display: flex; -ms-flex-direction: start; flex-direction: start; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; -ms-flex-align: start; align-items: flex-start; padding: 1.5rem; }

@media (min-width: 750px) { .account-ui .Alert { border-radius: 8px; } }

.account-ui .Alert:not(.Alert--success):not(.Alert--error) { border-left: 0; }

.account-ui .Alert:not(.Alert--success):not(.Alert--error).Alert--info { background: #CCEFFF; }

.account-ui .Alert.is-killed { animation-name: yeet; animation-duration: 1s; animation-fill-mode: forwards; }

.account-ui .Alert__icon { padding-right: 1rem; }

.account-ui .Alert__content { max-width: 960px; margin-right: 1.5rem; font-weight: 500; }

.account-ui .Alert__heading { line-height: 1; margin-bottom: 0.5rem; font-family: "Proxima Nova", sans-serif; font-weight: bold; color: #071c26; }

.account-ui .Alert__text { margin: 0; font-size: 0.875rem; }

.account-ui .Alert__text + .account-ui .Alert__text { margin-top: 1rem; }

@media (min-width: 750px) { .account-ui .Alert__text { font-size: 1rem; } }

.account-ui .Alert--success { background: #C8EDE3; }

.account-ui .Alert__icon-close { cursor: pointer; font-size: 16px; }

@media (min-width: 750px) { .account-ui .Alert__icon-close { margin-top: 0.25rem; } }

@keyframes yeet { 0% { opacity: 0.5;
    transform: translateX(0);
    max-height: 100px; }
  100% { transform: translateX(200%);
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0 1.5rem; } }

.placeholder-card, .placeholder-table { box-shadow: 0 4px 10px 0 rgba(33, 33, 33, 0.05); border-radius: 8px; position: relative; overflow: hidden; }

.placeholder-card:before, .placeholder-table:before { content: ''; display: block; position: absolute; left: -150px; top: 0; height: 100%; width: 150px; background: linear-gradient(to right, transparent 0%, #FFFFFF 25%, transparent 100%); animation: load 1s cubic-bezier(0.4, 0, 0.2, 1) infinite; }

.placeholder-table { box-shadow: unset; }

@keyframes load { from { left: -150px; }
  to { left: 100%; } }

.placeholder-icon { width: 40px; height: 40px; border-radius: 5px; background: #E0E4E8; margin-right: 1rem; }

.placeholder-text { height: 16px; width: 175px; background: #E0E4E8; }

.placeholder-text.placeholder-text--short { width: 120px; }

.placeholder-text.placeholder-text--shorter { width: 75px; }

.placeholder-text.placeholder-text--small { height: 14px; }

.placeholder-button { width: 120px; height: 42px; background: #E0E4E8; border-radius: 3px; }

.corner-triangle-container { position: relative; }

.corner-triangle { overflow: hidden; width: 80px; height: 80px; position: absolute; top: 0; right: 0; border: solid; border-width: 1px; border-color: #A644E5 #A644E5 transparent transparent; border-top-right-radius: inherit; }

.corner-triangle:after { content: ''; background: rgba(166, 68, 229, 0.35); width: 142%; height: 142%; position: absolute; border: solid; border-width: 1px; border-color: #A644E5; transform: rotate(-45deg) translate(50%, -20%); }

span.corner-triangle-text { position: absolute; right: 5px; top: 20px; color: #A644E5; box-sizing: border-box; transform: rotate(45deg); }

.tab_users-dashboard .section-padded, .tab_dedicated-usersdashboard .section-padded { padding: 0; position: initial; }

.tab_users-dashboard div, .tab_dedicated-usersdashboard div { font-size: inherit; }

.tab_users-dashboard p, .tab_users-dashboard section, .tab_users-dashboard img, .tab_dedicated-usersdashboard p, .tab_dedicated-usersdashboard section, .tab_dedicated-usersdashboard img { margin: initial; }

.LegacyApiBanner { display: none; -ms-flex-align: start; align-items: flex-start; gap: 16px; padding: 16px; margin-bottom: 2rem; border-radius: 16px; background: #F4F6F9; }

.LegacyApiBanner img { display: block; margin: 0; }

@media (max-width: 767px) { .LegacyApiBanner { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.LegacyApiBanner__icon { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: #E0E4E8; }

.LegacyApiBanner__text { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; gap: 8px; -ms-flex-item-align: stretch; align-self: stretch; }

@media (max-width: 767px) { .LegacyApiBanner__text { -ms-flex-preferred-size: calc(100% - 48px); flex-basis: calc(100% - 48px); } }

.LegacyApiBanner__heading { margin: 0; color: #1F1F22; font-family: Gilroy, sans-serif; font-size: 18px; font-weight: 600; line-height: 18px; }

.LegacyApiBanner__description { margin: 0; color: #27272A; font-family: "Proxima Nova", sans-serif; font-size: 16px; line-height: 24px; }

.LegacyApiBanner__action { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-item-align: center; align-self: center; padding-left: 16px; }

@media (max-width: 767px) { .LegacyApiBanner__action { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 0; } }

.LegacyApiBanner__button { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; gap: 4px; box-sizing: border-box; min-height: 40px; padding: 0 16px 0 22px; border: 1px solid #C7C7CD; border-radius: 10px; background: #FFFFFF; color: #000000; font-family: "Proxima Nova", sans-serif; font-size: 14px; font-weight: 600; white-space: nowrap; text-decoration: none; }

.LegacyApiBanner__button:hover, .LegacyApiBanner__button:focus { color: #000000; text-decoration: none; border-color: #677983; }

@media (max-width: 767px) { .LegacyApiBanner__button { width: 100%; } }

.intl-tel-input { position: relative; display: inline-block; }

.intl-tel-input * { box-sizing: border-box; -moz-box-sizing: border-box; }

.intl-tel-input .hide { display: none; }

.intl-tel-input .v-hide { visibility: hidden; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; }

.intl-tel-input .flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; }

.intl-tel-input .selected-flag { z-index: 1; position: relative; width: 36px; height: 100%; padding: 0 0 0 8px; }

.intl-tel-input .selected-flag .iti-flag { position: absolute; top: 0; bottom: 0; margin: auto; }

.intl-tel-input .selected-flag .iti-arrow { position: absolute; top: 50%; margin-top: -2px; right: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }

.intl-tel-input .selected-flag .iti-arrow.up { border-top: none; border-bottom: 4px solid #555; }

.intl-tel-input .country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; }

.intl-tel-input .country-list.dropup { bottom: 100%; margin-bottom: -1px; }

.intl-tel-input .country-list .flag-box { display: inline-block; width: 20px; }

@media (max-width: 500px) { .intl-tel-input .country-list { white-space: normal; } }

.intl-tel-input .country-list .divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; }

.intl-tel-input .country-list .country { padding: 5px 10px; }

.intl-tel-input .country-list .country .dial-code { color: #999; }

.intl-tel-input .country-list .country.highlight { background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code { vertical-align: middle; }

.intl-tel-input .country-list .flag-box, .intl-tel-input .country-list .country-name { margin-right: 6px; }

.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=text], .intl-tel-input.separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; }

.intl-tel-input.allow-dropdown .flag-container, .intl-tel-input.separate-dial-code .flag-container { right: auto; left: 0; }

.intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag { width: 46px; }

.intl-tel-input.allow-dropdown .flag-container:hover { cursor: pointer; }

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag { background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover { cursor: default; }

.intl-tel-input.allow-dropdown input[disabled] + .flag-container:hover .selected-flag, .intl-tel-input.allow-dropdown input[readonly] + .flag-container:hover .selected-flag { background-color: transparent; }

.intl-tel-input.separate-dial-code .selected-flag { background-color: rgba(0, 0, 0, 0.05); display: table; }

.intl-tel-input.separate-dial-code .selected-dial-code { display: table-cell; vertical-align: middle; padding-left: 28px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 input, .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel] { padding-left: 66px; }

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag { width: 60px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel] { padding-left: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag { width: 70px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 input, .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel] { padding-left: 74px; }

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag { width: 68px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] { padding-left: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag { width: 78px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 input, .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel] { padding-left: 82px; }

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag { width: 76px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel] { padding-left: 92px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag { width: 86px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 input, .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel] { padding-left: 90px; }

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag { width: 84px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel] { padding-left: 100px; }

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag { width: 94px; }

.intl-tel-input.iti-container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; }

.intl-tel-input.iti-container:hover { cursor: pointer; }

.iti-mobile .intl-tel-input.iti-container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; }

.iti-mobile .intl-tel-input .country-list { max-height: 100%; width: 100%; }

.iti-mobile .intl-tel-input .country-list .country { padding: 10px 10px; line-height: 1.5em; }

.iti-flag { width: 20px; }

.iti-flag.be { width: 18px; }

.iti-flag.ch { width: 15px; }

.iti-flag.mc { width: 19px; }

.iti-flag.ne { width: 18px; }

.iti-flag.np { width: 13px; }

.iti-flag.va { width: 15px; }

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-size: 5630px 15px; } }

.iti-flag.ac { height: 10px; background-position: 0px 0px; }

.iti-flag.ad { height: 14px; background-position: -22px 0px; }

.iti-flag.ae { height: 10px; background-position: -44px 0px; }

.iti-flag.af { height: 14px; background-position: -66px 0px; }

.iti-flag.ag { height: 14px; background-position: -88px 0px; }

.iti-flag.ai { height: 10px; background-position: -110px 0px; }

.iti-flag.al { height: 15px; background-position: -132px 0px; }

.iti-flag.am { height: 10px; background-position: -154px 0px; }

.iti-flag.ao { height: 14px; background-position: -176px 0px; }

.iti-flag.aq { height: 14px; background-position: -198px 0px; }

.iti-flag.ar { height: 13px; background-position: -220px 0px; }

.iti-flag.as { height: 10px; background-position: -242px 0px; }

.iti-flag.at { height: 14px; background-position: -264px 0px; }

.iti-flag.au { height: 10px; background-position: -286px 0px; }

.iti-flag.aw { height: 14px; background-position: -308px 0px; }

.iti-flag.ax { height: 13px; background-position: -330px 0px; }

.iti-flag.az { height: 10px; background-position: -352px 0px; }

.iti-flag.ba { height: 10px; background-position: -374px 0px; }

.iti-flag.bb { height: 14px; background-position: -396px 0px; }

.iti-flag.bd { height: 12px; background-position: -418px 0px; }

.iti-flag.be { height: 15px; background-position: -440px 0px; }

.iti-flag.bf { height: 14px; background-position: -460px 0px; }

.iti-flag.bg { height: 12px; background-position: -482px 0px; }

.iti-flag.bh { height: 12px; background-position: -504px 0px; }

.iti-flag.bi { height: 12px; background-position: -526px 0px; }

.iti-flag.bj { height: 14px; background-position: -548px 0px; }

.iti-flag.bl { height: 14px; background-position: -570px 0px; }

.iti-flag.bm { height: 10px; background-position: -592px 0px; }

.iti-flag.bn { height: 10px; background-position: -614px 0px; }

.iti-flag.bo { height: 14px; background-position: -636px 0px; }

.iti-flag.bq { height: 14px; background-position: -658px 0px; }

.iti-flag.br { height: 14px; background-position: -680px 0px; }

.iti-flag.bs { height: 10px; background-position: -702px 0px; }

.iti-flag.bt { height: 14px; background-position: -724px 0px; }

.iti-flag.bv { height: 15px; background-position: -746px 0px; }

.iti-flag.bw { height: 14px; background-position: -768px 0px; }

.iti-flag.by { height: 10px; background-position: -790px 0px; }

.iti-flag.bz { height: 14px; background-position: -812px 0px; }

.iti-flag.ca { height: 10px; background-position: -834px 0px; }

.iti-flag.cc { height: 10px; background-position: -856px 0px; }

.iti-flag.cd { height: 15px; background-position: -878px 0px; }

.iti-flag.cf { height: 14px; background-position: -900px 0px; }

.iti-flag.cg { height: 14px; background-position: -922px 0px; }

.iti-flag.ch { height: 15px; background-position: -944px 0px; }

.iti-flag.ci { height: 14px; background-position: -961px 0px; }

.iti-flag.ck { height: 10px; background-position: -983px 0px; }

.iti-flag.cl { height: 14px; background-position: -1005px 0px; }

.iti-flag.cm { height: 14px; background-position: -1027px 0px; }

.iti-flag.cn { height: 14px; background-position: -1049px 0px; }

.iti-flag.co { height: 14px; background-position: -1071px 0px; }

.iti-flag.cp { height: 14px; background-position: -1093px 0px; }

.iti-flag.cr { height: 12px; background-position: -1115px 0px; }

.iti-flag.cu { height: 10px; background-position: -1137px 0px; }

.iti-flag.cv { height: 12px; background-position: -1159px 0px; }

.iti-flag.cw { height: 14px; background-position: -1181px 0px; }

.iti-flag.cx { height: 10px; background-position: -1203px 0px; }

.iti-flag.cy { height: 13px; background-position: -1225px 0px; }

.iti-flag.cz { height: 14px; background-position: -1247px 0px; }

.iti-flag.de { height: 12px; background-position: -1269px 0px; }

.iti-flag.dg { height: 10px; background-position: -1291px 0px; }

.iti-flag.dj { height: 14px; background-position: -1313px 0px; }

.iti-flag.dk { height: 15px; background-position: -1335px 0px; }

.iti-flag.dm { height: 10px; background-position: -1357px 0px; }

.iti-flag.do { height: 13px; background-position: -1379px 0px; }

.iti-flag.dz { height: 14px; background-position: -1401px 0px; }

.iti-flag.ea { height: 14px; background-position: -1423px 0px; }

.iti-flag.ec { height: 14px; background-position: -1445px 0px; }

.iti-flag.ee { height: 13px; background-position: -1467px 0px; }

.iti-flag.eg { height: 14px; background-position: -1489px 0px; }

.iti-flag.eh { height: 10px; background-position: -1511px 0px; }

.iti-flag.er { height: 10px; background-position: -1533px 0px; }

.iti-flag.es { height: 14px; background-position: -1555px 0px; }

.iti-flag.et { height: 10px; background-position: -1577px 0px; }

.iti-flag.eu { height: 14px; background-position: -1599px 0px; }

.iti-flag.fi { height: 12px; background-position: -1621px 0px; }

.iti-flag.fj { height: 10px; background-position: -1643px 0px; }

.iti-flag.fk { height: 10px; background-position: -1665px 0px; }

.iti-flag.fm { height: 11px; background-position: -1687px 0px; }

.iti-flag.fo { height: 15px; background-position: -1709px 0px; }

.iti-flag.fr { height: 14px; background-position: -1731px 0px; }

.iti-flag.ga { height: 15px; background-position: -1753px 0px; }

.iti-flag.gb { height: 10px; background-position: -1775px 0px; }

.iti-flag.gd { height: 12px; background-position: -1797px 0px; }

.iti-flag.ge { height: 14px; background-position: -1819px 0px; }

.iti-flag.gf { height: 14px; background-position: -1841px 0px; }

.iti-flag.gg { height: 14px; background-position: -1863px 0px; }

.iti-flag.gh { height: 14px; background-position: -1885px 0px; }

.iti-flag.gi { height: 10px; background-position: -1907px 0px; }

.iti-flag.gl { height: 14px; background-position: -1929px 0px; }

.iti-flag.gm { height: 14px; background-position: -1951px 0px; }

.iti-flag.gn { height: 14px; background-position: -1973px 0px; }

.iti-flag.gp { height: 14px; background-position: -1995px 0px; }

.iti-flag.gq { height: 14px; background-position: -2017px 0px; }

.iti-flag.gr { height: 14px; background-position: -2039px 0px; }

.iti-flag.gs { height: 10px; background-position: -2061px 0px; }

.iti-flag.gt { height: 13px; background-position: -2083px 0px; }

.iti-flag.gu { height: 11px; background-position: -2105px 0px; }

.iti-flag.gw { height: 10px; background-position: -2127px 0px; }

.iti-flag.gy { height: 12px; background-position: -2149px 0px; }

.iti-flag.hk { height: 14px; background-position: -2171px 0px; }

.iti-flag.hm { height: 10px; background-position: -2193px 0px; }

.iti-flag.hn { height: 10px; background-position: -2215px 0px; }

.iti-flag.hr { height: 10px; background-position: -2237px 0px; }

.iti-flag.ht { height: 12px; background-position: -2259px 0px; }

.iti-flag.hu { height: 10px; background-position: -2281px 0px; }

.iti-flag.ic { height: 14px; background-position: -2303px 0px; }

.iti-flag.id { height: 14px; background-position: -2325px 0px; }

.iti-flag.ie { height: 10px; background-position: -2347px 0px; }

.iti-flag.il { height: 15px; background-position: -2369px 0px; }

.iti-flag.im { height: 10px; background-position: -2391px 0px; }

.iti-flag.in { height: 14px; background-position: -2413px 0px; }

.iti-flag.io { height: 10px; background-position: -2435px 0px; }

.iti-flag.iq { height: 14px; background-position: -2457px 0px; }

.iti-flag.ir { height: 12px; background-position: -2479px 0px; }

.iti-flag.is { height: 15px; background-position: -2501px 0px; }

.iti-flag.it { height: 14px; background-position: -2523px 0px; }

.iti-flag.je { height: 12px; background-position: -2545px 0px; }

.iti-flag.jm { height: 10px; background-position: -2567px 0px; }

.iti-flag.jo { height: 10px; background-position: -2589px 0px; }

.iti-flag.jp { height: 14px; background-position: -2611px 0px; }

.iti-flag.ke { height: 14px; background-position: -2633px 0px; }

.iti-flag.kg { height: 12px; background-position: -2655px 0px; }

.iti-flag.kh { height: 13px; background-position: -2677px 0px; }

.iti-flag.ki { height: 10px; background-position: -2699px 0px; }

.iti-flag.km { height: 12px; background-position: -2721px 0px; }

.iti-flag.kn { height: 14px; background-position: -2743px 0px; }

.iti-flag.kp { height: 10px; background-position: -2765px 0px; }

.iti-flag.kr { height: 14px; background-position: -2787px 0px; }

.iti-flag.kw { height: 10px; background-position: -2809px 0px; }

.iti-flag.ky { height: 10px; background-position: -2831px 0px; }

.iti-flag.kz { height: 10px; background-position: -2853px 0px; }

.iti-flag.la { height: 14px; background-position: -2875px 0px; }

.iti-flag.lb { height: 14px; background-position: -2897px 0px; }

.iti-flag.lc { height: 10px; background-position: -2919px 0px; }

.iti-flag.li { height: 12px; background-position: -2941px 0px; }

.iti-flag.lk { height: 10px; background-position: -2963px 0px; }

.iti-flag.lr { height: 11px; background-position: -2985px 0px; }

.iti-flag.ls { height: 14px; background-position: -3007px 0px; }

.iti-flag.lt { height: 12px; background-position: -3029px 0px; }

.iti-flag.lu { height: 12px; background-position: -3051px 0px; }

.iti-flag.lv { height: 10px; background-position: -3073px 0px; }

.iti-flag.ly { height: 10px; background-position: -3095px 0px; }

.iti-flag.ma { height: 14px; background-position: -3117px 0px; }

.iti-flag.mc { height: 15px; background-position: -3139px 0px; }

.iti-flag.md { height: 10px; background-position: -3160px 0px; }

.iti-flag.me { height: 10px; background-position: -3182px 0px; }

.iti-flag.mf { height: 14px; background-position: -3204px 0px; }

.iti-flag.mg { height: 14px; background-position: -3226px 0px; }

.iti-flag.mh { height: 11px; background-position: -3248px 0px; }

.iti-flag.mk { height: 10px; background-position: -3270px 0px; }

.iti-flag.ml { height: 14px; background-position: -3292px 0px; }

.iti-flag.mm { height: 14px; background-position: -3314px 0px; }

.iti-flag.mn { height: 10px; background-position: -3336px 0px; }

.iti-flag.mo { height: 14px; background-position: -3358px 0px; }

.iti-flag.mp { height: 10px; background-position: -3380px 0px; }

.iti-flag.mq { height: 14px; background-position: -3402px 0px; }

.iti-flag.mr { height: 14px; background-position: -3424px 0px; }

.iti-flag.ms { height: 10px; background-position: -3446px 0px; }

.iti-flag.mt { height: 14px; background-position: -3468px 0px; }

.iti-flag.mu { height: 14px; background-position: -3490px 0px; }

.iti-flag.mv { height: 14px; background-position: -3512px 0px; }

.iti-flag.mw { height: 14px; background-position: -3534px 0px; }

.iti-flag.mx { height: 12px; background-position: -3556px 0px; }

.iti-flag.my { height: 10px; background-position: -3578px 0px; }

.iti-flag.mz { height: 14px; background-position: -3600px 0px; }

.iti-flag.na { height: 14px; background-position: -3622px 0px; }

.iti-flag.nc { height: 10px; background-position: -3644px 0px; }

.iti-flag.ne { height: 15px; background-position: -3666px 0px; }

.iti-flag.nf { height: 10px; background-position: -3686px 0px; }

.iti-flag.ng { height: 10px; background-position: -3708px 0px; }

.iti-flag.ni { height: 12px; background-position: -3730px 0px; }

.iti-flag.nl { height: 14px; background-position: -3752px 0px; }

.iti-flag.no { height: 15px; background-position: -3774px 0px; }

.iti-flag.np { height: 15px; background-position: -3796px 0px; }

.iti-flag.nr { height: 10px; background-position: -3811px 0px; }

.iti-flag.nu { height: 10px; background-position: -3833px 0px; }

.iti-flag.nz { height: 10px; background-position: -3855px 0px; }

.iti-flag.om { height: 10px; background-position: -3877px 0px; }

.iti-flag.pa { height: 14px; background-position: -3899px 0px; }

.iti-flag.pe { height: 14px; background-position: -3921px 0px; }

.iti-flag.pf { height: 14px; background-position: -3943px 0px; }

.iti-flag.pg { height: 15px; background-position: -3965px 0px; }

.iti-flag.ph { height: 10px; background-position: -3987px 0px; }

.iti-flag.pk { height: 14px; background-position: -4009px 0px; }

.iti-flag.pl { height: 13px; background-position: -4031px 0px; }

.iti-flag.pm { height: 14px; background-position: -4053px 0px; }

.iti-flag.pn { height: 10px; background-position: -4075px 0px; }

.iti-flag.pr { height: 14px; background-position: -4097px 0px; }

.iti-flag.ps { height: 10px; background-position: -4119px 0px; }

.iti-flag.pt { height: 14px; background-position: -4141px 0px; }

.iti-flag.pw { height: 13px; background-position: -4163px 0px; }

.iti-flag.py { height: 11px; background-position: -4185px 0px; }

.iti-flag.qa { height: 8px; background-position: -4207px 0px; }

.iti-flag.re { height: 14px; background-position: -4229px 0px; }

.iti-flag.ro { height: 14px; background-position: -4251px 0px; }

.iti-flag.rs { height: 14px; background-position: -4273px 0px; }

.iti-flag.ru { height: 14px; background-position: -4295px 0px; }

.iti-flag.rw { height: 14px; background-position: -4317px 0px; }

.iti-flag.sa { height: 14px; background-position: -4339px 0px; }

.iti-flag.sb { height: 10px; background-position: -4361px 0px; }

.iti-flag.sc { height: 10px; background-position: -4383px 0px; }

.iti-flag.sd { height: 10px; background-position: -4405px 0px; }

.iti-flag.se { height: 13px; background-position: -4427px 0px; }

.iti-flag.sg { height: 14px; background-position: -4449px 0px; }

.iti-flag.sh { height: 10px; background-position: -4471px 0px; }

.iti-flag.si { height: 10px; background-position: -4493px 0px; }

.iti-flag.sj { height: 15px; background-position: -4515px 0px; }

.iti-flag.sk { height: 14px; background-position: -4537px 0px; }

.iti-flag.sl { height: 14px; background-position: -4559px 0px; }

.iti-flag.sm { height: 15px; background-position: -4581px 0px; }

.iti-flag.sn { height: 14px; background-position: -4603px 0px; }

.iti-flag.so { height: 14px; background-position: -4625px 0px; }

.iti-flag.sr { height: 14px; background-position: -4647px 0px; }

.iti-flag.ss { height: 10px; background-position: -4669px 0px; }

.iti-flag.st { height: 10px; background-position: -4691px 0px; }

.iti-flag.sv { height: 12px; background-position: -4713px 0px; }

.iti-flag.sx { height: 14px; background-position: -4735px 0px; }

.iti-flag.sy { height: 14px; background-position: -4757px 0px; }

.iti-flag.sz { height: 14px; background-position: -4779px 0px; }

.iti-flag.ta { height: 10px; background-position: -4801px 0px; }

.iti-flag.tc { height: 10px; background-position: -4823px 0px; }

.iti-flag.td { height: 14px; background-position: -4845px 0px; }

.iti-flag.tf { height: 14px; background-position: -4867px 0px; }

.iti-flag.tg { height: 13px; background-position: -4889px 0px; }

.iti-flag.th { height: 14px; background-position: -4911px 0px; }

.iti-flag.tj { height: 10px; background-position: -4933px 0px; }

.iti-flag.tk { height: 10px; background-position: -4955px 0px; }

.iti-flag.tl { height: 10px; background-position: -4977px 0px; }

.iti-flag.tm { height: 14px; background-position: -4999px 0px; }

.iti-flag.tn { height: 14px; background-position: -5021px 0px; }

.iti-flag.to { height: 10px; background-position: -5043px 0px; }

.iti-flag.tr { height: 14px; background-position: -5065px 0px; }

.iti-flag.tt { height: 12px; background-position: -5087px 0px; }

.iti-flag.tv { height: 10px; background-position: -5109px 0px; }

.iti-flag.tw { height: 14px; background-position: -5131px 0px; }

.iti-flag.tz { height: 14px; background-position: -5153px 0px; }

.iti-flag.ua { height: 14px; background-position: -5175px 0px; }

.iti-flag.ug { height: 14px; background-position: -5197px 0px; }

.iti-flag.um { height: 11px; background-position: -5219px 0px; }

.iti-flag.us { height: 11px; background-position: -5241px 0px; }

.iti-flag.uy { height: 14px; background-position: -5263px 0px; }

.iti-flag.uz { height: 10px; background-position: -5285px 0px; }

.iti-flag.va { height: 15px; background-position: -5307px 0px; }

.iti-flag.vc { height: 14px; background-position: -5324px 0px; }

.iti-flag.ve { height: 14px; background-position: -5346px 0px; }

.iti-flag.vg { height: 10px; background-position: -5368px 0px; }

.iti-flag.vi { height: 14px; background-position: -5390px 0px; }

.iti-flag.vn { height: 14px; background-position: -5412px 0px; }

.iti-flag.vu { height: 12px; background-position: -5434px 0px; }

.iti-flag.wf { height: 14px; background-position: -5456px 0px; }

.iti-flag.ws { height: 10px; background-position: -5478px 0px; }

.iti-flag.xk { height: 15px; background-position: -5500px 0px; }

.iti-flag.ye { height: 14px; background-position: -5522px 0px; }

.iti-flag.yt { height: 14px; background-position: -5544px 0px; }

.iti-flag.za { height: 14px; background-position: -5566px 0px; }

.iti-flag.zm { height: 14px; background-position: -5588px 0px; }

.iti-flag.zw { height: 10px; background-position: -5610px 0px; }

.iti-flag { width: 20px; height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url("../img/flags.png"); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; }

@media only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .iti-flag { background-image: url("../img/flags@2x.png"); } }

.iti-flag.np { background-color: transparent; }

/* Core */
.alertify, .alertify-show, .alertify-log { transition: all 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

.alertify-hide { transition: all 0.1s cubic-bezier(0.6, -0.28, 0.735, 0.045); }

.alertify-log-hide { transition: all 0.2s cubic-bezier(0.6, -0.28, 0.735, 0.045); }

.alertify-cover { background: rgba(0, 0, 0, 0.4); position: fixed; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; }

.alertify-cover-hidden { display: none; }

.alertify { position: fixed; top: 50px; left: 50%; z-index: 99999; width: 250px; margin-left: -125px; opacity: 1; }

.alertify-hidden { transform: translate(0, -150px); opacity: 0; display: none; }

:root * > .alertify-hidden { display: block; }

.alertify-logs { position: fixed; z-index: 5000; bottom: 10px; right: 10px; width: 200px; }

.alertify-logs-hidden { display: none; }

.alertify-log { display: block; margin-top: 10px; position: relative; right: -200px; opacity: 0; }

.alertify-log-show { right: 0; opacity: 1; }

.alertify-log-hide { transform: translate(300px, 0); opacity: 0; }

.alertify-dialog { padding: 25px; }

.alertify-resetFocus { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.alertify-inner { text-align: center; }

.alertify-text { margin-bottom: 15px; width: 100%; box-sizing: border-box; font-size: 100%; }

.alertify-isHidden { display: none; }

@media only screen and (max-width: 680px) { .alertify, .alertify-logs { width: 90%; box-sizing: border-box; }
  .alertify { left: 5%; margin: 0; } }

/* Theme */
.alertify, .alertify-log { font-family: sans-serif; }

.alertify { background: #333; border-radius: 8px; padding: 4px; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); }

.alertify-dialog { padding: 0; }

.alertify-inner { background: #eee; border-radius: 5px; box-shadow: inset 0 1px 0 #fff; text-align: center; }

.alertify-message { color: #111; font-size: 13px; margin: 0; padding: 15px; text-shadow: 0 1px 0 #fff; }

.alertify-message small { color: #777777; display: block; padding-top: 5px; }

.alertify-text-wrapper { padding: 0 15px; }

.alertify-text { color: #555; border-radius: 4px; padding: 8px; background-color: #FFF; border: 1px solid #CCC; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }

.alertify-text:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }

.alertify-buttons { font-size: 14px; padding: 0 15px 15px; }

.alertify-button-cancel { margin-left: 15px; }

.alertify-log { background: #5e99bb; border: 1px solid #35647e; border-radius: 5px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 2px 3px rgba(0, 0, 0, 0.25); color: #fff; font-size: 16px; padding: 0.75em .875em; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); }

.alertify-log-error { background: #d24b48; border-color: #902624; }

.alertify-log-success { background: #3d9f3c; border-color: #215520; }

.fade { opacity: 0; transition: opacity .15s linear; }

.fade.in { opacity: 1; }

.collapse { position: relative; height: 0; overflow: hidden; transition: height .35s ease; }

.collapse.in { height: auto; }

.close { float: right; font-size: 20px; font-weight: bold; line-height: 1.5; color: #000000; text-shadow: 0 1px 0 white; opacity: .2; }

.close:hover { color: #000000; text-decoration: none; cursor: pointer; opacity: .4; }

button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; }

form.form { margin: 0 0 1.5; }

form.form fieldset { padding: 0; margin: 0; border: 0; }

form.form legend { display: block; width: 100%; padding: 0; font-size: 16px; line-height: 1.875; font-weight: bold; color: black; border: 0; text-transform: none; }

form.form legend small { font-size: 1.125; color: black; }

form.form legend + p { margin-top: 0; }

form.form label.legend { margin: 0; }

form.form input, form.form button, form.form select, form.form textarea { font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

form.form label { color: #0073EC; display: block; font-size: 11px; margin-bottom: 5px; text-transform: uppercase; }

form.form input, form.form textarea, form.form select, form.form .uneditable-input { display: inline-block; width: 210px; padding: 0.57em; font-size: .9em; line-height: 1.2; color: #a5b1bd; border: 1px solid #ccc; border-radius: 3px; }

form.form .uneditable-textarea { width: auto; height: auto; }

form.form label input, form.form label textarea, form.form label select { display: block; }

form.form select { background-color: #fff; height: 2.5em; line-height: 2.3em; padding: .25em; width: 220px; -moz-transform: translateY(-2px); -webkit-transform: translateY(-1px); }

form.form input[type="image"], form.form input[type="checkbox"], form.form input[type="radio"] { width: auto; height: auto; padding: 0; margin: 0 0 3px; line-height: normal; cursor: pointer; border-radius: 0; border: 0 \9; /* IE9 and down */ }

form.form input[type="image"] { border: 0; }

form.form input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: #fff; background-color: initial; height: 28px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 28px; line-height: 18px \9; }

form.form input[type="button"], form.form input[type="reset"], form.form input[type="submit"] { width: auto; height: auto; }

form.form input[type="hidden"] { display: none; }

form.form .radio, form.form .checkbox { padding-left: 18px; }

form.form .radio .help-block, form.form .checkbox .help-block { margin-top: 0; }

form.form .radio input[type="radio"], form.form .checkbox input[type="checkbox"] { float: left; margin-left: -18px; }

form.form .controls > .radio:first-child, form.form .controls > .checkbox:first-child { padding-top: 5px; }

form.form .radio.inline, form.form .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle; }

form.form .radio.inline + .radio.inline, form.form .checkbox.inline + .checkbox.inline { margin-left: 30px; }

form.form label.checkbox, form.form label.radio { text-transform: none; }

form.form label.toggle { background-color: #ededed; color: black; cursor: pointer; display: inline-block; width: 85px; height: 27px; font-size: 9px; font-weight: bold; margin: 0 5px 0 0; overflow: hidden; text-shadow: 0 1px 0 #fff; text-transform: uppercase; border-radius: 5px; box-shadow: inset 0 1px 2px #9ea1a5, 0 1px 0 #fff; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

form.form label.toggle input[type="checkbox"] { display: none; }

form.form label.toggle .wrap { display: block; position: absolute; left: -1px; top: 0; height: 27px; white-space: nowrap; transition: left .1s linear; }

form.form label.toggle.checked .wrap { left: -60px; }

form.form label.toggle .toggle-label { display: inline-block; width: 50px; margin: 0 5px; line-height: 27px; position: relative; top: -2px; }

form.form label.toggle .toggle-label:first-child { text-align: right; }

form.form label.toggle .toggle-label.green { color: #027F1B; }

form.form label.toggle .toggle-label.red { color: #540501; }

form.form label.toggle .handle { display: inline-block; width: 20px; height: 20px; position: relative; top: 3px; border-radius: 5px; background-image: linear-gradient(to bottom, #fafbfd, #ccced0); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.5); }

form.form label.toggle.inline { width: 85px; height: 16px; margin: 0; }

form.form label.toggle.inline.checked .wrap { left: -61px; }

form.form label.toggle.inline .handle { height: 11px; top: 1px; }

form.form label.toggle.inline .toggle-label { line-height: 16px; position: static; }

form.form label.toggle.inline .wrap { height: 16px; }

form.form label.toggle-custom { color: black; font-size: 9px; font-weight: bold; margin: 0; text-transform: uppercase; }

form.form input, form.form textarea { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear .2s, box-shadow linear .2s; }

form.form input:focus, form.form textarea:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); outline: 0; outline: thin dotted \9; /* IE6-9 */ }

form.form input[type="file"]:focus, form.form input[type="radio"]:focus, form.form input[type="checkbox"]:focus, form.form select:focus { box-shadow: none; outline: none; }

form.form input, form.form textarea, form.form .uneditable-input { margin-left: 0; }

form.form .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; }

form.form input.span1, form.form textarea.span1, form.form .uneditable-input.span1 { width: 46px; }

form.form input.span2, form.form textarea.span2, form.form .uneditable-input.span2 { width: 126px; }

form.form input.span3, form.form textarea.span3, form.form .uneditable-input.span3 { width: 206px; }

form.form input.span4, form.form textarea.span4, form.form .uneditable-input.span4 { width: 286px; }

form.form input.span5, form.form textarea.span5, form.form .uneditable-input.span5 { width: 366px; }

form.form input.span6, form.form textarea.span6, form.form .uneditable-input.span6 { width: 446px; }

form.form input.span7, form.form textarea.span7, form.form .uneditable-input.span7 { width: 526px; }

form.form input.span8, form.form textarea.span8, form.form .uneditable-input.span8 { width: 606px; }

form.form input.span9, form.form textarea.span9, form.form .uneditable-input.span9 { width: 686px; }

form.form input.span10, form.form textarea.span10, form.form .uneditable-input.span10 { width: 766px; }

form.form input.span11, form.form textarea.span11, form.form .uneditable-input.span11 { width: 846px; }

form.form input.span12, form.form textarea.span12, form.form .uneditable-input.span12 { width: 926px; }

form.form .input-mini { width: 60px; }

form.form .input-small { width: 90px; }

form.form .input-medium { width: 150px; }

form.form .input-large { width: 210px; }

form.form .input-xlarge { width: 270px; }

form.form .input-xxlarge { width: 530px; }

form.form input[class*="span"], form.form select[class*="span"], form.form textarea[class*="span"], form.form .uneditable-input[class*="span"], form.form .row-fluid input[class*="span"], form.form .row-fluid select[class*="span"], form.form .row-fluid textarea[class*="span"], form.form .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; }

form.form .input-append input[class*="span"], form.form .input-append .uneditable-input[class*="span"], form.form .input-prepend input[class*="span"], form.form .input-prepend .uneditable-input[class*="span"], form.form .row-fluid .input-prepend [class*="span"], form.form .row-fluid .input-append [class*="span"] { display: inline-block; }

form.form label[class*="span"] { min-height: 0; }

form.form input[disabled], form.form select[disabled], form.form textarea[disabled], form.form input[readonly], form.form select[readonly], form.form textarea[readonly] { background-color: #f5f5f5; border-color: #ddd; cursor: not-allowed; }

form.form .control-group.warning:before { content: ''; }

form.form .control-group.warning > label, form.form .control-group.warning .control-label > label, form.form .control-group.warning .help-block, form.form .control-group.warning .help-inline { color: #000; }

form.form .control-group.warning input, form.form .control-group.warning select, form.form .control-group.warning textarea { color: #000; border-color: #000; }

form.form .control-group.warning input:focus, form.form .control-group.warning select:focus, form.form .control-group.warning textarea:focus { border-color: black; box-shadow: 0 0 6px #333333; }

form.form .control-group.warning .input-prepend .add-on, form.form .control-group.warning .input-append .add-on { color: #000; background-color: #FFF4B6; border-color: #000; }

form.form .control-group.error { clear: none; }

form.form .control-group.error:before { content: ''; }

form.form .control-group.error > label, form.form .control-group.error .control-label > label, form.form .control-group.error .help-block, form.form .control-group.error .help-inline { color: #000; }

form.form .control-group.error input, form.form .control-group.error select, form.form .control-group.error textarea { color: #000; border-color: #000; }

form.form .control-group.error input:focus, form.form .control-group.error select:focus, form.form .control-group.error textarea:focus { border-color: black; box-shadow: 0 0 6px #333333; }

form.form .control-group.error .input-prepend .add-on, form.form .control-group.error .input-append .add-on { color: #000; background-color: #FF4A48; border-color: #000; }

form.form .control-group.success:before { content: ''; }

form.form .control-group.success > label, form.form .control-group.success .control-label > label, form.form .control-group.success .help-block, form.form .control-group.success .help-inline { color: #000; }

form.form .control-group.success input, form.form .control-group.success select, form.form .control-group.success textarea { color: #000; border-color: #000; }

form.form .control-group.success input:focus, form.form .control-group.success select:focus, form.form .control-group.success textarea:focus { border-color: black; box-shadow: 0 0 6px #333333; }

form.form .control-group.success .input-prepend .add-on, form.form .control-group.success .input-append .add-on { color: #000; background-color: #00CAAA; border-color: #000; }

form.form .control-group.dh-only { background: #fafafa; padding: 7px 0; border-radius: 10px; border: 1px dashed #eee; }

form.form input:focus:required:invalid, form.form textarea:focus:required:invalid, form.form select:focus:required:invalid { color: #b94a48; border-color: #ee5f5b; }

form.form input:focus:required:invalid:focus, form.form textarea:focus:required:invalid:focus, form.form select:focus:required:invalid:focus { border-color: #e9322d; box-shadow: 0 0 6px #f8b9b7; }

form.form .form-actions { padding: 0.5 20px 1.5; margin-top: 1.5; margin-bottom: 1.5; background-color: #f5f5f5; border-top: 1px solid #ddd; }

form.form .uneditable-input { display: block; background-color: #fff; border-color: #eee; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed; }

form.form :-moz-placeholder { color: #c3cbd2; }

form.form ::-webkit-input-placeholder { color: #c3cbd2; }

form.form .help-block { display: block; font-size: 10px; margin: 5px 0 0; color: #0073EC; }

form.form .help-inline { display: inline-block; margin-bottom: 9px; vertical-align: middle; padding-left: 5px; }

form.form .input-prepend, form.form .input-append { margin-bottom: 5px; }

form.form .input-prepend:before, form.form .input-prepend:after, form.form .input-append:before, form.form .input-append:after { display: table; content: ""; }

form.form .input-prepend:after, form.form .input-append:after { clear: both; }

form.form .input-prepend input, form.form .input-prepend .uneditable-input, form.form .input-append input, form.form .input-append .uneditable-input { border-radius: 0 3px 3px 0; }

form.form .input-prepend input:focus, form.form .input-prepend .uneditable-input:focus, form.form .input-append input:focus, form.form .input-append .uneditable-input:focus { position: relative; z-index: 2; }

form.form .input-prepend .uneditable-input, form.form .input-append .uneditable-input { border-left-color: #ccc; }

form.form .input-prepend .add-on, form.form .input-append .add-on { float: left; display: block; width: auto; min-width: 16px; height: 1.5; margin-right: -1px; padding: 4px 5px; font-weight: normal; line-height: 1.5; color: #c3cbd2; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 3px 0 0 3px; }

form.form .input-prepend .active, form.form .input-append .active { background-color: #1ffb4b; border-color: #027F1B; }

form.form .input-prepend .add-on { *margin-top: 1px; /* IE6-7 */ }

form.form .input-append input, form.form .input-append .uneditable-input { float: left; border-radius: 3px 0 0 3px; }

form.form .input-append .uneditable-input { border-left-color: #eee; border-right-color: #ccc; }

form.form .input-append .add-on { margin-right: 0; margin-left: -1px; border-radius: 0 3px 3px 0; }

form.form .input-append input:first-child { *margin-left: -160px; }

form.form .input-append input:first-child + .add-on { *margin-left: -21px; }

form.form p { color: #c3cbd2; font-size: 15px; }

.search-query { padding-left: 14px; padding-right: 14px; margin-bottom: 0; border-radius: 14px; }

.form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input { display: inline-block; margin-bottom: 0; }

.form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; }

.form-search label, .form-inline label, .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { display: inline-block; }

.form-search .input-append .add-on, .form-inline .input-prepend .add-on, .form-search .input-append .add-on, .form-inline .input-prepend .add-on { vertical-align: middle; }

.form-search .radio, .form-inline .radio, .form-search .checkbox, .form-inline .checkbox { margin-bottom: 0; vertical-align: middle; }

.control-group { margin-bottom: 0.75; }

legend + .control-group { margin-top: 0.83333; -webkit-margin-top-collapse: separate; }

.form-horizontal .control-group { margin-bottom: 0.75; }

.form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; }

.form-horizontal .control-group:after { clear: both; }

.form-horizontal .control-label { float: left; width: 140px; padding-top: 5px; text-align: right; }

.form-horizontal .controls { margin-left: 160px; }

.form-horizontal .form-actions { padding-left: 160px; }

.btn-group { position: relative; }

.btn-group:before, .btn-group:after { display: table; content: ""; }

.btn-group:after { clear: both; }

.btn-group + .btn-group { margin-left: 5px; }

.btn-toolbar { margin-top: 0.75; margin-bottom: 0.75; }

.btn-toolbar .btn-group { display: inline-block; }

.btn-group .btn, .btn-group .alertify-button-ok { position: relative; float: left; border-radius: 0; }

.btn-group .btn:first-child, .btn-group .alertify-button-ok:first-child { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.btn-group .btn:last-child, .btn-group .alertify-button-ok:last-child, .btn-group .dropdown-toggle { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.btn-group .btn.large:first-child, .btn-group .large.alertify-button-ok:first-child { margin-left: 0; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }

.btn-group .btn.large:last-child, .btn-group .large.alertify-button-ok:last-child, .btn-group .large.dropdown-toggle { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.btn-group .btn:hover, .btn-group .alertify-button-ok:hover, .btn-group .btn:focus, .btn-group .alertify-button-ok:focus, .btn-group .btn:active, .btn-group .alertify-button-ok:active, .btn-group .btn.active, .btn-group .active.alertify-button-ok { z-index: 2; }

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; }

.btn-group .dropdown-toggle { padding-left: 8px; padding-right: 8px; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *padding-top: 5px; *padding-bottom: 5px; }

.btn-group.open { *z-index: 1000; }

.btn-group.open .dropdown-menu { display: block; margin-top: 1px; border-radius: 5px; }

.btn-group.open .dropdown-toggle { background-image: none; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.btn .caret, .alertify-button-ok .caret { margin-top: 7px; margin-left: 0; }

.btn:hover .caret, .alertify-button-ok:hover .caret, .open.btn-group .caret { opacity: 1; }

.btn-primary .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; opacity: .75; }

.btn-small .caret { margin-top: 4px; }

.nav { margin-left: 0; margin-bottom: 1.5; list-style: none; }

.nav > li > a { display: block; }

.nav > li > a:hover { text-decoration: none; background-color: #fdfefe; }

.nav .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 1.5; color: #c3cbd2; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; }

.nav li + .nav-header { margin-top: 9px; }

.nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0; }

.nav-list > li > a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }

.nav-list > li > a { padding: 3px 15px; }

.nav-list > .active > a, .nav-list > .active > a:hover { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #08c; }

.nav-list [class^="icon-"] { margin-right: 2px; }

.nav-list .divider { height: 1px; margin: -0.25 1px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff; }

.nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after { display: table; content: ""; }

.nav-tabs:after, .nav-pills:after { clear: both; }

.nav-tabs > li, .nav-pills > li { float: left; }

.nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px; text-decoration: none; }

.nav-tabs { border-bottom: 1px solid #ddd; }

.nav-tabs > li { margin-bottom: -1px; }

.nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0; border-color: #fdfefe #fdfefe #ddd; background: #fdfefe; }

.nav-tabs > li > a:hover { border-color: #E0E4E8 #E0E4E8 #ddd; }

.nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #071C26; background: #f7f7f7; border: 1px solid #ddd; border-bottom: 1px solid transparent; cursor: default; }

.nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; border-radius: 5px; }

.nav-pills > .active > a, .nav-pills > .active > a:hover { color: #fff; background-color: #08c; }

.nav-stacked > li { float: none; }

.nav-stacked > li > a { margin-right: 0; }

.nav-tabs.nav-stacked { border-bottom: 0; }

.nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; border-radius: 0; }

.nav-tabs.nav-stacked > li:first-child > a { border-radius: 4px 4px 0 0; }

.nav-tabs.nav-stacked > li:last-child > a { border-radius: 0 0 4px 4px; }

.nav-tabs.nav-stacked > li > a:hover { border-color: #ddd; z-index: 2; }

.nav-pills.nav-stacked > li > a { margin-bottom: 3px; }

.nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; }

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu { margin-top: 1px; border-width: 1px; }

.nav-pills .dropdown-menu { border-radius: 4px; }

.nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret { border-top-color: #08c; border-bottom-color: #08c; margin-top: 6px; }

.nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret { border-top-color: #005580; border-bottom-color: #005580; }

.nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret { border-top-color: #8898a7; border-bottom-color: #8898a7; }

.nav > .dropdown.active > a:hover { color: #000000; cursor: pointer; }

.nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > .open.active > a:hover { color: #fff; background-color: #c3cbd2; border-color: #c3cbd2; }

.nav .open .caret, .nav .open.active .caret, .nav .open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; }

.tabs-stacked .open > a:hover { border-color: #c3cbd2; }

.tabbable:before, .tabbable:after { display: table; content: ""; }

.tabbable:after { clear: both; }

.tab-content { display: table; width: 100%; }

.tabs-below .nav-tabs, .tabs-right .nav-tabs, .tabs-left .nav-tabs { border-bottom: 0; }

.tab-content > .tab-pane, .pill-content > .pill-pane { display: none; }

.tab-content > .active, .pill-content > .active { display: block; }

.tabs-below .nav-tabs { border-top: 1px solid #ddd; }

.tabs-below .nav-tabs > li { margin-top: -1px; margin-bottom: 0; }

.tabs-below .nav-tabs > li > a { border-radius: 0 0 4px 4px; }

.tabs-below .nav-tabs > li > a:hover { border-bottom-color: transparent; border-top-color: #ddd; }

.tabs-below .nav-tabs .active > a, .tabs-below .nav-tabs .active > a:hover { border-color: transparent #ddd #ddd #ddd; }

.tabs-left .nav-tabs > li, .tabs-right .nav-tabs > li { float: none; }

.tabs-left .nav-tabs > li > a, .tabs-right .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; }

.tabs-left .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; }

.tabs-left .nav-tabs > li > a { margin-right: -1px; border-radius: 4px 0 0 4px; }

.tabs-left .nav-tabs > li > a:hover { border-color: #fdfefe #ddd #fdfefe #fdfefe; }

.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff; }

.tabs-right .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; }

.tabs-right .nav-tabs > li > a { margin-left: -1px; border-radius: 0 4px 4px 0; }

.tabs-right .nav-tabs > li > a:hover { border-color: #fdfefe #fdfefe #fdfefe #ddd; }

.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff; }

.modal-open { overflow: hidden; }

.modal-open .dropdown-menu { z-index: 2050; }

.modal-open .dropdown.open { *z-index: 2050; }

.modal-open .popover { z-index: 2060; }

.modal-open .tooltip { z-index: 2070; }

.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; }

.modal-backdrop.fade { opacity: 0; }

.modal-backdrop, .modal-backdrop.fade.in { opacity: .8; }

.modal { position: fixed; top: 50%; left: 50%; z-index: 1050; overflow: auto; width: 560px; margin: -250px 0 0 -280px; background-color: #fff; border-radius: 5px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); background-clip: padding-box; }

.modal.fade { transition: opacity .3s linear, top .3s ease-out; top: -25%; }

.modal.fade.in { top: 50%; }

.modal-header { padding: 15px; background-image: linear-gradient(to bottom, #586879, #8c98a4); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); border-radius: 5px 5px 0 0; }

.modal-header .close { margin-top: 2px; }

.modal-header h3 { color: #fff; margin: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33); }

.modal-header p { color: #fff; font-size: 14px; margin: .25em 0 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); }

.modal-header .nav { border: 0; float: right; margin: -11px 0 0; }

.modal-header .nav > li { float: right; }

.modal-header .nav a { color: #fff; border: 0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13); }

.modal-header .nav a:hover { border: 0; background: none; }

.modal-header .nav .active a { color: #84929f; background: #fff; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15); text-shadow: none; }

.lt-ie10 .modal-header .nav { margin: 0 0 -14px; }

.modal-body { overflow-y: auto; max-height: 400px; padding: 15px; }

.modal-body form input, .modal-body form select { font-size: 11px; }

form.modal-form { margin-bottom: 0; }

form.modal-form .modal-footer input.btn, form.modal-form .modal-footer input.alertify-button-ok { margin-top: -2px; }

.modal-footer { padding: 14px 15px 15px; margin-bottom: 0; background-color: #f5f5f5; border-top: 1px solid #ddd; border-radius: 0 0 5px 5px; box-shadow: inset 0 1px 0 #fff; }

.modal-footer:before, .modal-footer:after { display: table; content: ""; }

.modal-footer:after { clear: both; }

.modal-footer .btn, .modal-footer .alertify-button-ok, .modal-footer .inline-btn, .modal-footer .alertify-button-cancel { margin-top: -2px; }

.modal-footer .inline-btn, .modal-footer .alertify-button-cancel { line-height: 1.5; padding-top: 6px; }

.modal-footer .btn + .btn, .modal-footer .alertify-button-ok + .btn, .modal-footer .btn + .alertify-button-ok, .modal-footer .alertify-button-ok + .alertify-button-ok { margin-left: 5px; margin-bottom: 0; }

.modal-footer .btn + .inline-btn, .modal-footer .alertify-button-ok + .inline-btn, .modal-footer .btn + .alertify-button-cancel, .modal-footer .alertify-button-ok + .alertify-button-cancel { padding-left: 10px; }

.modal-footer .btn.u-float-right + .btn, .modal-footer .u-float-right.alertify-button-ok + .btn, .modal-footer .btn.u-float-right + .alertify-button-ok, .modal-footer .u-float-right.alertify-button-ok + .alertify-button-ok { margin-left: 0; }

.modal-footer .btn.u-float-right + .inline-btn, .modal-footer .u-float-right.alertify-button-ok + .inline-btn, .modal-footer .btn.u-float-right + .alertify-button-cancel, .modal-footer .u-float-right.alertify-button-ok + .alertify-button-cancel { padding-left: 0; }

.modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .alertify-button-ok + .btn, .modal-footer .btn-group .btn + .alertify-button-ok, .modal-footer .btn-group .alertify-button-ok + .alertify-button-ok { margin-left: -1px; }

.modal-simple { background: #a5b1bd; color: #fff; font-size: 16px; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; display: none; overflow: auto; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; }

.modal-simple.fade { transition: all .2s; scale: 0.7; opacity: 0; }

.modal-simple.fade.in { scale: 1; opacity: 1; }

.modal-simple .close { color: #fff; float: none; text-shadow: none; opacity: 1; position: fixed; top: 10px; right: 10px; }

.modal-simple .close:hover { color: #0073EC; }

.modal-wrap { display: table; margin: 0 auto; min-height: 100%; width: 600px; padding: 40px 20px; }

.modal-content { display: table-cell; vertical-align: middle; }

.modal-content h2 { color: #fff; border: none; font-family: "Proxima Nova", "Helvetica Neue", Helvetica, Arial, sans-serif; }

.modal-content a { color: #0073EC; }

.modal-content a:hover { color: #53a7ff; }

.modal-content a.btn-simple, .modal-content .buttonbig a, .buttonbig .modal-content a { color: #fff; }

.modal-buttons { font-size: 1.1em; margin-top: 3em; }

.modal-buttons .btn, .modal-buttons .alertify-button-ok, .modal-buttons .btn-simple, .modal-buttons .buttonbig a, .buttonbig .modal-buttons a, .modal-buttons .inline-btn, .modal-buttons .alertify-button-cancel { margin-left: 2em; }

.modal-buttons .btn:first-child, .modal-buttons .alertify-button-ok:first-child, .modal-buttons .btn-simple:first-child, .modal-buttons .buttonbig a:first-child, .buttonbig .modal-buttons a:first-child, .modal-buttons .inline-btn:first-child, .modal-buttons .alertify-button-cancel:first-child { margin-left: 0; }

.label { padding: 2px 4px 3px; font-size: 13.6px; font-weight: bold; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #c3cbd2; border-radius: 3px; }

.label:hover { color: #fff; text-decoration: none; }

.label-important { background-color: #000; }

.label-important:hover { background-color: black; }

.label-warning { background-color: #f89406; }

.label-warning:hover { background-color: #c67605; }

.label-success { background-color: #000; }

.label-success:hover { background-color: black; }

.label-info { background-color: #1176A5; }

.label-info:hover { background-color: #0c5577; }

.introjs-overlay { position: absolute; z-index: 999999; background-color: #000; opacity: 0; transition: all 0.3s ease-out; }

.introjs-showElement { z-index: 9999999; }

.introjs-relativePosition { position: relative; }

.introjs-helperLayer { position: absolute; z-index: 9999998; background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4); transition: all 0.3s ease-out; }

.introjs-helperNumberLayer { position: absolute; top: -16px; left: -16px; z-index: 9999999999 !important; padding: 2px; font-family: Arial, verdana, tahoma; font-size: 13px; font-weight: bold; color: white; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); background: #ff3019; /* Old browsers */ background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); /* W3C */ width: 20px; height: 20px; line-height: 20px; border: 3px solid white; border-radius: 50%; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); /* IE6-9 */ filter: progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); /* IE10 text shadows */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); }

.introjs-arrow { border: 5px solid white; content: ''; position: absolute; }

.introjs-arrow.top { top: -10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: white; border-left-color: transparent; }

.introjs-arrow.right { right: -10px; top: 10px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: white; }

.introjs-arrow.bottom { bottom: -10px; border-top-color: white; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }

.introjs-arrow.left { left: -10px; top: 10px; border-top-color: transparent; border-right-color: white; border-bottom-color: transparent; border-left-color: transparent; }

.introjs-tooltip { position: absolute; padding: 10px; background-color: white; border-radius: 3px; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4); transition: opacity 0.1s ease-out; }

.introjs-tooltipbuttons { text-align: right; }

/* Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/ Changed by Afshin Mehrabani */
.introjs-button { position: relative; overflow: visible; display: inline-block; padding: 0.3em 0.8em; border: 1px solid #d4d4d4; margin: 0; text-decoration: none; text-shadow: 1px 1px 0 #fff; font: 11px/normal sans-serif; color: #333; white-space: nowrap; cursor: pointer; outline: none; background-color: #ececec; background-image: linear-gradient(#f4f4f4, #ececec); background-clip: padding-box; border-radius: 0.2em; /* IE hacks */ zoom: 1; *display: inline; margin-top: 10px; }

.introjs-button:hover { border-color: #bcbcbc; text-decoration: none; box-shadow: 0px 1px 1px #e3e3e3; }

.introjs-button:focus, .introjs-button:active { background-image: linear-gradient(#ececec, #f4f4f4); }

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner { padding: 0; border: 0; }

.introjs-skipbutton { margin-right: 5px; color: #7a7a7a; }

.introjs-prevbutton { border-radius: 0.2em 0 0 0.2em; border-right: none; }

.introjs-nextbutton { border-radius: 0 0.2em 0.2em 0; }

/* @group Base */
.chzn-container { font-size: 13px; position: relative; display: inline-block; text-align: left; vertical-align: middle; zoom: 1; *display: inline; }

.chzn-container .chzn-single:hover { text-decoration: none; }

.chzn-container .chzn-drop { background: #fff; border-top: 0; position: absolute; top: 29px; left: 0; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 1px 0 0 rgba(0, 0, 0, 0.2), -1px 0 0 rgba(0, 0, 0, 0.2); z-index: 1010; }

/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 ); background-image: linear-gradient(#ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%); border-radius: 5px; background-clip: padding-box; border: none; box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), -1px 0 1px rgba(0, 0, 0, 0.2); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 26px; line-height: 26px; padding: 0 0 0 8px; color: #444444; text-decoration: none; }

.error .chzn-container-single .chzn-single { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px #b94a48, 0 -1px 1px #b94a48, 1px 0 1px #b94a48, -1px 0 1px #b94a48; color: #b94a48; }

.chzn-container-single .chzn-default { color: #999; }

.chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 12px; font-size: 1px; background: url("../images/chosen-sprite.png") -42px 1px no-repeat; }

.chzn-container-single .chzn-single abbr:hover { background-position: -42px -10px; }

.chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -42px -10px; }

.chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; }

.chzn-container-single .chzn-single div b { background: url("../images/chosen-sprite.png") no-repeat 0px 4px; display: block; width: 100%; height: 100%; }

.chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; }

.chzn-container-single .chzn-search input { background: #fff url("../images/chosen-sprite.png") no-repeat 100% -20px; background: url("../images/chosen-sprite.png") no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; }

.chzn-container-single .chzn-drop { border-radius: 0 0 4px 4px; background-clip: padding-box; }

/* @end */
.chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; }

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices { background-color: #fff; background-image: linear-gradient(#eeeeee 1%, #ffffff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto !important; height: 1%; position: relative; }

.chzn-container-multi .chzn-choices li { float: left; list-style: none; }

.chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; }

.chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent !important; border: 0 !important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; box-shadow: none; }

.chzn-container-multi .chzn-choices .search-field .default { color: #999; }

.chzn-container-multi .chzn-choices .search-choice { border-radius: 3px; background-clip: padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; border: 1px solid #aaaaaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; }

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 ); background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); color: #666; border: 1px solid #cccccc; padding-right: 5px; }

.chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 12px; font-size: 1px; background: url("../images/chosen-sprite.png") -42px 1px no-repeat; }

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: -42px -10px; }

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: -42px -10px; }

/* @end */
/* @group Results */
.chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }

.chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; }

.chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; }

.chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; }

.chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0 ); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; }

.chzn-container .chzn-results a { color: #444444; }

.chzn-container .chzn-results .highlighted a { color: #fff; text-decoration: none; }

.chzn-container .chzn-results li em { background: #feffde; font-style: normal; }

.chzn-container .chzn-results .highlighted em { background: transparent; }

.chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; }

.chzn-container .chzn-results .create-option { display: list-item; }

.chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; }

.chzn-container .chzn-results .group-option { padding-left: 15px; }

.chzn-container-multi .chzn-drop .result-selected { display: none; }

.chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; /* This should by dynamic with js */ z-index: 1; }

.chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; }

.chzn-container .chzn-results-scroll-down { bottom: 0; }

.chzn-container .chzn-results-scroll-down span { background: url("../images/chosen-sprite.png") no-repeat -4px -3px; }

.chzn-container .chzn-results-scroll-up span { background: url("../images/chosen-sprite.png") no-repeat -22px -3px; }

/* @end */
/* @group Active  */
.chzn-container-active .chzn-single { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), -1px 0 1px rgba(0, 0, 0, 0.2); }

.chzn-container-active .chzn-single-with-drop { box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.2), 0 -1px 1px rgba(0, 0, 0, 0.2), 1px 0 1px rgba(0, 0, 0, 0.2), -1px 0 1px rgba(0, 0, 0, 0.2); background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 ); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; }

.chzn-container-active .chzn-single-with-drop div b { background-position: -18px 2px; }

.chzn-container-active .chzn-choices { box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.chzn-container-active .chzn-choices .search-field input { color: #111 !important; }

/* @end */
/* @group Disabled Support */
.chzn-disabled { cursor: default; opacity: 0.5 !important; }

.chzn-disabled .chzn-single { cursor: default; }

.chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; }

/* @group Right to Left */
.chzn-rtl { text-align: right; }

.chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; }

.chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; }

.chzn-rtl .chzn-single div { left: 3px; right: auto; }

.chzn-rtl .chzn-single abbr { left: 26px; right: auto; }

.chzn-rtl .chzn-choices .search-field input { direction: rtl; }

.chzn-rtl .chzn-choices li { float: right; }

.chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; }

.chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; }

.chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }

.chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; }

.chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: none; }

.chzn-rtl .chzn-search input { background: #fff url("../images/chosen-sprite.png") no-repeat -30px -20px; background: url("../images/chosen-sprite.png") no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); padding: 4px 5px 4px 20px; direction: rtl; }

.chzn-container-single.chzn-rtl .chzn-single div b { background-position: 6px 2px; }

.chzn-container-single.chzn-rtl .chzn-single-with-drop div b { background-position: -12px 2px; }

/* @end */
/* @group Retina compatibility */
@media only screen and (min-resolution: 144dpi) { .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { background-image: url("../images/chosen-sprite@2x.png") !important; background-repeat: no-repeat !important; background-size: 52px 37px !important; } }

/* @end */
/* Remodal - v1.0.7 Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. http://vodkabears.github.io/remodal/ Made by Ilya Makarov Under MIT License */
/* ========================================================================== Remodal's necessary styles ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; }

/* Anti FOUC */
.remodal, .Modal, [data-remodal-id] { display: none; }

/* Necessary styles of the overlay */
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; }

/* Necessary styles of the wrapper */
.remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; }

.remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; }

/* Fix iPad, iPhone glitches */
.remodal-overlay, .remodal-wrapper { backface-visibility: hidden; }

/* Necessary styles of the modal dialog */
.remodal, .Modal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

.remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; }

/* Remodal - v1.0.7 Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. http://vodkabears.github.io/remodal/ Made by Ilya Makarov Under MIT License */
/* ========================================================================== Remodal's default mobile first theme ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened { filter: blur(3px); }

/* Default theme styles of the overlay */
.remodal-overlay { background: rgba(43, 46, 56, 0.9); }

.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing { animation-duration: 0.3s; animation-fill-mode: forwards; }

.remodal-overlay.remodal-is-opening { animation-name: remodal-overlay-opening-keyframes; }

.remodal-overlay.remodal-is-closing { animation-name: remodal-overlay-closing-keyframes; }

/* Default theme styles of the wrapper */
.remodal-wrapper { padding: 10px 10px 0; }

/* Default theme styles of the modal dialog */
.remodal, .Modal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; }

.remodal.remodal-is-opening, .remodal-is-opening.Modal, .remodal.remodal-is-closing, .remodal-is-closing.Modal { animation-duration: 0.3s; animation-fill-mode: forwards; }

.remodal.remodal-is-opening, .remodal-is-opening.Modal { animation-name: remodal-opening-keyframes; }

.remodal.remodal-is-closing, .remodal-is-closing.Modal { animation-name: remodal-closing-keyframes; }

/* Vertical align of the modal dialog */
.remodal, .Modal, .remodal-wrapper:after { vertical-align: middle; }

/* Close button */
.remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; }

.remodal-close:hover, .remodal-close:focus { color: #2b2e38; }

.remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; }

/* Dialog buttons */
.remodal-confirm, .remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; }

.remodal-confirm { color: #fff; background: #81c784; }

.remodal-confirm:hover, .remodal-confirm:focus { background: #66bb6a; }

.remodal-cancel { color: #fff; background: #e57373; }

.remodal-cancel:hover, .remodal-cancel:focus { background: #ef5350; }

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner { padding: 0; border: 0; }

/* Keyframes ========================================================================== */

@keyframes remodal-opening-keyframes { from {
    transform: scale(1.05);
    opacity: 0; }
  to {
    transform: none;
    opacity: 1; } }

@keyframes remodal-closing-keyframes { from {
    transform: scale(1);
    opacity: 1; }
  to {
    transform: scale(0.95);
    opacity: 0; } }

@keyframes remodal-overlay-opening-keyframes { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes remodal-overlay-closing-keyframes { from { opacity: 1; }
  to { opacity: 0; } }

/* Media queries ========================================================================== */
@media only screen and (min-width: 641px) { .remodal, .Modal { max-width: 700px; } }

/* IE8 ========================================================================== */
.lt-ie9 .remodal-overlay { background: #2b2e38; }

.lt-ie9 .remodal, .lt-ie9 .Modal { width: 700px; }

.shepherd-element, .shepherd-element:after, .shepherd-element:before, .shepherd-element *, .shepherd-element *:after, .shepherd-element *:before { box-sizing: border-box; }

.shepherd-element { position: absolute; display: none; z-index: 1000; width: 400px; }

.shepherd-element.shepherd-open { display: block; }

.shepherd-element.shepherd-theme-arrows { max-width: 100%; max-height: 100%; }

.shepherd-element.shepherd-theme-arrows .shepherd-content { border-radius: 5px; position: relative; font-family: inherit; background: #fff; color: #333; padding: 1em; font-size: 1.1em; line-height: 1.5em; transform: translateZ(0); filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }

.shepherd-element.shepherd-theme-arrows .shepherd-content:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-width: 16px; border-style: solid; pointer-events: none; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content { margin-bottom: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-center .shepherd-content:before { top: 100%; left: 50%; margin-left: -16px; border-top-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content { margin-top: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center .shepherd-content:before { bottom: 100%; left: 50%; margin-left: -16px; border-bottom-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content { margin-right: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-right.shepherd-element-attached-middle .shepherd-content:before { left: 100%; top: 50%; margin-top: -16px; border-left-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content { margin-left: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-left.shepherd-element-attached-middle .shepherd-content:before { right: 100%; top: 50%; margin-top: -16px; border-right-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content { margin-top: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom .shepherd-content:before { bottom: 100%; left: 16px; border-bottom-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content { margin-top: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom .shepherd-content:before { bottom: 100%; right: 16px; border-bottom-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content { margin-bottom: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-top .shepherd-content:before { top: 100%; left: 16px; border-top-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content { margin-bottom: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-top .shepherd-content:before { top: 100%; right: 16px; border-top-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content { margin-right: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before { top: 16px; left: 100%; border-left-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content { margin-left: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before { top: 16px; right: 100%; border-right-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content { margin-right: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-right.shepherd-target-attached-left .shepherd-content:before { bottom: 16px; left: 100%; border-left-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content { margin-left: 16px; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-bottom.shepherd-element-attached-left.shepherd-target-attached-right .shepherd-content:before { bottom: 16px; right: 100%; border-right-color: #fff; }

.shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-center.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-right.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before, .shepherd-element.shepherd-theme-arrows.shepherd-element-attached-top.shepherd-element-attached-left.shepherd-target-attached-bottom.shepherd-has-title .shepherd-content:before { border-bottom-color: #3E95BE; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header { background: #3E95BE; padding: 1em; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-title .shepherd-content header a.shepherd-cancel-link { padding: 0; margin-bottom: 0; }

.shepherd-element.shepherd-theme-arrows.shepherd-has-cancel-link .shepherd-content header h3 { float: left; color: #fff; }

.shepherd-element.shepherd-theme-arrows .shepherd-content { padding: 0; }

.shepherd-element.shepherd-theme-arrows .shepherd-content * { font-size: inherit; }

.shepherd-element.shepherd-theme-arrows .shepherd-content header { *zoom: 1; border-radius: 5px 5px 0 0; background-color: #0a84b7; }

.shepherd-element.shepherd-theme-arrows .shepherd-content header:after { content: ""; display: table; clear: both; }

.shepherd-element.shepherd-theme-arrows .shepherd-content header h3 { margin: 0; line-height: 1; font-weight: normal; }

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link { float: right; text-decoration: none; font-size: 1.25em; line-height: .8em; font-weight: normal; color: rgba(0, 0, 0, 0.5); opacity: 0.25; position: relative; top: .1em; padding: .8em; margin-bottom: -.8em; }

.shepherd-element.shepherd-theme-arrows .shepherd-content header a.shepherd-cancel-link:hover { opacity: 1; }

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text { padding: 1em; }

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p { margin: 0 0 .5em 0; line-height: 1.3em; }

.shepherd-element.shepherd-theme-arrows .shepherd-content .shepherd-text p:last-child { margin-bottom: 0; }

.shepherd-element.shepherd-theme-arrows .shepherd-content footer { padding: 0 1em 1em; }

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons { text-align: right; list-style: none; padding: 0; margin: 0; }

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li { display: inline; padding: 0; margin: 0; }

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; border-radius: 3px; cursor: pointer; border: 0; margin: 0 .5em 0 0; font-family: inherit; text-transform: uppercase; letter-spacing: .1em; font-size: .8em; line-height: 1em; padding: .75em 2em; background: #3E95BE; color: #fff; }

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li .shepherd-button.shepherd-button-secondary { background: #ddd; color: #777; }

.shepherd-element.shepherd-theme-arrows .shepherd-content footer .shepherd-buttons li:last-child .shepherd-button { margin-right: 0; }

.tipsy { font-size: 12px; position: absolute; padding: 5px; z-index: 100000; }

.tipsy-inner { font-size: 12px; background-color: black; color: #fff; max-width: 200px; padding: 8px 15px; text-align: center; }

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed rgba(0, 0, 0, 0.8); }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: rgba(0, 0, 0, 0.8); }

.tipsy-arrow-s { border-top-color: rgba(0, 0, 0, 0.8); }

.tipsy-arrow-e { border-left-color: rgba(0, 0, 0, 0.8); }

.tipsy-arrow-w { border-right-color: rgba(0, 0, 0, 0.8); }

.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }

.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }

.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

.clearfix:before, .clearfix:after, .cf:before, .cf:after { display: table; content: ""; }

.clearfix:after, .cf:after { clear: both; }

.hide, .hidden, .is-hidden { display: none; }

.u-text-color-success { color: #027F1B; }

.u-text-color-warning { color: #FFDA00; }

.u-text-color-error { color: #B80C03; }

.u-text-color-dark-grey { color: #777; }

/**
Font Size + Line Height

This mixin sets font size and line height for use with components. Using this
will ensure that the UI will adhere to the 8px vertical baseline grid.

All font sizes/line heights should use only the sizing variables set in _variables.scss

// Usage [HTML]
<div class="thing">Thing</div>

// Usage [SCSS]
.thing {
	@include font-size($t-5);
	// @include(font-size($t-5, $t-h-1); <-- Custom line height value override also available
}

Compiles to:

.thing {
	font-size: 2.5rem; // 40px
	line-height: 3rem; // 48px
}

**/
/**
Mixin for automating creation of spacing (margin and padding) classes. See src/utilities/_spacing.scss
**/
/*

Utilities

	Use these classes in your HTML to make non-repeatable styles. This saves
	you from having to make up unnecessary classes and reduces chances for
	inconsistency.

	When adding utility classes, make sure they are referencing variables from
	variables.scss.

	Do not @extend these classes in your sass. Use the variables directly instead. (Maybe? Or would we rather extend?)

	Utilities are !important (see http://csswizardry.com/2016/05/the-importance-of-important/)

*/
/*

	Borders

	Base:
	.border is the default class that adds a basic solid border of 1px
	with its color inherited from text color property unless overridden
	by a color modifier.

	e.g.
	<div class="border t-red"></div> creates border: 1px solid $red
	<div class="border border-white t-red"></div> creates border: 1px solid $white

*/
.border { border-width: 1px; border-style: solid; }

.border-top { border-top-width: 1px; border-top-style: solid; }

.border-bottom { border-bottom-width: 1px; border-bottom-style: solid; }

.border-left { border-left-width: 1px; border-left-style: solid; }

.border-right { border-right-width: 1px; border-right-style: solid; }

.border-solid { border-style: solid; }

.border-top-solid { border-top-style: solid; }

.border-bottom-solid { border-bottom-style: solid; }

.border-left-solid { border-left-style: solid; }

.border-right-solid { border-right-style: solid; }

.border-dashed { border-style: dashed; }

.border-top-dashed { border-top-style: dashed; }

.border-bottom-dashed { border-bottom-style: dashed; }

.border-left-dashed { border-left-style: dashed; }

.border-right-dashed { border-right-style: dashed; }

.border-dotted { border-style: dotted; }

.border-top-dotted { border-top-style: dotted; }

.border-bottom-dotted { border-bottom-style: dotted; }

.border-left-dotted { border-left-style: dotted; }

.border-right-dotted { border-right-style: dotted; }

.border-none, .border-0 { border-width: 0; border-style: none; }

.border-top-none, .border-top-0 { border-top-width: 0; border-top-style: none; }

.border-bottom-none, .border-bottom-0 { border-bottom-width: 0; border-bottom-style: none; }

.border-left-none, .border-left-0 { border-left-width: 0; border-left-style: none; }

.border-right-none, .border-right-0 { border-right-width: 0; border-right-style: none; }

.border-1 { border-width: 1px; }

.border-top-1 { border-top-width: 1px; }

.border-bottom-1 { border-bottom-width: 1px; }

.border-left-1 { border-left-width: 1px; }

.border-right-1 { border-right-width: 1px; }

.border-2 { border-width: 2px; }

.border-top-2 { border-top-width: 2px; }

.border-bottom-2 { border-bottom-width: 2px; }

.border-left-2 { border-left-width: 2px; }

.border-right-2 { border-right-width: 2px; }

.border-lighter-grey { border-color: #F4F6F9; }

.border-light-grey { border-color: #E0E4E8; }

.border-grey { border-color: #AFBFC9; }

.border-blue { border-color: #0073EC; }

.border-light-blue { border-color: #CCEFFF; }

.border-white { border-color: #ffffff; }

.border-c-b300 { border-color: #0073EC; }

.border-c-g500 { border-color: #434F58; }

.border-c-g400 { border-color: #677983; }

.border-c-g300 { border-color: #AFBFC9; }

.border-c-g200 { border-color: #E0E4E8; }

.border-c-g100 { border-color: #F4F6F9; }

/* Color Utilities These classes are used to define colors throughout the app. There are 3 different types of color classes: - Background color classes, which use the .bg- prefix - Text color classes, which use the .t- prefix - Combo color classes, which use the .c- prefix The combo color classes constrain text color based on background color. This is to ensure that contrast between an element's background and foreground colors always meets WCAG AA compliancy. It is recommended to use the combo color classes as often as possible. */
/* Site Panel Specific */
.bg-c-b700 { background: #071c26 !important; }

.bg-c-b500 { background: #1176A5 !important; }

.bg-c-b300 { background: #0073EC !important; }

.bg-c-b100 { background: #CCEFFF !important; }

.bg-c-g500 { background: #434F58 !important; }

.bg-c-g400 { background: #677983 !important; }

.bg-c-g300 { background: #AFBFC9 !important; }

.bg-c-g200 { background: #E0E4E8 !important; }

.bg-c-g100 { background: #F4F6F9 !important; }

.bg-c-o500 { background: #664200 !important; }

.bg-c-o300 { background: #F59D00 !important; }

.bg-c-o100 { background: #FFE0A6 !important; }

.bg-c-p300 { background: #A644E5 !important; }

.bg-c-t500 { background: #0D8288 !important; }

.bg-c-t300 { background: #00CAAA !important; }

.bg-c-t100 { background: #E5FEFF !important; }

.bg-c-y500 { background: #6F5F1B !important; }

.bg-c-y300 { background: #FFDA00 !important; }

.bg-c-y100 { background: #FFF4B6 !important; }

.bg-c-r500 { background: #4F0703 !important; }

.bg-c-r300 { background: #FF4A48 !important; }

.bg-c-r100 { background: #FFCCCE !important; }

.bg-c-w100 { background: #ffffff !important; }

.t-c-b700 { color: #071c26 !important; }

.t-c-b500 { color: #1176A5 !important; }

.t-c-b300 { color: #0073EC !important; }

.t-c-b100 { color: #CCEFFF !important; }

.t-c-g500 { color: #434F58 !important; }

.t-c-g400 { color: #677983 !important; }

.t-c-g300 { color: #AFBFC9 !important; }

.t-c-g200 { color: #E0E4E8 !important; }

.t-c-g100 { color: #F4F6F9 !important; }

.t-c-o500 { color: #664200 !important; }

.t-c-o300 { color: #F59D00 !important; }

.t-c-o100 { color: #FFE0A6 !important; }

.t-c-p300 { color: #A644E5 !important; }

.t-c-t500 { color: #0D8288 !important; }

.t-c-t300 { color: #00CAAA !important; }

.t-c-t100 { color: #E5FEFF !important; }

.t-c-y500 { color: #6F5F1B !important; }

.t-c-y300 { color: #FFDA00 !important; }

.t-c-y100 { color: #FFF4B6 !important; }

.t-c-r500 { color: #4F0703 !important; }

.t-c-r300 { color: #FF4A48 !important; }

.t-c-r100 { color: #FFCCCE !important; }

.t-c-w100 { color: #ffffff !important; }

/*
Combo Colors
*/
.c-c-b700 { background: #071c26 !important; color: #ffffff !important; }

.c-c-b500 { background: #1176A5 !important; color: #ffffff !important; }

.c-c-b300 { background: #0073EC !important; color: #071c26 !important; }

.c-c-b100 { background: #CCEFFF !important; color: #071c26 !important; }

.c-c-g500 { background: #434F58 !important; color: #ffffff !important; }

.c-c-g400 { background: #677983 !important; color: #ffffff !important; }

.c-c-g300 { background: #AFBFC9 !important; color: #071c26 !important; }

.c-c-g200 { background: #E0E4E8 !important; color: #071c26 !important; }

.c-c-g100 { background: #F4F6F9 !important; color: #071c26 !important; }

.c-c-o500 { background: #664200 !important; color: #ffffff !important; }

.c-c-o300 { background: #F59D00 !important; color: #071c26 !important; }

.c-c-o100 { background: #FFE0A6 !important; color: #071c26 !important; }

.c-c-p300 { background: #A644E5 !important; color: #ffffff !important; }

.c-c-t500 { background: #0D8288 !important; color: #071c26 !important; }

.c-c-t300 { background: #00CAAA !important; color: #071c26 !important; }

.c-c-t100 { background: #E5FEFF !important; color: #071c26 !important; }

.c-c-y500 { background: #6F5F1B !important; color: #071c26 !important; }

.c-c-y300 { background: #FFDA00 !important; color: #071c26 !important; }

.c-c-y100 { background: #FFF4B6 !important; color: #071c26 !important; }

.c-c-r500 { background: #4F0703 !important; color: #ffffff !important; }

.c-c-r300 { background: #FF4A48 !important; color: #071c26 !important; }

.c-c-r100 { background: #FFCCCE !important; color: #071c26 !important; }

.c-c-w100 { background: #ffffff !important; color: #071c26 !important; }

/*
Legacy color/class utilities still in use somewhere
TODO: DEPRECATE THESE, NEPHEW
*/
.bg-blue { background: #0073EC !important; }

.bg-white { background: #fff !important; }

.bg-lighter-grey { background: #F4F6F9 !important; }

.bg-light-grey { background: #E0E4E8 !important; }

.bg-black { background: #000000 !important; }

.t-blue { color: #0073EC !important; }

.t-dark-blue { color: #1176A5 !important; }

.t-green { color: #027F1B !important; }

.t-orange { color: #f89406 !important; }

.t-red { color: #B80C03 !important; }

.t-dark-grey, #tab-navigation h2 a { color: #5E6D78 !important; }

.t-black, #tab-navigation h2 a:not(.is-active):hover, #tab-navigation h2 a.is-active { color: #000000 !important; }

.container-s { max-width: 640px; margin-left: auto; margin-right: auto; }

.container-m { max-width: 960px; margin-left: auto; margin-right: auto; }

.container-l { max-width: 1280px; margin-left: auto; margin-right: auto; }

.container-full-width { max-width: 100%; margin-left: auto; margin-right: auto; }

.container { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }

@media (min-width: 576px) { .container { max-width: 540px; } }

@media (min-width: 750px) { .container { max-width: 700px; } }

@media (min-width: 1050px) { .container { max-width: 928px; } }

@media (min-width: 1280px) { .container { max-width: 1212px; } }

.container-fluid { width: 100%; padding-right: 1rem; padding-left: 1rem; margin-right: auto; margin-left: auto; }

.flex, .l-flex { display: -ms-flexbox !important; display: flex !important; }

.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.flex-justify-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }

.flex-justify-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }

.flex-justify-center { -ms-flex-pack: center !important; justify-content: center !important; }

.flex-justify-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.flex-justify-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.flex-justify-even { -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }

.flex-align-start { -ms-flex-align: start !important; align-items: flex-start !important; }

.flex-align-end { -ms-flex-align: end !important; align-items: flex-end !important; }

.flex-align-center { -ms-flex-align: center !important; align-items: center !important; }

.flex-align-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }

.flex-align-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.flex-align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.flex-align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.flex-align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }

.flex-align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }

.flex-align-self-between { -ms-flex-item-align: space-between !important; -ms-grid-row-align: space-between !important; align-self: space-between !important; }

.flex-align-self-around { -ms-flex-item-align: space-around !important; -ms-grid-row-align: space-around !important; align-self: space-around !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-grow-0 { -ms-flex-positive: 0; flex-grow: 0; }

.flex-grow-1 { -ms-flex-positive: 1; flex-grow: 1; }

.flex-grow-2 { -ms-flex-positive: 2; flex-grow: 2; }

.flex-grow-3 { -ms-flex-positive: 3; flex-grow: 3; }

.flex-grow-4 { -ms-flex-positive: 4; flex-grow: 4; }

.flex-grow-5 { -ms-flex-positive: 5; flex-grow: 5; }

.flex-grow-6 { -ms-flex-positive: 6; flex-grow: 6; }

.flex-1 { -ms-flex: 1; flex: 1; }

@media screen and (min-width: 750px) { .l-flex__m, .flex__m { display: -ms-flexbox !important; display: flex !important; }
  .flex-row__m { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-row-reverse__m { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-column__m { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-column-reverse__m { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-justify-start__m { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .flex-justify-end__m { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .flex-justify-center__m { -ms-flex-pack: center !important; justify-content: center !important; }
  .flex-justify-between__m { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .flex-justify-around__m { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .flex-justify-even__m { -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
  .flex-align-start__m { -ms-flex-align: start !important; align-items: flex-start !important; }
  .flex-align-end__m { -ms-flex-align: end !important; align-items: flex-end !important; }
  .flex-align-center__m { -ms-flex-align: center !important; align-items: center !important; }
  .flex-align-baseline__m { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .flex-align-stretch__m { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .flex-align-self-start__m { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .flex-align-self-end__m { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .flex-align-self-center__m { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
  .flex-align-self-stretch__m { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }
  .flex-align-self-between__m { -ms-flex-item-align: space-between !important; -ms-grid-row-align: space-between !important; align-self: space-between !important; }
  .flex-align-self-around__m { -ms-flex-item-align: space-around !important; -ms-grid-row-align: space-around !important; align-self: space-around !important; }
  .flex-wrap__m { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-wrap-reverse__m { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-nowrap__m { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-grow-0__m { -ms-flex-positive: 0; flex-grow: 0; }
  .flex-grow-1__m { -ms-flex-positive: 1; flex-grow: 1; }
  .flex-grow-2__m { -ms-flex-positive: 2; flex-grow: 2; }
  .flex-grow-3__m { -ms-flex-positive: 3; flex-grow: 3; }
  .flex-grow-4__m { -ms-flex-positive: 4; flex-grow: 4; }
  .flex-grow-6__m { -ms-flex-positive: 6; flex-grow: 6; }
  .flex-grow-7__m { -ms-flex-positive: 7; flex-grow: 7; }
  .flex-grow-8__m { -ms-flex-positive: 8; flex-grow: 8; }
  .flex-grow-9__m { -ms-flex-positive: 9; flex-grow: 9; }
  .flex-grow-10__m { -ms-flex-positive: 10; flex-grow: 10; }
  .flex-grow-11__m { -ms-flex-positive: 11; flex-grow: 11; } }

@media screen and (min-width: 1050px) { .l-flex__l, .flex__l { display: -ms-flexbox !important; display: flex !important; }
  .flex-row__l { -ms-flex-direction: row !important; flex-direction: row !important; }
  .flex-row-reverse__l { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }
  .flex-column__l { -ms-flex-direction: column !important; flex-direction: column !important; }
  .flex-column-reverse__l { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }
  .flex-justify-start__l { -ms-flex-pack: start !important; justify-content: flex-start !important; }
  .flex-justify-end__l { -ms-flex-pack: end !important; justify-content: flex-end !important; }
  .flex-justify-center__l { -ms-flex-pack: center !important; justify-content: center !important; }
  .flex-justify-between__l { -ms-flex-pack: justify !important; justify-content: space-between !important; }
  .flex-justify-around__l { -ms-flex-pack: distribute !important; justify-content: space-around !important; }
  .flex-justify-even__l { -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; }
  .flex-align-start__l { -ms-flex-align: start !important; align-items: flex-start !important; }
  .flex-align-end__l { -ms-flex-align: end !important; align-items: flex-end !important; }
  .flex-align-center__l { -ms-flex-align: center !important; align-items: center !important; }
  .flex-align-baseline__l { -ms-flex-align: baseline !important; align-items: baseline !important; }
  .flex-align-stretch__l { -ms-flex-align: stretch !important; align-items: stretch !important; }
  .flex-align-self-start__l { -ms-flex-item-align: start !important; align-self: flex-start !important; }
  .flex-align-self-end__l { -ms-flex-item-align: end !important; align-self: flex-end !important; }
  .flex-align-self-center__l { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; }
  .flex-align-self-stretch__l { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; }
  .flex-align-self-between__l { -ms-flex-item-align: space-between !important; -ms-grid-row-align: space-between !important; align-self: space-between !important; }
  .flex-align-self-around__l { -ms-flex-item-align: space-around !important; -ms-grid-row-align: space-around !important; align-self: space-around !important; }
  .flex-wrap__l { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
  .flex-wrap-reverse__l { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }
  .flex-nowrap__l { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }
  .flex-grow-0__l { -ms-flex-positive: 0; flex-grow: 0; }
  .flex-grow-1__l { -ms-flex-positive: 1; flex-grow: 1; }
  .flex-grow-2__l { -ms-flex-positive: 2; flex-grow: 2; }
  .flex-grow-3__l { -ms-flex-positive: 3; flex-grow: 3; }
  .flex-grow-4__l { -ms-flex-positive: 4; flex-grow: 4; }
  .flex-grow-6__l { -ms-flex-positive: 6; flex-grow: 6; }
  .flex-grow-7__l { -ms-flex-positive: 7; flex-grow: 7; }
  .flex-grow-8__l { -ms-flex-positive: 8; flex-grow: 8; }
  .flex-grow-9__l { -ms-flex-positive: 9; flex-grow: 9; }
  .flex-grow-10__l { -ms-flex-positive: 10; flex-grow: 10; }
  .flex-grow-11__l { -ms-flex-positive: 11; flex-grow: 11; } }

.Grid--auto { display: -ms-grid; display: grid; grid-gap: 2rem; }

@media screen and (min-width: 750px) { .Grid--auto { -ms-grid-columns: (minmax(0, 1fr))[auto-fit]; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); } }

.Grid-1-3 { -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; }

.Grid-3-1 { -ms-grid-columns: 3fr 1fr; grid-template-columns: 3fr 1fr; }

.Grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[12]; grid-template-columns: repeat(12, 1fr); grid-column-gap: 1rem; grid-row-gap: 0.5rem; }

.g-1-12 { -ms-grid-column: span 1; grid-column: span 1; }

.g-2-12 { -ms-grid-column: span 2; grid-column: span 2; }

.g-3-12 { -ms-grid-column: span 3; grid-column: span 3; }

.g-4-12 { -ms-grid-column: span 4; grid-column: span 4; }

.g-5-12 { -ms-grid-column: span 5; grid-column: span 5; }

.g-6-12 { -ms-grid-column: span 6; grid-column: span 6; }

.g-7-12 { -ms-grid-column: span 7; grid-column: span 7; }

.g-8-12 { -ms-grid-column: span 8; grid-column: span 8; }

.g-9-12 { -ms-grid-column: span 9; grid-column: span 9; }

.g-10-12 { -ms-grid-column: span 10; grid-column: span 10; }

.g-11-12 { -ms-grid-column: span 11; grid-column: span 11; }

.g-12-12 { -ms-grid-column: span 12; grid-column: span 12; }

@media screen and (min-width: 750px) { .g-1-12__m { -ms-grid-column: span 1; grid-column: span 1; }
  .g-2-12__m { -ms-grid-column: span 2; grid-column: span 2; }
  .g-3-12__m { -ms-grid-column: span 3; grid-column: span 3; }
  .g-4-12__m { -ms-grid-column: span 4; grid-column: span 4; }
  .g-5-12__m { -ms-grid-column: span 5; grid-column: span 5; }
  .g-6-12__m { -ms-grid-column: span 6; grid-column: span 6; }
  .g-7-12__m { -ms-grid-column: span 7; grid-column: span 7; }
  .g-8-12__m { -ms-grid-column: span 8; grid-column: span 8; }
  .g-9-12__m { -ms-grid-column: span 9; grid-column: span 9; }
  .g-10-12__m { -ms-grid-column: span 10; grid-column: span 10; }
  .g-11-12__m { -ms-grid-column: span 11; grid-column: span 11; }
  .g-12-12__m { -ms-grid-column: span 12; grid-column: span 12; } }

@media screen and (min-width: 1050px) { .g-1-12__l { -ms-grid-column: span 1; grid-column: span 1; }
  .g-2-12__l { -ms-grid-column: span 2; grid-column: span 2; }
  .g-3-12__l { -ms-grid-column: span 3; grid-column: span 3; }
  .g-4-12__l { -ms-grid-column: span 4; grid-column: span 4; }
  .g-5-12__l { -ms-grid-column: span 5; grid-column: span 5; }
  .g-6-12__l { -ms-grid-column: span 6; grid-column: span 6; }
  .g-7-12__l { -ms-grid-column: span 7; grid-column: span 7; }
  .g-8-12__l { -ms-grid-column: span 8; grid-column: span 8; }
  .g-9-12__l { -ms-grid-column: span 9; grid-column: span 9; }
  .g-10-12__l { -ms-grid-column: span 10; grid-column: span 10; }
  .g-11-12__l { -ms-grid-column: span 11; grid-column: span 11; }
  .g-12-12__l { -ms-grid-column: span 12; grid-column: span 12; } }

.g-1_6 { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; }

.g-1_6:last-child { margin-right: 0; }

.g-1_4 { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }

.g-1_4:last-child { margin-right: 0; }

.g-1_3 { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }

.g-1_3:last-child { margin-right: 0; }

.g-1_2 { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }

.g-1_2:last-child { margin-right: 0; }

.g-2_3 { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; }

.g-2_3:last-child { margin-right: 0; }

.g-3_4 { float: left; display: block; margin-right: 2.35765%; width: 74.41059%; }

.g-3_4:last-child { margin-right: 0; }

.g-omega { margin-right: 0; }

.g-shift-1 { margin-left: 8.5298%; }

.g-shift-2 { margin-left: 17.05961%; }

.g-shift-3 { margin-left: 25.58941%; }

.g-shift-4 { margin-left: 34.11922%; }

.g-shift-5 { margin-left: 42.64902%; }

.g-shift-6 { margin-left: 51.17883%; }

.g-shift-7 { margin-left: 59.70863%; }

.g-shift-8 { margin-left: 68.23843%; }

.g-shift-9 { margin-left: 76.76824%; }

.g-shift-10 { margin-left: 85.29804%; }

.g-shift-11 { margin-left: 93.82785%; }

@media screen and (min-width: 750px) { .g-1_6__m { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; }
  .g-1_6__m:last-child { margin-right: 0; }
  .g-1_4__m { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .g-1_4__m:last-child { margin-right: 0; }
  .g-1_3__m { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .g-1_3__m:last-child { margin-right: 0; }
  .g-1_2__m { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .g-1_2__m:last-child { margin-right: 0; }
  .g-2_3__m { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; }
  .g-2_3__m:last-child { margin-right: 0; }
  .g-3_4__m { float: left; display: block; margin-right: 2.35765%; width: 74.41059%; }
  .g-3_4__m:last-child { margin-right: 0; }
  .g-omega__m { margin-right: 0; }
  .g-shift-1__m { margin-left: 8.5298%; }
  .g-shift-2__m { margin-left: 17.05961%; }
  .g-shift-3__m { margin-left: 25.58941%; }
  .g-shift-4__m { margin-left: 34.11922%; }
  .g-shift-5__m { margin-left: 42.64902%; }
  .g-shift-6__m { margin-left: 51.17883%; }
  .g-shift-7__m { margin-left: 59.70863%; }
  .g-shift-8__m { margin-left: 68.23843%; }
  .g-shift-9__m { margin-left: 76.76824%; }
  .g-shift-10__m { margin-left: 85.29804%; }
  .g-shift-11__m { margin-left: 93.82785%; } }

@media screen and (min-width: 1050px) { .g-1_6__l { float: left; display: block; margin-right: 2.35765%; width: 14.70196%; }
  .g-1_6__l:last-child { margin-right: 0; }
  .g-1_4__l { float: left; display: block; margin-right: 2.35765%; width: 23.23176%; }
  .g-1_4__l:last-child { margin-right: 0; }
  .g-1_3__l { float: left; display: block; margin-right: 2.35765%; width: 31.76157%; }
  .g-1_3__l:last-child { margin-right: 0; }
  .g-1_2__l { float: left; display: block; margin-right: 2.35765%; width: 48.82117%; }
  .g-1_2__l:last-child { margin-right: 0; }
  .g-2_3__l { float: left; display: block; margin-right: 2.35765%; width: 65.88078%; }
  .g-2_3__l:last-child { margin-right: 0; }
  .g-3_4__l { float: left; display: block; margin-right: 2.35765%; width: 74.41059%; }
  .g-3_4__l:last-child { margin-right: 0; }
  .g-omega__l { margin-right: 0; }
  .g-shift-1__l { margin-left: 8.5298%; }
  .g-shift-2__l { margin-left: 17.05961%; }
  .g-shift-3__l { margin-left: 25.58941%; }
  .g-shift-4__l { margin-left: 34.11922%; }
  .g-shift-5__l { margin-left: 42.64902%; }
  .g-shift-6__l { margin-left: 51.17883%; }
  .g-shift-7__l { margin-left: 59.70863%; }
  .g-shift-8__l { margin-left: 68.23843%; }
  .g-shift-9__l { margin-left: 76.76824%; }
  .g-shift-10__l { margin-left: 85.29804%; }
  .g-shift-11__l { margin-left: 93.82785%; } }

.row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; }

.no-gutters { margin-right: 0; margin-left: 0; }

.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 1rem; padding-left: 1rem; }

.col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }

.col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }

.col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }

.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }

.col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }

.col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }

.col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }

.col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }

.col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }

.col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }

.col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }

.col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

.order-first { -ms-flex-order: -1; order: -1; }

.order-last { -ms-flex-order: 13; order: 13; }

.order-0 { -ms-flex-order: 0; order: 0; }

.order-1 { -ms-flex-order: 1; order: 1; }

.order-2 { -ms-flex-order: 2; order: 2; }

.order-3 { -ms-flex-order: 3; order: 3; }

.order-4 { -ms-flex-order: 4; order: 4; }

.order-5 { -ms-flex-order: 5; order: 5; }

.order-6 { -ms-flex-order: 6; order: 6; }

.order-7 { -ms-flex-order: 7; order: 7; }

.order-8 { -ms-flex-order: 8; order: 8; }

.order-9 { -ms-flex-order: 9; order: 9; }

.order-10 { -ms-flex-order: 10; order: 10; }

.order-11 { -ms-flex-order: 11; order: 11; }

.order-12 { -ms-flex-order: 12; order: 12; }

.offset-1 { margin-left: 8.33333%; }

.offset-2 { margin-left: 16.66667%; }

.offset-3 { margin-left: 25%; }

.offset-4 { margin-left: 33.33333%; }

.offset-5 { margin-left: 41.66667%; }

.offset-6 { margin-left: 50%; }

.offset-7 { margin-left: 58.33333%; }

.offset-8 { margin-left: 66.66667%; }

.offset-9 { margin-left: 75%; }

.offset-10 { margin-left: 83.33333%; }

.offset-11 { margin-left: 91.66667%; }

@media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { -ms-flex-order: -1; order: -1; }
  .order-sm-last { -ms-flex-order: 13; order: 13; }
  .order-sm-0 { -ms-flex-order: 0; order: 0; }
  .order-sm-1 { -ms-flex-order: 1; order: 1; }
  .order-sm-2 { -ms-flex-order: 2; order: 2; }
  .order-sm-3 { -ms-flex-order: 3; order: 3; }
  .order-sm-4 { -ms-flex-order: 4; order: 4; }
  .order-sm-5 { -ms-flex-order: 5; order: 5; }
  .order-sm-6 { -ms-flex-order: 6; order: 6; }
  .order-sm-7 { -ms-flex-order: 7; order: 7; }
  .order-sm-8 { -ms-flex-order: 8; order: 8; }
  .order-sm-9 { -ms-flex-order: 9; order: 9; }
  .order-sm-10 { -ms-flex-order: 10; order: 10; }
  .order-sm-11 { -ms-flex-order: 11; order: 11; }
  .order-sm-12 { -ms-flex-order: 12; order: 12; }
  .offset-sm-0 { margin-left: 0; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.66667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.33333%; }
  .offset-sm-5 { margin-left: 41.66667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.33333%; }
  .offset-sm-8 { margin-left: 66.66667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.33333%; }
  .offset-sm-11 { margin-left: 91.66667%; } }

@media (min-width: 750px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-md-first { -ms-flex-order: -1; order: -1; }
  .order-md-last { -ms-flex-order: 13; order: 13; }
  .order-md-0 { -ms-flex-order: 0; order: 0; }
  .order-md-1 { -ms-flex-order: 1; order: 1; }
  .order-md-2 { -ms-flex-order: 2; order: 2; }
  .order-md-3 { -ms-flex-order: 3; order: 3; }
  .order-md-4 { -ms-flex-order: 4; order: 4; }
  .order-md-5 { -ms-flex-order: 5; order: 5; }
  .order-md-6 { -ms-flex-order: 6; order: 6; }
  .order-md-7 { -ms-flex-order: 7; order: 7; }
  .order-md-8 { -ms-flex-order: 8; order: 8; }
  .order-md-9 { -ms-flex-order: 9; order: 9; }
  .order-md-10 { -ms-flex-order: 10; order: 10; }
  .order-md-11 { -ms-flex-order: 11; order: 11; }
  .order-md-12 { -ms-flex-order: 12; order: 12; }
  .offset-md-0 { margin-left: 0; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.66667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.33333%; }
  .offset-md-5 { margin-left: 41.66667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.33333%; }
  .offset-md-8 { margin-left: 66.66667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.33333%; }
  .offset-md-11 { margin-left: 91.66667%; } }

@media (min-width: 1050px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { -ms-flex-order: -1; order: -1; }
  .order-lg-last { -ms-flex-order: 13; order: 13; }
  .order-lg-0 { -ms-flex-order: 0; order: 0; }
  .order-lg-1 { -ms-flex-order: 1; order: 1; }
  .order-lg-2 { -ms-flex-order: 2; order: 2; }
  .order-lg-3 { -ms-flex-order: 3; order: 3; }
  .order-lg-4 { -ms-flex-order: 4; order: 4; }
  .order-lg-5 { -ms-flex-order: 5; order: 5; }
  .order-lg-6 { -ms-flex-order: 6; order: 6; }
  .order-lg-7 { -ms-flex-order: 7; order: 7; }
  .order-lg-8 { -ms-flex-order: 8; order: 8; }
  .order-lg-9 { -ms-flex-order: 9; order: 9; }
  .order-lg-10 { -ms-flex-order: 10; order: 10; }
  .order-lg-11 { -ms-flex-order: 11; order: 11; }
  .order-lg-12 { -ms-flex-order: 12; order: 12; }
  .offset-lg-0 { margin-left: 0; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.66667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.33333%; }
  .offset-lg-5 { margin-left: 41.66667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.33333%; }
  .offset-lg-8 { margin-left: 66.66667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.33333%; }
  .offset-lg-11 { margin-left: 91.66667%; } }

@media (min-width: 1280px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
  .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; }
  .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; }
  .col-xl-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; }
  .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; }
  .col-xl-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; }
  .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; }
  .col-xl-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; }
  .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { -ms-flex-order: -1; order: -1; }
  .order-xl-last { -ms-flex-order: 13; order: 13; }
  .order-xl-0 { -ms-flex-order: 0; order: 0; }
  .order-xl-1 { -ms-flex-order: 1; order: 1; }
  .order-xl-2 { -ms-flex-order: 2; order: 2; }
  .order-xl-3 { -ms-flex-order: 3; order: 3; }
  .order-xl-4 { -ms-flex-order: 4; order: 4; }
  .order-xl-5 { -ms-flex-order: 5; order: 5; }
  .order-xl-6 { -ms-flex-order: 6; order: 6; }
  .order-xl-7 { -ms-flex-order: 7; order: 7; }
  .order-xl-8 { -ms-flex-order: 8; order: 8; }
  .order-xl-9 { -ms-flex-order: 9; order: 9; }
  .order-xl-10 { -ms-flex-order: 10; order: 10; }
  .order-xl-11 { -ms-flex-order: 11; order: 11; }
  .order-xl-12 { -ms-flex-order: 12; order: 12; }
  .offset-xl-0 { margin-left: 0; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.66667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.33333%; }
  .offset-xl-5 { margin-left: 41.66667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.33333%; }
  .offset-xl-8 { margin-left: 66.66667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.33333%; }
  .offset-xl-11 { margin-left: 91.66667%; } }

.l-float-right { float: right !important; }

.l-float-left { float: left !important; }

.l-float-none { float: none !important; }

.l-inline { display: inline !important; }

.l-inline-block { display: inline-block !important; }

.l-block { display: block !important; }

.l-none { display: none !important; }

.l-table { display: table !important; }

.l-table-row { display: table-row !important; }

.l-table-cell { display: table-cell !important; }

.l-pos-absolute { position: absolute !important; }

.l-pos-relative { position: relative !important; }

.l-pos-fixed { position: fixed !important; }

.l-pos-static { position: static !important; }

.l-pos-top { top: 0 !important; }

.l-pos-bottom { bottom: 0 !important; }

.l-pos-left { left: 0 !important; }

.l-pos-right { right: 0 !important; }

.l-pos-top-left { top: 0 !important; left: 0 !important; }

.l-pos-top-right { top: 0 !important; right: 0 !important; }

.l-pos-bottom-left { bottom: 0 !important; left: 0 !important; }

.l-pos-bottom-right { bottom: 0 !important; right: 0 !important; }

.l-pos-all { top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; }

.z-0 { z-index: -1; }

.z-1 { z-index: 1; }

.z-2 { z-index: 10; }

.z-3 { z-index: 100; }

.z-4 { z-index: 1000; }

.z-5 { z-index: 10000; }

.l-border-box { box-sizing: border-box !important; }

.l-content-box { box-sizing: content-box !important; }

@media screen and (min-width: 750px) { .l-float-right__m { float: right !important; }
  .l-float-left__m { float: left !important; }
  .l-float-none__m { float: none !important; }
  .l-inline__m { display: inline !important; }
  .l-inline-block__m { display: inline-block !important; }
  .l-block__m { display: block !important; }
  .l-none__m { display: none !important; }
  .l-table__m { display: table !important; }
  .l-table-row__m { display: table-row !important; }
  .l-table-cell__m { display: table-cell !important; }
  .l-pos-absolute__m { position: absolute !important; }
  .l-pos-relative__m { position: relative !important; }
  .l-pos-fixed__m { position: fixed !important; }
  .l-pos-static__m { position: static !important; }
  .l-pos-top__m { top: 0 !important; }
  .l-pos-bottom__m { bottom: 0 !important; }
  .l-pos-left__m { left: 0 !important; }
  .l-pos-right__m { right: 0 !important; } }

@media screen and (min-width: 1050px) { .l-float-right__l { float: right !important; }
  .l-float-left__l { float: left !important; }
  .l-float-none__l { float: none !important; }
  .l-inline__l { display: inline !important; }
  .l-inline-block__l { display: inline-block !important; }
  .l-block__l { display: block !important; }
  .l-none__l { display: none !important; }
  .l-table__l { display: table !important; }
  .l-table-row__l { display: table-row !important; }
  .l-table-cell__l { display: table-cell !important; }
  .l-pos-absolute__l { position: absolute !important; }
  .l-pos-relative__l { position: relative !important; }
  .l-pos-fixed__l { position: fixed !important; }
  .l-pos-static__l { position: static !important; }
  .l-pos-top__l { top: 0 !important; }
  .l-pos-bottom__l { bottom: 0 !important; }
  .l-pos-left__l { left: 0 !important; }
  .l-pos-right__l { right: 0 !important; } }

/* Miscellaneous Utilities Classes Not sure where a particular utility belongs? Don't want to create a whole file just for a couple of classes that won't be used too frequently but are important nonetheless? Well, slap a '.u-' prefix on it and put it here, my friend! */
.u-border-radius { border-radius: 3px !important; }

.u-cf::after, .u-clearfix::after, .container-s::after, .container-m::after, .container-l::after, .container-full-width::after { clear: both; content: ""; display: table; }

.u-overflow-visible { overflow: visible !important; }

.u-overflow-hidden { overflow: hidden !important; }

.u-overflow-scroll { overflow: scroll !important; }

.u-overflow-x-visible { overflow-x: visible !important; }

.u-overflow-x-hidden { overflow-x: hidden !important; }

.u-overflow-x-scroll { overflow-x: scroll !important; }

.u-overflow-y-visible { overflow-y: visible !important; }

.u-overflow-y-hidden { overflow-y: hidden !important; }

.u-overflow-y-scroll { overflow-y: scroll !important; }

.u-vertical-align-top { vertical-align: top !important; }

.u-vertical-align-middle { vertical-align: middle !important; }

.u-vertical-align-bottom { vertical-align: bottom !important; }

.u-vertical-align-text-bottom { vertical-align: text-bottom !important; }

.u-ws-normal { white-space: normal !important; }

.u-ws-nowrap { white-space: nowrap !important; }

.u-wb-normal { word-break: normal !important; }

.u-wb-break-all { word-break: break-all !important; word-break: break-word !important; }

.m-0 { margin: 0 !important; }

.m-half { margin: 0.25rem !important; }

.m-auto { margin: auto !important; }

.m-1 { margin: 0.5rem !important; }

.m-2 { margin: 1rem !important; }

.m-3 { margin: 1.5rem !important; }

.m-4 { margin: 2rem !important; }

.m-5 { margin: 2.5rem !important; }

.m-6 { margin: 3rem !important; }

.m-7 { margin: 3.5rem !important; }

.m-8 { margin: 4rem !important; }

.m-9 { margin: 4.5rem !important; }

.m-10 { margin: 5rem !important; }

.m-11 { margin: 5.5rem !important; }

.m-12 { margin: 6rem !important; }

.m-13 { margin: 6.5rem !important; }

.m-14 { margin: 7rem !important; }

.m-15 { margin: 7.5rem !important; }

.m-16 { margin: 8rem !important; }

@media screen and (min-width: 750px) { .m-0__m { margin: 0 !important; }
  .m-half__m { margin: 0.25rem !important; }
  .m-auto__m { margin: auto !important; }
  .m-1__m { margin: 0.5rem !important; }
  .m-2__m { margin: 1rem !important; }
  .m-3__m { margin: 1.5rem !important; }
  .m-4__m { margin: 2rem !important; }
  .m-5__m { margin: 2.5rem !important; }
  .m-6__m { margin: 3rem !important; }
  .m-7__m { margin: 3.5rem !important; }
  .m-8__m { margin: 4rem !important; }
  .m-9__m { margin: 4.5rem !important; }
  .m-10__m { margin: 5rem !important; }
  .m-11__m { margin: 5.5rem !important; }
  .m-12__m { margin: 6rem !important; }
  .m-13__m { margin: 6.5rem !important; }
  .m-14__m { margin: 7rem !important; }
  .m-15__m { margin: 7.5rem !important; }
  .m-16__m { margin: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-0__l { margin: 0 !important; }
  .m-half__l { margin: 0.25rem !important; }
  .m-auto__l { margin: auto !important; }
  .m-1__l { margin: 0.5rem !important; }
  .m-2__l { margin: 1rem !important; }
  .m-3__l { margin: 1.5rem !important; }
  .m-4__l { margin: 2rem !important; }
  .m-5__l { margin: 2.5rem !important; }
  .m-6__l { margin: 3rem !important; }
  .m-7__l { margin: 3.5rem !important; }
  .m-8__l { margin: 4rem !important; }
  .m-9__l { margin: 4.5rem !important; }
  .m-10__l { margin: 5rem !important; }
  .m-11__l { margin: 5.5rem !important; }
  .m-12__l { margin: 6rem !important; }
  .m-13__l { margin: 6.5rem !important; }
  .m-14__l { margin: 7rem !important; }
  .m-15__l { margin: 7.5rem !important; }
  .m-16__l { margin: 8rem !important; } }

.p-0 { padding: 0 !important; }

.p-half { padding: 0.25rem !important; }

.p-auto { padding: auto !important; }

.p-1 { padding: 0.5rem !important; }

.p-2 { padding: 1rem !important; }

.p-3 { padding: 1.5rem !important; }

.p-4 { padding: 2rem !important; }

.p-5 { padding: 2.5rem !important; }

.p-6 { padding: 3rem !important; }

.p-7 { padding: 3.5rem !important; }

.p-8 { padding: 4rem !important; }

.p-9 { padding: 4.5rem !important; }

.p-10 { padding: 5rem !important; }

.p-11 { padding: 5.5rem !important; }

.p-12 { padding: 6rem !important; }

.p-13 { padding: 6.5rem !important; }

.p-14 { padding: 7rem !important; }

.p-15 { padding: 7.5rem !important; }

.p-16 { padding: 8rem !important; }

@media screen and (min-width: 750px) { .p-0__m { padding: 0 !important; }
  .p-half__m { padding: 0.25rem !important; }
  .p-auto__m { padding: auto !important; }
  .p-1__m { padding: 0.5rem !important; }
  .p-2__m { padding: 1rem !important; }
  .p-3__m { padding: 1.5rem !important; }
  .p-4__m { padding: 2rem !important; }
  .p-5__m { padding: 2.5rem !important; }
  .p-6__m { padding: 3rem !important; }
  .p-7__m { padding: 3.5rem !important; }
  .p-8__m { padding: 4rem !important; }
  .p-9__m { padding: 4.5rem !important; }
  .p-10__m { padding: 5rem !important; }
  .p-11__m { padding: 5.5rem !important; }
  .p-12__m { padding: 6rem !important; }
  .p-13__m { padding: 6.5rem !important; }
  .p-14__m { padding: 7rem !important; }
  .p-15__m { padding: 7.5rem !important; }
  .p-16__m { padding: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-0__l { padding: 0 !important; }
  .p-half__l { padding: 0.25rem !important; }
  .p-auto__l { padding: auto !important; }
  .p-1__l { padding: 0.5rem !important; }
  .p-2__l { padding: 1rem !important; }
  .p-3__l { padding: 1.5rem !important; }
  .p-4__l { padding: 2rem !important; }
  .p-5__l { padding: 2.5rem !important; }
  .p-6__l { padding: 3rem !important; }
  .p-7__l { padding: 3.5rem !important; }
  .p-8__l { padding: 4rem !important; }
  .p-9__l { padding: 4.5rem !important; }
  .p-10__l { padding: 5rem !important; }
  .p-11__l { padding: 5.5rem !important; }
  .p-12__l { padding: 6rem !important; }
  .p-13__l { padding: 6.5rem !important; }
  .p-14__l { padding: 7rem !important; }
  .p-15__l { padding: 7.5rem !important; }
  .p-16__l { padding: 8rem !important; } }

.m-top-0 { margin-top: 0 !important; }

.m-top-half { margin-top: 0.25rem !important; }

.m-top-auto { margin-top: auto !important; }

.m-top-1 { margin-top: 0.5rem !important; }

.m-top-2 { margin-top: 1rem !important; }

.m-top-3 { margin-top: 1.5rem !important; }

.m-top-4 { margin-top: 2rem !important; }

.m-top-5 { margin-top: 2.5rem !important; }

.m-top-6 { margin-top: 3rem !important; }

.m-top-7 { margin-top: 3.5rem !important; }

.m-top-8 { margin-top: 4rem !important; }

.m-top-9 { margin-top: 4.5rem !important; }

.m-top-10 { margin-top: 5rem !important; }

.m-top-11 { margin-top: 5.5rem !important; }

.m-top-12 { margin-top: 6rem !important; }

.m-top-13 { margin-top: 6.5rem !important; }

.m-top-14 { margin-top: 7rem !important; }

.m-top-15 { margin-top: 7.5rem !important; }

.m-top-16 { margin-top: 8rem !important; }

@media screen and (min-width: 750px) { .m-top-0__m { margin-top: 0 !important; }
  .m-top-half__m { margin-top: 0.25rem !important; }
  .m-top-auto__m { margin-top: auto !important; }
  .m-top-1__m { margin-top: 0.5rem !important; }
  .m-top-2__m { margin-top: 1rem !important; }
  .m-top-3__m { margin-top: 1.5rem !important; }
  .m-top-4__m { margin-top: 2rem !important; }
  .m-top-5__m { margin-top: 2.5rem !important; }
  .m-top-6__m { margin-top: 3rem !important; }
  .m-top-7__m { margin-top: 3.5rem !important; }
  .m-top-8__m { margin-top: 4rem !important; }
  .m-top-9__m { margin-top: 4.5rem !important; }
  .m-top-10__m { margin-top: 5rem !important; }
  .m-top-11__m { margin-top: 5.5rem !important; }
  .m-top-12__m { margin-top: 6rem !important; }
  .m-top-13__m { margin-top: 6.5rem !important; }
  .m-top-14__m { margin-top: 7rem !important; }
  .m-top-15__m { margin-top: 7.5rem !important; }
  .m-top-16__m { margin-top: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-top-0__l { margin-top: 0 !important; }
  .m-top-half__l { margin-top: 0.25rem !important; }
  .m-top-auto__l { margin-top: auto !important; }
  .m-top-1__l { margin-top: 0.5rem !important; }
  .m-top-2__l { margin-top: 1rem !important; }
  .m-top-3__l { margin-top: 1.5rem !important; }
  .m-top-4__l { margin-top: 2rem !important; }
  .m-top-5__l { margin-top: 2.5rem !important; }
  .m-top-6__l { margin-top: 3rem !important; }
  .m-top-7__l { margin-top: 3.5rem !important; }
  .m-top-8__l { margin-top: 4rem !important; }
  .m-top-9__l { margin-top: 4.5rem !important; }
  .m-top-10__l { margin-top: 5rem !important; }
  .m-top-11__l { margin-top: 5.5rem !important; }
  .m-top-12__l { margin-top: 6rem !important; }
  .m-top-13__l { margin-top: 6.5rem !important; }
  .m-top-14__l { margin-top: 7rem !important; }
  .m-top-15__l { margin-top: 7.5rem !important; }
  .m-top-16__l { margin-top: 8rem !important; } }

.p-top-0 { padding-top: 0 !important; }

.p-top-half { padding-top: 0.25rem !important; }

.p-top-auto { padding-top: auto !important; }

.p-top-1 { padding-top: 0.5rem !important; }

.p-top-2 { padding-top: 1rem !important; }

.p-top-3 { padding-top: 1.5rem !important; }

.p-top-4 { padding-top: 2rem !important; }

.p-top-5 { padding-top: 2.5rem !important; }

.p-top-6 { padding-top: 3rem !important; }

.p-top-7 { padding-top: 3.5rem !important; }

.p-top-8 { padding-top: 4rem !important; }

.p-top-9 { padding-top: 4.5rem !important; }

.p-top-10 { padding-top: 5rem !important; }

.p-top-11 { padding-top: 5.5rem !important; }

.p-top-12 { padding-top: 6rem !important; }

.p-top-13 { padding-top: 6.5rem !important; }

.p-top-14 { padding-top: 7rem !important; }

.p-top-15 { padding-top: 7.5rem !important; }

.p-top-16 { padding-top: 8rem !important; }

@media screen and (min-width: 750px) { .p-top-0__m { padding-top: 0 !important; }
  .p-top-half__m { padding-top: 0.25rem !important; }
  .p-top-auto__m { padding-top: auto !important; }
  .p-top-1__m { padding-top: 0.5rem !important; }
  .p-top-2__m { padding-top: 1rem !important; }
  .p-top-3__m { padding-top: 1.5rem !important; }
  .p-top-4__m { padding-top: 2rem !important; }
  .p-top-5__m { padding-top: 2.5rem !important; }
  .p-top-6__m { padding-top: 3rem !important; }
  .p-top-7__m { padding-top: 3.5rem !important; }
  .p-top-8__m { padding-top: 4rem !important; }
  .p-top-9__m { padding-top: 4.5rem !important; }
  .p-top-10__m { padding-top: 5rem !important; }
  .p-top-11__m { padding-top: 5.5rem !important; }
  .p-top-12__m { padding-top: 6rem !important; }
  .p-top-13__m { padding-top: 6.5rem !important; }
  .p-top-14__m { padding-top: 7rem !important; }
  .p-top-15__m { padding-top: 7.5rem !important; }
  .p-top-16__m { padding-top: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-top-0__l { padding-top: 0 !important; }
  .p-top-half__l { padding-top: 0.25rem !important; }
  .p-top-auto__l { padding-top: auto !important; }
  .p-top-1__l { padding-top: 0.5rem !important; }
  .p-top-2__l { padding-top: 1rem !important; }
  .p-top-3__l { padding-top: 1.5rem !important; }
  .p-top-4__l { padding-top: 2rem !important; }
  .p-top-5__l { padding-top: 2.5rem !important; }
  .p-top-6__l { padding-top: 3rem !important; }
  .p-top-7__l { padding-top: 3.5rem !important; }
  .p-top-8__l { padding-top: 4rem !important; }
  .p-top-9__l { padding-top: 4.5rem !important; }
  .p-top-10__l { padding-top: 5rem !important; }
  .p-top-11__l { padding-top: 5.5rem !important; }
  .p-top-12__l { padding-top: 6rem !important; }
  .p-top-13__l { padding-top: 6.5rem !important; }
  .p-top-14__l { padding-top: 7rem !important; }
  .p-top-15__l { padding-top: 7.5rem !important; }
  .p-top-16__l { padding-top: 8rem !important; } }

.m-right-0 { margin-right: 0 !important; }

.m-right-half { margin-right: 0.25rem !important; }

.m-right-auto { margin-right: auto !important; }

.m-right-1 { margin-right: 0.5rem !important; }

.m-right-2 { margin-right: 1rem !important; }

.m-right-3 { margin-right: 1.5rem !important; }

.m-right-4 { margin-right: 2rem !important; }

.m-right-5 { margin-right: 2.5rem !important; }

.m-right-6 { margin-right: 3rem !important; }

.m-right-7 { margin-right: 3.5rem !important; }

.m-right-8 { margin-right: 4rem !important; }

.m-right-9 { margin-right: 4.5rem !important; }

.m-right-10 { margin-right: 5rem !important; }

.m-right-11 { margin-right: 5.5rem !important; }

.m-right-12 { margin-right: 6rem !important; }

.m-right-13 { margin-right: 6.5rem !important; }

.m-right-14 { margin-right: 7rem !important; }

.m-right-15 { margin-right: 7.5rem !important; }

.m-right-16 { margin-right: 8rem !important; }

@media screen and (min-width: 750px) { .m-right-0__m { margin-right: 0 !important; }
  .m-right-half__m { margin-right: 0.25rem !important; }
  .m-right-auto__m { margin-right: auto !important; }
  .m-right-1__m { margin-right: 0.5rem !important; }
  .m-right-2__m { margin-right: 1rem !important; }
  .m-right-3__m { margin-right: 1.5rem !important; }
  .m-right-4__m { margin-right: 2rem !important; }
  .m-right-5__m { margin-right: 2.5rem !important; }
  .m-right-6__m { margin-right: 3rem !important; }
  .m-right-7__m { margin-right: 3.5rem !important; }
  .m-right-8__m { margin-right: 4rem !important; }
  .m-right-9__m { margin-right: 4.5rem !important; }
  .m-right-10__m { margin-right: 5rem !important; }
  .m-right-11__m { margin-right: 5.5rem !important; }
  .m-right-12__m { margin-right: 6rem !important; }
  .m-right-13__m { margin-right: 6.5rem !important; }
  .m-right-14__m { margin-right: 7rem !important; }
  .m-right-15__m { margin-right: 7.5rem !important; }
  .m-right-16__m { margin-right: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-right-0__l { margin-right: 0 !important; }
  .m-right-half__l { margin-right: 0.25rem !important; }
  .m-right-auto__l { margin-right: auto !important; }
  .m-right-1__l { margin-right: 0.5rem !important; }
  .m-right-2__l { margin-right: 1rem !important; }
  .m-right-3__l { margin-right: 1.5rem !important; }
  .m-right-4__l { margin-right: 2rem !important; }
  .m-right-5__l { margin-right: 2.5rem !important; }
  .m-right-6__l { margin-right: 3rem !important; }
  .m-right-7__l { margin-right: 3.5rem !important; }
  .m-right-8__l { margin-right: 4rem !important; }
  .m-right-9__l { margin-right: 4.5rem !important; }
  .m-right-10__l { margin-right: 5rem !important; }
  .m-right-11__l { margin-right: 5.5rem !important; }
  .m-right-12__l { margin-right: 6rem !important; }
  .m-right-13__l { margin-right: 6.5rem !important; }
  .m-right-14__l { margin-right: 7rem !important; }
  .m-right-15__l { margin-right: 7.5rem !important; }
  .m-right-16__l { margin-right: 8rem !important; } }

.p-right-0 { padding-right: 0 !important; }

.p-right-half { padding-right: 0.25rem !important; }

.p-right-auto { padding-right: auto !important; }

.p-right-1 { padding-right: 0.5rem !important; }

.p-right-2 { padding-right: 1rem !important; }

.p-right-3 { padding-right: 1.5rem !important; }

.p-right-4 { padding-right: 2rem !important; }

.p-right-5 { padding-right: 2.5rem !important; }

.p-right-6 { padding-right: 3rem !important; }

.p-right-7 { padding-right: 3.5rem !important; }

.p-right-8 { padding-right: 4rem !important; }

.p-right-9 { padding-right: 4.5rem !important; }

.p-right-10 { padding-right: 5rem !important; }

.p-right-11 { padding-right: 5.5rem !important; }

.p-right-12 { padding-right: 6rem !important; }

.p-right-13 { padding-right: 6.5rem !important; }

.p-right-14 { padding-right: 7rem !important; }

.p-right-15 { padding-right: 7.5rem !important; }

.p-right-16 { padding-right: 8rem !important; }

@media screen and (min-width: 750px) { .p-right-0__m { padding-right: 0 !important; }
  .p-right-half__m { padding-right: 0.25rem !important; }
  .p-right-auto__m { padding-right: auto !important; }
  .p-right-1__m { padding-right: 0.5rem !important; }
  .p-right-2__m { padding-right: 1rem !important; }
  .p-right-3__m { padding-right: 1.5rem !important; }
  .p-right-4__m { padding-right: 2rem !important; }
  .p-right-5__m { padding-right: 2.5rem !important; }
  .p-right-6__m { padding-right: 3rem !important; }
  .p-right-7__m { padding-right: 3.5rem !important; }
  .p-right-8__m { padding-right: 4rem !important; }
  .p-right-9__m { padding-right: 4.5rem !important; }
  .p-right-10__m { padding-right: 5rem !important; }
  .p-right-11__m { padding-right: 5.5rem !important; }
  .p-right-12__m { padding-right: 6rem !important; }
  .p-right-13__m { padding-right: 6.5rem !important; }
  .p-right-14__m { padding-right: 7rem !important; }
  .p-right-15__m { padding-right: 7.5rem !important; }
  .p-right-16__m { padding-right: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-right-0__l { padding-right: 0 !important; }
  .p-right-half__l { padding-right: 0.25rem !important; }
  .p-right-auto__l { padding-right: auto !important; }
  .p-right-1__l { padding-right: 0.5rem !important; }
  .p-right-2__l { padding-right: 1rem !important; }
  .p-right-3__l { padding-right: 1.5rem !important; }
  .p-right-4__l { padding-right: 2rem !important; }
  .p-right-5__l { padding-right: 2.5rem !important; }
  .p-right-6__l { padding-right: 3rem !important; }
  .p-right-7__l { padding-right: 3.5rem !important; }
  .p-right-8__l { padding-right: 4rem !important; }
  .p-right-9__l { padding-right: 4.5rem !important; }
  .p-right-10__l { padding-right: 5rem !important; }
  .p-right-11__l { padding-right: 5.5rem !important; }
  .p-right-12__l { padding-right: 6rem !important; }
  .p-right-13__l { padding-right: 6.5rem !important; }
  .p-right-14__l { padding-right: 7rem !important; }
  .p-right-15__l { padding-right: 7.5rem !important; }
  .p-right-16__l { padding-right: 8rem !important; } }

.m-bottom-0 { margin-bottom: 0 !important; }

.m-bottom-half { margin-bottom: 0.25rem !important; }

.m-bottom-auto { margin-bottom: auto !important; }

.m-bottom-1 { margin-bottom: 0.5rem !important; }

.m-bottom-2 { margin-bottom: 1rem !important; }

.m-bottom-3 { margin-bottom: 1.5rem !important; }

.m-bottom-4 { margin-bottom: 2rem !important; }

.m-bottom-5 { margin-bottom: 2.5rem !important; }

.m-bottom-6 { margin-bottom: 3rem !important; }

.m-bottom-7 { margin-bottom: 3.5rem !important; }

.m-bottom-8 { margin-bottom: 4rem !important; }

.m-bottom-9 { margin-bottom: 4.5rem !important; }

.m-bottom-10 { margin-bottom: 5rem !important; }

.m-bottom-11 { margin-bottom: 5.5rem !important; }

.m-bottom-12 { margin-bottom: 6rem !important; }

.m-bottom-13 { margin-bottom: 6.5rem !important; }

.m-bottom-14 { margin-bottom: 7rem !important; }

.m-bottom-15 { margin-bottom: 7.5rem !important; }

.m-bottom-16 { margin-bottom: 8rem !important; }

@media screen and (min-width: 750px) { .m-bottom-0__m { margin-bottom: 0 !important; }
  .m-bottom-half__m { margin-bottom: 0.25rem !important; }
  .m-bottom-auto__m { margin-bottom: auto !important; }
  .m-bottom-1__m { margin-bottom: 0.5rem !important; }
  .m-bottom-2__m { margin-bottom: 1rem !important; }
  .m-bottom-3__m { margin-bottom: 1.5rem !important; }
  .m-bottom-4__m { margin-bottom: 2rem !important; }
  .m-bottom-5__m { margin-bottom: 2.5rem !important; }
  .m-bottom-6__m { margin-bottom: 3rem !important; }
  .m-bottom-7__m { margin-bottom: 3.5rem !important; }
  .m-bottom-8__m { margin-bottom: 4rem !important; }
  .m-bottom-9__m { margin-bottom: 4.5rem !important; }
  .m-bottom-10__m { margin-bottom: 5rem !important; }
  .m-bottom-11__m { margin-bottom: 5.5rem !important; }
  .m-bottom-12__m { margin-bottom: 6rem !important; }
  .m-bottom-13__m { margin-bottom: 6.5rem !important; }
  .m-bottom-14__m { margin-bottom: 7rem !important; }
  .m-bottom-15__m { margin-bottom: 7.5rem !important; }
  .m-bottom-16__m { margin-bottom: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-bottom-0__l { margin-bottom: 0 !important; }
  .m-bottom-half__l { margin-bottom: 0.25rem !important; }
  .m-bottom-auto__l { margin-bottom: auto !important; }
  .m-bottom-1__l { margin-bottom: 0.5rem !important; }
  .m-bottom-2__l { margin-bottom: 1rem !important; }
  .m-bottom-3__l { margin-bottom: 1.5rem !important; }
  .m-bottom-4__l { margin-bottom: 2rem !important; }
  .m-bottom-5__l { margin-bottom: 2.5rem !important; }
  .m-bottom-6__l { margin-bottom: 3rem !important; }
  .m-bottom-7__l { margin-bottom: 3.5rem !important; }
  .m-bottom-8__l { margin-bottom: 4rem !important; }
  .m-bottom-9__l { margin-bottom: 4.5rem !important; }
  .m-bottom-10__l { margin-bottom: 5rem !important; }
  .m-bottom-11__l { margin-bottom: 5.5rem !important; }
  .m-bottom-12__l { margin-bottom: 6rem !important; }
  .m-bottom-13__l { margin-bottom: 6.5rem !important; }
  .m-bottom-14__l { margin-bottom: 7rem !important; }
  .m-bottom-15__l { margin-bottom: 7.5rem !important; }
  .m-bottom-16__l { margin-bottom: 8rem !important; } }

.p-bottom-0 { padding-bottom: 0 !important; }

.p-bottom-half { padding-bottom: 0.25rem !important; }

.p-bottom-auto { padding-bottom: auto !important; }

.p-bottom-1 { padding-bottom: 0.5rem !important; }

.p-bottom-2 { padding-bottom: 1rem !important; }

.p-bottom-3 { padding-bottom: 1.5rem !important; }

.p-bottom-4 { padding-bottom: 2rem !important; }

.p-bottom-5 { padding-bottom: 2.5rem !important; }

.p-bottom-6 { padding-bottom: 3rem !important; }

.p-bottom-7 { padding-bottom: 3.5rem !important; }

.p-bottom-8 { padding-bottom: 4rem !important; }

.p-bottom-9 { padding-bottom: 4.5rem !important; }

.p-bottom-10 { padding-bottom: 5rem !important; }

.p-bottom-11 { padding-bottom: 5.5rem !important; }

.p-bottom-12 { padding-bottom: 6rem !important; }

.p-bottom-13 { padding-bottom: 6.5rem !important; }

.p-bottom-14 { padding-bottom: 7rem !important; }

.p-bottom-15 { padding-bottom: 7.5rem !important; }

.p-bottom-16 { padding-bottom: 8rem !important; }

@media screen and (min-width: 750px) { .p-bottom-0__m { padding-bottom: 0 !important; }
  .p-bottom-half__m { padding-bottom: 0.25rem !important; }
  .p-bottom-auto__m { padding-bottom: auto !important; }
  .p-bottom-1__m { padding-bottom: 0.5rem !important; }
  .p-bottom-2__m { padding-bottom: 1rem !important; }
  .p-bottom-3__m { padding-bottom: 1.5rem !important; }
  .p-bottom-4__m { padding-bottom: 2rem !important; }
  .p-bottom-5__m { padding-bottom: 2.5rem !important; }
  .p-bottom-6__m { padding-bottom: 3rem !important; }
  .p-bottom-7__m { padding-bottom: 3.5rem !important; }
  .p-bottom-8__m { padding-bottom: 4rem !important; }
  .p-bottom-9__m { padding-bottom: 4.5rem !important; }
  .p-bottom-10__m { padding-bottom: 5rem !important; }
  .p-bottom-11__m { padding-bottom: 5.5rem !important; }
  .p-bottom-12__m { padding-bottom: 6rem !important; }
  .p-bottom-13__m { padding-bottom: 6.5rem !important; }
  .p-bottom-14__m { padding-bottom: 7rem !important; }
  .p-bottom-15__m { padding-bottom: 7.5rem !important; }
  .p-bottom-16__m { padding-bottom: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-bottom-0__l { padding-bottom: 0 !important; }
  .p-bottom-half__l { padding-bottom: 0.25rem !important; }
  .p-bottom-auto__l { padding-bottom: auto !important; }
  .p-bottom-1__l { padding-bottom: 0.5rem !important; }
  .p-bottom-2__l { padding-bottom: 1rem !important; }
  .p-bottom-3__l { padding-bottom: 1.5rem !important; }
  .p-bottom-4__l { padding-bottom: 2rem !important; }
  .p-bottom-5__l { padding-bottom: 2.5rem !important; }
  .p-bottom-6__l { padding-bottom: 3rem !important; }
  .p-bottom-7__l { padding-bottom: 3.5rem !important; }
  .p-bottom-8__l { padding-bottom: 4rem !important; }
  .p-bottom-9__l { padding-bottom: 4.5rem !important; }
  .p-bottom-10__l { padding-bottom: 5rem !important; }
  .p-bottom-11__l { padding-bottom: 5.5rem !important; }
  .p-bottom-12__l { padding-bottom: 6rem !important; }
  .p-bottom-13__l { padding-bottom: 6.5rem !important; }
  .p-bottom-14__l { padding-bottom: 7rem !important; }
  .p-bottom-15__l { padding-bottom: 7.5rem !important; }
  .p-bottom-16__l { padding-bottom: 8rem !important; } }

.m-left-0 { margin-left: 0 !important; }

.m-left-half { margin-left: 0.25rem !important; }

.m-left-auto { margin-left: auto !important; }

.m-left-1 { margin-left: 0.5rem !important; }

.m-left-2 { margin-left: 1rem !important; }

.m-left-3 { margin-left: 1.5rem !important; }

.m-left-4 { margin-left: 2rem !important; }

.m-left-5 { margin-left: 2.5rem !important; }

.m-left-6 { margin-left: 3rem !important; }

.m-left-7 { margin-left: 3.5rem !important; }

.m-left-8 { margin-left: 4rem !important; }

.m-left-9 { margin-left: 4.5rem !important; }

.m-left-10 { margin-left: 5rem !important; }

.m-left-11 { margin-left: 5.5rem !important; }

.m-left-12 { margin-left: 6rem !important; }

.m-left-13 { margin-left: 6.5rem !important; }

.m-left-14 { margin-left: 7rem !important; }

.m-left-15 { margin-left: 7.5rem !important; }

.m-left-16 { margin-left: 8rem !important; }

@media screen and (min-width: 750px) { .m-left-0__m { margin-left: 0 !important; }
  .m-left-half__m { margin-left: 0.25rem !important; }
  .m-left-auto__m { margin-left: auto !important; }
  .m-left-1__m { margin-left: 0.5rem !important; }
  .m-left-2__m { margin-left: 1rem !important; }
  .m-left-3__m { margin-left: 1.5rem !important; }
  .m-left-4__m { margin-left: 2rem !important; }
  .m-left-5__m { margin-left: 2.5rem !important; }
  .m-left-6__m { margin-left: 3rem !important; }
  .m-left-7__m { margin-left: 3.5rem !important; }
  .m-left-8__m { margin-left: 4rem !important; }
  .m-left-9__m { margin-left: 4.5rem !important; }
  .m-left-10__m { margin-left: 5rem !important; }
  .m-left-11__m { margin-left: 5.5rem !important; }
  .m-left-12__m { margin-left: 6rem !important; }
  .m-left-13__m { margin-left: 6.5rem !important; }
  .m-left-14__m { margin-left: 7rem !important; }
  .m-left-15__m { margin-left: 7.5rem !important; }
  .m-left-16__m { margin-left: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-left-0__l { margin-left: 0 !important; }
  .m-left-half__l { margin-left: 0.25rem !important; }
  .m-left-auto__l { margin-left: auto !important; }
  .m-left-1__l { margin-left: 0.5rem !important; }
  .m-left-2__l { margin-left: 1rem !important; }
  .m-left-3__l { margin-left: 1.5rem !important; }
  .m-left-4__l { margin-left: 2rem !important; }
  .m-left-5__l { margin-left: 2.5rem !important; }
  .m-left-6__l { margin-left: 3rem !important; }
  .m-left-7__l { margin-left: 3.5rem !important; }
  .m-left-8__l { margin-left: 4rem !important; }
  .m-left-9__l { margin-left: 4.5rem !important; }
  .m-left-10__l { margin-left: 5rem !important; }
  .m-left-11__l { margin-left: 5.5rem !important; }
  .m-left-12__l { margin-left: 6rem !important; }
  .m-left-13__l { margin-left: 6.5rem !important; }
  .m-left-14__l { margin-left: 7rem !important; }
  .m-left-15__l { margin-left: 7.5rem !important; }
  .m-left-16__l { margin-left: 8rem !important; } }

.p-left-0 { padding-left: 0 !important; }

.p-left-half { padding-left: 0.25rem !important; }

.p-left-auto { padding-left: auto !important; }

.p-left-1 { padding-left: 0.5rem !important; }

.p-left-2 { padding-left: 1rem !important; }

.p-left-3 { padding-left: 1.5rem !important; }

.p-left-4 { padding-left: 2rem !important; }

.p-left-5 { padding-left: 2.5rem !important; }

.p-left-6 { padding-left: 3rem !important; }

.p-left-7 { padding-left: 3.5rem !important; }

.p-left-8 { padding-left: 4rem !important; }

.p-left-9 { padding-left: 4.5rem !important; }

.p-left-10 { padding-left: 5rem !important; }

.p-left-11 { padding-left: 5.5rem !important; }

.p-left-12 { padding-left: 6rem !important; }

.p-left-13 { padding-left: 6.5rem !important; }

.p-left-14 { padding-left: 7rem !important; }

.p-left-15 { padding-left: 7.5rem !important; }

.p-left-16 { padding-left: 8rem !important; }

@media screen and (min-width: 750px) { .p-left-0__m { padding-left: 0 !important; }
  .p-left-half__m { padding-left: 0.25rem !important; }
  .p-left-auto__m { padding-left: auto !important; }
  .p-left-1__m { padding-left: 0.5rem !important; }
  .p-left-2__m { padding-left: 1rem !important; }
  .p-left-3__m { padding-left: 1.5rem !important; }
  .p-left-4__m { padding-left: 2rem !important; }
  .p-left-5__m { padding-left: 2.5rem !important; }
  .p-left-6__m { padding-left: 3rem !important; }
  .p-left-7__m { padding-left: 3.5rem !important; }
  .p-left-8__m { padding-left: 4rem !important; }
  .p-left-9__m { padding-left: 4.5rem !important; }
  .p-left-10__m { padding-left: 5rem !important; }
  .p-left-11__m { padding-left: 5.5rem !important; }
  .p-left-12__m { padding-left: 6rem !important; }
  .p-left-13__m { padding-left: 6.5rem !important; }
  .p-left-14__m { padding-left: 7rem !important; }
  .p-left-15__m { padding-left: 7.5rem !important; }
  .p-left-16__m { padding-left: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-left-0__l { padding-left: 0 !important; }
  .p-left-half__l { padding-left: 0.25rem !important; }
  .p-left-auto__l { padding-left: auto !important; }
  .p-left-1__l { padding-left: 0.5rem !important; }
  .p-left-2__l { padding-left: 1rem !important; }
  .p-left-3__l { padding-left: 1.5rem !important; }
  .p-left-4__l { padding-left: 2rem !important; }
  .p-left-5__l { padding-left: 2.5rem !important; }
  .p-left-6__l { padding-left: 3rem !important; }
  .p-left-7__l { padding-left: 3.5rem !important; }
  .p-left-8__l { padding-left: 4rem !important; }
  .p-left-9__l { padding-left: 4.5rem !important; }
  .p-left-10__l { padding-left: 5rem !important; }
  .p-left-11__l { padding-left: 5.5rem !important; }
  .p-left-12__l { padding-left: 6rem !important; }
  .p-left-13__l { padding-left: 6.5rem !important; }
  .p-left-14__l { padding-left: 7rem !important; }
  .p-left-15__l { padding-left: 7.5rem !important; }
  .p-left-16__l { padding-left: 8rem !important; } }

.m-x-0 { margin-left: 0 !important; margin-right: 0 !important; }

.m-x-half { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }

.m-x-auto { margin-left: auto !important; margin-right: auto !important; }

.m-x-1 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }

.m-x-2 { margin-left: 1rem !important; margin-right: 1rem !important; }

.m-x-3 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }

.m-x-4 { margin-left: 2rem !important; margin-right: 2rem !important; }

.m-x-5 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }

.m-x-6 { margin-left: 3rem !important; margin-right: 3rem !important; }

.m-x-7 { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }

.m-x-8 { margin-left: 4rem !important; margin-right: 4rem !important; }

.m-x-9 { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }

.m-x-10 { margin-left: 5rem !important; margin-right: 5rem !important; }

.m-x-11 { margin-left: 5.5rem !important; margin-right: 5.5rem !important; }

.m-x-12 { margin-left: 6rem !important; margin-right: 6rem !important; }

.m-x-13 { margin-left: 6.5rem !important; margin-right: 6.5rem !important; }

.m-x-14 { margin-left: 7rem !important; margin-right: 7rem !important; }

.m-x-15 { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }

.m-x-16 { margin-left: 8rem !important; margin-right: 8rem !important; }

@media screen and (min-width: 750px) { .m-x-0__m { margin-left: 0 !important; margin-right: 0 !important; }
  .m-x-half__m { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .m-x-auto__m { margin-left: auto !important; margin-right: auto !important; }
  .m-x-1__m { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-x-2__m { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-x-3__m { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-x-4__m { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-x-5__m { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .m-x-6__m { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-x-7__m { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
  .m-x-8__m { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-x-9__m { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .m-x-10__m { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-x-11__m { margin-left: 5.5rem !important; margin-right: 5.5rem !important; }
  .m-x-12__m { margin-left: 6rem !important; margin-right: 6rem !important; }
  .m-x-13__m { margin-left: 6.5rem !important; margin-right: 6.5rem !important; }
  .m-x-14__m { margin-left: 7rem !important; margin-right: 7rem !important; }
  .m-x-15__m { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
  .m-x-16__m { margin-left: 8rem !important; margin-right: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-x-0__l { margin-left: 0 !important; margin-right: 0 !important; }
  .m-x-half__l { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .m-x-auto__l { margin-left: auto !important; margin-right: auto !important; }
  .m-x-1__l { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .m-x-2__l { margin-left: 1rem !important; margin-right: 1rem !important; }
  .m-x-3__l { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .m-x-4__l { margin-left: 2rem !important; margin-right: 2rem !important; }
  .m-x-5__l { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .m-x-6__l { margin-left: 3rem !important; margin-right: 3rem !important; }
  .m-x-7__l { margin-left: 3.5rem !important; margin-right: 3.5rem !important; }
  .m-x-8__l { margin-left: 4rem !important; margin-right: 4rem !important; }
  .m-x-9__l { margin-left: 4.5rem !important; margin-right: 4.5rem !important; }
  .m-x-10__l { margin-left: 5rem !important; margin-right: 5rem !important; }
  .m-x-11__l { margin-left: 5.5rem !important; margin-right: 5.5rem !important; }
  .m-x-12__l { margin-left: 6rem !important; margin-right: 6rem !important; }
  .m-x-13__l { margin-left: 6.5rem !important; margin-right: 6.5rem !important; }
  .m-x-14__l { margin-left: 7rem !important; margin-right: 7rem !important; }
  .m-x-15__l { margin-left: 7.5rem !important; margin-right: 7.5rem !important; }
  .m-x-16__l { margin-left: 8rem !important; margin-right: 8rem !important; } }

.p-x-0 { padding-left: 0 !important; padding-right: 0 !important; }

.p-x-half { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }

.p-x-auto { padding-left: auto !important; padding-right: auto !important; }

.p-x-1 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }

.p-x-2 { padding-left: 1rem !important; padding-right: 1rem !important; }

.p-x-3 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }

.p-x-4 { padding-left: 2rem !important; padding-right: 2rem !important; }

.p-x-5 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }

.p-x-6 { padding-left: 3rem !important; padding-right: 3rem !important; }

.p-x-7 { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }

.p-x-8 { padding-left: 4rem !important; padding-right: 4rem !important; }

.p-x-9 { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }

.p-x-10 { padding-left: 5rem !important; padding-right: 5rem !important; }

.p-x-11 { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }

.p-x-12 { padding-left: 6rem !important; padding-right: 6rem !important; }

.p-x-13 { padding-left: 6.5rem !important; padding-right: 6.5rem !important; }

.p-x-14 { padding-left: 7rem !important; padding-right: 7rem !important; }

.p-x-15 { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }

.p-x-16 { padding-left: 8rem !important; padding-right: 8rem !important; }

@media screen and (min-width: 750px) { .p-x-0__m { padding-left: 0 !important; padding-right: 0 !important; }
  .p-x-half__m { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .p-x-auto__m { padding-left: auto !important; padding-right: auto !important; }
  .p-x-1__m { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-x-2__m { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-x-3__m { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-x-4__m { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-x-5__m { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .p-x-6__m { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-x-7__m { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }
  .p-x-8__m { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-x-9__m { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .p-x-10__m { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-x-11__m { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }
  .p-x-12__m { padding-left: 6rem !important; padding-right: 6rem !important; }
  .p-x-13__m { padding-left: 6.5rem !important; padding-right: 6.5rem !important; }
  .p-x-14__m { padding-left: 7rem !important; padding-right: 7rem !important; }
  .p-x-15__m { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
  .p-x-16__m { padding-left: 8rem !important; padding-right: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-x-0__l { padding-left: 0 !important; padding-right: 0 !important; }
  .p-x-half__l { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .p-x-auto__l { padding-left: auto !important; padding-right: auto !important; }
  .p-x-1__l { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .p-x-2__l { padding-left: 1rem !important; padding-right: 1rem !important; }
  .p-x-3__l { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .p-x-4__l { padding-left: 2rem !important; padding-right: 2rem !important; }
  .p-x-5__l { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .p-x-6__l { padding-left: 3rem !important; padding-right: 3rem !important; }
  .p-x-7__l { padding-left: 3.5rem !important; padding-right: 3.5rem !important; }
  .p-x-8__l { padding-left: 4rem !important; padding-right: 4rem !important; }
  .p-x-9__l { padding-left: 4.5rem !important; padding-right: 4.5rem !important; }
  .p-x-10__l { padding-left: 5rem !important; padding-right: 5rem !important; }
  .p-x-11__l { padding-left: 5.5rem !important; padding-right: 5.5rem !important; }
  .p-x-12__l { padding-left: 6rem !important; padding-right: 6rem !important; }
  .p-x-13__l { padding-left: 6.5rem !important; padding-right: 6.5rem !important; }
  .p-x-14__l { padding-left: 7rem !important; padding-right: 7rem !important; }
  .p-x-15__l { padding-left: 7.5rem !important; padding-right: 7.5rem !important; }
  .p-x-16__l { padding-left: 8rem !important; padding-right: 8rem !important; } }

.m-y-0 { margin-top: 0 !important; margin-bottom: 0 !important; }

.m-y-half { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }

.m-y-auto { margin-top: auto !important; margin-bottom: auto !important; }

.m-y-1 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }

.m-y-2 { margin-top: 1rem !important; margin-bottom: 1rem !important; }

.m-y-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }

.m-y-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; }

.m-y-5 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }

.m-y-6 { margin-top: 3rem !important; margin-bottom: 3rem !important; }

.m-y-7 { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }

.m-y-8 { margin-top: 4rem !important; margin-bottom: 4rem !important; }

.m-y-9 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }

.m-y-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }

.m-y-11 { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; }

.m-y-12 { margin-top: 6rem !important; margin-bottom: 6rem !important; }

.m-y-13 { margin-top: 6.5rem !important; margin-bottom: 6.5rem !important; }

.m-y-14 { margin-top: 7rem !important; margin-bottom: 7rem !important; }

.m-y-15 { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }

.m-y-16 { margin-top: 8rem !important; margin-bottom: 8rem !important; }

@media screen and (min-width: 750px) { .m-y-0__m { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-y-half__m { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .m-y-auto__m { margin-top: auto !important; margin-bottom: auto !important; }
  .m-y-1__m { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-y-2__m { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-y-3__m { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-y-4__m { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-y-5__m { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .m-y-6__m { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-y-7__m { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }
  .m-y-8__m { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-y-9__m { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  .m-y-10__m { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-y-11__m { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; }
  .m-y-12__m { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-y-13__m { margin-top: 6.5rem !important; margin-bottom: 6.5rem !important; }
  .m-y-14__m { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-y-15__m { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
  .m-y-16__m { margin-top: 8rem !important; margin-bottom: 8rem !important; } }

@media screen and (min-width: 1050px) { .m-y-0__l { margin-top: 0 !important; margin-bottom: 0 !important; }
  .m-y-half__l { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .m-y-auto__l { margin-top: auto !important; margin-bottom: auto !important; }
  .m-y-1__l { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .m-y-2__l { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .m-y-3__l { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .m-y-4__l { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .m-y-5__l { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .m-y-6__l { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .m-y-7__l { margin-top: 3.5rem !important; margin-bottom: 3.5rem !important; }
  .m-y-8__l { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .m-y-9__l { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; }
  .m-y-10__l { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .m-y-11__l { margin-top: 5.5rem !important; margin-bottom: 5.5rem !important; }
  .m-y-12__l { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .m-y-13__l { margin-top: 6.5rem !important; margin-bottom: 6.5rem !important; }
  .m-y-14__l { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .m-y-15__l { margin-top: 7.5rem !important; margin-bottom: 7.5rem !important; }
  .m-y-16__l { margin-top: 8rem !important; margin-bottom: 8rem !important; } }

.p-y-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.p-y-half { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }

.p-y-auto { padding-top: auto !important; padding-bottom: auto !important; }

.p-y-1 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }

.p-y-2 { padding-top: 1rem !important; padding-bottom: 1rem !important; }

.p-y-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }

.p-y-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; }

.p-y-5 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }

.p-y-6 { padding-top: 3rem !important; padding-bottom: 3rem !important; }

.p-y-7 { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }

.p-y-8 { padding-top: 4rem !important; padding-bottom: 4rem !important; }

.p-y-9 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }

.p-y-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; }

.p-y-11 { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }

.p-y-12 { padding-top: 6rem !important; padding-bottom: 6rem !important; }

.p-y-13 { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }

.p-y-14 { padding-top: 7rem !important; padding-bottom: 7rem !important; }

.p-y-15 { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }

.p-y-16 { padding-top: 8rem !important; padding-bottom: 8rem !important; }

@media screen and (min-width: 750px) { .p-y-0__m { padding-top: 0 !important; padding-bottom: 0 !important; }
  .p-y-half__m { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .p-y-auto__m { padding-top: auto !important; padding-bottom: auto !important; }
  .p-y-1__m { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-y-2__m { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-y-3__m { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-y-4__m { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-y-5__m { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .p-y-6__m { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-y-7__m { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  .p-y-8__m { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-y-9__m { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
  .p-y-10__m { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .p-y-11__m { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
  .p-y-12__m { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-y-13__m { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }
  .p-y-14__m { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-y-15__m { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
  .p-y-16__m { padding-top: 8rem !important; padding-bottom: 8rem !important; } }

@media screen and (min-width: 1050px) { .p-y-0__l { padding-top: 0 !important; padding-bottom: 0 !important; }
  .p-y-half__l { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; }
  .p-y-auto__l { padding-top: auto !important; padding-bottom: auto !important; }
  .p-y-1__l { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; }
  .p-y-2__l { padding-top: 1rem !important; padding-bottom: 1rem !important; }
  .p-y-3__l { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
  .p-y-4__l { padding-top: 2rem !important; padding-bottom: 2rem !important; }
  .p-y-5__l { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
  .p-y-6__l { padding-top: 3rem !important; padding-bottom: 3rem !important; }
  .p-y-7__l { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; }
  .p-y-8__l { padding-top: 4rem !important; padding-bottom: 4rem !important; }
  .p-y-9__l { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; }
  .p-y-10__l { padding-top: 5rem !important; padding-bottom: 5rem !important; }
  .p-y-11__l { padding-top: 5.5rem !important; padding-bottom: 5.5rem !important; }
  .p-y-12__l { padding-top: 6rem !important; padding-bottom: 6rem !important; }
  .p-y-13__l { padding-top: 6.5rem !important; padding-bottom: 6.5rem !important; }
  .p-y-14__l { padding-top: 7rem !important; padding-bottom: 7rem !important; }
  .p-y-15__l { padding-top: 7.5rem !important; padding-bottom: 7.5rem !important; }
  .p-y-16__l { padding-top: 8rem !important; padding-bottom: 8rem !important; } }

.t-body { font-family: "Proxima Nova", sans-serif !important; }

.t-heading { font-family: "Ubuntu", sans-serif !important; }

.t-mono { font-family: "Ubuntu Mono", monospace !important; }

.t-0 { font-size: 0.875rem !important; line-height: 1rem; }

.t-1 { font-size: 1rem !important; line-height: 1.5rem; }

.t-2 { font-size: 1.25rem !important; line-height: 2rem; }

.t-3 { font-size: 1.5rem !important; line-height: 2rem; }

.t-4 { font-size: 2rem !important; line-height: 2.5rem; }

.t-5, .t-6 { font-size: 2.5rem !important; line-height: 3rem; }

.t-left { text-align: left !important; }

.t-right { text-align: right !important; }

.t-center { text-align: center !important; }

.t-justify { text-align: justify !important; }

.t-extrabold { font-weight: 900 !important; }

.t-bold { font-weight: 600 !important; }

.t-light { font-weight: 300 !important; }

.t-lighter { font-weight: 100 !important; }

.t-regular { font-weight: 400 !important; }

.t-medium { font-weight: 500 !important; }

.t-decoration-underline { text-decoration: underline !important; }

.t-decoration-none { text-decoration: none !important; }

.t-style-italic { font-style: italic !important; }

.t-transform-capitalize { text-transform: capitalize !important; }

.t-transform-lowercase { text-transform: lowercase !important; }

.t-transform-uppercase { text-transform: uppercase !important; }

.t-transform-none { text-transform: none !important; }

.t-line-height-5 { line-height: 3rem !important; }

.t-line-height-4 { line-height: 2.5rem !important; }

.t-line-height-3 { line-height: 2rem !important; }

.t-line-height-2 { line-height: 1.5rem !important; }

.t-line-height-1 { line-height: 1rem !important; }

.t-line-height-double { line-height: 2 !important; }

.t-line-height-single { line-height: 1 !important; }

.t-caret:after { content: ''; display: inline-block; width: 0; height: 0; border: .3em solid transparent; border-bottom-width: .14em; border-top-color: currentColor; vertical-align: middle; margin-left: .5rem; }

@media screen and (min-width: 750px) { .t-0__m { font-size: 0.875rem !important; line-height: 1rem; }
  .t-1__m { font-size: 1rem !important; line-height: 1.5rem; }
  .t-2__m { font-size: 1.25rem !important; line-height: 2rem; }
  .t-3__m { font-size: 1.5rem !important; line-height: 2rem; }
  .t-4__m { font-size: 2rem !important; line-height: 2.5rem; }
  .t-5__m { font-size: 2.5rem !important; line-height: 3rem; }
  .t-6__m { font-size: 2.5rem !important; line-height: 3rem; }
  .t-line-height-5__m { line-height: 3rem !important; }
  .t-line-height-4__m { line-height: 2.5rem !important; }
  .t-line-height-3__m { line-height: 2rem !important; }
  .t-line-height-2__m { line-height: 1.5rem !important; }
  .t-line-height-1__m { line-height: 1rem !important; }
  .t-left__m { text-align: left !important; }
  .t-right__m { text-align: right !important; }
  .t-center__m { text-align: center !important; }
  .t-justify__m { text-align: justify !important; }
  .t-extrabold__m { font-weight: 900 !important; }
  .t-bold__m { font-weight: 600 !important; }
  .t-light__m { font-weight: 300 !important; }
  .t-lighter__m { font-weight: 100 !important; }
  .t-regular__m { font-weight: 400 !important; } }

@media screen and (min-width: 1050px) { .t-0__l { font-size: 0.875rem !important; line-height: 1rem; }
  .t-1__l { font-size: 1rem !important; line-height: 1.5rem; }
  .t-2__l { font-size: 1.25rem !important; line-height: 2rem; }
  .t-3__l { font-size: 1.5rem !important; line-height: 2rem; }
  .t-4__l { font-size: 2rem !important; line-height: 2.5rem; }
  .t-5__l { font-size: 2.5rem !important; line-height: 3rem; }
  .t-6__l { font-size: 2.5rem !important; line-height: 3rem; }
  .t-line-height-5__l { line-height: 3rem !important; }
  .t-line-height-4__l { line-height: 2.5rem !important; }
  .t-line-height-3__l { line-height: 2rem !important; }
  .t-line-height-2__l { line-height: 1.5rem !important; }
  .t-line-height-1__l { line-height: 1rem !important; }
  .t-left__l { text-align: left !important; }
  .t-right__l { text-align: right !important; }
  .t-center__l { text-align: center !important; }
  .t-justify__l { text-align: justify !important; }
  .t-extrabold__l { font-weight: 900 !important; }
  .t-bold__l { font-weight: 600 !important; }
  .t-light__l { font-weight: 300 !important; }
  .t-lighter__l { font-weight: 100 !important; }
  .t-regular__l { font-weight: 400 !important; } }

.w-0 { width: 0 !important; }

.w-1 { width: 1% !important; }

.w-25 { width: 25% !important; }

.w-33 { width: 33.33% !important; }

.w-50 { width: 50% !important; }

.w-66 { width: 66.66% !important; }

.w-75 { width: 75% !important; }

.w-99 { width: 99% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

@media screen and (min-width: 750px) { .w-0__m { width: 0 !important; }
  .w-1__m { width: 1% !important; }
  .w-25__m { width: 25% !important; }
  .w-33__m { width: 33.33% !important; }
  .w-50__m { width: 50% !important; }
  .w-66__m { width: 66.66% !important; }
  .w-75__m { width: 75% !important; }
  .w-99__m { width: 99% !important; }
  .w-100__m { width: 100% !important; }
  .w-auto__m { width: auto !important; } }

@media screen and (min-width: 1050px) { .w-0__l { width: 0 !important; }
  .w-1__l { width: 1% !important; }
  .w-25__l { width: 25% !important; }
  .w-33__l { width: 33.33% !important; }
  .w-50__l { width: 50% !important; }
  .w-66__l { width: 66.66% !important; }
  .w-75__l { width: 75% !important; }
  .w-99__l { width: 99% !important; }
  .w-100__l { width: 100% !important; }
  .w-auto__l { width: auto !important; } }

.Accordion { overflow: hidden; background: #ffffff; border: solid 1px #E0E4E8; border-radius: 3px; margin-bottom: 1rem; }

.Accordion .Accordion__toggle { font-size: 1.25rem; line-height: 2rem; font-family: "Proxima Nova", sans-serif; color: #0073EC; display: block; padding: 1rem; }

.Accordion .Accordion__toggle:hover { cursor: pointer; }

.Accordion .Accordion__toggle:before { transition: all 0.1s ease-in-out; content: ""; display: inline-block; height: 16px; width: 16px; margin-right: 1rem; background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M5.6 27.1L15.9 16 5.6 4.9 12.2 0 27 16 12.2 32l-6.6-4.9z' fill='%230073EC'/></svg>"); transform: rotate(90deg); }

.Accordion .Accordion__content { transition: all 0.1s ease-in-out; opacity: 0; height: 0; font-size: 1rem; line-height: calc(1em + 8px); color: #434F58; padding: 0 3rem; }

.Accordion .Accordion__content p:last-of-type { margin-bottom: 0.375rem; }

.Accordion .Accordion__content > * { pointer-events: none; }

.Accordion.Accordion--open .Accordion__toggle { padding-bottom: 0.5rem; }

.Accordion.Accordion--open .Accordion__toggle:before { transform: rotate(-90deg); }

.Accordion.Accordion--open .Accordion__toggle:hover:before { background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31.3 31.3'><path d='M8.4 15.7l-7-7.1c-2-2-1.9-5.2.3-7.2 2.1-1.9 5.5-1.8 7.5.2l6.5 6.6 6.5-6.6c2-2 5.4-2.2 7.5-.2 2.1 1.9 2.3 5.1.3 7.2l-7 7.1 7 7.1c2 2 1.9 5.2-.3 7.2-2.1 1.9-5.5 1.8-7.5-.3l-6.5-6.6-6.5 6.6c-2 2-5.4 2.2-7.5.3-2.1-1.9-2.3-5.1-.3-7.2l7-7.1z' fill='%230073EC'/></svg>"); }

.Accordion.Accordion--open .Accordion__content { opacity: 1; height: 100%; padding: 0 3rem 1rem 3rem; }

.Accordion.Accordion--open .Accordion__content > * { pointer-events: all; }

.Alert { padding: 1.5rem; border-radius: 3px; margin-bottom: 2rem; color: #434F58; font-size: 1rem; line-height: calc(1em + 8px); }

.Alert *:last-child { margin-bottom: 0; }

.Alert__heading { font-weight: 600; font-family: "Ubuntu", sans-serif; margin: 0; }

.Alert--success { background: #E5FEFF; border-left: 0.5rem solid #00CAAA; }

.Alert--error { background: #FFCCCE; border-left: 0.5rem solid #FF4A48; }

.Alert:not(.Alert--success):not(.Alert--error) { background: #FFF4B6; border-left: 0.5rem solid #FFDA00; }

.Alert--compact { padding: 1rem; }

.Bar { border-radius: 10px; border: 1px solid #AFBFC9; }

.Bar + .Bar { margin-top: 1.5rem; }

.Bar__row { display: -ms-flexbox; display: flex; min-height: 88px; -ms-flex-direction: column; flex-direction: column; }

.Bar__group-icon { min-width: 32px; max-width: 32px; margin-right: 1rem; }

.Bar__group { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 1.5rem; padding-right: 1rem; }

.Bar__group--start { width: 100%; margin-right: auto; white-space: nowrap; font-weight: 600; color: #000000; }

.Bar__group--mid { width: 100%; padding: 1.5rem; }

.Bar__group--end { padding: 0; }

@media (min-width: 1050px) { .Bar__row { -ms-flex-direction: row; flex-direction: row; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }
  .Bar__group--start { margin-bottom: 0; width: 25%; }
  .Bar__group--mid { width: 250px; white-space: nowrap; text-overflow: ellipsis; display: block; border: 0; }
  .Bar__group--end { border: 0; }
  .Bar__group--end { padding: 1.5rem; margin-left: auto; } }

.Bar__drawer, .Bar__delete, .Bar__edit, .Bar__alert { display: none; }

.Bar.is-open { box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.08); }

.Bar.is-open .Bar__drawer { display: block; }

.Bar__drawer { background: #F4F6F9; border-radius: 0 0 10px 10px; }

.Bar.is-open .chevron-down, .chevron-up { transform: rotate(180deg); }

.Bar.delete-mode .Bar__delete { display: -ms-flexbox; display: flex; }

.Bar.edit-mode .Bar__edit { display: block; }

.Bar__editable { cursor: pointer; }

.Bar__editable-icon { display: none; }

.Bar__editable:hover .Bar__editable-text { border-bottom: 1px solid #434F58; }

.Bar__editable:hover .Bar__editable-icon { display: inline-block; }

.Bar.has-alert .Bar__alert { display: block; }

/*

Buttons

	Can be used with anchor or button tags. Tag Buttons require a data-label
	attribute, and inherit colors from _Tags.scss.

	Usage
	.Button                 - Default
	.Button--primary        - Primary
	.Button--danger         - Danger!
	.Button--disabled       - Disabled

	Colors
	.Button--dark           - Dark color
	.Button--light          -Light color

	Shapes
	.Button                 - Default shape
	.Button--text           - Underlined text

	Sizes
	.Button                 - Default size
	.Button--hero           - Hero size
	.Button--compact        - Compact size

	Markup
	<a href="#" class="Button {{modifier_class}}" data-label="label">Text</a>

	Styleguide Base.Buttons

*/
.Button { font-family: "Proxima Nova", sans-serif; color: #0073EC; background: transparent; border: solid 1px #0073EC; border-radius: 3px; display: inline-block; font-size: 1rem; line-height: 1rem; padding: 0.75rem 2rem 0.625rem; margin: 0; text-align: center; text-decoration: none; font-weight: 600; text-shadow: none; vertical-align: baseline; outline: none; transition: all 0.2s ease-in-out; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.Button:hover, .Button:active, .Button.is-open { color: #004186; text-decoration: none; border-color: #005ab9; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1); }

.Button svg { vertical-align: middle; }

.Button svg:first-child { margin-right: .3em; }

.Button svg:last-child { margin-left: .3em; }

.Button svg path { fill: currentColor; }

.Button--primary { background: #0073EC; color: #ffffff; border: solid 1px #0073EC; }

.Button--primary:hover, .Button--primary:active, .Button--primary.is-open { color: #ffffff; background: #005ab9; border-color: #0073EC; }

.Button--light { border-color: #ffffff; color: #ffffff; }

.Button--light:hover, .Button--light:active, .Button--light.is-open { color: #071c26; background: #ffffff; border-color: #ffffff; }

.Button--dark { border-color: #071c26; color: #071c26; }

.Button--dark:hover, .Button--dark:active, .Button--dark.is-open { color: #ffffff; background: #071c26; border-color: #071c26; }

.Button__tag { position: relative; padding-left: 3rem; margin-left: 3em; border-color: #071c26; color: #071c26; }

.Button__tag:hover { border-color: #0073EC; color: #0073EC; }

.Button__tag:before { content: attr(data-label); position: absolute; text-transform: uppercase; font-size: 0.875rem; line-height: 1rem; right: calc(100% - 2rem); top: 7px; padding: 0.25rem 0.75rem; border-radius: 50px; }

.Button__tag.Button__tag--negative:hover, .Button__tag.Button__tag--negative.is-open { border-color: #FF4A48; color: #4F0703; }

.Button__tag.Button--compact { padding-left: 2.75em; }

.Button__tag.Button--compact:before { top: 0.1875rem; }

.Button__tag.Button--block { margin-left: 0; }

.Button--danger { background: transparent; border-color: #FF4A48; color: #FF4A48; }

.Button--danger:hover, .Button--danger:active, .Button--danger.is-open { background: #FF4A48; border-color: #FF4A48; color: #4F0703; }

.Button--danger.Button--text { color: #FF4A48; background: transparent; }

.Button--danger.Button--text:hover { color: #ff1815; background: transparent; }

.Button--compact { font-size: 1rem; line-height: 1rem; padding: 0.5rem 1rem 0.375rem; }

.Button--hero { padding: 0.9375rem 2rem; }

.Button:disabled, .Button--disabled { cursor: not-allowed; text-shadow: none; border-color: #E0E4E8; background: #E0E4E8; color: #677983; }

.Button:disabled:hover, .Button:disabled:active, .Button:disabled.is-open, .Button--disabled:hover, .Button--disabled:active, .Button--disabled.is-open { background: #E0E4E8; color: #677983; transform: scale(1); box-shadow: none; border-color: #E0E4E8; }

.Button:disabled:active, .Button--disabled:active { pointer-events: none; }

.Button:disabled.Button--text, .Button--disabled.Button--text { color: #677983; background: transparent; }

.Button--text { background: transparent; border: none; position: relative; color: #0073EC; font-size: 1rem; line-height: 1rem; text-decoration: none; padding: 0; }

.Button--text:hover, .Button--text:active, .Button--text.is-open { border: none; background: transparent; box-shadow: none; color: #005ab9; transform: scale(1); }

.Button--text:active { color: rgba(7, 28, 38, 0.6); }

.Button--text:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: currentColor; height: 1px; transition: right 0.2s ease-out; }

.Button--text:hover:before { right: 0%; }

.Button--block { display: block; width: 100%; margin: 0; }

.Button + .Button { margin-left: 1em; }

.Button + .Button.Button--block { margin-left: 0; }

/*

Cards

	Useful for displaying a heading, content, and call-to-action in a box.
	Optionally supports a label, and two different sized icons. Use with
	the grid for positioning.

	Options:
	- .Card__wrapper            Cards occupy same vertical space with flexbox
	- .Card__icon               Include on an <img> to add a small icon
	- .Card__large-icon         Include on an <img> to add a large icon
	- .Card--disabled           Makes the card appear disabled

	Usage:
	<div class="Card g-1_3">
		<svg class="Card__icon Icon Icon--size-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M10.4 18.8l14-15.4c1.7-1.8 4.5-1.9 6.3-.1 1.7 1.7 1.8 4.5.2 6.3L14.3 27.9c-1.3 2.1-4 2.8-6.1 1.4-.4-.3-.8-.6-1.1-1l-5.8-6c-1.7-1.8-1.6-4.7.1-6.5 1.7-1.7 4.4-1.7 6.2 0l2.8 3z"></path></svg>
		<h4 class="Card__heading"><strong>Whatever</strong></h4>
		<p class="Card__content">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
		<a href="#" class="Button">Go!</a>
	</div>

	Note: Labels require large icons.

*/
.Card__wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.Card__wrapper .Card { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; }

.Card__wrapper .Card__content { -ms-flex: 1 0 auto; flex: 1 0 auto; }

.Card { padding: 2.5rem; position: relative; margin-bottom: 2rem; }

.Card hr { border-bottom-color: #CCEFFF; margin: 1rem 0; }

.Card .Card__heading { color: #071c26; margin-bottom: 0.5rem; }

.Card .Card__content { margin-bottom: 1.5rem; color: #677983; font-size: 1rem; line-height: 1.5rem; }

.Card .Card__icon, .Card .Card__large-icon { display: inline-block; margin-right: 0.5rem; margin-bottom: 0; }

.Card.Card__number { text-align: center; color: #071c26; }

.Card.Card__number .Card__heading { margin-bottom: 0; }

.Card.Card__number .Card__content { color: #071c26; font-size: 1.25rem; line-height: 2rem; }

.Card.Card__featured { border: solid 1px #0073EC; border-radius: 3px; }

.Card.Card__featured .Card__heading { color: #071c26; font-size: 1.25rem; line-height: 2rem; margin-bottom: 1rem; }

.Card.Card__featured .Card__content { color: #071c26; }

.Card.Card__plan { text-align: center; border: solid 1px #E0E4E8; border-radius: 3px; }

.Card.Card__plan .Card__heading { color: #071c26; font-size: 1.5rem; line-height: calc(1em + 8px); margin-bottom: 1rem; }

.Card.Card__plan .Card__subheading { font-size: 0.875rem; line-height: 1rem; color: #0073EC; text-transform: uppercase; }

.Card.Card__plan .Card__number { margin: 1rem 0; font-size: 2.5rem; line-height: calc(1em + 8px); color: #071c26; }

.Card.Card__plan--highlighted { text-align: center; border: solid 1px #E0E4E8; border-radius: 3px; border: solid 1px #F59D00; }

.Card.Card__plan--highlighted .Card__heading { color: #071c26; font-size: 1.5rem; line-height: calc(1em + 8px); margin-bottom: 1rem; }

.Card.Card__plan--highlighted .Card__subheading { font-size: 0.875rem; line-height: 1rem; color: #0073EC; text-transform: uppercase; }

.Card.Card__plan--highlighted .Card__number { margin: 1rem 0; font-size: 2.5rem; line-height: calc(1em + 8px); color: #071c26; }

.Card.Card__plan--highlighted .Tag { position: absolute; top: -24px; right: -1px; }

.Card.Card__plan--extended { text-align: center; border: solid 1px #E0E4E8; border-radius: 3px; }

.Card.Card__plan--extended .Card__heading { color: #071c26; font-size: 1.5rem; line-height: calc(1em + 8px); margin-bottom: 1rem; }

.Card.Card__plan--extended .Card__subheading { font-size: 0.875rem; line-height: 1rem; color: #0073EC; text-transform: uppercase; }

.Card.Card__plan--extended .Card__number { margin: 1rem 0; font-size: 2.5rem; line-height: calc(1em + 8px); color: #071c26; }

.Card.Card__plan--extended .Card__heading { color: #0073EC; }

.Card.Card__plan--extended p { font-size: 1rem; line-height: calc(1em + 8px); }

.Card.Card__plan--extended .Card__subheading { text-transform: none; color: #434F58; margin-bottom: 0; }

.Card.Card__plan--extended .Card__number { color: #0073EC; }

.Card.Card__plan--extended .List { margin: 2rem 0; }

.Card__icon { position: absolute; margin: 0; color: #0073EC; }

.Card__icon + .Card__heading, .Card__icon ~ .Card__content, .Card__icon ~ .Button { margin-left: 2.5rem; }

.Card__large-icon { position: relative; height: 56px; width: 56px; }

.Card__large-icon ~ .Card__super { position: absolute; top: 2.5rem; left: 6.25rem; }

.Card__large-icon ~ .Card__heading { position: relative; display: inline-block; margin-bottom: 1rem; top: -0.5rem; }

.Card__super { text-transform: uppercase; font-size: 0.875rem; line-height: 1rem; color: #677983; }

.Card--disabled { cursor: not-allowed; }

.Card--disabled .Card__heading, .Card--disabled .Card__content, .Card--disabled .Button { color: #AFBFC9; }

.Card--disabled .Button:before { display: none; }

/* Choice Box

	A style for larger box-style radio buttons. Includes
	a heading and content underneath it. Use alongside
	grid framework for positioning.

	Usage:
	<ul class="u-clearfix">
		<li class="ChoiceBox g-1_2__m">
			<input type="radio" class="ChoiceBox__radio"
				name="example" id="example" value="example" />
			<label for="example" class="ChoiceBox__label">
				<div class="ChoiceBox__title">
					Example Title
				</div>
				<div class="ChoiceBox__content">
					This is one of two choice boxes that appear
					next to each other.
				</div>
			</label>
		</li>
	</ul>

*/
.ChoiceBox__label { border-radius: 3px; box-shadow: inset 0 0 0 1px #E0E4E8; cursor: pointer; display: block; padding: 1rem; transition: all .2s ease-in-out; }

.ChoiceBox__label:hover { background: #F4F6F9; }

.ChoiceBox__radio:focus ~ .ChoiceBox__label { background: #F4F6F9; }

.ChoiceBox__title { color: #434F58; font-weight: bold; display: block; overflow: hidden; padding-bottom: 0.5rem; text-align: center; transition: all .2s ease-in-out; width: 100%; }

.ChoiceBox__content { border-top: 0; color: #434F58; overflow: hidden; text-align: center; transition: all .2s ease-in-out; }

.ChoiceBox { display: inline-block; font-size: 1rem; line-height: calc(1em + 8px); margin-bottom: 0.5rem; margin-right: 0.5rem; vertical-align: top; width: 100%; }

.ChoiceBox:hover .ChoiceBox__title, .ChoiceBox:hover .ChoiceBox__content, .ChoiceBox:focus .ChoiceBox__title, .ChoiceBox:focus .ChoiceBox__content { color: #000000; }

.ChoiceBox .ChoiceBox__radio { display: none; }

.ChoiceBox .ChoiceBox__radio + .ChoiceBox__label { display: block; }

.ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label { box-shadow: inset 0 0 0 2px #0073EC; position: relative; }

.ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label .ChoiceBox__content, .ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label .ChoiceBox__title { color: #000000; }

.ChoiceBox .ChoiceBox__radio:checked + .ChoiceBox__label:hover { background: #ffffff; }

/*

Form Components

*/
.Form__group { max-width: 100%; margin: 0 auto 2rem; }

.Form__inline { margin: 0 auto 2rem; }

.Form__inline .Form__group { display: table-cell; vertical-align: top; }

.Form__inline-grid { margin: 0 -2rem; }

.Form__inline-row { display: table; table-layout: fixed; width: 100%; border-collapse: separate; border-spacing: 2rem 0; }

.Form__group--actions { margin-top: 3rem; }

.Form__group--stacked .Input + .Input { margin-top: 1rem; }

.Form__group--select { position: relative; }

.Form__group--select:after { content: ''; position: absolute; pointer-events: none; bottom: 1rem; height: 0.5rem; right: 1rem; border-color: #AFBFC9 transparent; border-style: solid; border-width: .35rem .35rem 0 .35rem; transition: all .2s ease-in-out; }

.Form__group--select:hover:after { border-color: #677983 transparent; }

.Form__label { color: #434F58; display: block; font-size: 1rem; line-height: calc(1em + 8px); font-weight: 600; max-width: 35rem; }

.Form__description { color: #434F58; font-size: 1rem; line-height: calc(1em + 8px); font-weight: 400; margin-bottom: 0; }

.Input { border: 1px solid #AFBFC9; outline: none; color: #434F58; font-size: 1rem; line-height: calc(1em + 8px); font-family: "Proxima Nova", sans-serif; display: block; margin: 0; margin-top: 0.5rem; width: 100%; transition: all .2s ease-in-out; border-radius: 3px; padding: 0.4375rem 0.5rem; /* to ensure align with baseline grid. */ }

.Input:active, .Input:focus { box-shadow: 0 0 5px 0 #AFBFC9; }

.Input:active:-ms-input-placeholder, .Input:focus:-ms-input-placeholder { /* IE 10+ */ color: #fff; }

.Input:active:-moz-placeholder, .Input:focus:-moz-placeholder { /* Firefox 18- */ color: #fff; }

.Input:-ms-input-placeholder { color: #434F58; }

.Input::placeholder { color: #434F58; }

.Input--error, .Input--error:hover, .Input--error:focus { border-color: #B80C03; }

.Form__label > .Form__description { margin-bottom: 1rem; }

textarea.Input { min-height: 140px; }

.Select { border: 1px solid #AFBFC9; outline: none; color: #434F58; font-size: 1rem; line-height: calc(1em + 8px); font-family: "Proxima Nova", sans-serif; margin-top: 0.5rem; border-radius: 3px; -webkit-appearance: none; -moz-appearance: none; padding: 0.4375rem 0.5rem; background: #fff; display: block; width: 100%; transition: all .2s ease-in-out; }

.Select:hover, .Select:focus { background: #F4F6F9; }

.Select--error, .Select--error:hover, .Select--error:focus { border-color: #FF4A48; }

.Choice { color: #434F58; font-size: 1rem; line-height: calc(1em + 8px); font-family: "Proxima Nova", sans-serif; display: block; padding-left: 1.4rem; position: relative; margin-bottom: 0.5rem; }

.Choice:hover input { border-color: #0073EC; }

.Choice input { outline: none; appearance: none; transition: all 0.1s ease-in-out; position: absolute; left: 0; top: 3px; border: solid #AFBFC9 1px; background: #ffffff; padding: 7px; margin: 0; }

.Choice input:checked { border-color: #0073EC; }

.Choice input:before { content: ''; background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M10.4 18.8l14-15.4c1.7-1.8 4.5-1.9 6.3-.1 1.7 1.7 1.8 4.5.2 6.3L14.3 27.9c-1.3 2.1-4 2.8-6.1 1.4-.4-.3-.8-.6-1.1-1l-5.8-6c-1.7-1.8-1.6-4.7.1-6.5 1.7-1.7 4.4-1.7 6.2 0l2.8 3z' fill='%230073EC'/></svg>"); opacity: 0; position: absolute; top: 1px; left: 1px; height: 12px; width: 12px; }

.Choice input:checked:before { opacity: 1; animation: zoomIn 1s 1 cubic-bezier(0.075, 0.82, 0.165, 1); animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.Choice input[type='radio'] { border-radius: 50px; }

.Choice input[type='radio']:before { animation: none; transition: all 0.3s ease-in-out; background: #0073EC; position: absolute; top: 3px; left: 3px; width: 8px; height: 8px; padding: 0; border-radius: 50px; transform: scale(0); }

.Choice input[type='radio']:hover:before { transform: scale(0.5); }

.Choice input[type='radio']:checked { border-color: #1176A5; }

.Choice input[type='radio']:checked:before { transform: scale(1); }

.Choice__label { display: block; }

.Choice__description { color: #434F58; font-size: 1rem; line-height: calc(1em + 8px); display: block; margin-bottom: 1rem; }

.Choice--error > .Choice__label { color: #B80C03; }

.Icon, .Pagination .Pagination__icon { vertical-align: middle; width: 2rem; height: 2rem; }

.Icon > *, .Pagination .Pagination__icon > * { fill: currentColor; }

.Icon.Icon--size-4, .Pagination .Icon--size-4.Pagination__icon { width: 4rem; height: 4rem; font-size: 4rem; }

.Icon.Icon--size-3, .Pagination .Icon--size-3.Pagination__icon { width: 2rem; height: 2rem; font-size: 2rem; }

.Icon.Icon--size-2, .Pagination .Icon--size-2.Pagination__icon { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; }

.Icon.Icon--size-1, .Pagination .Icon--size-1.Pagination__icon { width: 1rem; height: 1rem; font-size: 1rem; }

[class^="Icon--"], [class*="Icon--"] { font-family: 'dh-icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.5rem; line-height: calc(1em + 8px); text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

.supports-fontface .Icon--access:before { content: "\e900"; }

.supports-fontface .Icon--account:before { content: "\e901"; }

.supports-fontface .Icon--accounts:before { content: "\e902"; }

.supports-fontface .Icon--agree:before { content: "\e903"; }

.supports-fontface .Icon--aid:before { content: "\e904"; }

.supports-fontface .Icon--arrow:before { content: "\e905"; }

.supports-fontface .Icon--attachment:before { content: "\e906"; }

.supports-fontface .Icon--automate:before { content: "\e907"; }

.supports-fontface .Icon--award:before { content: "\e908"; }

.supports-fontface .Icon--bandwidth:before { content: "\e909"; }

.supports-fontface .Icon--biz:before { content: "\e90a"; }

.supports-fontface .Icon--block:before { content: "\e90b"; }

.supports-fontface .Icon--bug:before { content: "\e90c"; }

.supports-fontface .Icon--build:before { content: "\e90d"; }

.supports-fontface .Icon--cart:before { content: "\e90e"; }

.supports-fontface .Icon--chat:before { content: "\e90f"; }

.supports-fontface .Icon--check:before { content: "\e910"; }

.supports-fontface .Icon--comp:before { content: "\e911"; }

.supports-fontface .Icon--connection:before { content: "\e912"; }

.supports-fontface .Icon--database:before { content: "\e913"; }

.supports-fontface .Icon--dedicated:before { content: "\e914"; }

.supports-fontface .Icon--design:before { content: "\e915"; }

.supports-fontface .Icon--doc:before { content: "\e916"; }

.supports-fontface .Icon--email:before { content: "\e917"; }

.supports-fontface .Icon--facebook:before { content: "\e918"; }

.supports-fontface .Icon--folders:before { content: "\e919"; }

.supports-fontface .Icon--forward:before { content: "\e91a"; }

.supports-fontface .Icon--fun:before { content: "\e91b"; }

.supports-fontface .Icon--globe:before { content: "\e91c"; }

.supports-fontface .Icon--growth:before { content: "\e91d"; }

.supports-fontface .Icon--handmade:before { content: "\e91e"; }

.supports-fontface .Icon--history:before { content: "\e91f"; }

.supports-fontface .Icon--instagram:before { content: "\e920"; }

.supports-fontface .Icon--lock:before { content: "\e921"; }

.supports-fontface .Icon--mailbox:before { content: "\e922"; }

.supports-fontface .Icon--mouse:before { content: "\e923"; }

.supports-fontface .Icon--notification:before { content: "\e924"; }

.supports-fontface .Icon--ram:before { content: "\e925"; }

.supports-fontface .Icon--ruby:before { content: "\e926"; }

.supports-fontface .Icon--scale:before { content: "\e927"; }

.supports-fontface .Icon--search:before { content: "\e928"; }

.supports-fontface .Icon--sftp:before { content: "\e929"; }

.supports-fontface .Icon--shared:before { content: "\e92a"; }

.supports-fontface .Icon--speed:before { content: "\e92b"; }

.supports-fontface .Icon--ssd:before { content: "\e92c"; }

.supports-fontface .Icon--stack:before { content: "\e92d"; }

.supports-fontface .Icon--team:before { content: "\e92e"; }

.supports-fontface .Icon--time:before { content: "\e92f"; }

.supports-fontface .Icon--twitter:before { content: "\e930"; }

.supports-fontface .Icon--vps:before { content: "\e931"; }

.supports-fontface .Icon--web:before { content: "\e932"; }

.supports-fontface .Icon--weight:before { content: "\e933"; }

.supports-fontface .Icon--wordpress:before { content: "\e934"; }

.supports-fontface .Icon--write:before { content: "\e935"; }

.supports-fontface .Icon--x:before { content: "\e936"; }

.supports-fontface .Icon--youtube:before { content: "\e937"; }

/* Default list component .List is for a general purpose list of text .List--disc gives the list dots, for an unordered list .List--dec give the list numbered value for an ordered list .List--tick give the list tick icons .List--double gives lists double line height .List--inline makes the list horizontal .List--50 makes list items 50% width .List__menu formats list item links like a product menu */
.List { text-align: left; font-size: 1rem; line-height: calc(1em + 8px); }

.List > li:last-child { margin-bottom: 0; }

.List--disc { list-style-type: disc; list-style-position: outside; }

.List--disc > li { margin-left: 2rem; }

.List--dec { list-style-type: decimal-leading-zero; }

.List--dec > li { margin-left: 2rem; }

.List--check { list-style-type: none; }

.List--check > li { margin: 0; }

.List--check > li:before { content: ""; display: inline-block; height: 1rem; width: 1rem; vertical-align: middle; margin-right: 0.5rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10.4 18.8l14-15.4c1.7-1.8 4.5-1.9 6.3-.1 1.7 1.7 1.8 4.5.2 6.3L14.3 27.9c-1.3 2.1-4 2.8-6.1 1.4-.4-.3-.8-.6-1.1-1l-5.8-6c-1.7-1.8-1.6-4.7.1-6.5 1.7-1.7 4.4-1.7 6.2 0l2.8 3z' fill='#0073EC'/%3E%3C/svg%3E"); }

.List--check.List--double > li:before { margin-right: 1rem; }

.List--double > li { margin-bottom: 1rem; }

.List--double > li:last-of-type { margin-bottom: none; }

.List--inline > li { padding: 0; display: inline; margin-right: 2rem; }

.List--inline > li:last-child { margin-right: 0; }

.List--50 { font-size: 0; }

.List--50 > li { width: 50%; display: inline-block; }

.List__menu li { vertical-align: top; }

.List__menu li:last-of-type .List__menu--description { padding-bottom: 0; margin-bottom: 0; }

.List__menu li a { display: block; padding: 0; }

.List__menu li a:hover { text-decoration: none; }

.List__menu li a:hover > .List__menu--title { color: #0073EC; }

.List__menu.List--50 li:nth-last-of-type(2) .List__menu--description, .List__menu.List--50 li:last-of-type .List__menu--description { padding-bottom: 0; margin-bottom: 0; }

.List__menu--title { text-transform: uppercase; letter-spacing: .666px; color: #434F58; font-size: 1rem; line-height: 1rem; font-weight: 600; margin-bottom: 0.5rem; }

.List__menu--description { color: #677983; font-size: 1rem; line-height: calc(1em + 8px); }

/* List style variations Add to the default .list component for consistent styles - list--padding adds some default padding around the list items for larger click areas - list--small-bold is a slightly smaller and bolder list with no link underlines */
.List.List--padding { padding-top: 0.5rem; padding-bottom: 0.5rem; }

.List__menu.List--padding { padding: 1rem 0; }

.List__menu.List--padding > li { padding: 0 0.5rem; }

.List.List--padding > li { margin-bottom: 0; }

.List.List--padding > li > * { display: block; padding: 0.5rem 1rem; transition-duration: 0.1s; transition-timing-function: linear; }

.List--small-bold > li > * { font-weight: 600; color: #000000; text-decoration: none; font-size: 1rem; line-height: calc(1em + 8px); }

.List--small-bold > li span { color: #677983; font-size: 1rem; line-height: calc(1em + 8px); padding: auto 0.5rem; }

.List--small-bold > li > a:hover, .List--small-bold > li > button:hover, .List--small-bold > li > .is-link:hover { color: #0073EC; }

.List--small-bold > li > .is-disabled { pointer-events: none; opacity: .3; }

/* Makes icons display in a right-aligned column in the list, instead of left <ul class="list list--icon-right"> <li><a><svg class="icon">...</svg>Link</a></li> </ul> */
.List--icon-right > li { position: relative; }

.List--icon-right > li > * { padding-right: 3.5em; }

.List--icon-right .icon { position: absolute; top: 50%; margin-top: -.725em; margin-right: 0; right: 1.5em; }

.Modal { padding: 1.5rem; border-radius: 3px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); }

.Modal__button-group { margin-top: 2rem; }

@media screen and (min-width: 750px) { .Modal { padding: 4.5rem; }
  .Modal__heading { font-size: 2.5rem; line-height: calc(1em + 8px); } }

.remodal-overlay { background: rgba(224, 228, 232, 0.9) !important; }

.Pagination { display: inline-block; margin: 0; }

.Pagination .Pagination__button { display: inline-block; background: #F4F6F9; border: solid 1px #F4F6F9; text-align: center; border-radius: 3px; text-indent: -5000em; padding: 0.375rem; vertical-align: middle; transition: all 0.1s ease-in-out; }

.Pagination .Pagination__button:hover { background: #ffffff; }

.Pagination .Pagination__button:hover .Pagination__icon { color: #0073EC; transform: scale(0.99); }

.Pagination .Pagination__button:first-child { transform: rotate(180deg); }

.Pagination .Pagination__status { display: inline-block; margin: 0; padding: 0 1rem; }

.Pagination .Pagination__icon { margin: 0; padding: 0; height: 0.75rem; width: 0.75rem; color: #E0E4E8; display: block; }

/*

Popover Component

	Popovers are used for any contextual content that shouldn't block
	the user. Some common uses are dropdown menus, hovercards, tooltips.

	Basic guidelines:
	- The default theme is light.
	- The default width is medium.
	- Popover content can vary, there are no strict dos and don'ts.
	- The max-height class is optional. It enforces a 60vh max-height.
	- It is possible to nest hover popovers inside of click popovers.
	- popovers with max-height cannot contain nested popovers.
	- Padding size can vary.
	- The caret is optional.
	- Replace .on-click with .on-hover for hover popovers.

	Usage:
	<div class="Popover-container on-click">
		<div class="Popover Popover--dark Popover--bottom
		Popover--flush-left Popover--max-height has-caret">
			<div class="Popover__wrapper">
				<div class="p-3">
					This is a dark themed popover with small padding. It appears
					below the clicked element, is flushed left, has max-height
					enforced, and has a caret. Note, popovers must live within
					.Popover-container. To enable popovers on hover, the
					.on-hover class must be included on the
					container.
				</div>
			</div>
		</div>
		<a class="btn js-toggle-popover">Click me</a>
	</div>

*/
.Popover-container { display: inline-block; position: relative; }

.Popover { position: absolute; text-align: center; border-radius: 3px; border-width: 0; margin-bottom: 1rem; bottom: 100%; transform: translateX(-50%) translateY(-5px); box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15); z-index: 999; opacity: 0; width: 300px; visibility: hidden; }

.Popover, .Popover.has-caret:after { background: #ffffff; color: #000000; transition-duration: 0.2s; transition-timing-function: ease-in-out; }

.Popover.has-caret:after { display: block; position: absolute; border-radius: 3px; width: 12px; height: 12px; content: ''; transform: rotate(45deg); box-shadow: 1px 1px 0 0 rgba(31, 45, 61, 0.15); bottom: -5px; }

.Popover.is-open, .on-hover:hover > .Popover, .on-hover:focus > .Popover { opacity: 1; height: auto; overflow: visible; visibility: visible; }

/* Max height: Enforces 60% viewport maximum height. */
.Popover--max-height .Popover__wrapper { max-height: 60vh; height: 100%; overflow-y: hidden; }

.Popover--max-height.is-open .Popover__wrapper { overflow-y: scroll; }

/* Themes: - Popover--dark - Popover--error - Popover--success */
.Popover.Popover--dark, .Popover.Popover--dark a { color: #ffffff; }

.Popover.Popover--dark, .Popover.Popover--dark.has-caret:after { background: #071c26; }

.Popover.Popover--error, .Popover.Popover--error a { color: #ffffff; }

.Popover.Popover--error, .Popover.Popover--error.has-caret:after { background: #FF4A48; }

.Popover.Popover--success, .Popover.Popover--success a { color: #ffffff; }

.Popover.Popover--success, .Popover.Popover--success.has-caret:after { background: #0D8288; }

/* Alignment: - Popover--right - Popover--bottom - Popover--left Positioning: - Popover--flush-top - Popover--flush-right - Popover--flush-bottom - Popover--flush-left */
.Popover--bottom { margin-bottom: 2rem; transform: translateX(-50%); }

.Popover:after, .Popover--bottom:after { margin-left: -6px; }

.Popover, .Popover:after, .Popover--bottom, .Popover--bottom:after { left: 50%; }

.Popover.is-open, .on-hover:hover > .Popover, .on-hover:focus > .Popover { transform: translateX(-50%) translateY(0); }

.Popover.Popover--flush-left, .Popover.Popover--flush-right { transform: translateX(0); }

.Popover.Popover--flush-left, .Popover--bottom.Popover--flush-left { left: 0; }

.Popover.Popover--flush-right, .Popover--bottom.Popover--flush-right { right: 0; left: auto; }

.Popover.Popover--flush-left, .Popover--bottom.Popover--flush-left, .Popover.Popover--flush-right, .Popover--bottom.Popover--flush-right { transform-origin: left bottom; }

.Popover.Popover--flush-left, .Popover.Popover--flush-right, .Popover--bottom.Popover--flush-left.is-open, .Popover--bottom.Popover--flush-right.is-open, .on-hover:hover > .Popover--bottom.Popover--flush-left, .on-hover:hover > .Popover--bottom.Popover--flush-right, .on-hover:focus > .Popover--bottom.Popover--flush-left, .on-hover:focus > .Popover--bottom.Popover--flush-right { transform: translateX(0) translateY(-5px); }

.Popover--bottom.Popover--flush-left, .Popover--bottom.Popover--flush-right, .Popover:not(.Popover--bottom).Popover--flush-left.is-open, .Popover:not(.Popover--bottom).Popover--flush-right.is-open, .on-hover:hover > .Popover--top.Popover--flush-left, .on-hover:hover > .Popover--top.Popover--flush-right, .on-hover:focus > .Popover--top.Popover--flush-left, .on-hover:focus > .Popover--top.Popover--flush-right { transform: translateX(0) translateY(0); }

.Popover--bottom.Popover--flush-left.has-caret:after, .Popover.Popover--flush-left.has-caret:after { left: 28px; }

.Popover--bottom.Popover--flush-right.has-caret:after, .Popover.Popover--flush-right.has-caret:after { right: 28px; left: auto; }

.Popover--bottom { margin-top: 1rem; top: calc(100% + 5px); transform: translateX(-50%) translateY(0); }

.Popover--bottom.has-caret:after { box-shadow: -1px -1px 0 0 rgba(31, 45, 61, 0.15); top: -5px; }

.Popover--bottom.is-open, .on-hover:hover > .Popover--bottom, .on-hover:focus > .Popover--bottom { transform: translateX(-50%) translateY(-5px); }

.Popover--right { margin-left: 1rem; left: 100%; }

.Popover--left:after, .Popover--right:after { margin-top: -4px; }

.Popover--right, .Popover--right:after, .Popover--left, .Popover--left:after { top: 50%; }

.Popover--right, .Popover--left { transform: translateX(0) translateY(-50%); }

.Popover--right, .Popover--left, .Popover--bottom { bottom: auto; }

.Popover--right.is-open, .on-hover:hover > .Popover--right, .on-hover:focus > .Popover--right { transform: translateX(-5px) translateY(-50%); }

.Popover--right.Popover--flush-bottom, .Popover--left.Popover--flush-bottom.is-open, .on-hover:focus > .Popover--left.Popover--flush-bottom, .on-hover:hover > .Popover--left.Popover--flush-bottom { transform: translateX(0) translateY(calc(-100% + 1.24rem)); }

.Popover--right.Popover--flush-bottom.is-open, .Popover--left.Popover--flush-bottom, .on-hover:focus > .Popover--right.Popover--flush-bottom, .on-hover:hover > .Popover--right.Popover--flush-bottom { transform: translateX(-5px) translateY(calc(-100% + 1.24rem)); }

.Popover--right.Popover--flush-top, .Popover--left.Popover--flush-top.is-open, .on-hover:focus > .Popover--left.Popover--flush-top, .on-hover:hover > .Popover--left.Popover--flush-top { transform: translateX(0) translateY(calc(0% - 1.24rem)); }

.Popover--right.Popover--flush-top.is-open, .Popover--left.Popover--flush-top, .on-hover:focus > .Popover--right.Popover--flush-top, .on-hover:hover > .Popover--right.Popover--flush-top { transform: translateX(-5px) translateY(calc(0% - 1.24rem)); }

.Popover--flush-top.has-caret:after { top: 2rem; }

.Popover--flush-bottom.has-caret:after { bottom: 1.9rem; top: auto; }

.Popover--right.has-caret:after { box-shadow: -1px 1px 0 0 rgba(31, 45, 61, 0.15); left: 1px; }

.Popover--left { margin-left: 1rem; margin-right: 1rem; right: 100%; left: auto; }

.Popover--left.is-open, .on-hover:hover > .Popover--left, .on-hover:focus > .Popover--left { transform: translateX(5px) translateY(-50%); }

.Popover--left.has-caret:after { box-shadow: 1px -1px 0 0 rgba(31, 45, 61, 0.15); right: -5px; left: auto; }

/* Sizes: - Popover--1 - Popover--2 - Popover--3 - Popover--4 - Popover--5 */
.Popover--1 { width: 200px; }

.Popover--2 { width: 300px; }

.Popover--3 { width: 400px; }

.Popover--4 { width: 500px; }

.Popover--5 { width: 600px; }

/* Dropdown Content: - Popover__section */
.Popover__section--separator { border-top: 1px solid #d1d7dd; }

.Popover--dark .Popover__section--separator { border-color: #38424a; }

.Popover__section:first-child { border-radius: 3px 3px 0 0; }

.Popover__section:last-child { border-radius: 0 0 3px 3px; }

.Quickcopy { display: inline-block; position: relative; }

.Quickcopy .Quickcopy__text { border-radius: 3px; background: #434F58; display: inline-block; }

.Quickcopy .Quickcopy__text code { background: transparent; border: none; }

.Quickcopy .Quickcopy__text .Quickcopy__btn { display: inline-block; color: #ffffff; font-size: 0.875rem; line-height: 1rem; }

.Quickcopy .Quickcopy__text .Quickcopy__btn:hover { cursor: pointer; }

.Quickcopy .Quickcopy__message { font-family: monospace; position: absolute; top: 0; left: 0; border: solid 1px #00CAAA; background: #F4F6F9; color: #071c26; width: 100%; padding: 0.45rem; transition: all 0.2s ease-in-out; pointer-events: none; opacity: 0; border-radius: 3px; font-size: 1rem; line-height: 0.875rem; }

.Quickcopy .Quickcopy__message svg { background: #00CAAA; color: #E5FEFF; padding: 0.5rem; height: 29px; width: 29px; position: absolute; top: 0; right: 0; }

.Quickcopy__success .Quickcopy__message { opacity: 1; }

.Tabs { margin-bottom: 2.5rem; }

.Tabs__nav { border-bottom: solid 1px #E0E4E8; font-size: 0; overflow-x: auto; white-space: nowrap; }

.Tabs__nav-item { margin: 0 1rem; padding: 0 0 1rem 0; font-size: 1rem; line-height: calc(1em + 8px); font-weight: 600; color: #677983; display: inline-block; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; transition: right 0.2s ease-out; }

.Tabs__nav-item a { display: block; color: #677983; }

.Tabs__nav-item a:hover { text-decoration: none; color: #071c26; }

.Tabs__nav-item:after { content: ""; position: absolute; left: 0; right: 100%; bottom: 0; background: #0073EC; height: 2px; transition: right 0.2s ease-out; }

.Tabs__nav-item:hover, .Tabs__nav-item:active, .Tabs__nav-item.is-active a { text-decoration: none; color: #071c26; }

.Tabs__nav-item:first-child { margin-left: 0; }

.Tabs__nav-item.is-active { font-weight: 600; color: #071c26; }

.Tabs__nav-item.is-active:hover { cursor: default; }

.Tabs__nav-item.is-active:after { right: 0%; }

.Tabs--block .Tabs__nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.Tabs--block .Tabs__nav-item { padding-top: 1rem; -ms-flex-positive: 1; flex-grow: 1; text-align: center; margin: 0; border-bottom: solid 1px #AFBFC9; min-width: 75px; }

.Tabs--button { text-align: center; }

.Tabs--button ul { min-width: unset; border-bottom: 0; }

.Tabs--button .Tabs__nav-item { display: block; border: solid 1px #E0E4E8; border-bottom: none; margin: 0; padding: 0.75rem 1rem; }

.Tabs--button .Tabs__nav-item:after { height: 0px; }

.Tabs--button .Tabs__nav-item:first-of-type { border-radius: 3px 3px 0 0; }

.Tabs--button .Tabs__nav-item:last-of-type { border-radius: 0 0 3px 3px; border-bottom: solid 1px #E0E4E8; }

.Tabs--button .Tabs__nav-item.is-active { border-color: #0073EC; background: #0073EC; color: #ffffff; font-weight: 400; }

.Tabs--button .Tabs__nav-item.is-active:hover { color: #ffffff; }

@media (min-width: 500px) { .Tabs--button .Tabs__nav-item { display: inline-block; border: solid 1px #E0E4E8; border-right: none; margin: 0; font-weight: 400; }
  .Tabs--button .Tabs__nav-item:first-of-type { border-radius: 3px 0 0 3px; border-left: solid 1px #E0E4E8; }
  .Tabs--button .Tabs__nav-item:last-of-type { border-radius: 0 3px 3px 0; border-right: solid 1px #E0E4E8; } }

.Tab { padding: 2rem; background: #ffffff; display: none; }

.Tab > *:last-child:not(input):not(textarea) { margin-bottom: 0; }

.Tab.is-active { display: block; }

/*

Table

	There are two table styles.

	The default table (.Table) has 24px by 16px padding.

	The condensed table (.Table--condensed) has 16px padding
	all around.

	Add zebra striping with .Table--striped

	Add hierarchy with .Table__row, .Table__row--parent,
	and .Table__row--child

	Usage:
	<table class="Table Table--condensed">
		<thead>
			<th>Table head</th>
		</thead>
		<tbody>
			<tr class="Table__row">
				<td>Table data</td>
			</tr>
		</tbody>
	</table>

*/
.Table, .Table__m { width: 100%; margin-bottom: 2rem; text-align: left; border-collapse: collapse; }

.Table thead, .Table__m thead { border-bottom: 2px solid #434F58; }

.Table th, .Table__m th { padding: 1rem 0.5rem; font-size: 1rem; line-height: calc(1em + 8px); font-family: "Ubuntu", sans-serif; color: #000000; text-transform: uppercase; }

.Table .Tag, .Table__m .Tag { text-decoration: none; }

.Table tbody tr:last-child { border-bottom: 1px solid #E0E4E8; }

.Table td { padding: 1rem 0.5rem; vertical-align: middle; font-size: 1rem; line-height: calc(1em + 8px); }

.Table .Table__row { border-bottom: 1px solid #E0E4E8; border-top: 1px solid #E0E4E8; }

.Table .Table__row--parent { border-bottom: 0; }

.Table .Table__row--child { background-image: linear-gradient(to right, #AFBFC9 20%, rgba(255, 255, 255, 0) 0); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; }

.Table--striped tbody tr:nth-child(odd) { background: #ffffff; }

.Table--striped tbody tr:nth-child(even) { background: #F4F6F9; }

.Table__m thead { display: none; }

.Table__m tbody tr { display: block; margin-bottom: 3.5rem; background: #F4F6F9; border: 1px solid #E0E4E8; border-radius: 5px; padding: 2rem 2rem 0.5rem; }

.Table__m tbody tr td { display: block; font-size: 1rem; line-height: calc(1em + 8px); padding: 1rem 0.5rem; vertical-align: middle; }

.Table__m tbody tr td:before { content: attr(data-title); display: inline-block; width: 100px; font-weight: 600; }

.Table__m tbody tr td:first-child:before { width: auto; }

.Table__m tbody tr td:first-child, .Table__m tbody tr td:first-child a { font-size: 1rem; line-height: calc(1em + 8px); font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; }

.Table__m tbody tr td:last-child { margin-bottom: 1rem; }

.Table__m tbody tr td button, .Table__m tbody tr td a { width: calc(100% - 1rem); }

@media (min-width: 750px) { .Table__m tbody tr { width: auto; } }

.Table__m .Table__row, .Table__m .Table__row--parent, .Table__m .Table__row--child { border: 0; }

.Table__m .Table__row--child td:first-child { padding-left: 0.5rem; }

@media (min-width: 750px) { .Table__m thead { display: table-header-group; }
  .Table__m tbody tr { display: table-row; margin-bottom: 0; border: 0; background: transparent; }
  .Table__m tbody tr td { display: table-cell; font-size: 1rem; line-height: calc(1em + 8px); }
  .Table__m tbody tr td:before { content: ''; width: auto; }
  .Table__m tbody tr td:first-child, .Table__m tbody tr td:first-child a { font-size: 1rem; line-height: calc(1em + 8px); font-weight: 400; text-transform: none; letter-spacing: 0; }
  .Table__m tbody tr td button, .Table__m tbody tr td a { width: auto; }
  .Table__m tbody tr:last-child { border-bottom: 1px solid #E0E4E8; }
  .Table__m .Table__row { border-bottom: 1px solid #E0E4E8; border-top: 1px solid #E0E4E8; }
  .Table__m .Table__row--parent { border-bottom: 0; }
  .Table__m .Table__row--child { background-image: linear-gradient(to right, #AFBFC9 20%, rgba(255, 255, 255, 0) 0); background-position: top; background-size: 5px 1px; background-repeat: repeat-x; }
  .Table__m .Table__row--child td:first-child { padding-left: 2.5rem; } }

.Table--condensed thead { border-bottom: 1px solid #AFBFC9; }

.Table--condensed th, .Table--condensed tbody tr td { padding: 0.5rem; }

.Table--condensed tbody tr, .Table--condensed tbody tr:last-child { border-bottom: 1px solid #E0E4E8; }

/*

Tags

	Creates 'tags' for things like categories or maybe a 'SALE' tag.
	Use with _colors.scss color classes e.g 'pill c-light-blue'.
	Default tags are blue.

*/
.Tag { position: relative; top: -.1em; text-transform: uppercase; display: inline-block; font-weight: bold; font-size: 0.875rem; line-height: 1rem; border-radius: 20px; padding: 0.25rem 0.75rem; width: auto; }

.Tag, .Tag--blue, .Button__tag:before { background: #0073EC; color: #ffffff; }

.Tag--red, .Button__tag.Button__tag--negative:before { background: #FF4A48; color: #ffffff; }

.Tag--teal { background: #00CAAA; color: #ffffff; }

.Tag--yellow { background: #FFDA00; color: #6F5F1B; }

.Tag--orange { background: #F59D00; color: #ffffff; }

.Tag--square { border-radius: 0; }

.Toaster-container { position: absolute; top: 4.5em; right: 0; overflow: hidden; padding: 1em; }

.Toaster { position: relative; word-wrap: break-word; background: #E0E4E8; color: #434F58; border-radius: 3px; margin: 0 0 1rem 0; animation: Toaster 5s ease-in-out both; transition: transform 0.1s ease-in-out; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; }

.Toaster:before { content: ''; position: absolute; top: 0.5rem; right: 0.5rem; height: 0.5rem; width: 0.5rem; background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2031.3%2031.3%22%3E%3Cpath%20d%3D%22M8.4%2015.7l-7-7.1c-2-2-1.9-5.2.3-7.2%202.1-1.9%205.5-1.8%207.5.2l6.5%206.6%206.5-6.6c2-2%205.4-2.2%207.5-.2%202.1%201.9%202.3%205.1.3%207.2l-7%207.1%207%207.1c2%202%201.9%205.2-.3%207.2-2.1%201.9-5.5%201.8-7.5-.3l-6.5-6.6-6.5%206.6c-2%202-5.4%202.2-7.5.3-2.1-1.9-2.3-5.1-.3-7.2l7-7.1z%22%20fill%3D%22#AFBFC9%22%20%2F%3E%3C%2Fsvg%3E"); }

.Toaster:hover, .Toaster:active { transform: scale(1.02); box-shadow: 0 0 10px rgba(67, 79, 88, 0.3); cursor: pointer; }

.Toaster p { margin: 0; }

.Toaster .Toaster__type { background: #0073EC; border-color: #0073EC; border-radius: 3px 0 0 3px !important; width: 7rem; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; }

.Toaster .Toaster__type svg { width: 1.5rem; height: 1.5rem; fill: #ffffff; }

.Toaster--persistent { animation: ToasterPersistent .5s ease-in-out backwards; }

.Toaster--negative .Toaster__type { background: #FF4A48; border-color: #FF4A48; }

.Toaster--negative .Toaster__type svg * { fill: #FFCCCE; }

.Toaster--positive .Toaster__type { background: #00CAAA; border-color: #00CAAA; }

.Toaster--positive .Toaster__type svg * { fill: #E5FEFF; }

.Toaster--warning .Toaster__type { background-color: #FFDA00; border-color: #FFDA00; }

.Toaster--warning .Toaster__type svg * { fill: #ffffff; }

.Toaster__heading { padding: 2rem; -ms-flex: 1 1 auto; flex: 1 1 auto; text-transform: uppercase; font: "Proxima Nova", sans-serif; font-size: 1rem; line-height: calc(1em + 8px); line-height: 1; font-weight: 600; }

.Toaster__heading span { display: block; text-transform: initial; font-size: 1rem; line-height: calc(1em + 8px); font-weight: 400; margin-top: 1rem; line-height: 1; }

.Toaster__close { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 1rem 2rem 1rem 1rem; color: #677983; background-color: transparent; font-size: 2rem; }

.Toaster__close:hover { text-decoration: none; }

.Toaster-container .Toaster:nth-child(1) { animation-delay: 0.3s; }

.Toaster-container .Toaster:nth-child(2) { animation-delay: 0.6s; }

.Toaster-container .Toaster:nth-child(3) { animation-delay: 0.9s; }

.Toaster-container .Toaster:nth-child(4) { animation-delay: 1.2s; }

.Toaster-container .Toaster:nth-child(5) { animation-delay: 1.5s; }

.Toaster-container .Toaster:nth-child(6) { animation-delay: 1.8s; }

.Toaster-container .Toaster:nth-child(7) { animation-delay: 2.1s; }

.Toaster-container .Toaster:nth-child(8) { animation-delay: 2.4s; }

.Toaster-container .Toaster:nth-child(9) { animation-delay: 2.7s; }

.Toaster-container .Toaster.Toaster--is-closing { animation: CloseToaster .3s ease-in-out forwards; animation-delay: 0s; }

.Toaster.Toaster--killed { display: none; }

@keyframes CloseToaster { 0% { opacity: 1;
    transform: translateX(0);
    margin-bottom: 0.5em;
    height: 100%; }
  100% { opacity: 0;
    transform: translateX(100%);
    margin-bottom: 0.5em;
    height: 0; } }

@keyframes ToasterPersistent { 0% { opacity: 0;
    transform: scale(0.98) translateX(100%); }
  100% { opacity: 1;
    transform: scale(1) translateX(0); } }

@keyframes Toaster { 0% { opacity: 0;
    transform: scale(0.98) translateX(100%);
    margin-bottom: 0.5em;
    height: 100%; }
  10% { opacity: 1;
    transform: scale(1) translateX(0);
    margin-bottom: 0.5em;
    height: 100%; }
  90% { opacity: 1;
    transform: scale(1) translateX(0);
    margin-bottom: 0.5em;
    height: 100%; }
  99% { opacity: 1;
    transform: scale(0.98) translateX(100%);
    margin-bottom: 0.5em;
    height: 100%; }
  100% { opacity: 0;
    transform: scale(0) translateX(100%);
    margin-bottom: 0;
    height: 0;
    visibility: hidden; } }

/*

Toggle Component
Allows users to toggle between two states.

Usage:
<div class="Toggle">
	<input class="Toggle__input" type="checkbox" id="toggle" />
	<label for="toggle" class="Toggle__label">
		<span class="Toggle__visible"></span>
		<span class="Toggle__description">
			<span class="Toggle__checked">On</span>
			<span class="Toggle__unchecked">Off</span>
		</span>
	</label>
</div>

*/
.Toggle__input { position: absolute; margin-left: -9999px; visibility: hidden; }

.Toggle__label { display: block; line-height: 0px; }

.Toggle__description { position: relative; display: inline-block; top: -8px; padding: 0 .5em 0 0; transition: all .2s ease-in-out; }

.Toggle__label .Toggle__visible { display: inline-block; position: relative; outline: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.Toggle__input + .Toggle__label .Toggle__visible { padding: 2px; width: 60px; height: 30px; background-color: #434F58; border-radius: 60px; transition: background 0.4s; }

.Toggle__input + .Toggle__label .Toggle__visible:before, .Toggle__input + .Toggle__label .Toggle__visible:after { display: block; position: absolute; content: ""; }

.Toggle__input + .Toggle__label .Toggle__visible:before { top: 2px; left: 2px; bottom: 2px; right: 2px; background-color: #434F58; border-radius: 60px; transition: background 0.4s; }

.Toggle__input + .Toggle__label .Toggle__visible:after { position: absolute; top: 5px; left: 4.5px; bottom: 3.5px; width: 20px; height: 20px; background-color: #ffffff; border-radius: 22px; transition: margin 0.2s, background 0.4s; }

.Toggle__input:checked + .Toggle__label { color: #000000; }

.Toggle__input:checked + .Toggle__label .Toggle__visible { background-color: #0073EC; }

.Toggle__input:checked + .Toggle__label .Toggle__visible:before { background-color: #0073EC; }

.Toggle__input:checked + .Toggle__label .Toggle__visible:after { margin-left: 30px; }

.Toggle__input + .Toggle__label .Toggle__description .Toggle__unchecked, .Toggle__input:checked + .Toggle__label .Toggle__description .Toggle__checked { display: inline-block; }

.Toggle__input + .Toggle__label .Toggle__description .Toggle__checked, .Toggle__input:checked + .Toggle__label .Toggle__description .Toggle__unchecked { display: none; }

.Toggle__input:disabled + .Toggle__label { cursor: not-allowed; }

.Toggle__input:disabled + .Toggle__label .Toggle__visible, .Toggle__input:disabled + .Toggle__label .Toggle__visible:before { background-color: #AFBFC9; }

.Toggle__input:disabled + .Toggle__label .Toggle__visible:after, .Toggle__input:disabled + .Toggle__label .Toggle__visible:hover:after { top: 5px; bottom: 3.5px; width: 20px; height: 20px; background-color: #F4F6F9; }

.Toggle__input:disabled:hover, .Toggle__input:disabled:hover:before { background-color: #F4F6F9; }

.Toggle__input:disabled + .Toggle__label .Toggle__description { color: #677983; }

.Toggle__input:not([disabled]):hover .Toggle__description { color: #000000; }

.Toggle__input:not([disabled]):hover + .Toggle__label { cursor: pointer; }

.Toggle__input:not([disabled]):hover + .Toggle__label .Toggle__visible, .Toggle__input:not([disabled]):hover + .Toggle__label .Toggle__visible:before { background-color: #000000; }

.Toggle__input:not([disabled]):hover:checked + .Toggle__label .Toggle__visible, .Toggle__input:not([disabled]):hover:checked + .Toggle__label .Toggle__visible:before { background-color: #005ab9; }

.Carousel { color: #ffffff; overflow: hidden; font-size: 1rem; line-height: calc(1em + 8px); text-align: center; padding: 1rem; }

.Carousel .Carousel__item-content { width: 95%; height: 100%; margin: 0 auto; border-radius: 3px; border: solid 1px #E0E4E8; padding: 3rem 4rem; color: #071c26; }

.Carousel .Carousel__author { margin-top: 2rem; }

.Carousel .Carousel__author span { text-align: center; display: block; vertical-align: middle; margin: 0 auto 0.5rem auto; border-radius: 3px; height: 40px; width: 40px; position: relative; background: #E0E4E8; overflow: hidden; }

.Carousel .Carousel__author span img { position: absolute; margin: 0; padding: 0; top: 50%; left: 50%; width: 100%; height: auto; transform: translate(-50%, -50%); }

.Carousel .slick-arrow { border: none; text-indent: -5000em; position: absolute; top: 50%; transform: translate(0, -50%); transition: all 0.1s ease-in-out; display: inline-block; height: 16px; width: 16px; background: transparent; background-image: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M5.6 27.1L15.9 16 5.6 4.9 12.2 0 27 16 12.2 32l-6.6-4.9z' fill='%230073EC'/></svg>"); }

.Carousel .slick-arrow:focus { outline: none; }

.Carousel .slick-arrow:hover { cursor: pointer; }

.Carousel .slick-arrow.slick-prev { left: 0; transform: translate(0, -50%) rotate(180deg); }

.Carousel .slick-arrow.slick-next { right: 0; }

.Carousel .slick-dots { margin-top: 0.5rem; position: absolute; left: 50%; transform: translate(-50%, 0); }

.Carousel .slick-dots li { display: inline; }

.Carousel .slick-dots li button { background: transparent; border: solid 1px #0073EC; text-indent: -5000em; border-radius: 50px; height: 8px; width: 8px; padding: 0; margin: 1rem 0.5rem; }

.Carousel .slick-dots li button:focus { outline: none; }

.Carousel .slick-dots li button:hover { cursor: pointer; }

.Carousel .slick-dots li.slick-active button { background: #0073EC; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

@media (min-width: 750px) { .Carousel { font-size: 1.25rem; line-height: 2rem; padding: 3rem; }
  .Carousel .Carousel__author span { display: inline-block; margin-right: 1rem; }
  .Carousel .Carousel__author strong { border-right: solid 1px #071c26; padding-right: 1rem; margin-right: 0.5rem; } }

.Cart__wrapper { background-color: #F4F6F9; border: 1px solid #F4F6F9; }

.Cart__header { padding: 1.5rem; background: #F4F6F9; border-radius: 3px 3px 0 0; }

.Cart__header p { margin: 0; }

.Cart__header h3 { margin-bottom: 0.25em; }

.Cart__heading { margin: 0; font-weight: 600; }

.Cart__step { transition: all 0.1s ease-in-out; background-color: #ffffff; position: relative; margin: 1px 0; padding: 1.5rem 1.5rem 1.5rem 4rem; word-wrap: break-word; }

.Cart__step:before { content: ""; vertical-align: middle; position: absolute; top: 50%; left: 2em; height: 16px; width: 16px; margin: -8px 0 0 -8px; background-position: 50%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.6 27.1L15.9 16 5.6 4.9 12.2 0 27 16 12.2 32l-6.6-4.9z' fill='%23E0E4E8'/%3E%3C/svg%3E"); background-repeat: no-repeat; }

.Cart__step:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 0px; background: #0073EC; transition: all 0.1s ease-out; }

.Cart__step:hover:before, .Cart__step:active:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M5.6 27.1L15.9 16 5.6 4.9 12.2 0 27 16 12.2 32l-6.6-4.9z' fill='%230073EC'/%3E%3C/svg%3E"); }

.Cart__step:hover:after, .Cart__step:active:after { width: 8px; }

.Cart__step.Cart__step--complete { background: #CCEFFF; }

.Cart__step.Cart__step--complete a { color: #677983; }

.Cart__step.Cart__step--complete a:first-of-type { display: inline-block; margin-right: 1rem; }

.Cart__step.Cart__step--complete:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10.4 18.8l14-15.4c1.7-1.8 4.5-1.9 6.3-.1 1.7 1.7 1.8 4.5.2 6.3L14.3 27.9c-1.3 2.1-4 2.8-6.1 1.4-.4-.3-.8-.6-1.1-1l-5.8-6c-1.7-1.8-1.6-4.7.1-6.5 1.7-1.7 4.4-1.7 6.2 0l2.8 3z' fill='%230073EC' /%3E%3C/svg%3E"); }

.Cart__step.Cart__step--next .Cart__heading, .Cart__step.Cart__step--incomplete .Cart__heading { font-weight: 400; }

.Cart__step.Cart__step--next span, .Cart__step.Cart__step--incomplete span { color: #677983; }

.Cart__step.Cart__step--next:before, .Cart__step.Cart__step--incomplete:before { background-image: none; }

.Cart__step.Cart__step--next:hover:before, .Cart__step.Cart__step--next:active:before, .Cart__step.Cart__step--incomplete:hover:before, .Cart__step.Cart__step--incomplete:active:before { background-image: none; }

.Cart__step.Cart__step--incomplete { color: #AFBFC9; }

.Cart__step.Cart__step--incomplete:after { width: 0px; }

.Cart__actions { width: 70%; display: inline-block; }

.Cart__step-price { width: 30%; display: inline-block; text-align: right; margin: 0; }

.Cart__step-price span { display: block; color: #434F58; }

.Cart__footer { padding: 1.5rem; background: #F4F6F9; font-weight: 600; border-radius: 0 0 3px 3px; }

.Cart__total-price { margin: 0; padding: 0; }

.Cart__total-price p { width: 50%; display: inline-block; margin: 0; padding: 0; }

.Cart__total-price span { text-align: right; width: 50%; display: inline-block; }

/*

Page Header Component

	The page header is the bar at the top of every DreamHost application
	that contains the logo and navigation

	Basic guidelines:
	- Logo:
		- For internal sites (employees & customers), the moon symbol is enough
		- For external sites (non-customers), use the full DreamHost logo
	- Colors:
		- Default state is dark blue/black
		- There is `.PageHeader--overlay` that makes the bar transparent and overlap
			any other content on the page. E.g. overlapping a nice big marketing photo
	- Page header content can vary. Use `.Fluid-Row` classes to space content.
	- `.PageHeader__nav` should contain the primary navigation
	- `.PageHeader__subnav` is for all the secondary links we may need to provide
	- Both nav and subnav supports Lists within a `.Popover` as a dropdown
	- The header was built around the idea of a single breakpoint. Below that breakpoint,
		the header will show a hamburger menu link with the header taking over the screen
		when shown. Larger than that breakpoint will display the header inline.
	- There are some built-in responsive classes.
	- Add `.PageHeader__logo--internal` to `.PageHeader__logo` to show correct logo on internal only facing properties & logged in page states.


	Usage:
	<div class="PageHeader">
		<div class="PageHeader__container">
			<a class="PageHeader__logo" href="//www.dreamhost.com"></a>
			<ul class="PageHeader__nav">
				<li><a class="PageHeader__nav-link is-active" href="#">Link</a></li>
			</ul>
			<ul class="PageHeader__subnav">
				<li><div class="Menu-toggle js-menu-toggle"><span class="Menu-toggle__inner"></span></div></li>
			</ul>
		</div>
	</div>

*/
.PageHeader { position: relative; padding: 1.75rem 1.75rem 3.5rem 1.75rem; background: #071c26; color: #fff; }

.PageHeader.PageHeader--transparent { background: transparent; }

.Menu-toggle { margin: 0.25rem 0 0 0; display: inline-block; height: 15px; width: 20px; vertical-align: middle; position: relative; }

.Menu-toggle:hover { cursor: pointer; }

.Menu-toggle .Menu-toggle__inner { background: #ffffff; height: 2px; border-radius: 3px; width: 20px; margin: 0; display: block; position: absolute; opacity: 1; left: 0; top: 4px; transform: rotate(0deg); transition: .3s ease-in-out; }

.Menu-toggle .Menu-toggle__inner:before { background: #ffffff; height: 2px; border-radius: 3px; width: 20px; margin: 0; position: absolute; left: 0; transform: rotate(0deg); transition: .3s ease-in-out; content: ''; display: block; top: -5px; opacity: 1; }

.Menu-toggle .Menu-toggle__inner:after { background: #ffffff; height: 2px; border-radius: 3px; width: 20px; margin: 0; display: block; position: absolute; opacity: 1; left: 0; transform: rotate(0deg); transition: .3s ease-in-out; content: ''; top: 5px; }

.PageHeader--overlay { background: transparent; position: absolute; width: 100%; z-index: 100; }

.PageHeader__container { display: block; max-width: 1280px; width: 100%; margin-left: auto; margin-right: auto; }

.PageHeader__container::after { clear: both; content: ""; display: table; }

.PageHeader__container > * { -ms-flex: 1 100%; flex: 1 100%; }

.PageHeader__container .Popover__section { font-weight: 600; text-align: left; }

.PageHeader__container .Popover__section ul:not(:first-child) { border-top: solid 1px #F4F6F9; }

.PageHeader__container .Popover__section .List li a { display: block; font-size: 0.875rem; line-height: 1rem; color: #434F58; transition: all 0.1s ease-in-out; }

.PageHeader__container .Popover__section .List li a:hover { text-decoration: none; color: #0073EC; }

.PageHeader__logo { width: 160px; height: 30px; position: absolute; top: 0; left: 0; margin: 1.75rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.3 89.3'%3E%3Cg fill='%23FFF'%3E%3Cpath d='M95.4 23.3h15.8c15.3 0 28.2 6.5 28.2 24 0 15.4-12.6 23.7-26.8 23.7H95.4V23.3zm10.5 37.9h5.5c9.8 0 17.1-3.7 17.1-14.5 0-9.4-7.5-13.7-16.4-13.7h-6.2v28.2zM144.8 38.2h10.1v5.3h.1c2.2-4 5-6.1 9.4-6.1 1.1 0 2.4.1 3.4.3v9.2c-1.4-.4-2.8-.7-4.3-.7-7.7 0-8.6 4.4-8.6 11v13.7h-10.1V38.2zM202.1 65.3c-3.2 4.1-8.5 6.5-13.8 6.5-10.1 0-18.2-6.7-18.2-17.2 0-10.4 8.1-17.2 18.2-17.2 9.4 0 15.3 6.7 15.3 17.2v3.2h-23.4c.8 3.8 3.7 6.3 7.6 6.3 3.3 0 5.5-1.7 7.2-4l7.1 5.2zm-8.6-14.5c.1-3.4-2.6-6.2-6.2-6.2-4.4 0-6.9 3-7.1 6.2h13.3zM229.1 66.8h-.1c-2.2 3.5-6.3 4.9-10.4 4.9-6.1 0-11.6-3.5-11.6-10.1 0-11.3 13.7-11.5 22.1-11.5 0-3.6-3-5.9-6.5-5.9-3.3 0-6.1 1.5-8.2 3.9l-5.4-5.5c3.7-3.5 9.1-5.3 14.4-5.3 11.8 0 14.9 6 14.9 16.9v16.6H229v-4zm-2.5-10.2c-3.1 0-10 .3-10 4.7 0 2.4 2.6 3.6 4.8 3.6 4 0 7.7-2.1 7.7-6.1v-2.2h-2.5zM244.7 38.2h9.7v4.4h.1c1.3-2.6 4.6-5.3 9.6-5.3 4.6 0 8.3 1.9 10.1 5.9 2.4-4.2 5.5-5.9 10.4-5.9 8.9 0 11.6 6.3 11.6 14.2v19.3H286v-19c0-3-1.1-5.6-4.4-5.6-4.6 0-6.1 3.3-6.1 7.3v17.3h-10.1V53.6c0-2.4.1-7.3-4.5-7.3-5.3 0-6.1 4.1-6.1 8.3v16.3h-10.1V38.2zM302.5 23.3H313V41h20.4V23.3h10.5V71h-10.5V50.3H313v20.6h-10.5V23.3zM366.6 37.4c10.1 0 18.2 6.7 18.2 17.2 0 10.4-8.1 17.2-18.2 17.2s-18.2-6.7-18.2-17.2 8.1-17.2 18.2-17.2zm0 25.4c5 0 8.1-3.4 8.1-8.3s-3-8.3-8.1-8.3c-5 0-8.1 3.4-8.1 8.3 0 5 3.1 8.3 8.1 8.3zM407.9 47.8c-1.5-1.8-3.4-2.8-5.9-2.8-1.7 0-3.7.7-3.7 2.7 0 4.8 17 .7 17 13.2 0 8.3-8.1 10.8-15.1 10.8-4.6 0-9.6-1.1-12.9-4.4l6.1-6.8c1.9 2.3 4.1 3.6 7.1 3.6 2.3 0 4.6-.6 4.6-2.4 0-5.3-17-.8-17-13.3 0-7.7 6.9-11 13.7-11 4.3 0 9.1 1.1 12.1 4.3l-6 6.1zM442.5 46.3h-8.9v10.9c0 3.5.4 6.1 4.8 6.1 1.1 0 3.2-.1 4.1-.9v8.4c-2.2.8-4.7 1-7.1 1-6.7 0-11.9-2.8-11.9-9.9V46.3H417v-8.1h6.5v-9.7h10.1v9.7h8.9v8.1z'/%3E%3C/g%3E%3Cpath fill='%23FFF' d='M77.3 60c-4.9 2.7-10.5 4.2-16.5 4.1C43 63.7 29 49.4 29.3 32c.1-5.9 1.9-11.4 4.9-16-9.5 5.3-16 15.2-16.2 26.7-.4 17.3 13.7 31.7 31.4 32.1 11.8.2 22.1-5.7 27.9-14.8'/%3E%3Cpath fill='%230073EC' d='M51.3 14.6c-4.8 0-9.3 1.2-13.3 3.4-2.5 4.1-3.9 8.8-4.1 13.6-.3 15.1 12 27.6 27.3 27.9 4.6 0 9.8-1.1 13.8-3.3 2.4-4.1 3.8-8.9 3.8-14C79 27 66.6 14.6 51.3 14.6z'/%3E%3Cg%3E%3Cpath fill='%23FFF' d='M446 23.5c0-.5.1-1 .3-1.5.2-.5.5-.8.8-1.2.3-.3.7-.6 1.2-.8.4-.2.9-.3 1.4-.3.5 0 1 .1 1.4.3.4.2.8.4 1.2.8.3.3.6.7.8 1.2.2.5.3.9.3 1.5 0 .5-.1 1-.3 1.5-.2.4-.5.8-.8 1.2-.3.3-.7.6-1.2.8-.4.2-.9.3-1.4.3-.5 0-1-.1-1.4-.3-.4-.2-.8-.4-1.2-.8-.3-.3-.6-.7-.8-1.2-.2-.5-.3-1-.3-1.5zm.7 0c0 .4.1.9.2 1.2.2.4.4.7.6 1 .3.3.6.5 1 .7.4.2.8.2 1.2.2.4 0 .8-.1 1.2-.2.4-.2.7-.4 1-.7.3-.3.5-.6.6-1 .2-.4.2-.8.2-1.2 0-.4-.1-.9-.2-1.2-.2-.4-.4-.7-.6-1-.3-.3-.6-.5-1-.7-.4-.2-.8-.2-1.2-.2-.4 0-.8.1-1.2.2-.4.2-.7.4-1 .7-.3.3-.5.6-.6 1-.2.3-.2.7-.2 1.2zm1.6-2.2h1.6c1 0 1.5.4 1.5 1.2 0 .4-.1.7-.3.9-.2.2-.5.3-.8.3l1.2 1.9h-.7l-1.2-1.9h-.7v1.9h-.7l.1-4.3zm.6 1.9h1.1c.1 0 .3 0 .4-.1.1 0 .2-.1.3-.2.1-.1.1-.2.1-.4 0-.1 0-.3-.1-.4-.1-.1-.1-.2-.2-.2s-.2-.1-.3-.1H449l-.1 1.4z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; }

.PageHeader__logo.PageHeader__logo--internal { -ms-flex-preferred-size: 30px; flex-basis: 30px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23FFF' d='M73.9 60.3C69 63 63.3 64.5 57.3 64.4 39.6 64 25.5 49.7 25.8 32.3c.1-5.9 1.9-11.4 4.9-16-9.5 5.3-16 15.2-16.2 26.7-.4 17.4 13.8 31.7 31.5 32.1 11.7.2 22.1-5.7 27.9-14.8'/%3E%3Cpath fill='%230073EC' d='M47.9 14.9c-4.8 0-9.3 1.2-13.3 3.4-2.5 4.1-3.9 8.8-4.1 13.6-.3 15.1 12 27.6 27.3 27.9 4.6 0 9.8-1.1 13.8-3.3 2.4-4.1 3.8-8.9 3.8-14 .1-15.2-12.3-27.6-27.5-27.6z'/%3E%3C/svg%3E") no-repeat; }

.PageHeader__nav { font-size: 1rem; line-height: 1rem; display: none; margin: 2rem 0 0 0; }

.PageHeader__nav li { margin: 0; }

.PageHeader__nav li:last-of-type { border-bottom: solid 1px #E0E4E8; }

.PageHeader__nav-link { text-decoration: none; font-weight: 600; color: #E0E4E8; font-size: 1rem; line-height: 1rem; display: inline-block; outline: none; position: relative; border: solid 1px #E0E4E8; border-bottom: none; }

.PageHeader__nav-link:hover, .PageHeader__nav-link.is-open { color: #ffffff; text-decoration: none; }

.PageHeader__nav-link:hover:after, .PageHeader__nav-link.is-open:after { color: #0073EC; }

.PageHeader__nav-link.is-active, .PageHeader__nav-link--active { color: #ffffff; }

.PageHeader__nav-link.is-active:hover, .PageHeader__nav-link.is-active.is-open, .PageHeader__nav-link--active:hover, .PageHeader__nav-link--active.is-open { color: #ffffff; }

.PageHeader__subnav { text-align: right; margin: 1.75rem; padding-left: 0; position: absolute; top: 0; right: 0; }

.PageHeader__subnav li { display: inline-block; margin-right: 2rem; }

.PageHeader__subnav li:last-of-type { margin: 0; }

.PageHeader__subnav a { text-decoration: none; }

.PageHeader__subnav a svg { height: 100%; width: 100%; }

.PageHeader__subnav-link { text-decoration: none; color: #E0E4E8; display: inline-block; }

.PageHeader__subnav-link .Icon, .PageHeader__subnav-link .Pagination .Pagination__icon, .Pagination .PageHeader__subnav-link .Pagination__icon { margin-right: 0; width: 1.5rem; height: 1.5rem; }

.PageHeader__subnav-link:hover, .PageHeader__subnav-link.is-open { color: #ffffff; }

.PageHeader__subnav-link:hover .Icon, .PageHeader__subnav-link:hover .Pagination .Pagination__icon, .Pagination .PageHeader__subnav-link:hover .Pagination__icon, .PageHeader__subnav-link.is-open .Icon, .PageHeader__subnav-link.is-open .Pagination .Pagination__icon, .Pagination .PageHeader__subnav-link.is-open .Pagination__icon { fill: #ffffff; }

.PageHeader__subnav-link:hover:after, .PageHeader__subnav-link.is-open:after { color: #0073EC; }

.PageHeader__notification-amount { display: inline-block; background: #FF4A48; border-radius: 50px; width: 1rem; height: 1rem; font-size: 0.875rem; line-height: 1rem; font-weight: 600; text-align: center; vertical-align: middle; color: #ffffff; transform: translate(18px, -4px); }

button.PageHeader__subnav-link { background: transparent; border-width: 0; padding: 0; cursor: pointer; outline: none; }

button.PageHeader__subnav-link:after { vertical-align: top; margin-top: 11px; margin-left: 4px; }

button.PageHeader__subnav-link:after:hover:after { color: #0073EC; }

.PageHeader.menu-is-open { padding: 1.75rem; }

.PageHeader.menu-is-open .PageHeader__nav { display: block; margin: 4rem 0 0 0; }

.PageHeader.menu-is-open .PageHeader__nav li { text-align: center; }

.PageHeader.menu-is-open .PageHeader__nav .PageHeader__nav-link { display: block; width: 100%; text-align: center; padding: 1rem; }

.PageHeader.menu-is-open .PageHeader__nav .Popover-container { display: block; }

.PageHeader.menu-is-open .Menu-toggle__inner { height: 0; }

.PageHeader.menu-is-open .Menu-toggle__inner:before { top: 0px; transform: rotate(135deg); }

.PageHeader.menu-is-open .Menu-toggle__inner:after { top: 0px; transform: rotate(-135deg); }

.PageHeader--light { background: #ffffff; border-bottom: solid 1px #E0E4E8; }

.PageHeader--light .Menu-toggle__inner, .PageHeader--light .Menu-toggle__inner:before, .PageHeader--light .Menu-toggle__inner:after { background: #677983; }

.PageHeader--light .PageHeader__nav-link { color: #677983; }

.PageHeader--light .PageHeader__nav-link:hover, .PageHeader--light .PageHeader__nav-link.is-active, .PageHeader--light .PageHeader__nav-link.is-open { color: #071c26; text-decoration: none; }

.PageHeader--light .PageHeader__subnav-link .Icon, .PageHeader--light .PageHeader__subnav-link .Pagination .Pagination__icon, .Pagination .PageHeader--light .PageHeader__subnav-link .Pagination__icon { color: #677983; }

.PageHeader--light .PageHeader__subnav-link:hover { color: #071c26; }

.PageHeader--light .PageHeader__subnav-link:after { border-top-color: #677983; }

.PageHeader--light .PageHeader__subnav-link:hover:after { border-top-color: #0073EC; }

.PageHeader--light .PageHeader__logo { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 471.3 89.3'%3E%3Cg fill='%23071C26'%3E%3Cpath d='M95.4 23.3h15.8c15.3 0 28.2 6.5 28.2 24 0 15.4-12.6 23.7-26.8 23.7H95.4V23.3zm10.5 37.9h5.5c9.8 0 17.1-3.7 17.1-14.5 0-9.4-7.5-13.7-16.4-13.7h-6.2v28.2zM144.8 38.2h10.1v5.3h.1c2.2-4 5-6.1 9.4-6.1 1.1 0 2.4.1 3.4.3v9.2c-1.4-.4-2.8-.7-4.3-.7-7.7 0-8.6 4.4-8.6 11v13.7h-10.1V38.2zM202.1 65.3c-3.2 4.1-8.5 6.5-13.8 6.5-10.1 0-18.2-6.7-18.2-17.2 0-10.4 8.1-17.2 18.2-17.2 9.4 0 15.3 6.7 15.3 17.2v3.2h-23.4c.8 3.8 3.7 6.3 7.6 6.3 3.3 0 5.5-1.7 7.2-4l7.1 5.2zm-8.6-14.5c.1-3.4-2.6-6.2-6.2-6.2-4.4 0-6.9 3-7.1 6.2h13.3zM229.1 66.8h-.1c-2.2 3.5-6.3 4.9-10.4 4.9-6.1 0-11.6-3.5-11.6-10.1 0-11.3 13.7-11.5 22.1-11.5 0-3.6-3-5.9-6.5-5.9-3.3 0-6.1 1.5-8.2 3.9l-5.4-5.5c3.7-3.5 9.1-5.3 14.4-5.3 11.8 0 14.9 6 14.9 16.9v16.6H229v-4zm-2.5-10.2c-3.1 0-10 .3-10 4.7 0 2.4 2.6 3.6 4.8 3.6 4 0 7.7-2.1 7.7-6.1v-2.2h-2.5zM244.7 38.2h9.7v4.4h.1c1.3-2.6 4.6-5.3 9.6-5.3 4.6 0 8.3 1.9 10.1 5.9 2.4-4.2 5.5-5.9 10.4-5.9 8.9 0 11.6 6.3 11.6 14.2v19.3H286v-19c0-3-1.1-5.6-4.4-5.6-4.6 0-6.1 3.3-6.1 7.3v17.3h-10.1V53.6c0-2.4.1-7.3-4.5-7.3-5.3 0-6.1 4.1-6.1 8.3v16.3h-10.1V38.2zM302.5 23.3H313V41h20.4V23.3h10.5V71h-10.5V50.3H313v20.6h-10.5V23.3zM366.6 37.4c10.1 0 18.2 6.7 18.2 17.2 0 10.4-8.1 17.2-18.2 17.2s-18.2-6.7-18.2-17.2 8.1-17.2 18.2-17.2zm0 25.4c5 0 8.1-3.4 8.1-8.3s-3-8.3-8.1-8.3c-5 0-8.1 3.4-8.1 8.3 0 5 3.1 8.3 8.1 8.3zM407.9 47.8c-1.5-1.8-3.4-2.8-5.9-2.8-1.7 0-3.7.7-3.7 2.7 0 4.8 17 .7 17 13.2 0 8.3-8.1 10.8-15.1 10.8-4.6 0-9.6-1.1-12.9-4.4l6.1-6.8c1.9 2.3 4.1 3.6 7.1 3.6 2.3 0 4.6-.6 4.6-2.4 0-5.3-17-.8-17-13.3 0-7.7 6.9-11 13.7-11 4.3 0 9.1 1.1 12.1 4.3l-6 6.1zM442.5 46.3h-8.9v10.9c0 3.5.4 6.1 4.8 6.1 1.1 0 3.2-.1 4.1-.9v8.4c-2.2.8-4.7 1-7.1 1-6.7 0-11.9-2.8-11.9-9.9V46.3H417v-8.1h6.5v-9.7h10.1v9.7h8.9v8.1z'/%3E%3C/g%3E%3Cpath fill='%23071C26' d='M77.3 60c-4.9 2.7-10.5 4.2-16.5 4.1C43 63.7 29 49.4 29.3 32c.1-5.9 1.9-11.4 4.9-16-9.5 5.3-16 15.2-16.2 26.7-.4 17.3 13.7 31.7 31.4 32.1 11.8.2 22.1-5.7 27.9-14.8'/%3E%3Cpath fill='%230073EC' d='M51.3 14.6c-4.8 0-9.3 1.2-13.3 3.4-2.5 4.1-3.9 8.8-4.1 13.6-.3 15.1 12 27.6 27.3 27.9 4.6 0 9.8-1.1 13.8-3.3 2.4-4.1 3.8-8.9 3.8-14C79 27 66.6 14.6 51.3 14.6z'/%3E%3Cg%3E%3Cpath fill='%23071C26' d='M446 23.5c0-.5.1-1 .3-1.5.2-.5.5-.8.8-1.2.3-.3.7-.6 1.2-.8.4-.2.9-.3 1.4-.3.5 0 1 .1 1.4.3.4.2.8.4 1.2.8.3.3.6.7.8 1.2.2.5.3.9.3 1.5 0 .5-.1 1-.3 1.5-.2.4-.5.8-.8 1.2-.3.3-.7.6-1.2.8-.4.2-.9.3-1.4.3-.5 0-1-.1-1.4-.3-.4-.2-.8-.4-1.2-.8-.3-.3-.6-.7-.8-1.2-.2-.5-.3-1-.3-1.5zm.7 0c0 .4.1.9.2 1.2.2.4.4.7.6 1 .3.3.6.5 1 .7.4.2.8.2 1.2.2.4 0 .8-.1 1.2-.2.4-.2.7-.4 1-.7.3-.3.5-.6.6-1 .2-.4.2-.8.2-1.2 0-.4-.1-.9-.2-1.2-.2-.4-.4-.7-.6-1-.3-.3-.6-.5-1-.7-.4-.2-.8-.2-1.2-.2-.4 0-.8.1-1.2.2-.4.2-.7.4-1 .7-.3.3-.5.6-.6 1-.2.3-.2.7-.2 1.2zm1.6-2.2h1.6c1 0 1.5.4 1.5 1.2 0 .4-.1.7-.3.9-.2.2-.5.3-.8.3l1.2 1.9h-.7l-1.2-1.9h-.7v1.9h-.7l.1-4.3zm.6 1.9h1.1c.1 0 .3 0 .4-.1.1 0 .2-.1.3-.2.1-.1.1-.2.1-.4 0-.1 0-.3-.1-.4-.1-.1-.1-.2-.2-.2s-.2-.1-.3-.1H449l-.1 1.4z'/%3E%3C/g%3E%3C/svg%3E") no-repeat; }

.PageHeader--light .PageHeader__logo.PageHeader__logo--internal { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cpath fill='%23071C26' d='M73.9 60.3C69 63 63.3 64.5 57.3 64.4 39.6 64 25.5 49.7 25.8 32.3c.1-5.9 1.9-11.4 4.9-16-9.5 5.3-16 15.2-16.2 26.7-.4 17.4 13.8 31.7 31.5 32.1 11.7.2 22.1-5.7 27.9-14.8'/%3E%3Cpath fill='%230073EC' d='M47.9 14.9c-4.8 0-9.3 1.2-13.3 3.4-2.5 4.1-3.9 8.8-4.1 13.6-.3 15.1 12 27.6 27.3 27.9 4.6 0 9.8-1.1 13.8-3.3 2.4-4.1 3.8-8.9 3.8-14 .1-15.2-12.3-27.6-27.5-27.6z'/%3E%3C/svg%3E") no-repeat; }

@keyframes UnderlineEmphasis { 0% { right: 100%; }
  100% { right: 0; } }

@media screen and (min-width: 750px) { .PageHeader { padding: 1.75rem; }
  .PageHeader.menu-is-open .PageHeader__container, .PageHeader__container { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; }
  .PageHeader__nav-link.is-active:before, .PageHeader__nav-link--active:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; background: #0073EC; height: 2px; animation: UnderlineEmphasis 1s ease-in-out; }
  .PageHeader.menu-is-open .PageHeader__nav, .PageHeader__nav { display: -ms-flexbox; display: flex; margin: 0.5rem 0 0 0; }
  .PageHeader.menu-is-open .PageHeader__nav li, .PageHeader__nav li { margin-right: 2rem; margin-right: 2rem; }
  .PageHeader.menu-is-open .PageHeader__nav li:last-of-type, .PageHeader__nav li:last-of-type { border: none; }
  .PageHeader.menu-is-open .PageHeader__nav .PageHeader__nav-link, .PageHeader__nav .PageHeader__nav-link { display: inline-block; padding: 0; width: auto; }
  .PageHeader__logo { position: static; -ms-flex-preferred-size: 160px; flex-basis: 160px; margin: 0 2rem 0 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-order: unset; order: unset; }
  .PageHeader__nav-link { border: none; }
  .Menu-toggle { display: none; }
  .PageHeader__subnav { margin: 0; position: static; -ms-flex-negative: 2; flex-shrink: 2; }
  .PageHeader__subnav li:nth-last-child(2) { margin-right: 0; } }

/*

Panel

	Useful for displaying login credentials. Use with _grid.scss
	for positioning.

	Usage:
	<div class="Panel w-100">
		<h3 class="Panel__heading">File Upload</h3>
		<div class="Panel__tags">
			<span class="Tag Tag--blue">Shell</span>
			<span class="Tag Tag--blue">SFTP</span>
			<span class="Tag Tag--blue">FTP</span>
		</div>
		<div class="m-bottom-2">
			<span class="Panel__label">User</span>
			<span class="Panel__code"><code>example</code></span>
		</div>
		<div class="m-bottom-4">
			<span class="Panel__label">Server</span>
			<span class="Panel__code"><code>example.server.com</code></span>
		</div>
		<a role="button" href="#" class="Button Button--text t-2">Call to action</a>
	</div>

*/
.Panel, .Panel--double { padding: 2rem; background: #ffffff; background: #F4F6F9; display: inline-block; position: relative; border-radius: 3px; }

.Panel > *:last-child:not(input):not(textarea), .Panel--double > *:last-child:not(input):not(textarea) { margin-bottom: 0; }

.Panel__tags { position: absolute; }

.Panel .Panel__tags { top: 2.2rem; right: 2rem; }

.Panel--double .Panel__tags { top: 0.5rem; right: 0; }

.Panel__label { font-size: 1rem; line-height: 1rem; display: inline-block; min-width: 5rem; font-weight: 600; }

.Panel__code { display: inline-block; }

.Panel__section { display: block; position: relative; margin-bottom: 2.5rem; }

@media (min-width: 1050px) { .Panel__section { display: inline-block; width: 50%; margin-bottom: 0; }
  .Panel__section + .Panel__section { margin-left: 1.5rem; width: 45%; } }

/*

Payment Module

	The payment module adds functionality to the ChoiceBox component that allows users to
	select, edit, and delete payment options.

	Reqs: ChoiceBox Component

	Usage:
	<div class="Payment-container">
		<ul>
			<li class="Payment Payment--autopay ChoiceBox">
				<input type="radio" class="ChoiceBox__radio"
					name="example" id="example" value="example" />
				<label for="example" class="ChoiceBox__label">
					<div class="ChoiceBox__title">
						Example Title
					</div>
					<div class="ChoiceBox__content">
						This is one of two choice boxes that appear
						next to each other.

						<div class="Payment__actions">
							<button class="Button Button--text Payment__actions--primary" data-remodal-target="test-modal">Edit</button>
						</div>
					</div>
				</label>
			</li>
		</ul>
	</div>

*/
.Payment-container .ChoiceBox__label { padding: 1.5rem; }

.Payment-container .Payment--autopay .ChoiceBox__title:after { content: "(Autopay)"; color: #F59D00; }

.Payment-container .ChoiceBox { position: relative; }

.Payment-container .ChoiceBox__title, .Payment-container .ChoiceBox__content { text-align: left; padding-right: 10rem; }

.Payment-container .Payment__actions--primary, .Payment-container .Payment__actions--secondary, .Payment-container .Payment__actions--danger { margin-bottom: 0.5rem; font-size: 1rem; line-height: 1.5rem; color: #AFBFC9; }

.Payment-container .Payment:hover .Payment__actions--primary { color: #0073EC; }

.Payment-container .Payment:hover .Payment__actions--secondary { color: #677983; }

.Payment-container .Payment:hover .Payment__actions--secondary:hover { color: #0073EC; }

.Payment-container .Payment:hover .Payment__actions--danger { color: #FF4A48; }

.Payment__actions { position: absolute; top: 1.5rem; right: 1.5rem; text-align: right; }

/** START custom overrides to be deleted once merged into dreamhost.css **/
.Button--subcompact { font-size: 0.875rem; line-height: inherit; padding: 0.25rem 0.5rem; margin: 0 0.25rem !important; }

.Alert:not(.Alert--success):not(.Alert--error).Alert--info { border-color: #0073EC; background: #CCEFFF; }

.Alert.Alert--error.Alert--inline { color: #B80C03; border-left: 0 !important; padding: 0 0.25rem !important; display: inline-block; margin-bottom: 0 !important; }

.Select { max-height: 40px; margin-top: 0.5rem; }

.Form__group--select:after { top: 3.1rem; }

.privacy-settings-language-dropdown .Form__group--select:after { top: 1rem; }

input.Input:-ms-input-placeholder, textarea.Input:-ms-input-placeholder { color: #E0E4E8; }

input.Input::placeholder, textarea.Input::placeholder { color: #E0E4E8; }

input.privacy-input:disabled { background: rgba(239, 239, 239, 0.3); }

.Input__inline-text { position: absolute; top: 0; bottom: 0; height: 40px; padding: 0.5rem 1rem; }

.u-max-width-100 { max-width: 100% !important; }

.ach-dot-routing, .ach-dot-account { position: relative; padding-left: 1.5rem; }

.ach-dot-routing:before, .ach-dot-account:before { position: absolute; top: 45%; bottom: 0; left: 0; right: 0; content: ''; height: 14px; width: 14px; transform: translateY(-50%); border-radius: 50%; }

.bg-gradient { background: #0073EC; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #0073EC 10%, #A644E5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c-b300', endColorstr='$c-p300',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.bg-new-gradient { background: #A644E5; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(230deg, #6236FF 0%, #0073EC 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c-p300', endColorstr='$c-b300',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

.bg-footer-gradient { background: #cfe2ed; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #cfe2ed 0%, #e6e3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$c-p300', endColorstr='$c-b300',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

/** END custom overrides to be deleted once merged into dreamhost.css **/
.ach-dot-routing:before { border: 2px solid #0073EC; background: #CCEFFF; }

.ach-dot-account:before { border: 2px solid #A644E5; background: #dbb4f5; }

.Select__inline { height: 32px; font-family: "Proxima Nova", sans-serif; font-size: 14px; }

.js-mailbox.ChoiceBox { display: block; }

:root { --fa-primary-color: #0073EC; --fa-secondary-color: #0073EC; --fa-primary-opacity: 0.95; --fa-secondary-opacity: 0.35; }

.fa-purple { --fa-primary-color: #A644E5 !important; --fa-secondary-color: #A644E5 !important; }

.fa-white { --fa-primary-color: #FFFFFF !important; --fa-secondary-color: #FFFFFF !important; }

.fa-gray { --fa-primary-color: #434F58 !important; --fa-secondary-color: #434F58 !important; }

.fa-green { --fa-primary-color: #009834 !important; --fa-secondary-color: #009834 !important; }

.Button--main { background-color: #0073EC; border-color: #0073EC; color: #ffffff; max-height: 42px; padding: 0.75rem 1rem; }

.Button--main:hover { color: #ffffff; }

.Button--default { border-radius: 4px; padding: 0.75rem 1rem; font-size: 1rem; border-color: #AFBFC9; color: #071c26; line-height: 1; max-height: 42px; }

.Button--default .Site-Icon__icon { color: #9ba3a7; transition: 0.2s ease-in-out; }

.Button--default:hover .Site-Icon__icon { color: #0073EC; }

.Button--danger:disabled:hover { background: #E0E4E8 !important; }

.Toaster { background: #F4F6F9; box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.1); }

.Toaster__heading { padding: 1rem; }

.Toaster__heading span { line-height: 1.3; margin-top: 0.5rem; font-size: 0.875rem; }

.Toaster .Toaster__type { width: 6rem; }

.Toaster .Toaster__close { padding: 1rem; }

.border-c-p300 { border-color: #A644E5; }

/* Override OneTrust Cookie Preference Center button styling */
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings, #ot-sdk-btn { background-color: transparent !important; color: #0073ec !important; cursor: pointer !important; display: inline !important; font-family: Gilroy, sans-serif !important; font-size: 14px !important; font-style: normal !important; font-weight: 400 !important; height: auto !important; line-height: 16px !important; text-decoration: none !important; width: auto !important; -webkit-font-smoothing: antialiased !important; /* Reset unwanted button properties */ padding: 0 !important; border: none !important; transition: none !important; white-space: normal !important; }

#ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.ot-sdk-show-settings:active, #ot-sdk-btn.optanon-show-settings:hover, #ot-sdk-btn.optanon-show-settings:active, #ot-sdk-btn:hover, #ot-sdk-btn:active { background-color: transparent !important; color: #0073ec !important; border: none !important; }

@keyframes spinner-spin { to { transform: rotate(360deg); } }

#loading > div { position: relative; display: block; margin: auto; width: 142px; height: 142px; }

#loading > div > i { animation: spinner-spin 3s infinite cubic-bezier(0.09, 0.6, 0.8, 0.03); transform-origin: 50% 100% 0; position: absolute; display: inline-block; top: 50%; left: 50%; border: solid 6px transparent; border-bottom: none; }

#loading > div > i:nth-of-type(1) { animation-timing-function: cubic-bezier(0.09, 1.5, 0.6, 0.03); width: 100px; height: 50px; margin-top: -50px; margin-left: -50px; border-color: #0073ec; border-top-left-radius: 60px; border-top-right-radius: 60px; }

#loading > div > i:nth-of-type(2) { animation-timing-function: cubic-bezier(0.09, 1.8, 0.72, 0.03); width: 114px; height: 57px; margin-top: -57px; margin-left: -57px; border-color: #e6f2ff; border-top-left-radius: 66px; border-top-right-radius: 66px; }

#loading > div > i:nth-of-type(3) { animation-timing-function: cubic-bezier(0.09, 2.1, 0.84, 0.03); width: 128px; height: 64px; margin-top: -64px; margin-left: -64px; border-color: #333333; border-top-left-radius: 72px; border-top-right-radius: 72px; }