/* csslint ignore:start */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

@font-face {
    font-family: "Duo Admin Icons";
    src: url("../fonts/duo-admin/duo-admin.eot");
    src: url("../fonts/duo-admin/duo-admin.eot#iefix") format("embedded-opentype"), url("../fonts/duo-admin/duo-admin.ttf") format("truetype"), url("../fonts/duo-admin/duo-admin.woff") format("woff"), url("../fonts/duo-admin/duo-admin.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}

[data-icon]:before {
    font-family: "Duo Admin Icons" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=' icon-']:before,
[class^='icon-']:before {
    font-family: "Duo Admin Icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-call:before {
    content: '\e002'
}

.icon-call-ringing:before {
    content: '\e003'
}

.icon-usb-alt:before {
    content: '\e007'
}

.icon-terminal:before {
    content: '\e009'
}

.icon-lock-target:before {
    content: '\e00f'
}

.icon-magnifier-thin:before {
    content: '\e010'
}

.icon-padlock-round-unlock:before {
    content: '\e013'
}

.icon-skull:before {
    content: '\e019'
}

.icon-padlock-round-locked:before {
    content: '\e01a'
}

.icon-phone:before {
    content: '\e023'
}

.icon-users:before {
    content: '\e028'
}

.icon-user:before {
    content: '\e02d'
}

.icon-dashboard:before {
    content: '\e03f'
}

.icon-gear:before {
    content: '\e042'
}

.icon-briefcase:before {
    content: '\e044'
}

.icon-exclamation-mark-triangle:before {
    content: '\e045'
}

.icon-pie-chart:before {
    content: '\e047'
}

.icon-globe:before {
    content: '\e048'
}

.icon-laptop:before {
    content: '\e055'
}

.icon-router:before {
    content: '\e056'
}

.icon-monitor:before {
    content: '\e058'
}

.icon-smartphone:before {
    content: '\e059'
}

.icon-usb:before {
    content: '\e05b'
}

.icon-remote:before {
    content: '\e05c'
}

.icon-network:before {
    content: '\e05d'
}

.icon-server:before {
    content: '\e05f'
}

.icon-shield-cross:before {
    content: '\e063'
}

.icon-shield:before {
    content: '\e064'
}

.icon-list:before {
    content: '\e065'
}

.icon-beer:before {
    content: '\e066'
}

.icon-star:before {
    content: '\e085'
}

.icon-sign-new:before {
    content: '\e09b'
}

.icon-wallet:before {
    content: '\e09c'
}

.icon-clipboard-lines:before {
    content: '\e0a5'
}

.icon-file-line-graph:before {
    content: '\e0ba'
}

.icon-file-bar-graph:before {
    content: '\e0bb'
}

.icon-exclamation-mark-circle:before {
    content: '\e0cf'
}

.icon-information-circle:before {
    content: '\e0d0'
}

.icon-question-mark-circle:before {
    content: '\e0d1'
}

.icon-ipad:before {
    content: '\e0e7'
}

.icon-tiles:before {
    content: '\e0e9'
}

.icon-lifesaver:before {
    content: '\e0ec'
}

.icon-pizza:before {
    content: '\e0ed'
}

.icon-exclamation-mark-round-filled:before {
    content: '\e154'
}

.icon-exclamation-mark-triangle-filled:before {
    content: '\e155'
}

.icon-information-filled:before {
    content: '\e156'
}

.icon-question-mark-filled:before {
    content: '\e157'
}

.icon-apple:before {
    content: '\e196'
}

.icon-blackberry:before {
    content: '\e197'
}

.icon-smartphone-ellipsis:before {
    content: '\e199'
}

.icon-smartphone-check:before {
    content: '\e19c'
}

.icon-android:before {
    content: '\e19d'
}

.icon-touchid:before {
    content: '\e1a7'
}

.icon-windows:before {
    content: '\e195'
}

.icon-harddisk:before {
    content: '\e19f'
}

.icon-check-thin:before {
    content: '\e1a5'
}

.icon-credit-card:before {
    content: '\e1a9'
}

.icon-profile:before {
    content: '\e1aa'
}

.icon-star-filled:before {
    content: '\e0fa'
}

.icon-add-thin:before {
    content: '\e0fb'
}

.icon-delete-thin:before {
    content: '\e0fc'
}

.icon-minus:before {
    content: '\e0fd'
}

.icon-download-thin:before {
    content: '\e0ff'
}

.icon-upload-thin:before {
    content: '\e100'
}

.icon-chevron-double-left-thin:before {
    content: '\e102'
}

.icon-chevron-double-right-thin:before {
    content: '\e103'
}

.icon-chevron-double-up:before {
    content: '\e104'
}

.icon-chevron-double-down:before {
    content: '\e105'
}

.icon-chevron-right:before {
    content: '\e106'
}

.icon-chevron-down:before {
    content: '\e107'
}

.icon-chevron-up:before {
    content: '\e108'
}

.icon-chevron-left:before {
    content: '\e109'
}

.icon-clipboard:before {
    content: '\e01c'
}

.icon-window:before {
    content: '\e000'
}

.icon-user-add:before {
    content: '\e001'
}

.icon-check-shield:before {
    content: '\e004'
}

.icon-chevron-thin-left:before {
    content: '\e00c'
}

.icon-chevron-thin-right:before {
    content: '\e00d'
}

.icon-loop-thin:before {
    content: '\e005'
}

.icon-pencil-thin:before {
    content: '\e006'
}

.icon-add-circle:before {
    content: '\e008'
}

.icon-minus-circle:before {
    content: '\e00a'
}

.icon-check-circle:before {
    content: '\e011'
}

.icon-add:before {
    content: '\e027'
}

.icon-pencil:before {
    content: '\e029'
}

.icon-magnifier:before {
    content: '\e02a'
}

.icon-loop:before {
    content: '\e02b'
}

.icon-chevron-thick-left:before {
    content: '\e02c'
}

.icon-download:before {
    content: '\e02e'
}

.icon-chevron-thick-down:before {
    content: '\e02f';
    font-size: .65rem
}

.icon-chevron-double-right:before {
    content: '\e030'
}

.icon-chevron-double-left:before {
    content: '\e031'
}

.icon-check:before {
    content: '\e033'
}

.icon-duo-d:before {
    content: '\e015'
}

.icon-duo-circle:before {
    content: '\e016'
}

.icon-duo:before {
    content: '\e017'
}

.icon-windows-filled:before {
    content: '\e018'
}

.icon-apple-filled:before {
    content: '\e01b'
}

.icon-android-filled:before {
    content: '\e01d'
}

.icon-duo-platform:before {
    content: '\e01e'
}

.icon-duo-d-circle:before {
    content: '\e020'
}

.icon-duo-d-square:before {
    content: '\e021'
}

.icon-duo-logo-mobile:before {
    content: '\e022'
}

.icon-java:before {
    content: '\e038'
}

.icon-linux:before {
    content: '\e03a'
}

.icon-opera:before {
    content: '\e040'
}

.icon-filled-lock:before {
    content: '\e024'
}

.icon-check-circle-filled:before {
    content: '\e035'
}

.icon-exclamation-circle-filled:before {
    content: '\e037'
}

.icon-safari:before {
    content: '\e03c'
}

.icon-chrome:before {
    content: '\e036'
}

.icon-clip:before {
    content: '\e025'
}

.icon-align-justify:before {
    content: '\e046'
}

.icon-bin:before {
    content: '\e043'
}

.icon-endpoints:before {
    content: '\e026'
}

.icon-arrow:before {
    content: '\e034'
}

.icon-delete:before {
    content: '\e032'
}

.icon-chevron-thick-up:before {
    content: '\e04a';
    font-size: .65rem
}

.icon-chevron-thick-right:before {
    content: '\e049'
}

.icon-new-window:before {
    content: '\e01f'
}

.icon-sort:before {
    content: '\e04b'
}

.icon-flash:before {
    content: '\e04c'
}

.icon-firefox:before {
    content: '\e04d'
}

.icon-edge:before {
    content: '\e04f'
}

.icon-ie:before {
    content: '\e04e'
}

.icon-os:before {
    content: '\e039'
}

.icon-phone-and-tablet:before {
    content: '\e03d'
}

.icon-block:before {
    content: '\e050'
}

.icon-sort-up:before {
    content: '\e012'
}

.icon-chevron-thin-up:before {
    content: '\e00e'
}

.icon-chevron-thin-down:before {
    content: '\e00b'
}

.icon-sort-down:before {
    content: '\e014'
}

.icon-bubble-ask:before {
    content: '\e03e'
}

.icon-plugin:before {
    content: '\e041'
}

.icon-browser-window:before {
    content: '\e051'
}

.icon-arrow-right:before {
    content: '\e057'
}

.icon-clock:before {
    content: '\e03b'
}

.icon-circle-checkmark:before {
    content: '\e052'
}

.icon-trusted-endpoints:before {
    content: '\e053'
}

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

html:hover [class^="ss-"] {
    -ms-zoom: 1
}

.ss-icon,
.ss-icon.ss-standard,
[class^="ss-"]:before,
[class*=" ss-"]:before,
[class^="ss-"].ss-standard:before,
[class*=" ss-"].ss-standard:before,
[class^="ss-"].right:after,
[class*=" ss-"].right:after,
[class^="ss-"].ss-standard.right:after,
[class*=" ss-"].ss-standard.right:after {
    font-family: "SSStandard" !important;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased
}

[class^="ss-"].right:before,
[class*=" ss-"].right:before {
    display: none;
    content: ''
}

.ss-cursor:before,
.ss-cursor.right:after {
    content: ''
}

.ss-crosshair:before,
.ss-crosshair.right:after {
    content: '⌖'
}

.ss-search:before,
.ss-search.right:after {
    content: '🔎'
}

.ss-zoomin:before,
.ss-zoomin.right:after {
    content: ''
}

.ss-zoomout:before,
.ss-zoomout.right:after {
    content: ''
}

.ss-view:before,
.ss-view.right:after {
    content: '👀'
}

.ss-attach:before,
.ss-attach.right:after {
    content: '📎'
}

.ss-link:before,
.ss-link.right:after {
    content: '🔗'
}

.ss-move:before,
.ss-move.right:after {
    content: ''
}

.ss-write:before,
.ss-write.right:after {
    content: '✎'
}

.ss-writingdisabled:before,
.ss-writingdisabled.right:after {
    content: ''
}

.ss-erase:before,
.ss-erase.right:after {
    content: '✐'
}

.ss-compose:before,
.ss-compose.right:after {
    content: '📝'
}

.ss-lock:before,
.ss-lock.right:after {
    content: '🔒'
}

.ss-unlock:before,
.ss-unlock.right:after {
    content: '🔓'
}

.ss-key:before,
.ss-key.right:after {
    content: '🔑'
}

.ss-backspace:before,
.ss-backspace.right:after {
    content: '⌫'
}

.ss-ban:before,
.ss-ban.right:after {
    content: '🚫'
}

.ss-trash:before,
.ss-trash.right:after {
    content: ''
}

.ss-target:before,
.ss-target.right:after {
    content: '◎'
}

.ss-tag:before,
.ss-tag.right:after {
    content: ''
}

.ss-bookmark:before,
.ss-bookmark.right:after {
    content: '🔖'
}

.ss-flag:before,
.ss-flag.right:after {
    content: '⚑'
}

.ss-like:before,
.ss-like.right:after {
    content: '👍'
}

.ss-dislike:before,
.ss-dislike.right:after {
    content: '👎'
}

.ss-heart:before,
.ss-heart.right:after {
    content: '♥'
}

.ss-halfheart:before,
.ss-halfheart.right:after {
    content: ''
}

.ss-star:before,
.ss-star.right:after {
    content: '⋆'
}

.ss-halfstar:before,
.ss-halfstar.right:after {
    content: ''
}

.ss-sample:before,
.ss-sample.right:after {
    content: ''
}

.ss-crop:before,
.ss-crop.right:after {
    content: ''
}

.ss-layers:before,
.ss-layers.right:after {
    content: ''
}

.ss-fill:before,
.ss-fill.right:after {
    content: ''
}

.ss-stroke:before,
.ss-stroke.right:after {
    content: ''
}

.ss-phone:before,
.ss-phone.right:after {
    content: '📞'
}

.ss-phonedisabled:before,
.ss-phonedisabled.right:after {
    content: ''
}

.ss-rss:before,
.ss-rss.right:after {
    content: ''
}

.ss-facetime:before,
.ss-facetime.right:after {
    content: ''
}

.ss-reply:before,
.ss-reply.right:after {
    content: '↩'
}

.ss-send:before,
.ss-send.right:after {
    content: ''
}

.ss-mail:before,
.ss-mail.right:after {
    content: '✉'
}

.ss-inbox:before,
.ss-inbox.right:after {
    content: '📥'
}

.ss-chat:before,
.ss-chat.right:after {
    content: '💬'
}

.ss-ellipsischat:before,
.ss-ellipsischat.right:after {
    content: ''
}

.ss-ellipsis:before,
.ss-ellipsis.right:after {
    content: '…'
}

.ss-user:before,
.ss-user.right:after {
    content: '👤'
}

.ss-femaleuser:before,
.ss-femaleuser.right:after {
    content: '👧'
}

.ss-users:before,
.ss-users.right:after {
    content: '👥'
}

.ss-cart:before,
.ss-cart.right:after {
    content: ''
}

.ss-creditcard:before,
.ss-creditcard.right:after {
    content: '💳'
}

.ss-dollarsign:before,
.ss-dollarsign.right:after {
    content: '💲'
}

.ss-barchart:before,
.ss-barchart.right:after {
    content: '📊'
}

.ss-piechart:before,
.ss-piechart.right:after {
    content: ''
}

.ss-box:before,
.ss-box.right:after {
    content: '📦'
}

.ss-home:before,
.ss-home.right:after {
    content: '⌂'
}

.ss-buildings:before,
.ss-buildings.right:after {
    content: '🏢'
}

.ss-warehouse:before,
.ss-warehouse.right:after {
    content: ''
}

.ss-globe:before,
.ss-globe.right:after {
    content: '🌎'
}

.ss-navigate:before,
.ss-navigate.right:after {
    content: ''
}

.ss-compass:before,
.ss-compass.right:after {
    content: ''
}

.ss-signpost:before,
.ss-signpost.right:after {
    content: ''
}

.ss-map:before,
.ss-map.right:after {
    content: ''
}

.ss-location:before,
.ss-location.right:after {
    content: ''
}

.ss-pin:before,
.ss-pin.right:after {
    content: '📍'
}

.ss-database:before,
.ss-database.right:after {
    content: ''
}

.ss-hdd:before,
.ss-hdd.right:after {
    content: ''
}

.ss-music:before,
.ss-music.right:after {
    content: '♫'
}

.ss-mic:before,
.ss-mic.right:after {
    content: '🎤'
}

.ss-volume:before,
.ss-volume.right:after {
    content: '🔈'
}

.ss-lowvolume:before,
.ss-lowvolume.right:after {
    content: '🔉'
}

.ss-highvolume:before,
.ss-highvolume.right:after {
    content: '🔊'
}

.ss-airplay:before,
.ss-airplay.right:after {
    content: ''
}

.ss-camera:before,
.ss-camera.right:after {
    content: '📷'
}

.ss-picture:before,
.ss-picture.right:after {
    content: '🌄'
}

.ss-video:before,
.ss-video.right:after {
    content: '📹'
}

.ss-play:before,
.ss-play.right:after {
    content: '▶'
}

.ss-pause:before,
.ss-pause.right:after {
    content: ''
}

.ss-stop:before,
.ss-stop.right:after {
    content: '■'
}

.ss-record:before,
.ss-record.right:after {
    content: '●'
}

.ss-rewind:before,
.ss-rewind.right:after {
    content: '⏪'
}

.ss-fastforward:before,
.ss-fastforward.right:after {
    content: '⏩'
}

.ss-skipback:before,
.ss-skipback.right:after {
    content: '⏮'
}

.ss-skipforward:before,
.ss-skipforward.right:after {
    content: '⏭'
}

.ss-eject:before,
.ss-eject.right:after {
    content: '⏏'
}

.ss-repeat:before,
.ss-repeat.right:after {
    content: '🔁'
}

.ss-replay:before,
.ss-replay.right:after {
    content: '↺'
}

.ss-shuffle:before,
.ss-shuffle.right:after {
    content: '🔀'
}

.ss-book:before,
.ss-book.right:after {
    content: '📕'
}

.ss-openbook:before,
.ss-openbook.right:after {
    content: '📖'
}

.ss-notebook:before,
.ss-notebook.right:after {
    content: '📓'
}

.ss-newspaper:before,
.ss-newspaper.right:after {
    content: '📰'
}

.ss-grid:before,
.ss-grid.right:after {
    content: ''
}

.ss-rows:before,
.ss-rows.right:after {
    content: ''
}

.ss-columns:before,
.ss-columns.right:after {
    content: ''
}

.ss-thumbnails:before,
.ss-thumbnails.right:after {
    content: ''
}

.ss-filter:before,
.ss-filter.right:after {
    content: ''
}

.ss-desktop:before,
.ss-desktop.right:after {
    content: '💻'
}

.ss-laptop:before,
.ss-laptop.right:after {
    content: ''
}

.ss-tablet:before,
.ss-tablet.right:after {
    content: ''
}

.ss-cell:before,
.ss-cell.right:after {
    content: '📱'
}

.ss-battery:before,
.ss-battery.right:after {
    content: '🔋'
}

.ss-highbattery:before,
.ss-highbattery.right:after {
    content: ''
}

.ss-mediumbattery:before,
.ss-mediumbattery.right:after {
    content: ''
}

.ss-lowbattery:before,
.ss-lowbattery.right:after {
    content: ''
}

.ss-emptybattery:before,
.ss-emptybattery.right:after {
    content: ''
}

.ss-lightbulb:before,
.ss-lightbulb.right:after {
    content: '💡'
}

.ss-downloadcloud:before,
.ss-downloadcloud.right:after {
    content: ''
}

.ss-download:before,
.ss-download.right:after {
    content: ''
}

.ss-uploadcloud:before,
.ss-uploadcloud.right:after {
    content: ''
}

.ss-upload:before,
.ss-upload.right:after {
    content: ''
}

.ss-fork:before,
.ss-fork.right:after {
    content: ''
}

.ss-merge:before,
.ss-merge.right:after {
    content: ''
}

.ss-transfer:before,
.ss-transfer.right:after {
    content: '⇆'
}

.ss-refresh:before,
.ss-refresh.right:after {
    content: '↻'
}

.ss-sync:before,
.ss-sync.right:after {
    content: ''
}

.ss-loading:before,
.ss-loading.right:after {
    content: ''
}

.ss-wifi:before,
.ss-wifi.right:after {
    content: ''
}

.ss-connection:before,
.ss-connection.right:after {
    content: ''
}

.ss-file:before,
.ss-file.right:after {
    content: '📄'
}

.ss-folder:before,
.ss-folder.right:after {
    content: '📁'
}

.ss-quote:before,
.ss-quote.right:after {
    content: '“'
}

.ss-text:before,
.ss-text.right:after {
    content: ''
}

.ss-font:before,
.ss-font.right:after {
    content: ''
}

.ss-print:before,
.ss-print.right:after {
    content: '⎙'
}

.ss-fax:before,
.ss-fax.right:after {
    content: '📠'
}

.ss-list:before,
.ss-list.right:after {
    content: ''
}

.ss-layout:before,
.ss-layout.right:after {
    content: ''
}

.ss-action:before,
.ss-action.right:after {
    content: ''
}

.ss-redirect:before,
.ss-redirect.right:after {
    content: '↪'
}

.ss-expand:before,
.ss-expand.right:after {
    content: '⤢'
}

.ss-contract:before,
.ss-contract.right:after {
    content: ''
}

.ss-help:before,
.ss-help.right:after {
    content: '❓'
}

.ss-info:before,
.ss-info.right:after {
    content: 'ℹ'
}

.ss-alert:before,
.ss-alert.right:after {
    content: '⚠'
}

.ss-caution:before,
.ss-caution.right:after {
    content: '⛔'
}

.ss-logout:before,
.ss-logout.right:after {
    content: ''
}

.ss-plus:before,
.ss-plus.right:after {
    content: '+'
}

.ss-hyphen:before,
.ss-hyphen.right:after {
    content: '-'
}

.ss-check:before,
.ss-check.right:after {
    content: '✓'
}

.ss-delete:before,
.ss-delete.right:after {
    content: '␡'
}

.ss-settings:before,
.ss-settings.right:after {
    content: '⚙'
}

.ss-dashboard:before,
.ss-dashboard.right:after {
    content: ''
}

.ss-notifications:before,
.ss-notifications.right:after {
    content: '🔔'
}

.ss-notificationsdisabled:before,
.ss-notificationsdisabled.right:after {
    content: '🔕'
}

.ss-clock:before,
.ss-clock.right:after {
    content: '⏲'
}

.ss-stopwatch:before,
.ss-stopwatch.right:after {
    content: '⏱'
}

.ss-calendar:before,
.ss-calendar.right:after {
    content: '📅'
}

.ss-addcalendar:before,
.ss-addcalendar.right:after {
    content: ''
}

.ss-removecalendar:before,
.ss-removecalendar.right:after {
    content: ''
}

.ss-checkcalendar:before,
.ss-checkcalendar.right:after {
    content: ''
}

.ss-deletecalendar:before,
.ss-deletecalendar.right:after {
    content: ''
}

.ss-briefcase:before,
.ss-briefcase.right:after {
    content: '💼'
}

.ss-cloud:before,
.ss-cloud.right:after {
    content: '☁'
}

.ss-droplet:before,
.ss-droplet.right:after {
    content: '💧'
}

.ss-flask:before,
.ss-flask.right:after {
    content: ''
}

.ss-up:before,
.ss-up.right:after {
    content: '⬆'
}

.ss-upright:before,
.ss-upright.right:after {
    content: '⬈'
}

.ss-right:before,
.ss-right.right:after {
    content: '➡'
}

.ss-downright:before,
.ss-downright.right:after {
    content: '⬊'
}

.ss-down:before,
.ss-down.right:after {
    content: '⬇'
}

.ss-downleft:before,
.ss-downleft.right:after {
    content: '⬋'
}

.ss-left:before,
.ss-left.right:after {
    content: '⬅'
}

.ss-upleft:before,
.ss-upleft.right:after {
    content: '⬉'
}

.ss-navigateup:before,
.ss-navigateup.right:after {
    content: ''
}

.ss-navigateright:before,
.ss-navigateright.right:after {
    content: '▻'
}

.ss-navigatedown:before,
.ss-navigatedown.right:after {
    content: ''
}

.ss-navigateleft:before,
.ss-navigateleft.right:after {
    content: '◅'
}

.ss-directup:before,
.ss-directup.right:after {
    content: '▴'
}

.ss-directright:before,
.ss-directright.right:after {
    content: '▹'
}

.ss-dropdown:before,
.ss-dropdown.right:after {
    content: '▾'
}

.ss-directleft:before,
.ss-directleft.right:after {
    content: '◃'
}

.ss-retweet:before,
.ss-retweet.right:after {
    content: ''
}

.ss-next:before {
    content: '▻'
}

.ss-prev:before {
    content: '◅'
}

.ss-volumelow:before,
.ss-volumelow.right:after {
    content: '🔉'
}

.ss-volumehigh:before,
.ss-volumehigh.right:after {
    content: '🔊'
}

.ss-batteryhigh:before,
.ss-batteryhigh.right:after {
    content: ''
}

.ss-batterymedium:before,
.ss-batterymedium.right:after {
    content: ''
}

.ss-batterylow:before,
.ss-batterylow.right:after {
    content: ''
}

.ss-batteryempty:before,
.ss-batteryempty.right:after {
    content: ''
}

.ss-clouddownload:before,
.ss-clouddownload.right:after {
    content: ''
}

.ss-cloudupload:before,
.ss-cloudupload.right:after {
    content: ''
}

.ss-calendaradd:before,
.ss-calendaradd.right:after {
    content: ''
}

.ss-calendarremove:before,
.ss-calendarremove.right:after {
    content: ''
}

.ss-calendarcheck:before,
.ss-calendarcheck.right:after {
    content: ''
}

.ss-calendardelete:before,
.ss-calendardelete.right:after {
    content: ''
}

.a--border-default {
    border: default solid #e8edf3
}

.a--border-top-default {
    border-top: default solid #e8edf3
}

.a--border-right-default {
    border-right: default solid #e8edf3
}

.a--border-bottom-default {
    border-bottom: default solid #e8edf3
}

.a--border-left-default {
    border-left: default solid #e8edf3
}

.a--border-medium {
    border: medium solid #e8edf3
}

.a--border-top-medium {
    border-top: medium solid #e8edf3
}

.a--border-right-medium {
    border-right: medium solid #e8edf3
}

.a--border-bottom-medium {
    border-bottom: medium solid #e8edf3
}

.a--border-left-medium {
    border-left: medium solid #e8edf3
}

.a--border-thick {
    border: thick solid #e8edf3
}

.a--border-top-thick {
    border-top: thick solid #e8edf3
}

.a--border-right-thick {
    border-right: thick solid #e8edf3
}

.a--border-bottom-thick {
    border-bottom: thick solid #e8edf3
}

.a--border-left-thick {
    border-left: thick solid #e8edf3
}

.a--border-top-reset {
    border-top: inherit;
    border-top: unset
}

.a--border-right-reset {
    border-right: inherit;
    border-right: unset
}

.a--border-bottom-reset {
    border-bottom: inherit;
    border-bottom: unset
}

.a--border-left-reset {
    border-left: inherit;
    border-left: unset
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

html {
    box-sizing: border-box
}

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

html,
body {
    min-height: 100vh
}

body {
    background-color: #efefef;
    color: #363f44
}

dl {
    margin-top: 0
}

p,
li {
    margin-bottom: 0.875rem
}

p:last-child,
li:last-child {
    margin-bottom: 0
}

.disabled,
.disabled h1,
.disabled h2,
.disabled h3,
.disabled h4,
.disabled h5,
.disabled h6,
.disabled-row,
.disabled-row h1,
.disabled-row h2,
.disabled-row h3,
.disabled-row h4,
.disabled-row h5,
.disabled-row h6 {
    color: rgba(54, 63, 68, 0.5)
}

.disabled a,
.disabled-row a {
    color: rgba(31, 37, 40, 0.5)
}

.disabled-row {
    color: #686868
}

.disabled-row a {
    color: #686868
}

body {
    background: #FCFDFF
}

.offscreen {
    position: absolute;
    left: -5000px
}

.auto_width {
    width: auto
}

.hidden {
    display: none
}

.block {
    display: block
}

.important {
    font-weight: 600
}

.darker-red-text {
    color: #E06969
}

.grey-text {
    color: #ccc
}

.or-cancel {
    padding-left: 5px;
    vertical-align: middle
}

.or-cancel.disabled a {
    color: #999;
    pointer-events: none;
    cursor: default
}

.table {
    display: table;
    width: 100%
}

.table-row {
    display: table-row
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.button-div {
    text-align: right;
    min-width: 120px
}

.tight {
    margin-bottom: 0
}

[data-expire-count]:not(.modal),
[data-expire-name]:not(.modal) {
    display: none
}

[data-expire-count]:not(.modal).visible,
[data-expire-name]:not(.modal).visible {
    display: block
}

select#billing_info_credit_card_month {
    margin-right: 5px
}

.plus {
    vertical-align: 10%
}

.trial-feature-marker {
    display: inline-block;
    padding: .3rem .75rem;
    border-radius: 16px;
    font-size: .75rem;
    line-height: .75rem;
    color: #363f44;
    background-color: #ccc;
    vertical-align: middle;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 500;
    margin-left: 6px
}

.trial-feature-marker.soon {
    background-color: #f5ddb3
}

.base-container {
    background: #fff;
    border-right: 1px solid #e8edf3;
    margin: 0 auto;
    min-height: 100vh;
    min-width: 1024px;
    max-width: 1400px;
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 200px 1fr 1fr;
    grid-template-columns: 200px minmax(823px, 1200px)
}

.base-sidebar {
    position: relative;
    top: 0;
    left: 0;
    background: #363f44;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1 / 3;
    grid-row-start: 1;
    grid-row-end: 3
}

.base-main {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3
}

.base-header a {
    box-shadow: none;
    display: block;
    padding: 1.438rem 0
}

.base-header a:active,
.base-header a:focus,
.base-header a:hover {
    box-shadow: none
}

.base-header h1 {
    display: none
}

.base-header .logo {
    display: block;
    margin: 0 0 0 1.563rem;
    height: 2.188rem;
    max-width: 100px;
    width: 100%
}

.base-header img.logo {
    max-width: 150px;
    height: auto
}

.base-header .logo-path {
    transition-property: opacity;
    transition-duration: .2s;
    transition-timing-function: ease;
    fill: #fff
}

.base-header .logo-path-translucent {
    opacity: .8
}

.base-header:hover .logo-path-translucent {
    opacity: 1
}

.base-actions {
    background-color: #f5f7fa;
    padding: 1.188rem 2.938rem 1.25rem;
    position: relative;
    z-index: 100
}

.base-actions:after,
.base-actions:before {
    content: ' ';
    display: table
}

.base-actions:after {
    clear: both
}

.ie .base-actions {
    *zoom: 1
}

.base-actions .wonka-bar {
    float: left
}

.base-actions .wonka-bar input[type="search"] {
    color: #888;
    border: 1px solid #e8edf3
}

.base-actions .wonka-bar input[type="search"]:placeholder {
    color: #888
}

.base-actions .wonka-bar input[type="search"]:hover {
    border-color: #4993e1
}

.base-actions .wonka-bar input[type="search"]:focus {
    color: #363f44
}

.base-actions .dropdown {
    float: right
}

.base-progress {
    padding: 16px 48px
}

.base-temporary-actions-container {
    display: none;
    float: right;
    font-size: smaller
}

.base-temporary-actions-container [type="submit"] {
    font-size: 12px;
    padding: 5px
}

.base-temporary-actions-container .select2-container {
    width: 250px
}

.base-content {
    padding: .938rem 3rem
}

.base-footer {
    padding-bottom: 20px;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    -ms-grid-row: 4;
    grid-column-start: start;
    grid-column-end: 2;
    grid-row-start: 2
}

.base-footer a {
    color: #3e75af
}

.base-footer .inner {
    margin: 0 auto;
    text-align: center;
    color: #363f44
}

.delete {
    text-align: right;
    padding-top: 1px
}

.base-title h1 {
    margin-top: 0
}

.subtitle {
    color: #555
}

#div_bypass,
#div_desktoptokens,
#div_endpoints,
#div_hardtokens,
#div_phones,
#div_security_key {
    margin-bottom: 30px
}

.mobile-status {
    font-weight: 600;
    margin-bottom: 3px
}

.box-text {
    border-radius: 4px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 5px;
    vertical-align: bottom;
    white-space: nowrap
}

.box-text.green {
    background-color: #6dbe50
}

.box-text.red {
    background-color: #E06969;
    color: #fff
}

.explanation-text {
    color: #777
}

.remove_phone_container {
    padding: 2px 6px;
    font-size: 11px;
    background-color: #eee;
    text-align: right
}

.remove_phone_container a {
    color: #E06969
}

.send_instructions_check_box {
    margin-bottom: 6px
}

.send_instructions_check_box input {
    margin-right: 3px
}

#activation_msg,
#installation_msg {
    padding: 5px;
    width: 400px
}

table#phone_entry {
    width: 158px
}

.calling_code_hint_td {
    padding: 0 5px 0 0
}

table#phone_entry input#phone {
    width: 97% !important;
    margin-bottom: 2px
}

.numberhint {
    font-size: 11px;
    color: #777;
    padding-left: 5px
}

.bottom-margin {
    margin-bottom: 1em
}

.top-margin {
    margin-top: 1em
}

#email-barcode-link,
#enable-push,
.show_pointer {
    cursor: pointer
}

.read-only {
    font-weight: 600;
    color: #6377FB
}

#adminlog-table_wrapper,
#authlog-table_wrapper {
    margin-bottom: 20px
}

.logs-form {
    margin-bottom: 20px
}

select.small {
    width: 50px
}

select.medium {
    width: 100px
}

.highcharts-tooltip {
    padding: 5px
}

.image-placeholder.active,
.image-placeholder.active div {
    background-color: #fcfcfc;
    color: #333
}

.image-placeholder.custom {
    padding: 8px;
    border: none
}

.image-placeholder.custom>div {
    height: 100%;
    overflow: hidden
}

.image-placeholder img {
    vertical-align: middle;
    max-height: 152px;
    width: 100%
}

.image-placeholder p {
    text-align: center;
    margin: 0;
    padding: 0
}

.image-placeholder p.drop-text {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 15px
}

.image-placeholder p.ss-icon {
    font-size: 55px;
    line-height: 50px;
    margin-top: 40px
}

.filereader .logo-file-name {
    display: none
}

.no-filereader .logo-file-name {
    color: #6dbe50
}

.username.title {
    width: 340px;
    text-overflow: ellipsis;
    overflow: hidden
}

.help-block {
    display: block;
    margin-bottom: 1.5rem;
    margin-top: .563rem;
    line-height: unset;
    font-size: .75rem;
    color: #363f44
}

.help-block.l--margin-top-reset-default {
    margin-top: 0
}

.help-block.l--margin-bottom-default {
    margin-bottom: 1.5rem
}

.help-block.no-margin-bottom {
    margin-bottom: 0
}

.help-block.no-margin-top {
    margin-top: 0
}

.example-block {
    display: block;
    margin-top: 2px;
    margin-bottom: 10px;
    color: #999;
    font-size: 11px
}

.checkbox-indent {
    margin-left: 1.85rem
}

.checkbox-indent.subline {
    display: block;
    margin-bottom: 1rem;
    font-size: .75rem
}

textarea.checkbox-indent {
    margin-top: 4px;
    width: calc(100% - 24px)
}

.user-filter {
    margin-bottom: 30px
}

.email-message #subject {
    width: 490px
}

.email-message #email-body {
    width: 96%;
    width: 490px;
    height: 300px
}

.email-message .help-block b,
.sms-message .help-block b {
    white-space: nowrap
}

.form-error {
    padding: 15px 20px;
    background-color: #f7a1a9;
    color: #333;
    border: 1px solid #f16673
}

.form-error p {
    margin-bottom: .5em
}

.form-error li {
    list-style: disc
}

.form-error ul {
    margin-left: 30px
}

.translucent {
    filter: alpha(opacity=70);
    opacity: .7
}

th.users .ss-user {
    color: #555
}

.user-status-disabled,
.user-status-locked-out {
    color: #E06969
}

.user-status-bypass {
    color: #3e75af
}

.user-status-active {
    color: #6dbe50
}

.user-status-pending-deletion {
    color: #888
}

.form-status {
    padding: 15px 20px;
    background-color: #ccc;
    margin-bottom: 20px
}

.form-status p {
    margin: 0
}

.adsync-hostname {
    margin-bottom: 5px
}

.admin-menu .a--dropdown-trigger,
.customer-menu .a--dropdown-trigger {
    height: 2.375rem;
    line-height: 3em;
    color: #363f44;
    padding: 0 .313rem
}

.admin-menu .a--dropdown-trigger:before,
.customer-menu .a--dropdown-trigger:before {
    height: 2.375em;
    line-height: 2.45em;
    padding-top: 2px;
    text-decoration: none;
    content: none
}

.admin-menu .a--dropdown-trigger:hover:before,
.customer-menu .a--dropdown-trigger:hover:before {
    text-decoration: none;
    display: inline-block
}

.admin-menu .a--dropdown-trigger:focus,
.customer-menu .a--dropdown-trigger:focus {
    border: initial
}

.admin-menu .a--dropdown-trigger svg,
.customer-menu .a--dropdown-trigger svg {
    width: 15px
}

.admin-menu .a--dropdown-trigger .icon-chevron-thick-down,
.customer-menu .a--dropdown-trigger .icon-chevron-thick-down {
    font-size: .625rem;
    line-height: 2.45em;
    display: inline-block;
    vertical-align: bottom;
    order: 2;
    align-self: center;
    padding: .188rem 0 0 .5rem;
    height: 2.375em;
    text-decoration: none
}

.admin-menu .a--dropdown-trigger .icon-chevron-thick-down:before,
.customer-menu .a--dropdown-trigger .icon-chevron-thick-down:before {
    display: inline-block;
    text-decoration: none
}

.admin-menu {
    margin-left: 1.875rem
}

.customer-menu .search:before {
    content: none
}

.customer-menu .a--dropdown-trigger:before {
    content: none
}

.customer-menu .a--dropdown-trigger svg,
.customer-menu .a--dropdown-trigger img {
    height: 2.375rem;
    line-height: 3em;
    height: 1rem;
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: .75rem .5em 0
}

.customer-menu .a--dropdown-trigger img {
    height: 2rem;
    margin-top: .25rem
}

.customer-menu .a--dropdown-content {
    padding-right: 1.2em;
    padding-left: 1.2em
}

.customer-menu button {
    display: block;
    float: right
}

.search .select2-container {
    display: block;
    margin: 0 0 8px
}

.search .select2-container .select2-choice .select2-arrow {
    background: none;
    border: none
}

.search .select2-container a {
    background: #fff;
    height: 25px;
    line-height: 25px
}

.select2-results .select2-result {
    font-size: 12px;
    margin: 2px 0
}

.select2-results .select2-result.select2-highlighted {
    background: #3e75af
}

#custom_code {
    width: 100px
}

.customer-name-header {
    display: inline-block;
    position: relative;
    border-radius: 4px;
    height: 2.375em;
    line-height: 2.75rem;
    padding: 0 .313rem;
    box-shadow: none;
    color: #363f44
}

.customer-name-header:hover {
    box-shadow: none
}

.customer-name-header img,
.customer-name-header span {
    height: calc(100% - 8px);
    line-height: calc(100% - 8px);
    vertical-align: middle;
    margin: 4px
}

.customer-name-header img {
    border-radius: 4px
}

.customer-name-header svg {
    width: .938rem;
    height: 1rem;
    line-height: 2.75rem;
    display: inline-block;
    vertical-align: middle;
    margin: -.25rem .5em 0
}

.info-tooltip-parent {
    position: relative
}

.info-tooltip {
    position: absolute;
    background-color: #fff;
    border: 1px solid #e8edf3;
    bottom: -10px;
    left: 35%;
    width: 29%;
    z-index: 9999;
    padding: 15px;
    font-size: 12px;
    border-radius: 6px;
    color: #363f44
}

.info-tooltip h3 {
    text-transform: none;
    margin: 0;
    margin-bottom: 6px !important
}

.info-tooltip p,
.info-tooltip ul {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    font-size: .875rem;
    line-height: 1.45;
    margin: 0
}

.info-tooltip-small {
    width: 200px
}

.info-tooltip-medium {
    width: 310px
}

.info-tooltip-large {
    width: 600px
}

.info-tooltip:after,
.info-tooltip:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute
}

.info-tooltip:after {
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px
}

.info-tooltip:before {
    border-top-color: #e8edf3;
    border-width: 11px;
    margin-left: -11px
}

.info-tooltip.popover-below {
    bottom: auto;
    top: 30px
}

.info-tooltip.popover-below:after,
.info-tooltip.popover-below:before {
    top: auto;
    bottom: 100%;
    border-bottom-color: #e8edf3
}

.info-tooltip.popover-below:after {
    border-top: none;
    border-bottom-color: #fff
}

.info-tooltip.popover-below:before {
    border-top: none;
    border-bottom-color: #3e75af
}

.info-tooltip.popover-to-right {
    bottom: auto;
    top: 0;
    left: calc(100% + 20px);
    transform: translateY(-50%)
}

.info-tooltip.popover-to-right:after,
.info-tooltip.popover-to-right:before {
    left: auto;
    right: 100%;
    top: 50%;
    margin-left: 0;
    border-top-color: transparent
}

.info-tooltip.popover-to-right:after {
    border-right-color: #fff;
    margin-top: -10px
}

.info-tooltip.popover-to-right:before {
    margin-top: -11px;
    border-right-color: #e8edf3
}

.info-tooltip.popover-to-left {
    bottom: auto;
    top: 0;
    left: 0;
    right: calc(100% + 20px);
    transform: translateY(-50%)
}

.info-tooltip.popover-to-left:after,
.info-tooltip.popover-to-left:before {
    left: 100%;
    top: 50%;
    margin-left: 0;
    border-top-color: transparent
}

.info-tooltip.popover-to-left:after {
    border-left-color: #fff;
    margin-top: -10px
}

.info-tooltip.popover-to-left:before {
    border-left-color: #3e75af;
    margin-top: -13px
}

.info-tooltip .button-container {
    text-align: right
}

.info-tooltip button.close-button {
    background-color: #3e75af;
    border-color: #3e75af;
    color: #fff;
    height: 30px;
    line-height: 30px;
    margin-left: 15px;
    font-size: 12px;
    padding: 0 16px
}

.section-label {
    display: inline-block;
    width: 1.75rem
}

.base-progress {
    background-color: #f5f7fa;
    border-top: 1px solid #e8edf3;
    position: relative;
    top: 0
}

.base-progress>* {
    display: inline-block;
    vertical-align: middle
}

.base-progress .dropdown-progress .a--dropdown-trigger {
    height: 2rem;
    margin: -.063rem 1rem;
    box-shadow: none;
    border-radius: 0
}

.base-progress .dropdown-progress .a--dropdown-trigger:hover {
    box-shadow: 0 3px 0 0 currentColor
}

.base-progress .dropdown-progress .a--dropdown-trigger.completed:after {
    color: #6dbe50
}

.base-progress .dropdown-progress .a--dropdown-trigger:after {
    margin: 0 1rem
}

.base-progress .dropdown-progress .a--dropdown-content {
    padding: 0 1em
}

.progress-bar {
    margin: 0;
    padding: 0
}

.progress-bar li {
    border-radius: 50%;
    display: inline-block;
    height: 2rem;
    margin: 0;
    position: relative;
    width: 2rem
}

.progress-bar li:after,
.progress-bar li:before {
    background-color: white;
    content: '';
    height: .25rem;
    position: absolute;
    top: 1em;
    width: 1em
}

.progress-bar li:before {
    left: -0.75em
}

.progress-bar li:after {
    left: 2em
}

.progress-bar li:first-child:before {
    content: none
}

.progress-bar li:last-child:after {
    content: none
}

.progress-bar li+li {
    margin-left: 1rem
}

.progress-bar li.completed {
    background-color: #6dbe50;
    color: white
}

.progress-bar li.completed:after,
.progress-bar li.completed:before {
    background-color: #6dbe50
}

.progress-bar li:not(.completed) {
    background-color: white
}

.progress-bar li .content {
    height: 1rem;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.progress-bar li .content.number {
    color: #888;
    margin-top: -2px
}

.progress-checklist {
    list-style-type: none;
    padding: 0;
    width: 310px;
    z-index: 1100
}

.progress-checklist li {
    margin-bottom: .5rem
}

.progress-checklist li:not(.completed) {
    margin-left: 30px
}

.progress-checklist li a {
    padding: 0;
    box-shadow: 0 1px 0 0 currentColor;
    color: #363f44;
    width: auto;
    display: inline
}

.progress-checklist li a:hover {
    color: #363f44;
    box-shadow: 0 3px 0 0 currentColor;
    background-color: transparent
}

.progress-checklist .completed {
    color: #888;
    font-size: 13px;
    text-decoration: line-through
}

.progress-checklist .completed:before {
    color: #6dbe50;
    content: '\e033';
    display: inline-block;
    font-family: "Duo Admin Icons";
    font-size: 16px;
    margin-right: 16px;
    text-decoration: none;
    vertical-align: bottom
}

.progress-checklist .completed a {
    color: #888;
    text-decoration: line-through
}

.progress-dismiss:not(button) {
    color: #888;
    float: right;
    margin-top: .5rem
}

.progress-dismiss:not(button):hover {
    color: #ccc
}

.progress-dismiss:not(button) i {
    display: inline-block;
    margin-right: 4px;
    position: relative;
    text-decoration: none;
    top: 2px;
    vertical-align: bottom
}

@media all and (max-width: 1200px) {
    .progress-dismiss:not(button) {
        margin-top: -0.5rem
    }
}

.progress-finish-button {
    float: right
}

.progress-finish-button:hover+.progress-finish-box {
    display: block
}

.progress-finish-box {
    display: none;
    position: absolute;
    right: 3rem;
    top: 150px;
    width: 300px;
    z-index: 200
}

@media all and (max-width: 1200px) {
    .progress-finish-box {
        top: 185px
    }
}

.progress-finish-image {
    background: url("../images/progress-bg.png");
    background-size: 100%;
    margin: -1rem -1rem 1rem;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.progress-finish-image img {
    display: inline-block;
    vertical-align: bottom;
    width: 150px
}

.progress-finish-message {
    text-align: center;
    white-space: normal
}

.progress-welcome {
    color: #363f44;
    margin: 0 2rem 0 0
}

@media all and (max-width: 1200px) {
    .progress-welcome {
        display: block;
        margin-bottom: 1rem
    }
}

.box {
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1.875rem;
    border: 1px solid #e8edf3
}

.box.disabled {
    background: rgba(255, 255, 255, 0.65);
    color: rgba(54, 63, 68, 0.5)
}

.box-header {
    border-bottom: 1px solid #e8edf3;
    position: relative
}

.box-header:after,
.box-header:before {
    content: ' ';
    display: table
}

.box-header:after {
    clear: both
}

.ie .box-header {
    *zoom: 1
}

.box-header h3 {
    margin-bottom: 0;
    margin-top: .375rem
}

.box-header h3+.box-header-info {
    margin-bottom: 1.414em
}

.box-header-group {
    float: left
}

.box-header-info {
    color: #363f44;
    display: block
}

.box-header-buttons {
    float: right;
    margin-top: .5rem
}

.box-header-buttons>* {
    float: right;
    margin-left: 16px
}

form:not(.inline) {
    border-radius: 4px;
    padding: 1rem;
    margin-bottom: 1.875rem;
    border: 1px solid #e8edf3;
    padding: 0
}

form:not(.inline).disabled {
    background: rgba(255, 255, 255, 0.65);
    color: rgba(54, 63, 68, 0.5)
}

fieldset {
    border: none;
    margin: 1rem 0;
    padding: 0
}

fieldset.temp {
    margin-top: 20px
}

legend {
    font-size: .875rem;
    font-weight: 600
}

label {
    color: #363f44
}

[type=checkbox]+label,
[type=radio]+label {
    color: inherit
}

ul.error-list {
    list-style-type: none;
    padding: 0;
    margin: 0
}

ul.error-list li {
    font-size: .625rem;
    color: #E06969;
    margin: 2px 0
}

.description:not(th) {
    background-color: #F5F7FA;
    padding: 1rem;
    margin: -1rem -1rem 1rem
}

.description:not(th)>:last-child {
    margin-bottom: 0
}

.description:not(th).secure-payment {
    background: #FFFFB0 url("/static/images/lock.png") no-repeat 11px 14px;
    color: #333;
    padding-left: 50px;
    padding-right: 90px
}

.line {
    clear: both;
    padding: 1.5rem 0;
    border-bottom: 1px solid #e8edf3
}

.line:after,
.line:before {
    content: ' ';
    display: table
}

.line:after {
    clear: both
}

.ie .line {
    *zoom: 1
}

.line:not(.vertical)>label:first-of-type {
    font-weight: 600;
    font-size: .75rem;
    width: 12rem;
    padding-top: 2px;
    padding-left: 2.875rem;
    line-height: 18px
}

.line .field {
    float: left;
    width: calc(100% - 13rem)
}

.line.close {
    margin-top: -.75rem
}

.line.indent {
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem
}

.line:last-child {
    margin-bottom: 0;
    border: none
}

.flexbox .line:not(.vertical) {
    display: flex;
    align-items: baseline
}

.flexbox .line:not(.vertical).hidden {
    display: none
}

.flexbox .line:not(.vertical) .field {
    flex: 1 0 0;
    margin-left: 1rem
}

.a--line-padding-border-reset {
    padding: inherit;
    padding: unset;
    border: none;
    margin-bottom: 1.5rem
}

.subline {
    display: block;
    margin-bottom: .25rem
}

.subline.hidden {
    display: none
}

.indent {
    margin-left: 2rem
}

.actions {
    padding: 1.5rem 0.25rem 1.875rem 13rem
}

.has_error {
    color: #E06969;
    font-weight: 600
}

.access-read-only input.text[readonly],
.access-read-only textarea[readonly] {
    border: none;
    box-shadow: none
}

.access-read-only textarea[readonly] {
    background: none;
    resize: none
}

.access-read-only textarea[readonly]:focus {
    outline: none
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button.error,
input.error,
select.error,
textarea.error {
    border-color: #f9e4e4
}

button,
input {
    line-height: normal
}

select[multiple] {
    height: inherit;
    background-color: #fff
}

select[disabled] {
    color: #888;
    border-color: #ccc;
    background-color: #ebebe4;
    cursor: not-allowed
}

input,
textarea {
    transition-property: color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    padding: .5rem;
    width: 100%
}

input.half-width,
textarea.half-width {
    width: 50%
}

input.valid,
.line.valid input,
textarea.valid,
.line.valid textarea {
    border-color: #e3f2dd
}

input.invalid,
.line.invalid input,
textarea.invalid,
.line.invalid textarea {
    border-color: #f9e4e4
}

html input[disabled],
html textarea[disabled] {
    color: #888;
    background-color: #ebebe4;
    cursor: not-allowed
}

input[type=number] {
    -moz-appearance: textfield;
    appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input[type=checkbox] {
    width: auto;
    margin-right: .25rem
}

input[type=checkbox]:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor
}

input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: .25rem;
    padding: 2px;
    border: 1px solid #ccc
}

input[type=radio]:checked:after {
    content: '';
    display: block;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #3e75af
}

input[type=radio]:checked+label {
    font-weight: 600
}

input[type=radio]+label {
    vertical-align: text-bottom
}

input[type=tel]:focus {
    color: #363f44;
    border: 2px solid #6dbe50;
    box-shadow: 0 0 5px 0 rgba(109, 190, 80, 0.5)
}

textarea {
    vertical-align: text-top
}

#feedback {
    display: none;
    margin-top: 5px
}

#feedback textarea {
    width: 162px;
    margin-bottom: 8px
}

.feedback-thanks {
    display: none
}

.field.final-help {
    background-color: #FFFFB0;
    padding: 12px 12px 1px;
    margin-right: 30px;
    margin-bottom: 5px
}

select.wider {
    width: 300px
}

.option-box {
    width: auto
}

.search .select2-container {
    font-size: .75rem;
    color: #363f44;
    margin: 2px 5px 5px
}

.search .select2-container a .select2-chosen {
    color: #363f44
}

.search .select2-container a .select2-arrow>b {
    margin-top: -2px
}

.search .select2-dropdown-open a {
    border-color: #3e75af
}

.search:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    position: absolute;
    width: 1rem;
    top: 0;
    left: .5rem;
    font-size: .625rem;
    line-height: 1em;
    padding: .25em;
    vertical-align: middle;
    color: #363f44
}

label.search {
    position: relative
}

.select2-link {
    margin-left: .5rem
}

.line-height {
    line-height: 1.45
}

table.fixedHeader-floating {
    border-collapse: separate;
    border-radius: 0 0 4px 4px;
    border: 1px solid #e8edf3
}

table.fixedHeader-floating>tfoot {
    box-shadow: inherit;
    box-shadow: unset
}

table.fixedHeader-floating>tfoot>tr {
    box-shadow: inherit;
    box-shadow: unset
}

select,
textarea,
input {
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: all ease-in-out 150ms;
    display: inline-block;
    font-family: inherit;
    background: #fff;
    color: #363f44;
    padding: .375rem .75rem .25rem;
    outline: none;
    max-width: 26.25rem
}

select:focus,
textarea:focus,
input:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor;
    outline: none;
    border-color: #e8edf3
}

select[type="radio"]:focus,
textarea[type="radio"]:focus,
input[type="radio"]:focus {
    border-radius: 50%
}

select[type="radio"]:active,
select[type="radio"]:hover,
textarea[type="radio"]:active,
textarea[type="radio"]:hover,
input[type="radio"]:active,
input[type="radio"]:hover {
    box-shadow: none
}

select[type="checkbox"]:focus,
textarea[type="checkbox"]:focus,
input[type="checkbox"]:focus {
    border-radius: 15%;
    box-shadow: 0 -1px 0 2px #fff, 0 -1px 0 4px currentColor
}

select:not([disabled]):hover,
textarea:not([disabled]):hover,
input:not([disabled]):hover {
    border-color: #3e75af
}

select #predelay,
select #postdelay,
textarea #predelay,
textarea #postdelay,
input #predelay,
input #postdelay {
    margin-right: .313rem
}

.select2-container,
.select2-container-multi {
    max-width: 26.25rem;
    width: 100%
}

.l--field--width-default {
    width: 26.25rem
}

.l--field--width-xs {
    width: 2.75rem
}

.l--field--width-3digits {
    width: 3.25rem
}

.l--field--width-sm {
    width: 5.063rem
}

.l--field--width-m,
.l--field--width-phone {
    width: 13.563rem
}

.l--field--width-lg {
    width: 33.5rem;
    max-width: 33.5rem
}

.l--field--width-xl {
    width: 45.063rem;
    max-width: 45.063rem
}

.l--field--width-full {
    width: 100%;
    max-width: 100%
}

.l--field--spacing-left,
.l--field--spacing-both {
    margin-left: .313rem
}

.l--field--spacing-right,
.l--field--spacing-both {
    margin-right: .313rem
}

.c--field-inline {
    padding: .688rem .75rem .5rem;
    height: 2.375rem
}

select {
    line-height: 1;
    padding-top: .4rem;
    padding-bottom: .3rem;
    height: 1.788rem
}

input+select {
    vertical-align: middle
}

input:not([type="hidden"])[type="text"],
input:not([type="hidden"])[type="search"] {
    border-radius: 4px;
    border: 1px solid #ccc;
    outline: none;
    transition: all ease-in-out 150ms
}

input:not([type="hidden"])[type="text"]:focus,
input:not([type="hidden"])[type="search"]:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor
}

input:not([type="hidden"])[type="text"]:not([disabled]):hover,
input:not([type="hidden"])[type="search"]:not([disabled]):hover {
    border-color: #3e75af
}

input:not([type="hidden"])[type="text"].l--field--width-xl,
input:not([type="hidden"])[type="search"].l--field--width-xl {
    padding: .563rem .938rem .75rem .75rem;
    line-height: 1em;
    height: 4rem
}

input:not([type="hidden"])[type="search"] {
    height: 2.4rem;
    max-width: 25rem;
    padding: 0 0 0 2.25em
}

input:not([type="hidden"])[read-only],
input:not([type="hidden"])[readonly],
textarea:not([type="hidden"])[read-only],
textarea:not([type="hidden"])[readonly] {
    background-color: #efefef;
    color: #686868
}

input:not([type="hidden"])[read-only]:hover,
input:not([type="hidden"])[readonly]:hover,
textarea:not([type="hidden"])[read-only]:hover,
textarea:not([type="hidden"])[readonly]:hover {
    border-color: #e8edf3 !important
}

input:not([type="hidden"])[read-only]:focus,
input:not([type="hidden"])[read-only]:active,
input:not([type="hidden"])[readonly]:focus,
input:not([type="hidden"])[readonly]:active,
textarea:not([type="hidden"])[read-only]:focus,
textarea:not([type="hidden"])[read-only]:active,
textarea:not([type="hidden"])[readonly]:focus,
textarea:not([type="hidden"])[readonly]:active {
    box-shadow: none
}

.base-content .select2-container .select2-choice,
.base-content .select2-container-multi .select2-choice,
#modal-add-to-group .select2-container .select2-choice,
#modal-add-to-group .select2-container-multi .select2-choice,
#modal-policy-builder .select2-container .select2-choice,
#modal-policy-builder .select2-container-multi .select2-choice {
    padding: .23rem 0 0 .5rem;
    height: 2.2em;
    color: #363f44;
    border-color: #e8edf3;
    border-radius: 4px;
    background-color: #fff;
    background-image: none;
    box-shadow: none
}

.base-content .select2-container .select2-choice .select2-arrow,
.base-content .select2-container-multi .select2-choice .select2-arrow,
#modal-add-to-group .select2-container .select2-choice .select2-arrow,
#modal-add-to-group .select2-container-multi .select2-choice .select2-arrow,
#modal-policy-builder .select2-container .select2-choice .select2-arrow,
#modal-policy-builder .select2-container-multi .select2-choice .select2-arrow {
    background-color: #fff;
    background-image: none;
    padding-top: 0;
    border-color: #e8edf3;
    border-radius: 0 3px 3px 0
}

.base-content .select2-container .select2-choices,
.base-content .select2-container-multi .select2-choices,
#modal-add-to-group .select2-container .select2-choices,
#modal-add-to-group .select2-container-multi .select2-choices,
#modal-policy-builder .select2-container .select2-choices,
#modal-policy-builder .select2-container-multi .select2-choices {
    background-image: none
}

.base-content .select2-container .select2-choices .select2-search-choice,
.base-content .select2-container-multi .select2-choices .select2-search-choice,
#modal-add-to-group .select2-container .select2-choices .select2-search-choice,
#modal-add-to-group .select2-container-multi .select2-choices .select2-search-choice,
#modal-policy-builder .select2-container .select2-choices .select2-search-choice,
#modal-policy-builder .select2-container-multi .select2-choices .select2-search-choice {
    background-image: none;
    background-color: #fff;
    padding-top: 5px;
    padding-bottom: 5px
}

.base-content .select2-container .select2-choices .select2-search-choice:hover,
.base-content .select2-container-multi .select2-choices .select2-search-choice:hover,
#modal-add-to-group .select2-container .select2-choices .select2-search-choice:hover,
#modal-add-to-group .select2-container-multi .select2-choices .select2-search-choice:hover,
#modal-policy-builder .select2-container .select2-choices .select2-search-choice:hover,
#modal-policy-builder .select2-container-multi .select2-choices .select2-search-choice:hover {
    color: #3e75af;
    background: none;
    border-color: #3e75af;
    box-shadow: none
}

.base-content .select2-container .select2-choices .select2-search-choice .select2-search-choice-close,
.base-content .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,
#modal-add-to-group .select2-container .select2-choices .select2-search-choice .select2-search-choice-close,
#modal-add-to-group .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close,
#modal-policy-builder .select2-container .select2-choices .select2-search-choice .select2-search-choice-close,
#modal-policy-builder .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close {
    box-shadow: none;
    margin-top: 1px
}

.base-content .select2-container .select2-search-choice-close,
.base-content .select2-container-multi .select2-search-choice-close,
#modal-add-to-group .select2-container .select2-search-choice-close,
#modal-add-to-group .select2-container-multi .select2-search-choice-close,
#modal-policy-builder .select2-container .select2-search-choice-close,
#modal-policy-builder .select2-container-multi .select2-search-choice-close {
    box-shadow: none
}

.base-content .select2-dropdown-open .select2-choice,
#modal-add-to-group .select2-dropdown-open .select2-choice,
#modal-policy-builder .select2-dropdown-open .select2-choice {
    background-image: none;
    background-color: #fff
}

.base-content .select2-dropdown-open .select2-choice:hover,
#modal-add-to-group .select2-dropdown-open .select2-choice:hover,
#modal-policy-builder .select2-dropdown-open .select2-choice:hover {
    color: #fff
}

.select2-drop-active,
.select2-container-active .select2-choice,
.select2-container-multi .select2-choices {
    border-radius: 4px;
    border-color: #ccc !important
}

.select2-container-multi.select2-container-active .select2-choices {
    box-shadow: none !important;
    border-color: #ccc !important;
    background-image: none !important;
    border-radius: 4px 4px 0 0
}

.select2-drop-active {
    box-shadow: none !important;
    border-color: #ccc !important;
    background-image: none !important;
    border-radius: 0 0 4px 4px
}

.select2-search input.select2-input {
    background-image: url("../images/select2.png");
    background-repeat: no-repeat;
    background-position: 100% -22px;
    background-color: #fff
}

.select2-drop.select2-drop-above.select2-drop-active,
.select2-container-multi.select2-container-active .select2-choices {
    border-color: #ccc !important;
    background-image: none !important
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif !important
}

.select2-drop-above,
.select2-container-multi.select2-container-active .select2-choices {
    border-radius: 0 !important
}

.select2-results .select2-result.select2-highlighted {
    background-color: #3e75af !important
}

form.c--box-reset {
    border-radius: inherit;
    border-radius: unset;
    padding: inherit;
    padding: unset;
    margin-bottom: inherit;
    margin-bottom: unset;
    border: inherit;
    border: unset;
    border: none
}

.legend-description {
    margin: 1.5rem 2.875rem
}

.legend-description.inline {
    display: inline-block;
    margin-right: .563rem
}

.legend-description.no-top-margin {
    margin-top: 0
}

@keyframes barberpole {
    from {
        background-position: 0 0
    }
    to {
        background-position: 2rem 0
    }
}

.flash .info,
.flash .message {
    background-color: #f5f7fa;
    border-radius: 4px;
    color: #363f44;
    padding: 1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.875rem
}

.flash .error {
    background-color: #f9e4e4;
    border-radius: 4px;
    color: #363f44;
    padding: 1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.875rem
}

.flash .success {
    background-color: #e3f2dd;
    border-radius: 4px;
    color: #363f44;
    padding: 1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.875rem
}

.flash .warning {
    background-color: #fbf1dd;
    border-radius: 4px;
    color: #363f44;
    padding: 1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.875rem
}

.flash .progress {
    background-color: #ccc;
    border-radius: 4px;
    color: #363f44;
    padding: 1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.875rem;
    background-size: 2rem 2rem;
    background-image: linear-gradient(45deg, rgba(54, 63, 68, 0.05) 25%, transparent 25%, transparent 50%, rgba(54, 63, 68, 0.05) 50%, rgba(54, 63, 68, 0.05) 75%, transparent 75%, transparent);
    animation: barberpole .5s linear infinite
}

.flash p:last-child {
    margin-bottom: 0
}

.page-message {
    background-color: #f5f7fa;
    border-radius: 4px;
    color: #363f44;
    padding: 1rem;
    position: relative;
    margin-top: 0;
    margin-bottom: 1.875rem
}

.page-message:after,
.page-message:before {
    content: ' ';
    display: table
}

.page-message:after {
    clear: both
}

.ie .page-message {
    *zoom: 1
}

.page-message+.page-message {
    margin-top: 1rem
}

.page-message img {
    float: right
}

.page-message ol,
.page-message ul {
    margin: 4px 30px 10px 20px
}

.page-message li {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 18px
}

.page-message p:last-child {
    margin-bottom: 0
}

.page-message.info {
    background-color: #f5f7fa;
    border: 1px solid #e8edf3
}

.page-message.info .info-box-title {
    font-weight: 600;
    margin-bottom: 0
}

.page-message.warning {
    background-color: #fefaf4;
    border: 1px solid #fbf1dd
}

.page-message.secure:before {
    content: '\e01a'
}

.page-message.limit {
    margin-bottom: 2.5em
}

.page-message.top-aligned:before {
    top: 2rem
}

.page-message.no-top-margin {
    margin-top: 0
}

.page-message.success {
    background-color: #f2f9f0;
    border: 1px solid #e3f2dd
}

.page-message.success.limit {
    padding: 15px 20px
}

.page-message.error {
    background-color: #fdf4f4;
    border: 1px solid #f9e4e4
}

.page-message-labs .labs-icon {
    vertical-align: inherit
}

.page-message-labs p {
    display: inline-block;
    margin-bottom: 0 !important;
    width: 95%
}

.noscroll {
    overflow: hidden
}

.overlay {
    background: rgba(0, 0, 0, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out
}

.overlay.hiding {
    opacity: 0
}

.overlay.hidden {
    display: none;
    opacity: 0;
    transition: none
}

.overlay.before-showing {
    opacity: 0
}

.modal {
    background-color: #fff;
    position: relative;
    border: none;
    border-radius: 0;
    min-width: 43.75rem;
    max-width: 50rem;
    z-index: 1001;
    opacity: 1;
    transition-property: opacity;
    transition-duration: 250ms;
    transition-timing-function: ease-in-out
}

.modal.hiding {
    opacity: 0
}

.modal.hidden {
    opacity: 0;
    display: none;
    transition: none
}

.modal.before-showing {
    opacity: 0
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .modal .c--primary,
    .modal .button,
    .modal .bulk-selector-wrap .a--dropdown-trigger,
    .bulk-selector-wrap .modal .a--dropdown-trigger,
    .modal button {
        padding-top: .35rem
    }
}

.ie9 .modal {
    margin: auto;
    top: 50%;
    -ms-transform: translate(0, -50%)
}

form.modal {
    padding: 0
}

.modal-fixed {
    height: 90%;
    margin: auto;
    max-width: 600px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 90%
}

.modal-fixed-content,
.modal-fixed-footer,
.modal-fixed-header {
    left: 0;
    position: absolute;
    right: 0
}

.modal-fixed-content {
    top: 65px;
    bottom: 80px
}

.modal-fixed-footer {
    height: 80px;
    bottom: 0
}

.modal-fixed-header {
    height: 80px;
    top: 0
}

.modal-auto {
    transition: opacity 250ms ease-in-out
}

.modal-footer,
.modal-header {
    padding: 1.875rem 4rem .563rem 2.875rem
}

.modal-footer {
    padding-bottom: 1.875rem
}

.a--header-red {
    color: #E06969
}

.modal-header {
    padding-bottom: 0
}

.modal-header .modal-close {
    color: #363f44;
    font-size: .875rem;
    position: absolute;
    right: 1.75rem;
    text-decoration: none;
    top: 2.125rem
}

.modal-header .modal-close:hover {
    color: #363f44
}

.modal-content {
    padding: 1.875rem 4rem 1.875rem 2.875rem;
    overflow-y: auto
}

.modal-footer {
    border-top: 1px solid #e8edf3
}

.button-group button+button {
    margin-left: .563rem
}

.before-data-table {
    position: relative;
    margin-bottom: 5px
}

.before-data-table:after,
.before-data-table:before {
    content: ' ';
    display: table
}

.before-data-table:after {
    clear: both
}

.ie .before-data-table {
    *zoom: 1
}

.before-data-table .table-actions {
    position: absolute;
    bottom: 2px;
    right: 0;
    text-align: right;
    width: 300px
}

.before-data-table .table-actions .do-button {
    float: right;
    margin-left: 10px
}

.empty_table {
    color: #686868;
    background-color: #fff;
    text-align: center;
    padding: 20px 10px;
    border: 1px solid #e8edf3;
    border-radius: 4px
}

.dataTables_wrapper {
    border-radius: 4px;
    border: 1px solid #e8edf3
}

.dataTables_wrapper form {
    margin-bottom: 0
}

.dataTables_wrapper table {
    border-top: 1px solid #e8edf3;
    width: 100% !important;
    border-collapse: separate
}

.dataTables_wrapper tr {
    height: auto;
    vertical-align: middle
}

.dataTables_wrapper thead {
    color: #363f44;
    font-size: .875rem;
    background-color: #fff
}

.dataTables_wrapper thead tr {
    text-align: left
}

.dataTables_wrapper th {
    font-weight: 600;
    font-size: .75rem;
    padding: 1rem .5rem 1rem 1.25rem
}

.dataTables_wrapper th i {
    font-size: .875rem
}

.dataTables_wrapper .device-table td {
    vertical-align: top
}

.dataTables_wrapper td {
    background-color: #fff;
    border-top: 1px solid #e8edf3;
    padding: 1rem .5rem 1rem 1.25rem
}

.dataTables_wrapper td .indented {
    margin: 0 0 0 24px
}

.dataTables_wrapper .sorting,
.dataTables_wrapper .sorting_asc,
.dataTables_wrapper .sorting_desc {
    cursor: pointer;
    outline: none
}

.dataTables_wrapper .sorting.checkbox:after,
.dataTables_wrapper .sorting_asc.checkbox:after,
.dataTables_wrapper .sorting_desc.checkbox:after {
    display: none
}

.dataTables_wrapper .sorting:after {
    content: "";
    font-family: "Duo Admin Icons";
    margin-left: 8px;
    position: absolute;
    font-size: 13px
}

.dataTables_wrapper .sorting_desc:after {
    content: "";
    font-family: "Duo Admin Icons";
    margin-left: 8px;
    position: absolute;
    font-size: 10px
}

.dataTables_wrapper .sorting_asc:after {
    content: "";
    font-family: "Duo Admin Icons";
    margin-left: 8px;
    position: absolute;
    font-size: 10px
}

.dataTables_wrapper .top-control-wrapper {
    background-color: #fff;
    color: #363f44;
    padding: 24px 16px;
    position: relative;
    border-radius: 4px 4px 0 0;
    width: auto !important;
    color: inherit
}

.dataTables_wrapper .top-control-wrapper:after,
.dataTables_wrapper .top-control-wrapper:before {
    content: ' ';
    display: table
}

.dataTables_wrapper .top-control-wrapper:after {
    clear: both
}

.ie .dataTables_wrapper .top-control-wrapper {
    *zoom: 1
}

.dataTables_wrapper .top-control-wrapper .button-row {
    float: right;
    margin: -10px
}

.dataTables_wrapper .top-control-wrapper .button-row>div:only-child.download-buttons {
    margin: 0
}

.dataTables_wrapper .top-control-wrapper .download-buttons .c--dropdown,
.dataTables_wrapper .top-control-wrapper .download-buttons>a {
    margin-right: 8px
}

.dataTables_wrapper .bottom-control-wrapper {
    background-color: #fff;
    color: #363f44;
    padding: 24px 16px;
    position: relative;
    padding-top: 20px
}

.dataTables_wrapper .bottom-control-wrapper>div {
    transform: translateY(-50%);
    position: relative;
    top: 50%
}

.dataTables_wrapper .bottom-control-wrapper select {
    padding: 0
}

.dataTables_wrapper .bottom-control-wrapper td {
    border-bottom: none
}

.dataTables_wrapper .loading {
    height: 100vh;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999
}

.dataTables_wrapper .checkbox {
    padding: 0;
    width: 12px;
    text-align: center
}

.dataTables_wrapper .checkbox>input[disabled] {
    opacity: .7
}

.dataTables_wrapper .checkbox>label {
    display: block;
    padding: 16px
}

.dataTables_wrapper th.checkbox>label {
    padding: 8px 16px
}

.dataTables_wrapper:after {
    content: '.';
    display: block;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.dataTables_wrapper .moveable-row {
    cursor: move
}

.dataTables_wrapper .moveable-row:hover {
    color: inherit
}

.dataTables_wrapper .plugin-version {
    color: #363f44;
    font-size: .875rem
}

.footer-controls {
    line-height: 3rem;
    padding: 10px !important
}

.dataTables_empty {
    padding: 20px 0 !important;
    text-align: center;
    vertical-align: top
}

.dataTables_length {
    float: left;
    font-weight: 400
}

.dataTables_length select {
    width: auto
}

.dataTables_filter {
    margin-right: 38px;
    width: 250px
}

.dataTables_filter input {
    transition-property: color, border-color, box-shadow;
    transition-duration: .2s;
    transition-timing-function: ease;
    width: 100%;
    padding: 6px 6px 6px 24px
}

.dataTables_info {
    float: left;
    font-weight: 400;
    margin: 0 0 0 30px;
    color: #888
}

.dataTables_download_buttons {
    float: right;
    text-align: right;
    width: 175px;
    margin: 4px 8px 7px 10px
}

.dataTables_download_buttons a {
    margin-top: 3px;
    margin-left: 10px
}

.dataTables_download_buttons i {
    font-size: .625rem
}

.table-wrapper+.table-wrapper {
    margin-top: 1rem
}

.simple_table tr:last-child td {
    border-bottom: none
}

table.fixedHeader-floating {
    border-left: none;
    border-right: none
}

.header:after,
.header:before,
.subhead:after,
.subhead:before {
    content: ' ';
    display: table
}

.header:after,
.subhead:after {
    clear: both
}

.ie .header,
.ie .subhead {
    *zoom: 1
}

.header li,
.header p,
.subhead li,
.subhead p {
    margin-bottom: 0
}

.header form,
.subhead form {
    display: inline-block
}

.header h1+div.button-row,
.subhead h1+div.button-row {
    margin-bottom: 1.414em
}

.flexbox .header,
.flexbox .subhead {
    display: flex;
    align-items: center
}

.flexbox .header>:first-child,
.flexbox .subhead>:first-child {
    flex: 1
}

.c--header-stacked .header-description {
    display: block;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.25rem
}

.c--header-stacked .header-type {
    display: block
}

.carousel-view .navigation {
    height: 25px;
    padding: 10px 0;
    font-size: 12px;
    position: relative;
    width: 100%
}

.carousel-view .navigation .nav-button {
    color: #888;
    cursor: pointer
}

.carousel-view .navigation .nav-button .navigation-label {
    text-decoration: underline
}

.carousel-view .navigation .nav-button>i[class^="icon-"]:before {
    display: inline-block;
    text-decoration: none
}

.carousel-view .navigation .nav-button>i {
    vertical-align: middle
}

.carousel-view .navigation .nav-button.back {
    position: absolute;
    left: 0
}

.carousel-view .navigation .nav-button.next {
    position: absolute;
    right: 0;
    text-align: right
}

.carousel-view .navigation .nav-button.hidden {
    visibility: hidden
}

.carousel-view .navigation .card-dots {
    text-align: center
}

.carousel-view .navigation .card-dots .dot {
    padding: 3px;
    cursor: pointer;
    margin: 1px;
    display: inline-block;
    vertical-align: middle
}

.carousel-view .navigation .card-dots .dot>div {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #ccc
}

.carousel-view .navigation .card-dots .dot.active>div {
    background-color: #888
}

th {
    font-weight: 600;
    text-align: left
}

.selected-count {
    display: inline-block;
    line-height: 18px
}

.result-cell {
    white-space: nowrap;
    text-transform: capitalize
}

.result-cell:before {
    width: 16px;
    height: 16px;
    background-size: 16px;
    vertical-align: -3px;
    margin-right: 4px;
    line-height: 12px;
    content: ' ';
    display: inline-block
}

.result-cell.result-success {
    color: #6dbe50
}

.result-cell.result-success:before {
    background-image: url("/static/images/markers/success.png")
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-success:before {
        background-image: url("/static/images/markers/success@2x.png")
    }
}

.result-cell.result-failure {
    color: #E06969
}

.result-cell.result-failure:before {
    background-image: url("/static/images/markers/failure.png")
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-failure:before {
        background-image: url("/static/images/markers/failure@2x.png")
    }
}

.result-cell.result-fraud {
    color: #E06969
}

.result-cell.result-fraud:before {
    background-image: url("/static/images/markers/fraud.png")
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-fraud:before {
        background-image: url("/static/images/markers/fraud@2x.png")
    }
}

.result-cell.result-error {
    color: #E06969
}

.result-cell.result-error:before {
    background-image: url("/static/images/markers/error.png")
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-error:before {
        background-image: url("/static/images/markers/error@2x.png")
    }
}

.has-helptext {
    border-bottom: 1px solid #e8edf3
}

.validation {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.validation:before {
    display: inline-block;
    vertical-align: middle
}

.validation.valid:before {
    content: '✓';
    color: #ccc
}

.icon-column {
    vertical-align: top;
    display: inline-block;
    height: 100%;
    float: left
}

.os-text-column {
    display: inline-block;
    max-width: calc(100% - 25px);
    white-space: nowrap
}

.browser-text-column {
    display: inline-block;
    width: calc(100% - 25px)
}

.plugin-text-column {
    display: inline-block;
    width: calc(100% - 25px)
}

.warning-text-column {
    display: inline-block;
    width: calc(100% - 25px)
}

.grid:after,
.grid:before {
    content: ' ';
    display: table
}

.grid:after {
    clear: both
}

.ie .grid {
    *zoom: 1
}

.col-1-1 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-1-1:nth-of-type(1n),
.col-1-1:last-of-type {
    margin-right: 0
}

.col-1-2 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .5) - (1rem * (1 - .5)))
}

.col-1-2:nth-of-type(2n),
.col-1-2:last-of-type {
    margin-right: 0
}

.col-2-2 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-2-2:nth-of-type(2n),
.col-2-2:last-of-type {
    margin-right: 0
}

.col-1-3 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .33333) - (1rem * (1 - .33333)))
}

.col-1-3:nth-of-type(3n),
.col-1-3:last-of-type {
    margin-right: 0
}

.col-2-3 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .66667) - (1rem * (1 - .66667)))
}

.col-2-3:nth-of-type(3n),
.col-2-3:last-of-type {
    margin-right: 0
}

.col-3-3 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-3-3:nth-of-type(3n),
.col-3-3:last-of-type {
    margin-right: 0
}

.col-1-4 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .25) - (1rem * (1 - .25)))
}

.col-1-4:nth-of-type(4n),
.col-1-4:last-of-type {
    margin-right: 0
}

.col-2-4 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .5) - (1rem * (1 - .5)))
}

.col-2-4:nth-of-type(4n),
.col-2-4:last-of-type {
    margin-right: 0
}

.col-3-4 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .75) - (1rem * (1 - .75)))
}

.col-3-4:nth-of-type(4n),
.col-3-4:last-of-type {
    margin-right: 0
}

.col-4-4 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-4-4:nth-of-type(4n),
.col-4-4:last-of-type {
    margin-right: 0
}

.col-1-5 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .2) - (1rem * (1 - .2)))
}

.col-1-5:nth-of-type(5n),
.col-1-5:last-of-type {
    margin-right: 0
}

.col-2-5 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .4) - (1rem * (1 - .4)))
}

.col-2-5:nth-of-type(5n),
.col-2-5:last-of-type {
    margin-right: 0
}

.col-3-5 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .6) - (1rem * (1 - .6)))
}

.col-3-5:nth-of-type(5n),
.col-3-5:last-of-type {
    margin-right: 0
}

.col-4-5 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .8) - (1rem * (1 - .8)))
}

.col-4-5:nth-of-type(5n),
.col-4-5:last-of-type {
    margin-right: 0
}

.col-5-5 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-5-5:nth-of-type(5n),
.col-5-5:last-of-type {
    margin-right: 0
}

.col-1-6 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .16667) - (1rem * (1 - .16667)))
}

.col-1-6:nth-of-type(6n),
.col-1-6:last-of-type {
    margin-right: 0
}

.col-2-6 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .33333) - (1rem * (1 - .33333)))
}

.col-2-6:nth-of-type(6n),
.col-2-6:last-of-type {
    margin-right: 0
}

.col-3-6 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .5) - (1rem * (1 - .5)))
}

.col-3-6:nth-of-type(6n),
.col-3-6:last-of-type {
    margin-right: 0
}

.col-4-6 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .66667) - (1rem * (1 - .66667)))
}

.col-4-6:nth-of-type(6n),
.col-4-6:last-of-type {
    margin-right: 0
}

.col-5-6 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .83333) - (1rem * (1 - .83333)))
}

.col-5-6:nth-of-type(6n),
.col-5-6:last-of-type {
    margin-right: 0
}

.col-6-6 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-6-6:nth-of-type(6n),
.col-6-6:last-of-type {
    margin-right: 0
}

.col-1-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .14286) - (1rem * (1 - .14286)))
}

.col-1-7:nth-of-type(7n),
.col-1-7:last-of-type {
    margin-right: 0
}

.col-2-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .28571) - (1rem * (1 - .28571)))
}

.col-2-7:nth-of-type(7n),
.col-2-7:last-of-type {
    margin-right: 0
}

.col-3-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .42857) - (1rem * (1 - .42857)))
}

.col-3-7:nth-of-type(7n),
.col-3-7:last-of-type {
    margin-right: 0
}

.col-4-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .57143) - (1rem * (1 - .57143)))
}

.col-4-7:nth-of-type(7n),
.col-4-7:last-of-type {
    margin-right: 0
}

.col-5-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .71429) - (1rem * (1 - .71429)))
}

.col-5-7:nth-of-type(7n),
.col-5-7:last-of-type {
    margin-right: 0
}

.col-6-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .85714) - (1rem * (1 - .85714)))
}

.col-6-7:nth-of-type(7n),
.col-6-7:last-of-type {
    margin-right: 0
}

.col-7-7 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-7-7:nth-of-type(7n),
.col-7-7:last-of-type {
    margin-right: 0
}

.col-1-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .125) - (1rem * (1 - .125)))
}

.col-1-8:nth-of-type(8n),
.col-1-8:last-of-type {
    margin-right: 0
}

.col-2-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .25) - (1rem * (1 - .25)))
}

.col-2-8:nth-of-type(8n),
.col-2-8:last-of-type {
    margin-right: 0
}

.col-3-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .375) - (1rem * (1 - .375)))
}

.col-3-8:nth-of-type(8n),
.col-3-8:last-of-type {
    margin-right: 0
}

.col-4-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .5) - (1rem * (1 - .5)))
}

.col-4-8:nth-of-type(8n),
.col-4-8:last-of-type {
    margin-right: 0
}

.col-5-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .625) - (1rem * (1 - .625)))
}

.col-5-8:nth-of-type(8n),
.col-5-8:last-of-type {
    margin-right: 0
}

.col-6-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .75) - (1rem * (1 - .75)))
}

.col-6-8:nth-of-type(8n),
.col-6-8:last-of-type {
    margin-right: 0
}

.col-7-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * .875) - (1rem * (1 - .875)))
}

.col-7-8:nth-of-type(8n),
.col-7-8:last-of-type {
    margin-right: 0
}

.col-8-8 {
    float: left;
    margin-right: 1rem;
    width: calc((100% * 1) - (1rem * (1 - 1)))
}

.col-8-8:nth-of-type(8n),
.col-8-8:last-of-type {
    margin-right: 0
}

.l--grid-auto {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    display: -ms-grid;
    display: grid
}

.l--grid-col2 {
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
    display: -ms-grid;
    display: grid
}

.l--grid-col4 {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    display: -ms-grid;
    display: grid
}

.l--grid-row2 {
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    display: -ms-grid;
    display: grid
}

.l--margin-default {
    margin: 1.5rem
}

.l--margin-top-default {
    margin-top: 1.5rem
}

.l--margin-right-default {
    margin-right: 1.5rem
}

.l--margin-bottom-default {
    margin-bottom: 1.5rem
}

.l--margin-left-default {
    margin-left: 1.5rem
}

.l--margin-small {
    margin: .563rem
}

.l--margin-top-small {
    margin-top: .563rem
}

.l--margin-right-small {
    margin-right: .563rem
}

.l--margin-bottom-small {
    margin-bottom: .563rem
}

.l--margin-left-small {
    margin-left: .563rem
}

.l--margin-medium {
    margin: 1rem
}

.l--margin-top-medium {
    margin-top: 1rem
}

.l--margin-right-medium {
    margin-right: 1rem
}

.l--margin-bottom-medium {
    margin-bottom: 1rem
}

.l--margin-left-medium {
    margin-left: 1rem
}

.l--margin-large {
    margin: 1.875rem
}

.l--margin-top-large {
    margin-top: 1.875rem
}

.l--margin-right-large {
    margin-right: 1.875rem
}

.l--margin-bottom-large {
    margin-bottom: 1.875rem
}

.l--margin-left-large {
    margin-left: 1.875rem
}

.l--margin-xlarge {
    margin: 2.875rem
}

.l--margin-top-xlarge {
    margin-top: 2.875rem
}

.l--margin-right-xlarge {
    margin-right: 2.875rem
}

.l--margin-bottom-xlarge {
    margin-bottom: 2.875rem
}

.l--margin-left-xlarge {
    margin-left: 2.875rem
}

.l--margin-top-1-8 {
    margin-top: 1.85em
}

.l--margin-top-reset {
    margin-top: 0
}

.l--margin-right-reset {
    margin-right: 0
}

.l--margin-bottom-reset {
    margin-bottom: 0
}

.l--margin-left-reset {
    margin-left: 0
}

.l--margin-top-reset-default {
    margin-top: -.8em
}

.l--margin-bottom-reset-default {
    margin-bottom: -1rem
}

.l--margin-reset {
    margin: 0
}

.l--padding-default {
    padding: .938rem
}

.l--padding-top-default {
    padding-top: .938rem
}

.l--padding-right-default {
    padding-right: .938rem
}

.l--padding-bottom-default {
    padding-bottom: .938rem
}

.l--padding-left-default {
    padding-left: .938rem
}

.l--padding-xsmall {
    padding: .313rem
}

.l--padding-top-xsmall {
    padding-top: .313rem
}

.l--padding-right-xsmall {
    padding-right: .313rem
}

.l--padding-bottom-xsmall {
    padding-bottom: .313rem
}

.l--padding-left-xsmall {
    padding-left: .313rem
}

.l--padding-small {
    padding: .625rem
}

.l--padding-top-small {
    padding-top: .625rem
}

.l--padding-right-small {
    padding-right: .625rem
}

.l--padding-bottom-small {
    padding-bottom: .625rem
}

.l--padding-left-small {
    padding-left: .625rem
}

.l--padding-medium {
    padding: 1.25rem
}

.l--padding-top-medium {
    padding-top: 1.25rem
}

.l--padding-right-medium {
    padding-right: 1.25rem
}

.l--padding-bottom-medium {
    padding-bottom: 1.25rem
}

.l--padding-left-medium {
    padding-left: 1.25rem
}

.l--padding-large {
    padding: 1.563rem
}

.l--padding-top-large {
    padding-top: 1.563rem
}

.l--padding-right-large {
    padding-right: 1.563rem
}

.l--padding-bottom-large {
    padding-bottom: 1.563rem
}

.l--padding-left-large {
    padding-left: 1.563rem
}

.l--padding-xlarge {
    padding: 1.875rem
}

.l--padding-top-xlarge {
    padding-top: 1.875rem
}

.l--padding-right-xlarge {
    padding-right: 1.875rem
}

.l--padding-bottom-xlarge {
    padding-bottom: 1.875rem
}

.l--padding-left-xlarge {
    padding-left: 1.875rem
}

.l--padding-reset-top {
    padding-top: 0
}

.l--padding-reset-right {
    padding-right: 0
}

.l--padding-reset-bottom {
    padding-bottom: 0
}

.l--padding-reset-left {
    padding-left: 0
}

.l--padding-reset {
    padding: 0
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

.button,
.bulk-selector-wrap .a--dropdown-trigger,
button:not(.link),
input[type="button"],
input[type="src"]:not(.link) input[type="reset"],
.c--btn-download {
    border-radius: 4px;
    transition: color ease-in-out 125ms 0ms, background-color ease-in-out 125ms 0ms, border ease-in-out 200ms 0ms, box-shadow ease-in-out 200ms 0ms, max-height ease-in-out 200ms 0ms;
    display: inline-block;
    font-size: .875rem;
    font-weight: 400;
    text-decoration: none;
    line-height: 1.5em;
    min-height: 2.5rem;
    border: 1px solid;
    padding: 0.65rem 1.25rem 0.4rem;
    color: #3e75af;
    background-color: transparent;
    letter-spacing: .04em
}

a,
button {
    cursor: pointer;
    text-decoration: none
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    .button,
    .bulk-selector-wrap .a--dropdown-trigger,
    button:not(.link),
    input[type="button"],
    input[type="src"]:not(.link) input[type="reset"] {
        line-height: 1.25em
    }
}

.button:hover,
.bulk-selector-wrap .a--dropdown-trigger:hover,
button:not(.link):hover,
input[type="button"]:hover,
input[type="src"]:not(.link) input[type="reset"]:hover {
    text-decoration: none;
    background-color: #4993e1;
    border-color: #4993e1;
    color: #fff;
    cursor: pointer
}

.button:focus,
.bulk-selector-wrap .a--dropdown-trigger:focus,
button:not(.link):focus,
input[type="button"]:focus,
input[type="src"]:not(.link) input[type="reset"]:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor;
    outline: none;
    border-color: #4993e1
}

.button:active,
.bulk-selector-wrap .a--dropdown-trigger:active,
button:not(.link):active,
input[type="button"]:active,
input[type="src"]:not(.link) input[type="reset"]:active {
    box-shadow: inset 0 0 6px 0px rgba(68, 68, 68, 0.59);
    border-color: #4993e1
}

.button.icon:after,
.bulk-selector-wrap .icon.a--dropdown-trigger:after,
.button.icon:before,
.bulk-selector-wrap .icon.a--dropdown-trigger:before,
button:not(.link).icon:after,
button:not(.link).icon:before,
input[type="button"].icon:after,
input[type="button"].icon:before,
input[type="src"]:not(.link) input[type="reset"].icon:after,
input[type="src"]:not(.link) input[type="reset"].icon:before {
    vertical-align: middle
}

.button.icon-only,
.bulk-selector-wrap .icon-only.a--dropdown-trigger,
button:not(.link).icon-only,
input[type="button"].icon-only,
input[type="src"]:not(.link) input[type="reset"].icon-only {
    padding-left: 12px;
    padding-right: 6px
}

.button.hidden,
.bulk-selector-wrap .hidden.a--dropdown-trigger,
button:not(.link).hidden,
input[type="button"].hidden,
input[type="src"]:not(.link) input[type="reset"].hidden {
    display: none
}

.button i[role="tooltip"],
.bulk-selector-wrap .a--dropdown-trigger i[role="tooltip"],
button:not(.link) i[role="tooltip"],
input[type="button"] i[role="tooltip"],
input[type="src"]:not(.link) input[type="reset"] i[role="tooltip"] {
    display: none
}

.button.square,
.bulk-selector-wrap .square.a--dropdown-trigger,
button:not(.link).square,
input[type="button"].square,
input[type="src"]:not(.link) input[type="reset"].square {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px
}

.button.square i,
.bulk-selector-wrap .square.a--dropdown-trigger i,
button:not(.link).square i,
input[type="button"].square i,
input[type="src"]:not(.link) input[type="reset"].square i {
    display: block;
    font-size: 2rem;
    height: 2rem;
    margin-bottom: 0.5rem
}

.button.a--btn-icon-clear:before,
.bulk-selector-wrap .a--btn-icon-clear.a--dropdown-trigger:before,
button:not(.link).a--btn-icon-clear:before,
input[type="button"].a--btn-icon-clear:before,
input[type="src"]:not(.link) input[type="reset"].a--btn-icon-clear:before {
    content: none;
    display: none
}

.button.full-width,
.bulk-selector-wrap .full-width.a--dropdown-trigger,
button:not(.link).full-width,
input[type="button"].full-width,
input[type="src"]:not(.link) input[type="reset"].full-width {
    width: 100%
}

.button.c--primary,
.bulk-selector-wrap .c--primary.a--dropdown-trigger,
button:not(.link).c--primary,
input[type="button"].c--primary,
input[type="src"]:not(.link) input[type="reset"].c--primary {
    color: #fff;
    background-color: #3e75af;
    border-color: #3e75af
}

.button.c--primary:hover,
.bulk-selector-wrap .c--primary.a--dropdown-trigger:hover,
button:not(.link).c--primary:hover,
input[type="button"].c--primary:hover,
input[type="src"]:not(.link) input[type="reset"].c--primary:hover {
    background-color: #4993e1;
    border-color: #4993e1
}

.button.c--primary:focus,
.bulk-selector-wrap .c--primary.a--dropdown-trigger:focus,
button:not(.link).c--primary:focus,
input[type="button"].c--primary:focus,
input[type="src"]:not(.link) input[type="reset"].c--primary:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3e75af
}

.button.c--primary:active,
.bulk-selector-wrap .c--primary.a--dropdown-trigger:active,
button:not(.link).c--primary:active,
input[type="button"].c--primary:active,
input[type="src"]:not(.link) input[type="reset"].c--primary:active {
    box-shadow: inset 0 0 10px -1px #3e75af;
    background-color: #4993e1;
    border-color: #4993e1;
    color: #fff
}

.button[disabled],
.bulk-selector-wrap [disabled].a--dropdown-trigger,
button:not(.link)[disabled],
input[type="button"][disabled],
input[type="src"]:not(.link) input[type="reset"][disabled] {
    box-shadow: none;
    background-color: #efefef;
    border-color: #efefef;
    color: #686868;
    cursor: not-allowed;
    position: relative;
    overflow: hidden
}

.button[disabled] i[role="tooltip"],
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"],
button:not(.link)[disabled] i[role="tooltip"],
input[type="button"][disabled] i[role="tooltip"],
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"] {
    transition: opacity ease-in-out 200ms 0ms, background-color linear 50ms;
    border-radius: 4px;
    box-shadow: 0 3px 4px #efefef;
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    right: 0;
    left: 115%;
    top: 0;
    padding: 1em;
    border: 1px solid #e8edf3;
    visibility: hidden;
    background-color: #fff;
    line-height: 1.4em
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before {
    box-sizing: border-box;
    position: absolute;
    background-color: transparent;
    color: #ccc;
    top: 11%;
    left: -.75em;
    width: 0.8em;
    border-right: 2px solid #fff;
    content: ""
}

.button[disabled]:focus,
.bulk-selector-wrap [disabled].a--dropdown-trigger:focus,
.button[disabled]:hover,
.bulk-selector-wrap [disabled].a--dropdown-trigger:hover,
button:not(.link)[disabled]:focus,
button:not(.link)[disabled]:hover,
input[type="button"][disabled]:focus,
input[type="button"][disabled]:hover,
input[type="src"]:not(.link) input[type="reset"][disabled]:focus,
input[type="src"]:not(.link) input[type="reset"][disabled]:hover {
    box-shadow: none;
    font-weight: 400;
    cursor: not-allowed;
    color: #686868;
    overflow: visible;
    transform: none;
    background-color: #efefef;
    border-color: #efefef
}

.button[disabled]:focus i[role="tooltip"],
.bulk-selector-wrap [disabled].a--dropdown-trigger:focus i[role="tooltip"],
.button[disabled]:hover i[role="tooltip"],
.bulk-selector-wrap [disabled].a--dropdown-trigger:hover i[role="tooltip"],
button:not(.link)[disabled]:focus i[role="tooltip"],
button:not(.link)[disabled]:hover i[role="tooltip"],
input[type="button"][disabled]:focus i[role="tooltip"],
input[type="button"][disabled]:hover i[role="tooltip"],
input[type="src"]:not(.link) input[type="reset"][disabled]:focus i[role="tooltip"],
input[type="src"]:not(.link) input[type="reset"][disabled]:hover i[role="tooltip"] {
    width: 250%;
    height: auto;
    opacity: 1;
    visibility: visible;
    text-align: left;
    font-style: normal
}

.button[disabled]:focus,
.bulk-selector-wrap [disabled].a--dropdown-trigger:focus,
button:not(.link)[disabled]:focus,
input[type="button"][disabled]:focus,
input[type="src"]:not(.link) input[type="reset"][disabled]:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor
}

.c--button-link {
    border: none;
    padding: inherit;
    padding: unset;
    height: inherit;
    height: unset;
    min-height: inherit;
    min-height: unset;
    background-color: inherit;
    background-color: unset;
    background-color: transparent
}

.c--button-link:hover {
    color: inherit;
    background-color: inherit;
    background-color: unset;
    text-decoration: underline
}

.c--button-link.c--destruction:before {
    content: "";
    display: inline-block;
    font-size: 1rem;
    font-weight: 600;
    padding-right: 6px;
    margin-top: -.2em
}

.button-row {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap
}

.button-row.centered {
    justify-content: center
}

.button-row.right {
    justify-content: flex-end
}

.button-row.top {
    align-self: flex-start
}

.button-row a.button.c--primary,
.button-row .bulk-selector-wrap a.c--primary.a--dropdown-trigger,
.bulk-selector-wrap .button-row a.c--primary.a--dropdown-trigger {
    align-self: flex-start
}

.button-row>a,
.button-row>button {
    white-space: nowrap;
    position: relative;
    margin: 0 16px
}

.button-row>a:after,
.button-row>button:after {
    content: '';
    display: inline-block;
    margin-left: 15px;
    margin-right: -16px;
    top: 2px;
    background-color: #363f44;
    width: 1px;
    height: 14px
}

.button-row>a:not(.c--primary):not(.a--dropdown-trigger),
.button-row>button:not(.c--primary):not(.a--dropdown-trigger) {
    color: #363f44;
    border: none;
    padding: inherit;
    padding: unset;
    height: inherit;
    height: unset;
    min-height: inherit;
    min-height: unset;
    background-color: inherit;
    background-color: unset;
    background-color: transparent
}

.button-row>a:not(.c--primary):not(.a--dropdown-trigger):hover,
.button-row>button:not(.c--primary):not(.a--dropdown-trigger):hover {
    color: inherit;
    background-color: inherit;
    background-color: unset;
    text-decoration: underline
}

.button-row>a.c--primary,
.button-row>button.c--primary {
    margin-left: 0
}

.button-row>a:first-child:last-child,
.button-row>button:first-child:last-child {
    margin-right: 0
}

.button-row>a:last-child:after,
.button-row>a.a--piping-none:after,
.button-row>a.c--primary:after,
.button-row>a.a--dropdown-trigger:after,
.button-row>button:last-child:after,
.button-row>button.a--piping-none:after,
.button-row>button.c--primary:after,
.button-row>button.a--dropdown-trigger:after {
    content: '';
    content: inherit;
    content: unset
}

.button-row>a:last-child,
.button-row>button:last-child {
    margin-right: 0
}

.button-row .bulk-selector-wrap .a--dropdown-trigger {
    margin-left: 0;
    margin-right: 0
}

.button-row form.button-row {
    display: flex;
    flex-wrap: nowrap
}

.button-row form.button-row a:first-child,
.button-row form.button-row button:first-child {
    margin-left: 0
}

.button-row form.button-row a:last-child,
.button-row form.button-row button:last-child {
    margin-right: 0
}

.c--destruction:before {
    content: "";
    display: inline-block;
    font-size: 1.05rem;
    font-weight: 600;
    padding-right: 6px;
    margin-top: -.2em
}

.c--destruction:after {
    background-color: #E06969
}

.c--destruction:hover {
    background-color: transparent
}

.a--destruction-ico:before {
    padding-right: 0
}

.c--btn-download {
    box-shadow: none;
    display: inline-block;
    height: auto;
    border: none;
    padding: 12px 20px 12px 0;
    color: #3e75af;
    font-size: 0.8125rem;
    line-height: 1em;
    transition: color .2s ease
}

.c--btn-download svg {
    display: inline-block;
    width: 1.72em;
    float: left;
    height: auto;
    fill: #3e75af;
    margin-right: 0.86em
}

.c--btn-download i {
    display: table-caption;
    clear: both;
    color: #888;
    font-style: normal;
    margin-top: 0.25em;
    font-size: 0.6875rem;
    line-height: 1rem;
    min-width: 75px
}

.c--btn-download:hover {
    background-color: transparent;
    text-decoration: underline;
    color: #4993e1
}

.c--btn-download:hover svg {
    fill: #4993e1
}

.c--btn-download:hover i {
    color: #4993e1;
    text-decoration: none
}

.c--btn-download:focus,
.c--btn-download:active {
    outline: none;
    border: inherit;
    background-color: transparent;
    color: inherit
}

.c--dropdown {
    position: relative;
    display: inline-block
}

.a--dropdown-trigger {
    text-decoration: none;
    display: flex
}

.a--dropdown-trigger:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: transform ease-in-out 125ms 0ms;
    content: "";
    font-size: .65rem;
    position: relative;
    vertical-align: bottom;
    display: inline-block;
    line-height: 1rem;
    order: 2;
    align-self: center;
    padding: .125rem 0 0 .5rem
}

.a--dropdown-trigger:focus {
    border: 1px solid
}

.a--dropdown-trigger[aria-expanded="true"]:after {
    box-sizing: border-box;
    position: absolute;
    display: block;
    line-height: 1em;
    bottom: -1.28em;
    height: .8em;
    right: -4px;
    z-index: 5000;
    width: 25px;
    height: 14px;
    content: url("../images/dropdown-arrow.svg");
    stroke: #ccc
}

.a--dropdown-trigger.button[aria-expanded="true"]:after,
.bulk-selector-wrap .a--dropdown-trigger[aria-expanded="true"]:after {
    left: calc(100% - 42px)
}

.a--dropdown-trigger.button:before,
.bulk-selector-wrap .a--dropdown-trigger:before {
    padding-top: 0;
    padding-bottom: 2px
}

.a--dropdown-trigger:not(.button):not(.bulk-selector-wrap .a--dropdown-trigger) {
    padding-right: 0
}

.button-row .a--dropdown-trigger[aria-expanded="true"]:after {
    bottom: -1.25em
}

.a--dropdown-content {
    border-radius: 4px;
    box-shadow: 0 2px 2px 0 #ccc;
    display: block;
    position: absolute;
    padding: 15px 0 12px;
    border: 1px solid #ccc;
    background-color: #fff;
    width: auto;
    min-width: 125px;
    white-space: nowrap;
    margin-top: 1.15em;
    z-index: 4000
}

.a--dropdown-content[aria-hidden="true"] {
    opacity: 0;
    height: 0;
    visibility: hidden;
    display: none
}

.a--dropdown-content[aria-hidden="false"] {
    opacity: 1;
    height: auto;
    visibility: visible
}

.a--dropdown-content.edge {
    right: -.5em
}

.a--dropdown-content li {
    margin-bottom: 0;
    line-height: 1.5em;
    list-style: none
}

.a--dropdown-content li:last-child {
    margin-bottom: 0
}

.a--dropdown-content li a {
    transition: all ease-in-out 150ms;
    padding: 5px 45px 5px 20px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none;
    text-align: left;
    margin: 0
}

.a--dropdown-content li a:hover {
    text-decoration: none;
    background-color: #4993e1;
    color: #fff
}

.a--dropdown-content li a:hover.a--destruction {
    background-color: #E06969
}

.a--dropdown-content li a:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor
}

.a--dropdown-content.disabled li a:hover {
    color: rgba(54, 63, 68, 0.5);
    background-color: #fff
}

.bulk-selector-wrap {
    padding: 0;
    border: none;
    display: flex;
    float: left;
    margin-top: -10px
}

.bulk-selector-wrap:hover,
.bulk-selector-wrap:focus,
.bulk-selector-wrap:active {
    border: none;
    box-shadow: none
}

.bulk-selector-wrap .a--dropdown-trigger:hover {
    text-decoration: none;
    box-shadow: none
}

.bulk-selector-wrap .bulk-selector:hover+.bulk-actions .a--dropdown-trigger {
    border-left-color: #4993e1
}

.bulk-selector-wrap .bulk-selector:hover .a--dropdown-trigger {
    border-color: #4993e1
}

.bulk-selector-wrap .bulk-selector .a--dropdown-trigger {
    display: flex;
    padding: .65rem 1.25rem .4rem;
    border: 1px solid;
    border-right: 0;
    border-radius: 4px 0 0 4px;
    margin-right: 0
}

.bulk-selector-wrap .bulk-selector .a--dropdown-trigger:before {
    padding: 0 0 2px 2px
}

.bulk-selector-wrap .bulk-selector .a--dropdown-trigger:hover {
    border-color: #4993e1
}

.bulk-selector-wrap .bulk-selector .a--dropdown-content[aria-hidden="false"] {
    left: -27px;
    right: 0
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger {
    padding: .65rem 1.25rem .4rem;
    border: 1px solid;
    border-radius: 0 4px 4px 0;
    height: 40px;
    font-size: 1.6em;
    line-height: 5px;
    margin-left: 0
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger:before {
    content: '';
    display: block
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger[aria-expanded="true"]:after {
    right: 17px;
    bottom: -0.67em
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger:hover {
    border-color: #4993e1
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger.active {
    background: #4993e1;
    border-color: #4993e1;
    color: #fff
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger.active+.action-list a {
    cursor: pointer
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger.active:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3e75af;
    border: 1px solid
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3e75af;
    border: 1px solid
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger+.action-list #delete {
    margin-top: 15px
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger+.action-list #delete {
    border-top: 1px solid #3e75af
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger+.action-list a {
    cursor: default
}

.bulk-selector-wrap .bulk-actions .a--dropdown-trigger+.action-list a.a--destruction {
    margin-top: 12px;
    padding-top: 5px;
    padding-bottom: 5px
}

.dataTables_paginate a {
    border: none
}

.dataTables_paginate a:hover {
    border: none !important
}

.c--pag-back,
.c--pag-forward {
    box-shadow: none
}

.c--nav-back:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    padding: 0
}

.c--nav-continue:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block
}

.c--nav-back {
    margin-left: 1.1em
}

.c--nav-back:before {
    left: -1.1em;
    margin-right: -1.03em
}

.c--nav-continue {
    margin-right: 1.1em
}

.c--nav-continue:after {
    right: -1.1em;
    margin-right: -1.03em;
    vertical-align: bottom
}

.c--pag-back:before,
.c--pag-forward:after {
    padding: 0;
    vertical-align: text-bottom
}

.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: -.25em;
    line-height: 0;
    top: -.075em;
    position: relative
}

.paginate_button {
    box-shadow: none;
    border-radius: 4px;
    transition: all ease-in-out 150ms;
    color: #888;
    padding: 0.125em 0.5em;
    line-height: 1em;
    text-align: center;
    border: none;
    margin: 0 5px
}

.paginate_button:hover {
    box-shadow: 0 0 0 2px #3e75af;
    background-color: #fff;
    color: #363f44
}

.paginate_button:active,
.paginate_button:focus {
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor;
    padding: 0.125em 0.5em
}

.paginate_button.current {
    font-size: 1.45em;
    vertical-align: sub;
    line-height: 1em;
    color: #3e75af;
    font-weight: 700
}

.paginate_button.current:hover {
    box-shadow: none;
    border: none;
    color: #3e75af;
    cursor: default
}

.paginate_button.next,
.paginate_button.previous {
    font-family: "SSStandard";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    color: #3e75af;
    text-rendering: optimizeLegibility;
    white-space: nowrap;
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    vertical-align: text-bottom;
    text-align: center
}

.paginate_button.next:hover,
.paginate_button.previous:hover {
    box-shadow: none;
    background-color: transparent;
    color: #3e75af;
    border-radius: 0
}

.paginate_button.disabled {
    color: #ccc
}

.paginate_button.disabled:active,
.paginate_button.disabled:focus,
.paginate_button.disabled:hover {
    box-shadow: none;
    color: #ccc;
    background-color: transparent;
    cursor: not-allowed
}

.dataTables_paginate {
    float: right
}

.dataTables_paginate a {
    box-shadow: none
}

.dataTables_paginate .first,
.dataTables_paginate .last {
    letter-spacing: -3px;
    display: none
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

.status-circle {
    border: 2px solid;
    border-radius: 50%;
    display: inline-block;
    height: 64px;
    text-align: center;
    vertical-align: middle;
    width: 64px
}

.status-circle.green {
    border-color: #6dbe50;
    color: #6dbe50
}

.status-circle.green g>* {
    stroke: #6dbe50
}

.status-circle.green line {
    stroke: #6dbe50
}

.status-circle.red {
    border-color: #E06969;
    color: #E06969
}

.status-circle.red g>* {
    stroke: #E06969
}

.status-circle.red line {
    stroke: #E06969
}

.status-circle.gray {
    border-color: #b8b8b8;
    color: #b8b8b8
}

.status-circle.gray g>* {
    stroke: #b8b8b8
}

.status-circle.gray line {
    stroke: #b8b8b8
}

.status-circle.dark-gray {
    border-color: #939393;
    color: #939393
}

.status-circle.dark-gray g>* {
    stroke: #939393
}

.status-circle.dark-gray line {
    stroke: #939393
}

.status-circle.filled-green {
    border-color: #fff;
    color: #fff;
    background-color: #6dbe50
}

.status-circle.filled-green g>* {
    stroke: #fff
}

.status-circle.filled-green line {
    stroke: #fff
}

.status-circle.filled-red {
    border-color: #fff;
    color: #fff;
    background-color: #E06969
}

.status-circle.filled-red g>* {
    stroke: #fff
}

.status-circle.filled-red line {
    stroke: #fff
}

.status-circle svg {
    height: 34px;
    margin: -17px 0 0;
    position: relative;
    top: 50%;
    width: 34px
}

.red {
    color: #E06969
}

.access-icon {
    background-size: 16px;
    display: inline-block;
    overflow: hidden;
    font-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: -3px
}

.browser-icon {
    background-image: url("../images/browsers.png");
    display: none;
    margin-right: 0
}

.browser-icon-unknown {
    display: inline-block;
    background-position: 0 0px
}

.browser-icon-safari {
    display: inline-block;
    background-position: 0 -16px
}

.browser-icon-firefox {
    display: inline-block;
    background-position: 0 -32px
}

.browser-icon-chrome {
    display: inline-block;
    background-position: 0 -48px
}

.browser-icon-ie {
    display: inline-block;
    background-position: 0 -64px
}

.browser-icon-opera {
    display: inline-block;
    background-position: 0 -80px
}

.browser-icon-edge {
    display: inline-block;
    background-position: 0 -96px
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .browser-icon {
        background-image: url("../images/browsers@2x.png")
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .browser-icon {
        background-image: url("../images/browsers@2x.png")
    }
}

.plugin-icon {
    background-image: url("../images/plugins.png")
}

.plugin-icon.plugin-icon-flash {
    background-position: 0 0
}

.plugin-icon.plugin-icon-java {
    background-position: 0 -16px
}

.os-icon-unknown {
    display: none
}

.validation.valid:before {
    content: '✓'
}

.validation:before {
    display: inline-block;
    vertical-align: middle
}

.browser-icon-chrome:before {
    display: inline-block !important;
    background-position: 0 -5.94vw !important
}

.browser-icon-firefox:before {
    display: inline-block !important;
    background-position: 0 -4vw !important
}

.browser-icon-safari:before {
    display: inline-block !important;
    background-position: 0 -2vw !important
}

.browser-icon-ie:before {
    display: inline-block !important;
    background-position: 0 -12vw !important
}

.browser-icon-opera:before {
    display: inline-block !important;
    background-position: 0 -10vw !important
}

.browser-icon:before {
    background-image: url("../images/browsers.png") !important;
    display: none
}

.plugin-icon.plugin-icon-flash:before {
    background-position: 0 0 !important
}

.plugin-icon.plugin-icon-java:before {
    background-position: 0 -18vw !important
}

.plugin-icon:before {
    background-image: url("../images/plugins.png") !important
}

.flag-US:before {
    background-position: -0.5vw -782vw !important
}

.flag:before {
    display: inline-block;
    overflow: hidden;
    width: 4vw !important;
    height: 3vw !important;
    background-image: url("../images/flags.png") !important;
    background-size: 5vw 907vw !important;
    background-repeat: no-repeat !important;
    background-position: -5px -6713px;
    vertical-align: -3px;
    margin-top: 3vw;
    content: ' '
}

.result-cell {
    white-space: nowrap;
    text-transform: capitalize
}

.result-cell:before {
    width: 16px;
    height: 16px;
    background-size: 16px;
    vertical-align: -3px;
    margin-right: 4px;
    line-height: 12px;
    content: ' ';
    display: inline-block
}

.result-cell.result-success {
    color: #6dbe50
}

.result-cell.result-success:before {
    background-image: url("/images/success.png");
    background-repeat: no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-success:before {
        background-image: url("/images/success@2x.png")
    }
}

.result-cell.result-failure {
    color: #EF6000
}

.result-cell.result-failure:before {
    background-image: url("/images/failure.png");
    background-repeat: no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-failure:before {
        background-image: url("/images/failure@2x.png")
    }
}

.result-cell.result-fraud {
    color: #F0C473
}

.result-cell.result-fraud:before {
    background-image: url("/images/fraud.png");
    background-repeat: no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-fraud:before {
        background-image: url("/images/fraud@2x.png")
    }
}

.result-cell.result-error {
    color: #E06969
}

.result-cell.result-error:before {
    background-image: url("/images/error.png");
    background-repeat: no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio: 1.5),
screen and (min-resolution: 1.5dppx) {
    .result-cell.result-error:before {
        background-image: url("/images/error@2x.png")
    }
}

.ss-alert.right:after,
.ss-alert:before {
    content: '⚠'
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

.c--card-doughnutgraph-horizontal {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 160px 1fr 1fr 1fr;
    grid-template-columns: 160px 1fr 1fr 1fr;
    grid-template-rows: repeat(2, 1fr);
    align-items: center;
    grid-row-gap: 1.25rem;
    list-style-type: none;
    text-align: left
}

.c--card-doughnutgraph-horizontal else {
    grid-template-columns: repeat(160px 1fr 1fr 1fr, 1fr)
}

.c--card-doughnutgraph-horizontal .highcharts-series path {
    stroke: #fff;
    stroke-width: 3px
}

.c--card-doughnutgraph-vertical {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 160px 1fr;
    grid-template-columns: 160px 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    align-items: center;
    grid-row-gap: 1rem;
    list-style-type: none;
    text-align: left;
    align-items: start
}

.c--card-doughnutgraph-vertical else {
    grid-template-columns: repeat(160px 1fr, 1fr)
}

.a--card-doughnutgraph {
    -ms-grid-row: 1;
    -ms-grid-row-span: 5;
    grid-row: 1 / 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 1
}

.a--card-doughnutgraph .highcharts-series path {
    stroke: #fff;
    stroke-width: 2px
}

.a--graph-2row-span {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    grid-row: 1 / 3
}

.a--graph-3row-span {
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1 / 4
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

.link,
a {
    color: #3e75af;
    text-decoration: none
}

.link:hover,
a:hover {
    text-decoration: underline
}

.link:focus,
a:focus {
    text-shadow: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px currentColor
}

.link.a--destruction,
a.a--destruction {
    color: #E06969
}

.link.icon:after,
.link.icon:before,
a.icon:after,
a.icon:before {
    vertical-align: text-bottom
}

.a--link-underline {
    text-decoration: underline
}

.a--link-color-dark {
    color: #363f44
}

a[target="_blank"] i.icon-new-window {
    display: inline-block;
    text-decoration: none;
    padding-left: 4px;
    font-size: 80%
}

.breadcrumbs {
    font-size: .75rem
}

.breadcrumbs a {
    color: #363f44;
    text-decoration: underline
}

.breadcrumbs a:hover {
    color: #3e75af
}

.breadcrumbs i {
    font-size: .625rem;
    margin: 0 8px;
    line-height: 1.5em;
    display: inline-block;
    vertical-align: text-top
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

.c--metric-card-rule {
    margin-left: -48px;
    margin-right: -48px;
    border: none;
    height: 1px;
    background-color: #e8edf3
}

.at-a-glance {
    display: flex;
    background: #fff;
    border-radius: 4px
}

.at-a-glance.can-filter {
    position: relative
}

.at-a-glance.can-filter:before {
    content: '';
    position: absolute;
    left: 23px;
    bottom: -1.2rem;
    width: 0;
    height: 0;
    transition: left .33s ease-in-out, border-color .33s linear;
    border-style: solid;
    border-width: 0 12.5px 12px;
    border-color: transparent transparent #3e75af transparent
}

.at-a-glance .three-quarter-col {
    flex: 0 0 auto;
    width: 75%
}

.at-a-glance .one-half-col {
    flex: 0 0 auto;
    width: 50%
}

.at-a-glance .one-third-col {
    flex: 0 0 auto;
    width: 33%
}

.at-a-glance.can-filter.pendingDeletion:before {
    border-color: transparent transparent #E06969 transparent;
    transition: border-color .33s linear
}

.metric-card.pendingDeletion.selected::after {
    background: #E06969;
    transition: background .33s linear
}

.metric-card {
    flex: 0 0 auto;
    width: 25%;
    margin: 0 0 1.469rem;
    padding: 0 0 0 1.469rem;
    vertical-align: top;
    position: relative
}

.metric-card:before {
    position: absolute;
    content: '';
    width: 1px;
    top: 0;
    bottom: 0;
    right: 0;
    border-right: 1px solid #e8edf3
}

.metric-card:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    opacity: 0;
    transition: height .33s ease-in-out, opacity .33s ease-in-out, background .33s linear;
    background: #3e75af
}

.metric-card:last-child:before {
    display: none
}

.metric-card:last-child:after {
    border-radius: 0 4px 0 0
}

.metric-card:first-of-type {
    padding-left: 0
}

.metric-card:first-of-type:after {
    border-radius: 4px 0 0
}

.metric-card.selected::after {
    height: 5px;
    opacity: 1
}

.metric-card .what {
    display: block;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
    line-height: 1;
    color: #363f44;
    margin-bottom: .313rem
}

.metric-card .what a {
    color: #363f44
}

.metric-card .number {
    display: block;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: 2.75rem;
    font-weight: 600;
    line-height: 1.25;
    margin-bottom: .313rem;
    color: #363f44
}

.metric-card .number.warning,
.metric-card .number.warning a {
    color: #E06969
}

.metric-card .number a {
    color: #363f44;
    text-decoration: none;
    box-shadow: none
}

.metric-card .number a:hover {
    text-decoration: underline
}

.metric-card .meta-chart,
.metric-card .meta-link {
    margin-bottom: .313rem
}

.metric-card .chart-panel-graphics {
    height: .813rem
}

.metric-card .multiple-values {
    display: flex
}

.metric-card:last-child {
    border-right: 0
}

.metric-card .meta-text {
    font-size: .8rem;
    font-weight: 400;
    line-height: 1;
    color: #363f44
}

.metric-card .meta-text>i {
    vertical-align: middle;
    font-size: .875rem;
    display: none
}

.metric-card .meta-text i.info {
    color: #3e75af;
    font-size: 1.125rem;
    vertical-align: middle
}

.metric-card .meta-text.warning {
    color: #E06969
}

.metric-card .meta-text.warning span {
    color: #E06969
}

.metric-card .meta-text.warning>i {
    display: none
}

.metric-card .meta-text.warning i.info {
    display: inline
}

.metric-card .meta-text.warning a {
    color: #E06969
}

.metric-card .meta-text.over-limit span {
    color: #E06969
}

.metric-card .meta-text.over-limit>i {
    display: inline
}

.metric-card .meta-text.over-limit>i:not(.info) {
    color: #E06969
}

.metric-card .meta-text.over-limit a {
    color: #E06969
}

.metric-card .info-tooltip {
    margin-bottom: 10px;
    position: absolute;
    bottom: 100%
}

.metric-card i {
    vertical-align: middle
}

.metric-card i.icon-normal {
    font-size: 1rem
}

.metric-card i.icon-circle {
    margin: 0 2px 4px 0;
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 50%;
    display: inline-block
}

.metric-card i.filled-red {
    background-color: #E06969
}

.metric-card i.icon-blue {
    color: #3e75af
}

@media screen and (max-width: 1200px) {
    .metric-card .meta-link,
    .metric-card .meta-text,
    .metric-card .what {
        font-size: .875rem
    }
    .metric-card .number {
        font-size: 1.5rem
    }
    .metric-card .meta-chart {
        margin-left: -10%;
        transform: scale(0.8, 0.8)
    }
    .metric-card i.icon-normal {
        font-size: .875rem !important
    }
}

.a--metric-card-green .metric-card .number,
.a--metric-card-green .metric-card .number a {
    color: #6dbe50
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

.navigation {
    margin-bottom: .688rem
}

.navigation>a {
    transition-property: background, color, border;
    transition-duration: .2s;
    transition-timing-function: ease;
    color: #fff;
    display: block;
    font-size: .938rem;
    line-height: 1.25em;
    padding: .75rem 1.25rem .625rem;
    position: relative;
    text-decoration: none;
    border-left: 5px solid #363f44
}

.navigation>a:focus {
    transition-duration: 0s;
    border-radius: 0;
    z-index: 3000
}

.navigation>a:hover {
    background-color: #282F33;
    border-left: 5px solid #6dbe50
}

.navigation>a:hover .count {
    color: #fff
}

.navigation>a:active {
    background-color: #282F33
}

.navigation>a.current {
    background-color: #282F33;
    font-weight: 600;
    border-left: 5px solid #6dbe50
}

.navigation>a.current .count {
    color: #fff
}

.navigation>a.active {
    background-color: #282F33;
    border-color: #282F33;
    font-weight: 600
}

.navigation>a.active:hover {
    border-color: #6dbe50
}

.flexbox .navigation>a {
    display: flex;
    align-items: baseline
}

.navigation .count {
    position: absolute;
    top: .688rem;
    right: 1.5rem;
    color: #63747d;
    transition: color ease-in-out 125ms 0ms
}

.flexbox .navigation .count {
    position: absolute
}

.subnav {
    padding: 0;
    background-color: #282F33
}

.subnav .count {
    top: .5rem
}

.subnav>a {
    transition-property: color, border;
    transition-duration: .2s;
    transition-timing-function: ease;
    color: #fff;
    background-color: #282F33;
    display: block;
    font-size: .75rem;
    line-height: 1.25em;
    padding: .5rem 1.25rem;
    position: relative;
    text-decoration: none;
    border-left: 5px solid #282F33;
    margin: 0
}

.subnav>a:hover {
    border-left: 5px solid #6dbe50;
    background-color: #282F33;
    border-radius: 0
}

.subnav>a:hover .count {
    color: #fff
}

.subnav>a:focus {
    border-radius: 0;
    z-index: 3000
}

.subnav>a.current {
    border-left: 5px solid #6dbe50;
    background-color: #282F33;
    font-weight: 600
}

.subnav>a.current .count {
    color: #fff
}

.flexbox .subnav>a {
    display: flex;
    align-items: baseline
}

.support {
    font-size: .75rem;
    padding: 1.563rem .75rem 2rem 1.563rem;
    border-top: solid 1px #686f72;
    color: #fff
}

.support h2,
.support h3 {
    color: #fff;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0.25rem
}

.support h2 {
    margin-top: 0
}

.support .helpful-links {
    list-style: none;
    margin: 0;
    padding: 0
}

.support .helpful-links a {
    color: #fff;
    text-decoration: underline
}

.support .helpful-links a i {
    color: #fff
}

.support .helpful-links dd,
.support .helpful-links dt {
    margin-left: 0;
    display: block;
    font-weight: normal
}

.support .helpful-links dt {
    margin-top: 0.875rem;
    font-weight: 600
}

.support .helpful-links dt:first-child {
    margin-top: 0
}

.support .helpful-links dd {
    margin-bottom: .25rem
}

.base-navigation {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 170px;
    padding: 16px
}

.base-navigation [role="banner"] a {
    display: block;
    max-width: 128px;
    box-shadow: none
}

.base-navigation [role="banner"] a img {
    display: block;
    width: auto;
    height: auto;
    max-width: 128px;
    max-height: 128px;
    margin-bottom: 16px
}

@media (max-width: 480px) {
    .base-navigation {
        bottom: auto;
        height: 64px;
        width: auto;
        right: 0;
        text-align: left
    }
    .base-navigation img {
        width: auto;
        max-height: 48px;
        margin-bottom: 0
    }
}

.quirks .base-navigation {
    bottom: auto;
    height: 327px
}

.help-links a {
    display: inline-block;
    margin-bottom: 6px;
    line-height: 1.4
}

.help-links .help-url {
    text-decoration: none
}

.help-links .help-url span {
    text-decoration: underline
}

@media (max-width: 480px) {
    .help-links {
        margin-top: 12px;
        margin-left: 3px
    }
    .help-links a {
        display: inline;
        font-size: 16px;
        margin-bottom: 0
    }
}

.help-links .branding-link {
    margin-top: 1em;
    font-size: 11px;
    color: #666;
    text-decoration: none
}

.help-sidebar .btn-support {
    display: none
}

.help-sidebar .help-links a {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap
}

.help-sidebar .branding-link {
    margin-top: 1em;
    font-size: 11px;
    color: #666;
    text-decoration: none
}

.help-sidebar .branding-link:hover {
    color: #379ed4;
    text-decoration: none
}

@media (max-width: 480px) {
    .help-sidebar {
        float: right
    }
    .help-sidebar .btn-support {
        color: #888;
        display: block;
        position: fixed;
        top: 16px;
        right: 16px;
        background-color: #efefef;
        border: 2px solid #888;
        z-index: 20;
        transition-property: right;
        transition-duration: .2s;
        transition-timing-function: ease
    }
    .help-sidebar .btn-support .icon-align-justify {
        display: inline-block
    }
    .help-sidebar .btn-support .icon-delete {
        display: none
    }
    .help-sidebar .btn-support.overlay-active {
        right: 190px
    }
    .help-sidebar .btn-support.overlay-active:focus {
        outline: 2px solid #fff
    }
    .help-sidebar .btn-support.overlay-active .icon-align-justify {
        display: none
    }
    .help-sidebar .btn-support.overlay-active .icon-delete {
        display: inline-block
    }
    .help-sidebar .help-links {
        display: none
    }
}

.help-overlay {
    position: fixed;
    height: 100%;
    width: 180px;
    background: #3e75af;
    top: 0;
    right: 0;
    z-index: 20;
    display: none;
    transition-property: right;
    transition-duration: .2s;
    transition-timing-function: ease
}

@media (max-width: 480px) {
    .help-overlay {
        display: block
    }
}

.help-overlay .help-links {
    padding: 10px
}

.help-overlay .help-links a {
    color: white;
    display: block;
    font-size: 12px
}

.help-overlay .help-links a:focus {
    outline: 2px solid #fff
}

.help-overlay .branding-link {
    position: absolute;
    bottom: 16px;
    opacity: 0.5;
    text-decoration: none
}

.help-overlay .branding-link:focus {
    outline: 2px solid #fff;
    opacity: 1.0
}

.help-overlay .branding-link:hover {
    opacity: 1.0;
    text-decoration: none
}

.help-overlay.offscreen {
    right: -180px
}

.darken-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15;
    display: none;
    opacity: 0.7;
    background-color: black;
    cursor: pointer
}

@media (min-width: 480px) {
    .darken-overlay {
        display: none !important
    }
}

.button[disabled] i[role="tooltip"]:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:before,
button:not(.link)[disabled] i[role="tooltip"]:before,
input[type="button"][disabled] i[role="tooltip"]:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:before,
.c--btn-next:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem
}

.button[disabled] i[role="tooltip"]:hover:before,
.bulk-selector-wrap [disabled].a--dropdown-trigger i[role="tooltip"]:hover:before,
button:not(.link)[disabled] i[role="tooltip"]:hover:before,
input[type="button"][disabled] i[role="tooltip"]:hover:before,
input[type="src"]:not(.link) input[type="reset"][disabled] i[role="tooltip"]:hover:before,
.c--btn-next:hover:after {
    text-decoration: none
}

.icon:before {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: .25rem
}

.icon:after {
    font-family: 'Duo Admin Icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: .125rem
}

body {
    color: #363f44;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: .02em
}

.a--font-reset {
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 400;
    letter-spacing: initial
}

.a--font-size-smallest {
    font-size: .625rem
}

.a--font-size-smaller {
    font-size: .75rem
}

.a--font-size-small,
small {
    font-size: .875rem
}

.a--font-weight-default {
    font-weight: 400
}

.a--font-weight-medium {
    font-weight: 600
}

.a--font-weight-bold {
    font-weight: 600
}

b,
strong {
    font-weight: 600
}

.a--text-color {
    color: #363f44
}

p {
    margin-top: 0
}

.a--h1-style,
h1 {
    color: #363f44;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 600;
    line-height: 1.2;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-size: 2.75rem;
    margin-bottom: .313rem;
    letter-spacing: -0.056rem
}

.a--h2-style,
h2 {
    color: #363f44;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 600;
    line-height: 1.2;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-size: 1.5rem;
    margin-top: 1.875rem;
    margin-bottom: .313rem;
    letter-spacing: 0
}

.a--h3-style,
h3 {
    color: #363f44;
    font-family: "Helvetica Neue", helvetica, arial, sans-serif;
    font-weight: 600;
    line-height: 1.2;
    text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    font-size: 1.125rem;
    margin-top: 1.875rem;
    margin-bottom: .313rem;
    letter-spacing: normal
}

.box-header-info {
    color: #888;
    display: block
}

label {
    color: #363f44
}

[type=checkbox]+label,
[type=radio]+label {
    color: inherit
}

/* csslint ignore:end */