/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/keystonejs/react-select
*/
@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.Select {
  position: relative; }

.Select-control {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  border-color: #d9d9d9 #ccc #b3b3b3;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px; }
  .Select-control:hover {
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.Select-category {
  padding: 5px 10px;
  color: #888;
  text-transform: capitalize; }

.is-categorized.Select-option, .is-categorized.Select-searching, .is-categorized.Select-noresults, .is-categorized.Select-search-prompt {
  padding-left: 20px; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9; }
  .is-open > .Select-control > .Select-arrow {
    border-color: transparent transparent #999;
    border-width: 0 5px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #08c #0099e6 #0099e6;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px -1px fade(#08c, 50%); }

.Select-placeholder {
  color: #aaa;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value > .Select-control > .Select-placeholder {
  color: #333; }

.Select-value {
  color: #aaa;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value > .Select-control > .Select-value {
  color: #333; }

.Select-input > input {
  cursor: default;
  background: none transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  height: auto;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none; }
  .is-focused .Select-input > input {
    cursor: text; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%; }

.has-value > .Select-control > .Select-loading {
  right: 46px; }

.Select-clear {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 6px 10px;
  position: absolute;
  right: 17px;
  top: 0; }
  .Select-clear:hover {
    color: #c0392b; }
  .Select-clear > span {
    font-size: 1.1em; }

.Select-arrow-zone {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  cursor: pointer; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  margin-top: -ceil(2.5px);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0;
  cursor: pointer; }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }
  .Select-option:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px; }
  .Select-option.is-focused {
    background-color: #f2f9fc;
    color: #333; }
  .Select-option.is-disabled {
    color: #cccccc;
    cursor: not-allowed; }

.Select-noresults,
.Select-search-prompt,
.Select-searching {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select.is-multi .Select-control {
  padding: 2px 52px 2px 3px; }

.Select.is-multi .Select-input {
  vertical-align: middle;
  border: 1px solid transparent;
  margin: 2px;
  padding: 3px 0; }

.Select-item {
  background-color: #E8E8E8;
  border-radius: 2px;
  border: 1px solid #B8B8B8;
  color: #444D51;
  display: inline-block;
  font-size: 1em;
  margin: 2px; }

.Select-item-icon,
.Select-item-label {
  display: inline-block;
  vertical-align: middle; }

.Select-item-label {
  cursor: default;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding: 3px 5px; }
  .Select-item-label .Select-item-label__a {
    color: #444D51;
    cursor: pointer; }

.Select-item-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #B8B8B8;
  padding: 2px 5px 4px; }
  .Select-item-icon:hover, .Select-item-icon:focus {
    background-color: #dbdbdb;
    color: #384043; }
  .Select-item-icon:active {
    background-color: #B8B8B8; }

.Select.is-multi.is-disabled .Select-item {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #888; }

.Select.is-multi.is-disabled .Select-item-icon {
  cursor: not-allowed;
  border-right: 1px solid #d9d9d9; }
  .Select.is-multi.is-disabled .Select-item-icon:hover, .Select.is-multi.is-disabled .Select-item-icon:focus, .Select.is-multi.is-disabled .Select-item-icon:active {
    background-color: #f2f2f2; }

/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.5.1
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2016 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.chosen-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff; }

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0; }

.chosen-container a, .chosen-container table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .chosen-container .data-text:hover,
.chosen-container table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .chosen-container .data-text:hover {
  cursor: pointer; }

.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999; }

.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top; }

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  background-color: #fff;
  background-clip: padding-box;
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px; }

.chosen-container-single .chosen-default {
  color: #999; }

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px; }

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px; }

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px; }

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%; }

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%; }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap; }

.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal; }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  background-clip: padding-box; }

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px; }

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch; }

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none; }

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer; }

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default; }

.chosen-container .chosen-results li.highlighted {
  background-color: #3875d7;
  color: #fff; }

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4; }

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default; }

.chosen-container .chosen-results li.group-option {
  padding-left: 15px; }

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline; }

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  cursor: text; }

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none; }

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal; }

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  background-color: #eeeeee;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #333;
  line-height: 13px;
  cursor: default; }

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px; }

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666; }

.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4; }

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px; }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0; }

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default; }

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb; }

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa; }

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent; }

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px; }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb; }

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important; }

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default; }

.chosen-disabled .chosen-single {
  cursor: default; }

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default; }

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right; }

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0; }

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl; }

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px; }

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px; }

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px; }

.chosen-rtl .chosen-choices li {
  float: right; }

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl; }

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px; }

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px; }

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px; }

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0; }

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0; }

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none; }

.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl; }

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px; }

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px; }

/* @end */
.cisco-banner:before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -0.25em;
  vertical-align: middle; }

.cisco-banner__logo, .cisco-banner__logo__img, .cisco-banner__learn, .cisco-banner__about {
  display: inline-block;
  vertical-align: middle; }

.text-input-button, .search-input-wrapper .advanced {
  cursor: pointer;
  color: #444456;
  font-size: 14px; }
  .text-input-button:hover, .search-input-wrapper .advanced:hover {
    color: #292934; }
  .text-input-button .text-input-button-icon, .search-input-wrapper .advanced .text-input-button-icon, .text-input-button .advanced-icon, .search-input-wrapper .advanced .advanced-icon {
    padding-left: 5px;
    padding-right: 5px; }

/*! 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, table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover {
  background-color: transparent; }

a:active, table.dashboard-table .column-editable .data-text:active:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:active:hover,
a:hover,
table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text: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 {
  -webkit-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"] {
  -webkit-box-sizing: border-box;
          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;
  -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; }

table {
  border-collapse: separate; }

table.dashboard-table,
table.dashboard-table.table-striped {
  table-layout: fixed; }
  table.dashboard-table thead tr th,
  table.dashboard-table.table-striped thead tr th {
    background: #46494d;
    color: #d2d8df;
    font-weight: normal; }
  table.dashboard-table td,
  table.dashboard-table.table-striped td {
    padding: 9px 5px 8px; }
    table.dashboard-table td.bold,
    table.dashboard-table.table-striped td.bold {
      font-weight: bold; }
  table.dashboard-table td .content,
  table.dashboard-table th.content,
  table.dashboard-table.table-striped td .content,
  table.dashboard-table.table-striped th.content {
    position: relative; }

header + .table-container > .dashboard-table.dashboard-table-bordered tr:first-child td,
header + .table-container > .dashboard-table.dashboard-table-bordered tr:first-child th {
  border-top: none; }

table.dashboard-table .external-link,
table.dashboard-table .column-editable .data-text {
  color: #00c1cc;
  cursor: pointer; }
  table.dashboard-table .external-link:hover,
  table.dashboard-table .column-editable .data-text:hover {
    text-decoration: underline; }

table.dashboard-table th.centered-text, table.dashboard-table th.centered,
table.dashboard-table td.centered-text,
table.dashboard-table td.centered {
  text-align: center; }

table.dashboard-table th.right-text,
table.dashboard-table td.right-text {
  text-align: right; }

table.dashboard-table .column-delete {
  vertical-align: middle; }
  table.dashboard-table .column-delete .icon {
    margin: 0 auto; }
  table.dashboard-table .column-delete.default .icon {
    cursor: default; }

table.dashboard-table .column-editable .data-text,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text {
  cursor: pointer;
  position: relative; }
  table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover {
    text-decoration: underline; }

table.dashboard-table .column-editable form,
table.dashboard-table .column-editable .control-group,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable form,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .control-group {
  margin: 0;
  padding: 0; }

table.dashboard-table .column-editable:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable:hover {
  background: #dfeff9; }

table.dashboard-table tr.disabled td,
table.dashboard-table tr.disabled td:hover,
table.dashboard-table tr.disabled:hover td,
table.dashboard-table tr.disabled:hover td:hover,
table.dashboard-table.table-striped tbody tr.disabled:nth-child(odd) td,
table.dashboard-table.table-striped tbody tr.disabled:nth-child(odd) td:hover {
  background: #ddd !important;
  color: #999 !important; }

table.dashboard-table tr.new td,
table.dashboard-table tr.new td:hover,
table.dashboard-table tr.new:hover td,
table.dashboard-table tr.new:hover td:hover,
table.dashboard-table.table-striped tbody tr.new:nth-child(odd) td,
table.dashboard-table.table-striped tbody tr.new:nth-child(odd) td:hover {
  background: #d8ffa5 !important; }

table.dashboard-table tbody tr.warning-alternate > td {
  background-color: #FFE6A1; }

table.dashboard-table.table-hover tbody tr.warning-alternate:hover > td {
  background-color: #ffdf88; }

table.dashboard-table .infinite_loading {
  color: #999;
  line-height: 1em;
  text-align: center;
  padding: 5px;
  background: #eee; }
  table.dashboard-table .infinite_loading .spin_container {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -5px; }

table.dashboard-table th.sortable {
  position: relative;
  padding: 12px 8px; }
  table.dashboard-table th.sortable .table-col-title {
    padding-right: 20px; }
  table.dashboard-table th.sortable .table-col-sort {
    position: absolute;
    right: 12px;
    top: -6px;
    height: 30px; }
  table.dashboard-table th.sortable .sort-arrow {
    font-size: 19px;
    cursor: pointer;
    position: absolute;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
    opacity: 0.2;
    color: white; }
    table.dashboard-table th.sortable .sort-arrow.active-sort {
      opacity: 1.0; }
    table.dashboard-table th.sortable .sort-arrow.fa-angle-up {
      bottom: 17px; }
    table.dashboard-table th.sortable .sort-arrow.fa-angle-down {
      top: 17px; }
  table.dashboard-table th.sortable .sort-arrow:hover {
    opacity: 1.0; }

table.dashboard-table .overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11; }
  table.dashboard-table .overlay.danger {
    background: rgba(255, 230, 230, 0.8); }
  table.dashboard-table .overlay .content {
    padding-right: 10px; }
    table.dashboard-table .overlay .content .message {
      color: #633;
      margin-top: 7px;
      margin-right: 10px;
      margin-top: 10px; }
    table.dashboard-table .overlay .content .btn {
      margin-top: 6px;
      padding: 2px 7px; }

table.dashboard-table .stack-icons {
  position: absolute;
  right: 0;
  top: 1px; }
  table.dashboard-table .stack-icons.prepend {
    left: 0;
    right: auto; }
  table.dashboard-table .stack-icons .icon {
    float: left; }
  table.dashboard-table .stack-icons.compound {
    float: left;
    border: 1px solid #ccc;
    font-size: 11px;
    margin: -2px 0 0 5px;
    padding: 0 4px;
    position: relative;
    z-index: 2; }
    table.dashboard-table .stack-icons.compound.warning {
      color: #8e8f2a;
      background: #ffefcb;
      border: 1px solid #eae48c; }
      table.dashboard-table .stack-icons.compound.warning span {
        color: #8e8f2a;
        cursor: pointer; }
    table.dashboard-table .stack-icons.compound .icon {
      margin: 2px 6px 0 2px; }
    table.dashboard-table .stack-icons.compound:hover {
      text-decoration: underline; }

table.dashboard-table .centered-icons .stack-icons,
table.dashboard-table .stack-icons.centered-icon,
table.dashboard-table .stack-icons.centered-icons {
  position: static;
  right: auto;
  top: auto;
  width: 100%; }
  table.dashboard-table .centered-icons .stack-icons .icon,
  table.dashboard-table .stack-icons.centered-icon .icon,
  table.dashboard-table .stack-icons.centered-icons .icon {
    float: none !important;
    margin: 0 auto; }

table.dashboard-table .hover-appear {
  display: none; }

table.dashboard-table td:hover .icon.hover-disappear {
  display: none; }

table.dashboard-table td:hover .icon.hover-appear {
  display: block; }

table.dashboard-table.highlightRow tbody tr:hover td {
  background-color: #dfecf3; }

table.dashboard-table.editable-table i.icon.edit {
  display: none; }

table.dashboard-table.editable-table td:hover i.icon.edit {
  display: block; }

table.dashboard-table.with-subrows tbody tr:nth-child(odd) td,
table.dashboard-table.with-subrows tbody tr:nth-child(odd) th,
table.dashboard-table.table-striped.with-subrows tbody tr:nth-child(odd) td,
table.dashboard-table.table-striped.with-subrows tbody tr:nth-child(odd) th {
  background: inherit; }

table.dashboard-table.with-subrows tbody .parent-row:nth-of-type(odd) td,
table.dashboard-table.with-subrows tbody .parent-row:nth-of-type(odd) th,
table.dashboard-table.with-subrows tbody .parent-row.offset:nth-of-type(even) td,
table.dashboard-table.with-subrows tbody .parent-row.offset:nth-of-type(even) th,
table.dashboard-table.table-striped.with-subrows tbody .parent-row:nth-of-type(odd) td,
table.dashboard-table.table-striped.with-subrows tbody .parent-row:nth-of-type(odd) th,
table.dashboard-table.table-striped.with-subrows tbody .parent-row.offset:nth-of-type(even) td,
table.dashboard-table.table-striped.with-subrows tbody .parent-row.offset:nth-of-type(even) th {
  background-color: #f3f1ee; }

table.dashboard-table.with-subrows tbody .parent-row.offset:nth-of-type(odd) td,
table.dashboard-table.with-subrows tbody .parent-row.offset:nth-of-type(odd) th,
table.dashboard-table.table-striped.with-subrows tbody .parent-row.offset:nth-of-type(odd) td,
table.dashboard-table.table-striped.with-subrows tbody .parent-row.offset:nth-of-type(odd) th {
  background-color: inherit; }

table.dashboard-table.with-subrows tbody tr.subrow td,
table.dashboard-table.table-striped.with-subrows tbody tr.subrow td {
  background: #dfeff9; }

table.dashboard-table.dashboard-table-short td {
  padding: 5px; }

table.dashboard-table.dashboard-table-bordered td,
table.dashboard-table.dashboard-table-bordered th {
  border-left: 1px solid #acb5b7;
  border-top: 1px solid #acb5b7;
  background-color: #fff; }
  table.dashboard-table.dashboard-table-bordered td:last-child,
  table.dashboard-table.dashboard-table-bordered th:last-child {
    border-right: 1px solid #acb5b7; }

table.dashboard-table.dashboard-table-bordered tr:last-child td,
table.dashboard-table.dashboard-table-bordered tr:last-child th {
  border-bottom: 1px solid #acb5b7; }

table.dashboard-table.dashboard-table-bordered thead tr:last-child td,
table.dashboard-table.dashboard-table-bordered thead tr:last-child th {
  border-bottom: none; }

table.dashboard-table.dashboard-table-bordered thead.main-thead td:first-child,
table.dashboard-table.dashboard-table-bordered thead.main-thead th:first-child {
  border-left: 1px solid #46494d; }

table.dashboard-table.dashboard-table-bordered thead.main-thead td:last-child,
table.dashboard-table.dashboard-table-bordered thead.main-thead th:last-child {
  border-right: 1px solid #46494d; }

table.dashboard-table.dashboard-table-bordered thead.main-thead :hover .sort-arrow {
  opacity: 0.5; }

table.dashboard-table.dashboard-table-bordered thead.main-thead + tbody.main-tbody tr:first-child td,
table.dashboard-table.dashboard-table-bordered thead.main-thead + tbody.main-tbody tr:first-child th {
  border-top: none; }

.table-add-form {
  background: white;
  margin-left: 10px; }

.table-col-header-wrapper {
  position: relative; }

.lt-ie9 .dashboard-table.dashboard-table-bordered thead.main-thead :hover .sort-arrow {
  color: #C0C0C0; }

.lt-ie9 .dashboard-table.dashboard-table-bordered th.sortable .sort-arrow {
  color: #888888; }
  .lt-ie9 .dashboard-table.dashboard-table-bordered th.sortable .sort-arrow.active-sort {
    color: #FFFFFF; }

.lt-ie9 .dashboard-table.dashboard-table-bordered th.sortable .sort-arrow:hover {
  color: #FFFFFF; }

.dash-table th {
  color: #d2d8df;
  background-color: #46494d;
  font-weight: 500;
  padding: 15px 15px;
  font-size: 14px;
  text-align: left; }

.dash-table th, .dash-table td {
  border: 1px solid #46494d; }

.page-table-wrapper,
.search-table-wrapper {
  width: 100%; }
  .page-table-wrapper table,
  .search-table-wrapper table {
    width: 100%; }
  .page-table-wrapper .controls-wrapper,
  .search-table-wrapper .controls-wrapper {
    text-align: right;
    width: 100%; }
  .page-table-wrapper .Select,
  .search-table-wrapper .Select {
    width: 100%; }
  .page-table-wrapper .search-input-wrapper,
  .search-table-wrapper .search-input-wrapper {
    width: 100%;
    margin-bottom: 10px; }

@media screen and (min-width: 59.5em) {
  .page-table-wrapper,
  .search-table-wrapper {
    width: 100%; }
    .page-table-wrapper table,
    .search-table-wrapper table {
      width: 100%; }
    .page-table-wrapper .controls-wrapper,
    .search-table-wrapper .controls-wrapper {
      float: right;
      width: 100%;
      max-width: 415px; }
    .page-table-wrapper .Select,
    .search-table-wrapper .Select {
      width: 50%;
      max-width: 200px;
      float: left;
      margin-right: 15px; }
    .page-table-wrapper .search-input-wrapper,
    .search-table-wrapper .search-input-wrapper {
      width: 50%;
      max-width: 200px;
      float: left;
      margin-bottom: 0px; } }

.selectable-list {
  height: 100%; }
  .selectable-list .row.no-border {
    border: none; }
  .selectable-list .row {
    padding: .5em;
    border-bottom: 1px solid #CCCCCC; }
  .selectable-list .row-text {
    margin: 0 0 0 .5em;
    display: inline-block;
    vertical-align: top; }
  .selectable-list .small-text {
    font-size: small; }
  .selectable-list .search {
    width: 80%;
    margin: .2em; }
  .selectable-list .page-arrows {
    float: right; }
    .selectable-list .page-arrows .pagination-footer-text {
      display: inline-block; }
    .selectable-list .page-arrows .arrow {
      display: inline-block;
      padding: 0.3em;
      color: blue; }

.diff-list {
  height: 100%;
  border: 1px dashed #CCCCCC;
  margin-left: 1em; }
  .diff-list .row {
    padding: .5em;
    border-bottom: 1px solid #CCCCCC; }
  .diff-list .row-text {
    margin: 0 0 0 .5em;
    display: inline-block;
    vertical-align: top; }
  .diff-list .diff-list-header {
    background-color: #DDDDDD;
    padding: 1em; }
    .diff-list .diff-list-header .header-text {
      font-weight: bold;
      display: inline-block; }
    .diff-list .diff-list-header .remove-all {
      float: right; }

.two-panel {
  height: 25em; }
  .two-panel .right-panel {
    height: 100%;
    vertical-align: top;
    width: 50%;
    display: inline-block; }
  .two-panel .left-panel {
    height: 100%;
    vertical-align: top;
    width: 50%;
    display: inline-block; }

.dash-thead .dash-th, .dash-tbody .dash-th {
  min-height: 30px;
  position: relative; }
  .dash-thead .dash-th .dash-th-content, .dash-tbody .dash-th .dash-th-content {
    margin-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    .dash-thead .dash-th .dash-th-content .active, .dash-tbody .dash-th .dash-th-content .active {
      color: white; }
  .dash-thead .dash-th .upsort, .dash-tbody .dash-th .upsort {
    font-size: .7em;
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 3px; }
  .dash-thead .dash-th .downsort, .dash-tbody .dash-th .downsort {
    font-size: .7em;
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 3px; }

.dash-thead .dash-td .fa-arrow-up, .dash-tbody .dash-td .fa-arrow-up {
  color: green;
  margin-right: 6px; }

.dash-thead .dash-td .fa-arrow-down, .dash-tbody .dash-td .fa-arrow-down {
  color: red;
  margin-right: 6px; }

.dash-thead .dash-td .dash-td-callout, .dash-tbody .dash-td .dash-td-callout {
  text-align: center;
  border: 1px solid;
  border-radius: 10px;
  text-decoration: underline;
  color: #747656;
  cursor: pointer; }
  .dash-thead .dash-td .dash-td-callout.yellow, .dash-tbody .dash-td .dash-td-callout.yellow {
    background-color: #FFEDB4;
    border-color: #F3DFA9; }
  .dash-thead .dash-td .dash-td-callout.yellow:hover, .dash-tbody .dash-td .dash-td-callout.yellow:hover {
    background-color: #F7E4A5; }

.ellipsis, .advanced-overlay .search-overlay-wrapper .Select .Select-item {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap; }
  .ellipsis.wrap, .advanced-overlay .search-overlay-wrapper .Select .wrap.Select-item {
    white-space: normal; }

.summarybox {
  background: white; }
  .summarybox .body {
    border-bottom: 1px #CCC solid;
    border-left: 1px #CCC solid;
    border-right: 1px #CCC solid;
    height: 65px;
    padding: 5px 5px 5px 10px;
    width: 185px; }
  .summarybox .value {
    line-height: 43px;
    font-size: 40px;
    font-family: "tradegothic-cn"; }
  .summarybox .topbar {
    height: 7px;
    border: 1px solid;
    width: 200px; }
  .summarybox.small .body {
    width: 140px !important; }
  .summarybox.small .topbar {
    width: 155px !important; }
  .summarybox.small .value {
    font-size: 26px; }
  .summarybox.tiny .body {
    width: 100px !important; }
  .summarybox.tiny .topbar {
    width: 115px !important; }
  .summarybox.tiny .value {
    font-size: 26px; }
  @media (max-width: 1199px) {
    .summarybox .body {
      width: 140px; }
    .summarybox .topbar {
      width: 155px; } }
  .summarybox .boxlabel {
    color: #9297A0; }
  .summarybox .orange .topbar {
    background-color: #F37821;
    border-color: #F37821; }
  .summarybox .orange .body .value {
    color: #F37821; }
  .summarybox .gray .topbar, .summarybox .grey .topbar {
    background-color: #998676;
    border-color: #998676; }
  .summarybox .gray .body .value, .summarybox .grey .body .value {
    color: #998676; }
  .summarybox .blue .topbar {
    background-color: #5FB3EE;
    border-color: #5FB3EE; }
  .summarybox .blue .body .value {
    color: #5FB3EE; }

.tabnav .tab-title {
  display: inline-block;
  font-size: 18px;
  padding: 0px 10px;
  text-align: center;
  min-width: 60px;
  font-family: 'Helvetica Neue Light', Helvetica;
  text-transform: uppercase;
  cursor: pointer; }

.tabnav .tabnav-head {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em; }

.tabnav .selected-rectangle {
  border-bottom: 7px solid #666;
  width: 60px;
  margin: 5px auto 0 auto; }

.tabnav .tabnav-trans-enter {
  opacity: 0.01;
  -webkit-transition: opacity .5s ease-in;
  transition: opacity .5s ease-in; }

.tabnav .tabnav-trans-enter.tabnav-trans-enter-active {
  opacity: 1; }

.page-header-dpl {
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .page-header-dpl .page-header-title {
    font-size: 32px;
    font-family: 'Helvetica Neue', Helvetica;
    font-weight: 300;
    letter-spacing: 0.03em;
    margin: 10px; }
  .page-header-dpl .buttons {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-bottom: 5px; }

.summary-pip-wrapper .pip-value.pip-link {
  color: #00c1cc;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap; }
  .summary-pip-wrapper .pip-value.pip-link :hover {
    text-decoration: none; }
  @media (max-width: 1400px) {
    .summary-pip-wrapper .pip-value.pip-link {
      font-size: 14px; } }
  @media (min-width: 1401px) {
    .summary-pip-wrapper .pip-value.pip-link {
      font-size: 18px; } }

.pip-wrapper {
  display: inline-block;
  margin-right: 2%;
  vertical-align: top;
  position: relative;
  top: 10px; }
  @media (max-width: 1300px) {
    .pip-wrapper {
      top: 12px; } }
  .pip-wrapper.triple {
    float: right;
    position: relative;
    top: 12px;
    right: 20px; }

.pip {
  display: inline-block;
  width: 100%; }
  .pip .centerfix {
    line-height: 16px; }
  .pip .light-grey {
    color: #999 !important; }
  .pip .pip-label {
    color: #999; }
  .pip div.pip-value {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    color: #333; }
    @media (max-width: 1400px) {
      .pip div.pip-value {
        font-size: 14px; } }
    @media (min-width: 1401px) {
      .pip div.pip-value {
        font-size: 18px; } }
  .pip .pip-top-tier {
    color: #555 !important; }
    .pip .pip-top-tier span {
      font-size: 14px; }
  .pip .pip-bottom-tier {
    color: #999 !important; }
    .pip .pip-bottom-tier span {
      font-size: 13px; }
  .pip input {
    width: 75%; }
  .pip .triple-pip-item {
    display: inline-block;
    border-right: 2px solid #d2d8df;
    padding: 0px 5px;
    color: #999999; }
    .pip .triple-pip-item:last-child {
      border: none;
      padding-right: none; }
    @media (max-width: 1300px) {
      .pip .triple-pip-item {
        display: block;
        float: left;
        clear: left;
        border: none;
        padding: 0; } }
  .pip .select-pip {
    width: 100%;
    float: left; }

.heading-pip .heading {
  font-size: 15px;
  color: #555;
  padding-bottom: 10px;
  border-bottom: 2px solid #D1D3D4; }

.card-wrapper .footer {
  border-top: 2px dotted #d2d8df;
  margin-top: 1px;
  padding-top: 15px; }
  .card-wrapper .footer::after {
    clear: both;
    content: "";
    display: table; }
  .card-wrapper .footer .delete-wrapper {
    display: inline-block; }
  .card-wrapper .footer .cancel-save-wrapper {
    display: inline-block;
    float: right; }

.card-wrapper {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 1px 1px 1px #ddd;
          box-shadow: 1px 1px 1px #ddd;
  min-width: 640px;
  position: relative;
  margin-bottom: 0px;
  margin-top: 0px;
  -webkit-transition: margin-bottom 100ms, margin-top 100ms;
  transition: margin-bottom 100ms, margin-top 100ms; }
  .card-wrapper:hover {
    cursor: pointer;
    background-color: #f5f5f5; }
  .card-wrapper.open {
    margin-bottom: 10px;
    margin-top: 10px; }
    .card-wrapper.open:hover {
      cursor: auto;
      background-color: white; }
    .card-wrapper.open .error-msg {
      margin: 15px 20px 0 0; }
    .card-wrapper.open .alert {
      margin-bottom: 0px; }
  .card-wrapper .add-wrapper {
    padding: 0 15px 15px 15px; }
  .card-wrapper .add-footer-wrapper {
    margin-top: 20px; }
  .card-wrapper .card-summary-wrapper {
    min-height: 60px; }
    .card-wrapper .card-summary-wrapper:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle; }
    .card-wrapper .card-summary-wrapper .card-summary {
      display: inline-block;
      vertical-align: middle;
      width: 100%; }
    .card-wrapper .card-summary-wrapper .error-msg {
      margin-left: 15px;
      margin-right: 35px; }
    .card-wrapper .card-summary-wrapper .summary-pip-wrapper {
      padding: 0 15px; }
    .card-wrapper .card-summary-wrapper .chevron {
      float: right;
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      color: #696977; }
  .card-wrapper .card-detail-wrapper {
    margin-top: 15px;
    border-top: 1px solid #D1D3D4;
    overflow: hidden;
    padding: 15px; }
    .card-wrapper .card-detail-wrapper .card-detail .heading {
      margin-bottom: 15px; }
  .card-wrapper .card-overlay-wrapper {
    width: 100%;
    background: white;
    z-index: 100;
    text-align: center;
    opacity: .9;
    border: solid #CB9695 1.5px;
    border-radius: 4px;
    position: absolute;
    height: 100%; }
    .card-wrapper .card-overlay-wrapper:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em;
      /* Adjusts for spacing */ }
  .card-wrapper .add-overlay-wrapper {
    position: static; }
  .card-wrapper .overlay {
    display: inline-block; }
    .card-wrapper .overlay .delete-q {
      line-height: 1.3;
      color: #8C201B;
      font-size: 21px;
      font-weight: bold; }
    .card-wrapper .overlay .warning {
      size: 15px; }
    .card-wrapper .overlay .checkbox {
      margin: 25px auto;
      padding: 10px;
      background-color: #F4F4F4;
      border-radius: 4px; }
      .card-wrapper .overlay .checkbox input {
        float: none;
        margin-right: 10px;
        vertical-align: text-bottom; }
    .card-wrapper .overlay .cancel {
      color: #8C201B;
      font-size: 14px;
      margin-right: 100px; }
  .card-wrapper .center-box {
    display: inline-block;
    vertical-align: middle; }
    .card-wrapper .center-box div {
      margin: 25px; }

.slide-enter {
  max-height: 0px; }

.slide-enter.slide-enter-active {
  max-height: 800px;
  -webkit-transition: max-height 500ms ease-in;
  transition: max-height 500ms ease-in; }

.slide-leave {
  max-height: 800px; }

.slide-leave.slide-leave-active {
  max-height: 0px;
  -webkit-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out; }

.dpl-basic-menu {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  box-align: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -ms-flex-align: center;
  position: relative; }

.dpl-menu-btn span {
  padding-left: 5px; }

.dpl-menu-btn i {
  padding-left: 5px;
  font-size: 15px; }

.dpl-menu-btn .menu-btn-text {
  text-transform: none;
  color: #333;
  font-size: 13px;
  font-weight: normal; }

.dpl-menu-btn .menu-btn-option-text {
  font-size: 15px;
  font-weight: 700; }

.display-menu-dropdown {
  display: block; }

.hide-menu-dropdown {
  display: none; }

.meue-dropdown-wrapper .menu-transparent-overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-color: transparent; }

.meue-dropdown-wrapper .menu-dropdown {
  border: 1px solid #BABABA;
  padding: 10px 0px;
  position: absolute;
  top: 30px;
  right: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  z-index: 100;
  line-height: 20px; }
  .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul {
    list-style: none;
    margin: 0px;
    padding: 0px 14px; }
    .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item,
    .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item {
      text-align: left;
      white-space: nowrap;
      padding: 8px 4px; }
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item.highlight,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item.highlight {
        background: #f3f1ee; }
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item div,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item div {
        display: inline-block; }
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item .option-icon-container,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item .option-icon-container {
        width: 20px; }
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item .option-label,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item .mode-label,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item .option-label,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item .mode-label {
        padding-left: 12px;
        color: #444456;
        cursor: pointer; }
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .menu-item i,
      .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-item i {
        color: #696978; }
    .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .clickable {
      cursor: pointer !important; }
    .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .not-clickable {
      cursor: default !important; }
    .meue-dropdown-wrapper .menu-dropdown .menu-item-wrapper ul .mode-top-item {
      border-top: 1px solid #DADADD; }

.summarybox {
  background: white; }
  .summarybox .body {
    border-bottom: 1px #CCC solid;
    border-left: 1px #CCC solid;
    border-right: 1px #CCC solid;
    height: 65px;
    padding: 5px 5px 5px 10px;
    width: 185px; }
  .summarybox .value {
    line-height: 43px;
    font-size: 40px;
    font-family: "tradegothic-cn"; }
  .summarybox .topbar {
    height: 7px;
    border: 1px solid;
    width: 200px; }
  .summarybox.small .body {
    width: 140px !important; }
  .summarybox.small .topbar {
    width: 155px !important; }
  .summarybox.small .value {
    font-size: 26px; }
  .summarybox.tiny .body {
    width: 100px !important; }
  .summarybox.tiny .topbar {
    width: 115px !important; }
  .summarybox.tiny .value {
    font-size: 26px; }
  @media (max-width: 1199px) {
    .summarybox .body {
      width: 140px; }
    .summarybox .topbar {
      width: 155px; } }
  .summarybox .boxlabel {
    color: #9297A0; }
  .summarybox .orange .topbar {
    background-color: #F37821;
    border-color: #F37821; }
  .summarybox .orange .body .value {
    color: #F37821; }
  .summarybox .gray .topbar, .summarybox .grey .topbar {
    background-color: #998676;
    border-color: #998676; }
  .summarybox .gray .body .value, .summarybox .grey .body .value {
    color: #998676; }
  .summarybox .blue .topbar {
    background-color: #5FB3EE;
    border-color: #5FB3EE; }
  .summarybox .blue .body .value {
    color: #5FB3EE; }

.summarybox-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.summarybox-group .button-group-box .body {
  border-right: none; }
  @media (min-width: 1199px) {
    .summarybox-group .button-group-box .body {
      width: 186px; } }
  @media (max-width: 1199px) {
    .summarybox-group .button-group-box .body {
      width: 141px; } }

.summarybox-group .button-group-box:last-child .body {
  border-right: 1px #CCC solid; }
  @media (min-width: 1199px) {
    .summarybox-group .button-group-box:last-child .body {
      width: 185px; } }
  @media (max-width: 1199px) {
    .summarybox-group .button-group-box:last-child .body {
      width: 140px; } }

.summarybox-group .button-group-box .summarybox.small .body {
  border-right: none;
  width: 141px;
  border-left: 1px #CCC dashed; }

.summarybox-group .button-group-box:last-child .summarybox.small .body {
  border-right: 1px #CCC solid;
  width: 140px; }

.summarybox-group .button-group-box .summarybox.tiny .body {
  width: 101px;
  border-left: 1px #CCC dashed; }

.summarybox-group .button-group-box:first-child .summarybox.tiny .body {
  border-left: 1px #CCC solid; }

.summarybox-group .button-group-box:nth-last-child(2) .summarybox.tiny .body {
  border-right: 1px #CCC solid;
  width: 100px; }

.summarybox-group .subtitle {
  background-color: white;
  border-bottom: 1px #CCC solid;
  border-left: 1px #CCC solid;
  border-right: 1px #CCC solid;
  color: #696977;
  padding: 1px 8px; }

.searchbar-wrapper {
  position: relative; }
  .searchbar-wrapper .searchbar-select-wrapper {
    position: relative;
    display: table;
    border-collapse: separate; }
    .searchbar-wrapper .searchbar-select-wrapper .searchbar-select-advanced {
      display: table-cell;
      width: 100%;
      margin-bottom: 0px; }
      .searchbar-wrapper .searchbar-select-wrapper .searchbar-select-advanced .Select-control {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .searchbar-wrapper .searchbar-select-wrapper .searchbar-select {
      display: table-cell;
      width: 100%;
      margin-bottom: 0px; }
    .searchbar-wrapper .searchbar-select-wrapper .searchbar-select-advanced-wrapper {
      display: table-cell;
      position: relative;
      white-space: nowrap;
      width: 1%;
      vertical-align: middle; }
      .searchbar-wrapper .searchbar-select-wrapper .searchbar-select-advanced-wrapper .searchbar-select-advanced-button {
        height: 39px;
        background-color: #F3F1EE;
        border: 1px solid #D9D9D9;
        border-left: none;
        color: #424D51;
        padding: 0px 30px 0 15px;
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        outline: none; }

.basic-searchbar-wrapper {
  position: relative; }
  .basic-searchbar-wrapper .searchbar-input-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -ms-flex; }
    .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input, .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input-advanced {
      margin-bottom: 0px;
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0; }
    .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input-advanced {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input-advanced-button {
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
    .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input, .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input-advanced-button {
      margin-right: 10px; }
    .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input-advanced-button {
      height: 30px;
      background-color: #F3F1EE;
      border: 1px solid #D9D9D9;
      border-left: none;
      color: #424D51;
      padding: 0px 30px 0 15px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px;
      outline: none;
      position: relative; }
      .basic-searchbar-wrapper .searchbar-input-wrapper .searchbar-input-advanced-button .searchbar-input-advanced-button-icon {
        position: absolute;
        font-size: 17px;
        top: 5px;
        right: 12px; }

.searchbar-advanced-overlay {
  padding: 15px;
  border: 1px solid #BABABA;
  border-radius: 2px;
  position: absolute;
  top: 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: #fff; }
  .searchbar-advanced-overlay .searchbar-advanced-overlay-close-icon {
    position: absolute;
    right: 8px;
    top: 5px;
    color: #999;
    font-size: 15px;
    cursor: pointer; }

.searchbar-select-advanced-button-icon {
  font-size: 17px;
  position: absolute;
  right: 12px;
  top: 11px; }

.multiselect-wrapper-dpl {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 7px 5px 7px 0px;
  height: 27px;
  min-width: 250px;
  overflow-y: auto;
  overflow-x: auto;
  -webkit-transition: height 1s;
  transition: height 1s; }
  .multiselect-wrapper-dpl .multiselect-content {
    display: inline; }
  .multiselect-wrapper-dpl .multiselect-header {
    margin: 0px 0px 0px 8px;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: normal;
    height: 32px;
    width: 95%;
    text-align: left;
    border-bottom: 1px solid #ebebeb; }
    .multiselect-wrapper-dpl .multiselect-header .header-cell {
      display: inline-block;
      vertical-align: top;
      position: relative; }
  .multiselect-wrapper-dpl .search-cell {
    width: 55%; }
    .multiselect-wrapper-dpl .search-cell .search-icon {
      vertical-align: top;
      margin-top: 6px; }
    .multiselect-wrapper-dpl .search-cell .search-input {
      border: none;
      -webkit-box-shadow: none;
              box-shadow: none;
      width: 70%;
      font-size: 13px; }
  .multiselect-wrapper-dpl .control-cell {
    width: 45%;
    margin-top: 4px;
    text-align: right; }
    .multiselect-wrapper-dpl .control-cell .multiselect-top-button {
      padding-right: 5px;
      padding-left: 5px;
      border-right: 1px solid #CCC;
      font-size: 12px; }
    .multiselect-wrapper-dpl .control-cell .last {
      border-right: none;
      margin-right: 10px; }
  .multiselect-wrapper-dpl .selection-open {
    position: absolute;
    right: 18px;
    top: 12px; }
  .multiselect-wrapper-dpl i.icon {
    display: inline-block;
    margin-right: 4px; }
  .multiselect-wrapper-dpl i.font-icon {
    font-size: 15px !important;
    margin-right: 4px; }
  .multiselect-wrapper-dpl .options-content {
    padding: 15px; }
  .multiselect-wrapper-dpl .display-table {
    display: table !important;
    width: 100%; }
    .multiselect-wrapper-dpl .display-table .display-table-cell {
      display: table-cell;
      width: 25%;
      max-width: 200px;
      vertical-align: top; }
      .multiselect-wrapper-dpl .display-table .display-table-cell .section {
        padding: 0 10px;
        margin-bottom: 20px; }
        .multiselect-wrapper-dpl .display-table .display-table-cell .section label.checkbox span {
          cursor: pointer; }
    .multiselect-wrapper-dpl .display-table .cell-right-border {
      border-right: 1px solid #acb5b7; }
    .multiselect-wrapper-dpl .display-table .display-table-cell:first-child {
      padding-left: 0px; }
    .multiselect-wrapper-dpl .display-table .display-table-cell:last-child {
      border-right: none; }
  .multiselect-wrapper-dpl .spaced-bottom {
    margin-bottom: 20px; }
  .multiselect-wrapper-dpl .checkbox {
    min-height: 18px; }
  .multiselect-wrapper-dpl .multiselect-checkbox {
    margin: 4px 0px 0px -18px; }
  .multiselect-wrapper-dpl .ellipsis, .multiselect-wrapper-dpl .advanced-overlay .search-overlay-wrapper .Select .Select-item, .advanced-overlay .search-overlay-wrapper .Select .multiselect-wrapper-dpl .Select-item {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap; }
  .multiselect-wrapper-dpl .tokens-inner-pane {
    margin-left: 9px;
    display: inline-block; }
    .multiselect-wrapper-dpl .tokens-inner-pane .selected-text {
      font-style: italic;
      color: #30303F;
      margin-left: 0px;
      line-height: 25px; }
    .multiselect-wrapper-dpl .tokens-inner-pane .token-container {
      border: 1px solid #B8B9BA;
      border-radius: 5px;
      background-color: #666;
      padding: 1px 5px 1px 10px;
      margin: 2px;
      height: 19px;
      display: inline-block; }
      .multiselect-wrapper-dpl .tokens-inner-pane .token-container .token {
        color: #d2d8df; }
      .multiselect-wrapper-dpl .tokens-inner-pane .token-container .token-delete-btn {
        display: inline;
        border: 0px;
        border-radius: 21px;
        color: #fff;
        padding: 0px 4px 1px 4px;
        outline: none;
        cursor: pointer;
        background-color: transparent; }

.dpl-modal {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  z-index: 1040;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6); }
  .dpl-modal .modal-close-button-wrapper {
    width: 100%; }
    .dpl-modal .modal-close-button-wrapper > .modal-close-button {
      color: inherit;
      position: absolute;
      right: 9px;
      top: 6px; }
      .dpl-modal .modal-close-button-wrapper > .modal-close-button > i.fa {
        font-size: inherit !important; }
  .dpl-modal .dpl-modal-dialog {
    position: relative;
    z-index: 1050;
    margin: 20px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
    width: 500px;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; }
    .dpl-modal .dpl-modal-dialog .dpl-modal-content {
      background-color: white;
      position: relative;
      -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
              box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 1px; }
      .dpl-modal .dpl-modal-dialog .dpl-modal-content .dpl-modal-title {
        font-size: 21px;
        font-weight: 700;
        color: #30303F; }
      .dpl-modal .dpl-modal-dialog .dpl-modal-content .dpl-modal-header, .dpl-modal .dpl-modal-dialog .dpl-modal-content .dpl-modal-footer {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
        background-color: white; }
      .dpl-modal .dpl-modal-dialog .dpl-modal-content .dpl-modal-summary {
        padding-left: 20px;
        padding-right: 20px;
        font-weight: 700;
        font-size: 16px;
        color: #30303F; }
      .dpl-modal .dpl-modal-dialog .dpl-modal-content .dpl-modal-body {
        padding: 20px 20px; }
  .dpl-modal .dpl-modal-backdrop-close {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background: transparent; }
  .dpl-modal .footer {
    border-top: 2px dotted #d2d8df;
    margin-top: 1px;
    padding-top: 15px; }
    .dpl-modal .footer::after {
      clear: both;
      content: "";
      display: table; }
    .dpl-modal .footer .delete-wrapper,
    .dpl-modal .footer .left-buttons {
      display: inline-block; }
      .dpl-modal .footer .delete-wrapper button,
      .dpl-modal .footer .left-buttons button {
        margin-left: 12px; }
      .dpl-modal .footer .delete-wrapper button:first-child,
      .dpl-modal .footer .left-buttons button:first-child {
        margin-left: 0; }
    .dpl-modal .footer .cancel-save-wrapper,
    .dpl-modal .footer .right-buttons {
      display: inline-block;
      float: right; }
      .dpl-modal .footer .cancel-save-wrapper button,
      .dpl-modal .footer .right-buttons button {
        margin-right: 12px; }
      .dpl-modal .footer .cancel-save-wrapper button:last-child,
      .dpl-modal .footer .right-buttons button:last-child {
        margin-right: 0; }

.dpl-button-primary, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn,
.dpl-link-primary {
  background: #5E81D3;
  border: 0;
  color: white; }
  .dpl-button-primary:hover, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn:hover, .dpl-button-primary.hover, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .hover.filter-btn,
  .dpl-link-primary:hover,
  .dpl-link-primary.hover {
    background: #4b67a9; }
  .dpl-button-primary:focus, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn:focus, .dpl-button-primary.focus, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .focus.filter-btn,
  .dpl-link-primary:focus,
  .dpl-link-primary.focus {
    outline: none;
    background: #4b67a9; }
  .dpl-button-primary:active, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn:active, .dpl-button-primary.active, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .active.filter-btn,
  .dpl-link-primary:active,
  .dpl-link-primary.active {
    background-color: #384d7f; }
  .dpl-button-primary:disabled, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn:disabled, .dpl-button-primary.disabled, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .disabled.filter-btn,
  .dpl-link-primary:disabled,
  .dpl-link-primary.disabled {
    outline: none;
    background: #5E81D3; }

.dpl-button-secondary,
.dpl-link-secondary {
  background: transparent;
  border: 1px solid;
  color: #5E81D3; }
  .dpl-button-secondary:hover, .dpl-button-secondary.hover,
  .dpl-link-secondary:hover,
  .dpl-link-secondary.hover {
    color: #4b67a9; }
  .dpl-button-secondary:focus, .dpl-button-secondary.focus,
  .dpl-link-secondary:focus,
  .dpl-link-secondary.focus {
    outline: none;
    color: #4b67a9; }
  .dpl-button-secondary:active, .dpl-button-secondary.active,
  .dpl-link-secondary:active,
  .dpl-link-secondary.active {
    outline: none;
    color: #384d7f; }
  .dpl-button-secondary:disabled, .dpl-button-secondary.disabled,
  .dpl-link-secondary:disabled,
  .dpl-link-secondary.disabled {
    outline: none;
    color: #5E81D3;
    background: transparent; }

.dpl-button-tertiary, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel,
.dpl-link-tertiary {
  background: transparent;
  border: 0;
  color: #5E81D3; }
  .dpl-button-tertiary:hover, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel:hover, .dpl-button-tertiary.hover, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .hover.search-overlay-footer-cancel, .dpl-button-tertiary:focus, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel:focus, .dpl-button-tertiary.focus, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .focus.search-overlay-footer-cancel,
  .dpl-link-tertiary:hover,
  .dpl-link-tertiary.hover,
  .dpl-link-tertiary:focus,
  .dpl-link-tertiary.focus {
    outline: none;
    background: rgba(158, 158, 158, 0.2);
    color: #4b67a9; }
  .dpl-button-tertiary:active, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel:active, .dpl-button-tertiary.active, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .active.search-overlay-footer-cancel,
  .dpl-link-tertiary:active,
  .dpl-link-tertiary.active {
    color: #384d7f; }
  .dpl-button-tertiary:disabled, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel:disabled, .dpl-button-tertiary.disabled, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .disabled.search-overlay-footer-cancel,
  .dpl-link-tertiary:disabled,
  .dpl-link-tertiary.disabled {
    outline: none;
    color: #5E81D3;
    background: transparent; }

.dpl-button, .button-icon, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn,
.dpl-link {
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0 16px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  min-width: 65px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
  /* Animation method from MDL */
  -webkit-transition: background 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  .dpl-button:disabled, .button-icon:disabled, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .search-overlay-footer-cancel:disabled, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn:disabled, .dpl-button.disabled, .disabled.button-icon, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .disabled.search-overlay-footer-cancel, .advanced-overlay .search-overlay-wrapper .search-overlay-footer .disabled.filter-btn,
  .dpl-link:disabled,
  .dpl-link.disabled {
    opacity: 0.5; }

.has-icon {
  padding: 0px 16px 0px 0px !important; }

/* For icons/1-2 letter text */
.dpl-button--circle, .button-icon,
.dpl-link--circle {
  color: #5E81D3;
  display: inline-block;
  width: 30px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 50%;
  vertical-align: middle;
  line-height: 30px;
  text-align: center;
  /* Animation method from MDL */
  -webkit-transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  .dpl-button--circle:hover, .button-icon:hover, .dpl-button--circle:focus, .button-icon:focus,
  .dpl-link--circle:hover,
  .dpl-link--circle:focus {
    background: rgba(158, 158, 158, 0.2);
    cursor: pointer; }
  .dpl-button--circle:active, .button-icon:active, .dpl-button--circle.active, .active.button-icon,
  .dpl-link--circle:active,
  .dpl-link--circle.active {
    background: #5E81D3;
    color: white; }
    .dpl-button--circle:active .fa, .button-icon:active .fa, .dpl-button--circle:active .material-icons, .button-icon:active .material-icons, .dpl-button--circle.active .fa, .active.button-icon .fa, .dpl-button--circle.active .material-icons, .active.button-icon .material-icons,
    .dpl-link--circle:active .fa,
    .dpl-link--circle:active .material-icons,
    .dpl-link--circle.active .fa,
    .dpl-link--circle.active .material-icons {
      color: white; }
  .dpl-button--circle .fa, .button-icon .fa, .dpl-button--circle .material-icons, .button-icon .material-icons,
  .dpl-link--circle .fa,
  .dpl-link--circle .material-icons {
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    vertical-align: middle; }

.dpl-button-default,
.dpl-button-link,
.dpl-link-default {
  color: #00B0E0;
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none; }
  .dpl-button-default:hover,
  .dpl-button-link:hover,
  .dpl-link-default:hover {
    text-decoration: underline; }

.button-icon {
  vertical-align: middle;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 32px;
  min-width: 32px;
  height: 30px;
  line-height: 30px;
  background: none;
  border: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  border-radius: 6px; }
  .button-icon .fa {
    font-size: 23px !important;
    line-height: 30px;
    width: 24px;
    text-align: center;
    vertical-align: middle;
    margin: 0 !important;
    /* Overriding some table styles */
    margin-top: 0 !important;
    margin-left: 0 !important; }
  .button-icon .icon {
    margin: 7px auto; }
  .button-icon:hover, .button-icon:focus {
    cursor: pointer;
    outline: none;
    text-decoration: none; }
  .button-icon:active, .button-icon:active .fa {
    color: white; }
  .button-icon.active-clicked {
    background: rgba(158, 158, 158, 0.2); }
    .button-icon.active-clicked .fa {
      color: #5E81D3; }

.arrow-button {
  display: none; }

.arrow-button {
  position: absolute;
  right: 0;
  bottom: -23px;
  display: block;
  width: 45px;
  height: 45px;
  background: #5E81D3;
  border-radius: 100%;
  cursor: pointer; }
  .arrow-button:after {
    content: ' ';
    position: absolute;
    top: 3px;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    background: #d0d0d5;
    border-radius: 100%; }

.arrow-button__arrow {
  position: absolute;
  top: 13px;
  left: 16px;
  width: 10px;
  height: 10px;
  border-right: 4px solid #ffffff;
  border-top: 4px solid #ffffff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg); }

.text-input-button {
  position: absolute;
  right: 2.5px;
  top: 50%;
  margin-top: -8px; }

.dpl-header-bulk-action {
  padding-left: 16px;
  margin-top: 25px;
  min-height: 30px;
  min-width: 780px; }
  .dpl-header-bulk-action .header-left-side {
    display: inline-block; }
    .dpl-header-bulk-action .header-left-side div,
    .dpl-header-bulk-action .header-left-side input {
      vertical-align: middle; }
    .dpl-header-bulk-action .header-left-side .hidden {
      display: none; }
    .dpl-header-bulk-action .header-left-side .selected-items-count {
      display: inline-block;
      padding-left: 10px;
      color: #696977;
      font-weight: 700;
      font-size: 15px;
      height: 30px;
      line-height: 30px; }
    .dpl-header-bulk-action .header-left-side .select-all-or-undo {
      display: inline-block;
      color: #5E81D3;
      text-decoration: underline;
      padding: 0px;
      margin: 2px 4px 0px 15px;
      min-width: inherit; }
      .dpl-header-bulk-action .header-left-side .select-all-or-undo:hover {
        color: #4b67a9; }
    .dpl-header-bulk-action .header-left-side .bulk-header-btn {
      display: inline-block;
      font-size: 15px;
      font-weight: 700;
      margin-left: 0.5rem;
      padding: 0px 8px; }
      .dpl-header-bulk-action .header-left-side .bulk-header-btn i {
        padding-right: 0.25rem; }
  .dpl-header-bulk-action .header-right-side {
    float: right;
    text-align: right; }
    .dpl-header-bulk-action .header-right-side .items-count {
      display: inline-block;
      vertical-align: middle;
      padding-right: 10px;
      padding-top: 7px; }
    .dpl-header-bulk-action .header-right-side .sort-wrapper {
      display: inline-block;
      vertical-align: middle; }
      .dpl-header-bulk-action .header-right-side .sort-wrapper .dpl-menu-btn {
        padding: 0px 5px;
        margin-top: 2px; }

.dpl-header-bulk-action .checkbox-bulk-actions {
  display: inline-block;
  margin-top: 3px;
  height: 30px;
  line-height: 30px; }

.bulk-delete-modal .hidden {
  display: none; }

.bulk-delete-modal-body label.confirmation-row {
  margin: 0;
  display: block; }

.bulk-delete-modal-body .confirmation-cell {
  display: inline-block;
  margin-top: 20px; }

.bulk-delete-modal-body .accept-risks-checkbox {
  margin-left: 5px;
  margin-right: 10px;
  margin-top: 0;
  vertical-align: inherit; }

.bulk-delete-modal-body .body-warning {
  padding: 8px 35px 8px 14px;
  margin-top: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  color: #c09853; }

.animated-input-container {
  position: relative;
  margin-bottom: 1.5em; }

.animated-input-text {
  position: relative;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 10px 5px;
  margin: 0 0 0.5em 0;
  border: none;
  border-bottom: 1px solid #8f8f9a;
  border-radius: 0;
  color: #696978; }
  .animated-input-text:focus {
    outline: none; }
  .animated-input-text:disabled {
    border-bottom-color: #b4b4bb; }

.input-required.input-entered .animated-input-text {
  border-bottom-color: #ab6673; }

.input-required.input-valid .animated-input-text {
  border-bottom-color: #5E81D3; }

.animated-input-label {
  font-size: 1em;
  position: absolute;
  top: 10px;
  left: 7px;
  color: #8f8f9a;
  -webkit-transition: transform 300ms, font-size 300ms;
  -webkit-transition: font-size 300ms, -webkit-transform 300ms;
  transition: font-size 300ms, -webkit-transform 300ms;
  transition: transform 300ms, font-size 300ms;
  transition: transform 300ms, font-size 300ms, -webkit-transform 300ms; }

.input-focus .animated-input-label,
.input-entered .animated-input-label {
  font-size: 0.8em;
  -webkit-transform: translate3d(3px, -24px, 0px);
  transform: translate3d(3px, -24px, 0px);
  -webkit-transition: transform 300ms, font-size 300ms;
  -webkit-transition: font-size 300ms, -webkit-transform 300ms;
  transition: font-size 300ms, -webkit-transform 300ms;
  transition: transform 300ms, font-size 300ms;
  transition: transform 300ms, font-size 300ms, -webkit-transform 300ms; }

.input-entered.input-required .animated-input-label {
  color: #ab6673; }

.input-required.input-valid .animated-input-label {
  color: #5E81D3; }

.input-disabled .animated-input-label {
  color: #b4b4bb; }

.animated-validation-message {
  position: absolute;
  font-size: 0.8em;
  top: -14px;
  right: 3px;
  max-width: 50%;
  max-height: 2em;
  text-align: right;
  overflow: hidden;
  display: block; }

.input-alert {
  color: #ab6673; }
  .input-alert .animated-input-label {
    color: #ab6673; }
  .input-alert .animated-input-text {
    border-bottom-color: #ab6673; }

.animated-extended-message {
  position: absolute;
  left: 0;
  bottom: 150%;
  width: 100%;
  font-size: 0.8em;
  background-color: #696978;
  color: #ffffff;
  padding: 1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 10;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms; }

.input-focus .animated-extended-message {
  opacity: 1; }

.animated-input-button,
.animated-input-submit {
  font-family: tradegothic;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  padding: 0.5em 0.75em;
  color: #ffffff;
  background: #F37821;
  border: 1px solid #F37821;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  -webkit-transition: transform 150ms;
  -webkit-transition: -webkit-transform 150ms;
  transition: -webkit-transform 150ms;
  transition: transform 150ms;
  transition: transform 150ms, -webkit-transform 150ms; }
  .animated-input-button.full-width,
  .animated-input-submit.full-width {
    width: 100%;
    display: block; }
  .animated-input-button:disabled,
  .animated-input-submit:disabled {
    background: #f8ae7a;
    border-color: #f8ae7a;
    cursor: default; }
    .animated-input-button:disabled:hover,
    .animated-input-submit:disabled:hover {
      background: #f8ae7a;
      border-color: #f8ae7a; }
  .animated-input-button:hover,
  .animated-input-submit:hover {
    background: #f5934d;
    border-color: #f5934d; }
  .animated-input-button:active,
  .animated-input-submit:active {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    background: #c2601a;
    border-color: #c2601a;
    -webkit-transform: translateY(2px);
    transform: translateY(2px); }

.animated--select {
  position: relative;
  width: 100%;
  height: 40px; }
  .animated--select select,
  .animated--select .chosen-container,
  .animated--select label {
    position: absolute;
    top: 0;
    left: 0; }
  .animated--select label {
    padding: 10px 7px;
    font-size: 16px;
    color: #8f8f9a;
    -webkit-transition: transform 300ms, font-size 300ms;
    -webkit-transition: font-size 300ms, -webkit-transform 300ms;
    transition: font-size 300ms, -webkit-transform 300ms;
    transition: transform 300ms, font-size 300ms;
    transition: transform 300ms, font-size 300ms, -webkit-transform 300ms; }
  .animated--select .chosen-single {
    height: 35px;
    padding: 10px 10px 5px;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #8f8f9a;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .animated--select .chosen-single.focus {
      background: red; }
    .animated--select .chosen-single span {
      margin-top: -2px;
      color: #696978;
      font-size: 16px; }
  .animated--select .chosen-drop {
    border: 1px solid #8f8f9a;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .animated--select .chosen-single div b {
    background: none !important; }
  .animated--select .chosen-single div b::before {
    content: '\f107';
    position: absolute;
    top: 6px;
    right: 7px;
    font-family: fontawesome;
    font-smoothing: always;
    color: #b4b4bb; }
  .animated--select .chosen-with-drop .chosen-single {
    border: none; }
  .animated--select .chosen-with-drop div b::before {
    content: '\f106'; }
  .animated--select .chosen-container {
    width: 100% !important; }
  .animated--select .chosen-container .chosen-results {
    padding-top: 4px;
    font-size: 16px; }
    .animated--select .chosen-container .chosen-results .highlighted {
      background: #5E81D3;
      color: #ffffff; }
  .animated--select .chosen-container-active .chosen-single {
    background: transparent; }
  .animated--select.animated--error .animated-validation-message {
    display: block;
    color: #ab6673; }
  .animated--select.animated--error label {
    color: #ab6673; }
  .animated--select.animated--error .chosen-single {
    border-bottom: 1px solid #ab6673; }
  .animated--select.animated--error.animated--label-active .animated-validation-message {
    display: block; }

.animated--select.animated--label-active label {
  font-size: 14px;
  -webkit-transform: translate3d(3px, -24px, 0px);
  transform: translate3d(3px, -24px, 0px);
  -webkit-transition: transform 300ms, font-size 300ms;
  -webkit-transition: font-size 300ms, -webkit-transform 300ms;
  transition: font-size 300ms, -webkit-transform 300ms;
  transition: transform 300ms, font-size 300ms;
  transition: transform 300ms, font-size 300ms, -webkit-transform 300ms; }

.animated--select.animated--option-selected .chosen-single {
  border-bottom: 1px solid #5E81D3; }

.animated--select.animated--option-selected label {
  color: #5E81D3; }

.animated--select.no-chosen {
  height: auto; }
  .animated--select.no-chosen .animated__select {
    position: relative;
    margin-top: 0.8em; }

.fade-enter {
  opacity: 0.01; }

.fade-enter.fade-enter-active {
  opacity: 1;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in; }

.fade-leave {
  opacity: 1; }

.fade-leave.fade-leave-active {
  opacity: 0.01;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in; }

.cisco-banner {
  max-width: 59.5em;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 1em;
  background: #444456;
  border-bottom: 1px solid #ffffff; }
  .cisco-banner::after {
    clear: both;
    content: "";
    display: table; }
  .cisco-banner p, .cisco-banner a, .cisco-banner table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .cisco-banner .data-text:hover,
  .cisco-banner table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .cisco-banner .data-text:hover {
    font-size: 13px;
    letter-spacing: 0.5pt;
    color: #ffffff;
    display: block;
    margin: 0; }
  .cisco-banner a, .cisco-banner table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .cisco-banner .data-text:hover,
  .cisco-banner table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .cisco-banner .data-text:hover {
    text-decoration: none; }
    .cisco-banner a:hover, .cisco-banner table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .cisco-banner .data-text:hover,
    .cisco-banner table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .cisco-banner .data-text:hover {
      text-decoration: underline; }
    .cisco-banner a:active, .cisco-banner table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .cisco-banner .data-text:active:hover {
      color: #4b67a9; }

.cisco-banner__logo {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 22.316%; }
  .cisco-banner__logo:last-child {
    margin-right: 0; }

.cisco-banner__logo__img {
  height: 27px;
  width: auto; }

.cisco-banner__logo__img--dark {
  display: none; }

.cisco-banner__learn {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 74.10533%;
  margin-right: 0; }
  .cisco-banner__learn:last-child {
    margin-right: 0; }
  .cisco-banner__learn p {
    text-align: right;
    line-height: 20px; }

.cisco-banner__about {
  display: none; }

.hero-banner {
  position: relative;
  z-index: 1;
  margin-bottom: 2em;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #696978; }

@media screen and (min-width: 59.5em) {
  .cisco-banner {
    max-width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    overflow: hidden; }
  .cisco-banner__logo {
    display: inline-block;
    vertical-align: middle;
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 7.26533%; }
    .cisco-banner__logo:last-child {
      margin-right: 0; }
  .cisco-banner__learn {
    display: inline-block;
    vertical-align: middle;
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 45.20224%; }
    .cisco-banner__learn:last-child {
      margin-right: 0; }
    .cisco-banner__learn p {
      text-align: left;
      line-height: 40px; }
    .cisco-banner__learn a, .cisco-banner__learn table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .cisco-banner__learn .data-text:hover,
    .cisco-banner__learn table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .cisco-banner__learn .data-text:hover {
      display: inline;
      margin-left: 2em; }
  .cisco-banner__about {
    display: block;
    display: inline-block;
    vertical-align: middle;
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 45.20224%; }
    .cisco-banner__about:last-child {
      margin-right: 0; }
    .cisco-banner__about a, .cisco-banner__about table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .cisco-banner__about .data-text:hover,
    .cisco-banner__about table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .cisco-banner__about .data-text:hover {
      text-align: right;
      line-height: 40px; }
  .hero-banner--medium {
    height: 350px; }
    .hero-banner--medium .grid {
      height: 350px; }
  .hero-banner--large {
    height: 500px; }
    .hero-banner--large .grid {
      height: 500px; }
  .hero-banner .grid {
    overflow: visible; }
    .hero-banner .grid:before {
      content: '';
      display: inline-block;
      height: 100%;
      margin-right: -0.25em;
      vertical-align: middle; }
  .hero-banner__heading {
    padding: 0;
    font-size: 64px;
    line-height: 1.05;
    text-transform: uppercase;
    letter-spacing: 0.5pt;
    display: inline-block;
    vertical-align: middle; }
  .hero-banner__heading__super {
    font-size: 30px; }
  .hero-banner__heading__break {
    display: block; } }

.dpl-pagination-wrapper {
  width: 100%;
  height: 30px;
  padding-top: 10px;
  margin-bottom: 10px; }
  .dpl-pagination-wrapper .dpl-pagination {
    float: right;
    display: block;
    color: #696977;
    text-align: right; }
    .dpl-pagination-wrapper .dpl-pagination .jump-to-page {
      display: inline-block;
      min-height: 20px;
      vertical-align: top;
      text-align: center; }
      .dpl-pagination-wrapper .dpl-pagination .jump-to-page.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .dpl-pagination-wrapper .dpl-pagination .jump-to-page .jump-to-page-label,
      .dpl-pagination-wrapper .dpl-pagination .jump-to-page .jump-to-page-select-wrapper {
        display: inline-block;
        vertical-align: top; }
      .dpl-pagination-wrapper .dpl-pagination .jump-to-page .Select {
        color: #696977; }
        .dpl-pagination-wrapper .dpl-pagination .jump-to-page .Select .Select-arrow {
          top: 6px; }
        .dpl-pagination-wrapper .dpl-pagination .jump-to-page .Select .Select-control {
          padding-top: 0;
          padding-bottom: 0;
          background: transparent;
          border: none !important; }
          .dpl-pagination-wrapper .dpl-pagination .jump-to-page .Select .Select-control:hover {
            background: transparent;
            -webkit-box-shadow: none;
                    box-shadow: none; }
          .dpl-pagination-wrapper .dpl-pagination .jump-to-page .Select .Select-control .Select-placeholder {
            padding-top: 0;
            padding-bottom: 0;
            min-width: 29px;
            color: #696977; }
          .dpl-pagination-wrapper .dpl-pagination .jump-to-page .Select .Select-control .Select-menu-item {
            color: #696977; }
    .dpl-pagination-wrapper .dpl-pagination .results-per-page {
      display: inline-block;
      margin-left: 20px;
      min-height: 20px;
      vertical-align: top;
      text-align: center; }
      .dpl-pagination-wrapper .dpl-pagination .results-per-page.focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px; }
      .dpl-pagination-wrapper .dpl-pagination .results-per-page > span {
        display: inline-block;
        vertical-align: top; }
      .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select {
        color: #696977; }
        .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select .Select-arrow {
          top: 6px; }
        .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select .Select-control {
          padding-top: 0;
          padding-bottom: 0;
          background: transparent;
          border: none !important;
          height: 20px; }
          .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select .Select-control:hover {
            background: transparent;
            -webkit-box-shadow: none;
                    box-shadow: none; }
          .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select .Select-control .Select-input {
            min-width: 5px;
            outline: none; }
          .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select .Select-control .Select-placeholder {
            padding-top: 0;
            padding-bottom: 0;
            color: #696977; }
          .dpl-pagination-wrapper .dpl-pagination .results-per-page .Select .Select-control .Select-menu-item {
            color: #696977; }
    .dpl-pagination-wrapper .dpl-pagination .x-of-y {
      display: inline-block;
      margin-left: 20px;
      min-height: 20px;
      vertical-align: top;
      text-align: center; }
    .dpl-pagination-wrapper .dpl-pagination .pagination-arrows {
      display: inline-block;
      margin-left: 20px;
      margin-top: -2px;
      min-height: 20px;
      vertical-align: top;
      font-size: 22px; }
      .dpl-pagination-wrapper .dpl-pagination .pagination-arrows .right {
        padding-left: 20px;
        padding-right: 5px; }
      .dpl-pagination-wrapper .dpl-pagination .pagination-arrows .left {
        padding-right: 20px; }
      .dpl-pagination-wrapper .dpl-pagination .pagination-arrows .active {
        color: #5E81D3;
        cursor: pointer; }
      .dpl-pagination-wrapper .dpl-pagination .pagination-arrows .inactive {
        color: #becded;
        cursor: default; }

.file-upload .dropzone-wrapper {
  outline: none; }
  .file-upload .dropzone-wrapper:active .dropzone, .file-upload .dropzone-wrapper:focus .dropzone {
    border-color: rgba(94, 129, 211, 0.75); }
  .file-upload .dropzone-wrapper .dropzone {
    border-color: #b4b4bb;
    border-radius: 9px;
    border-style: dashed;
    border-width: 3px;
    cursor: pointer;
    color: #b4b4bb;
    height: 100%;
    background-color: rgba(218, 218, 221, 0.25); }
    .file-upload .dropzone-wrapper .dropzone:hover {
      border-color: rgba(94, 129, 211, 0.75); }
    .file-upload .dropzone-wrapper .dropzone.active {
      border-color: rgba(94, 129, 211, 0.75);
      color: rgba(94, 129, 211, 0.75); }
    .file-upload .dropzone-wrapper .dropzone.complete {
      border-style: solid;
      color: #5cb85c; }
    .file-upload .dropzone-wrapper .dropzone .dropzone-content {
      -webkit-box-align: stretch;
          -ms-flex-align: stretch;
              align-items: stretch;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      height: 100%;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .file-upload .dropzone-wrapper .dropzone .dropzone-content .dropzone-icon {
        font-size: 64px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 25px;
        text-align: center; }
        .file-upload .dropzone-wrapper .dropzone .dropzone-content .dropzone-icon .invisible {
          visibility: hidden; }
      .file-upload .dropzone-wrapper .dropzone .dropzone-content .dropzone-text {
        color: #3c3c3c;
        font-size: 15px;
        font-weight: bold;
        text-align: center;
        font-family: CiscoSans-Bold, sans-serif;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px; }
      .file-upload .dropzone-wrapper .dropzone .dropzone-content .dropzone-action-area {
        text-align: center;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px; }
        .file-upload .dropzone-wrapper .dropzone .dropzone-content .dropzone-action-area .action-area-text {
          color: #5E81D3;
          font-family: CiscoSans, sans-serif;
          font-size: 14px; }

.notice-area {
  margin-top: 20px; }
  .notice-area .default-notice {
    font-size: 12px;
    line-height: 1.6;
    text-align: center;
    color: #8e8e99; }
  .notice-area .danger-notice {
    background-color: rgba(217, 83, 79, 0.25);
    padding-left: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 16px; }
    .notice-area .danger-notice .danger-icon {
      color: #dc8885;
      font-size: 24px;
      vertical-align: middle;
      margin-right: 16px;
      display: table-cell; }
    .notice-area .danger-notice .danger-text {
      display: table-cell;
      padding-left: 16px;
      color: #444456;
      vertical-align: middle; }

.dpl-progress {
  background-color: #dadadd;
  border-radius: 100px;
  height: 15px;
  overflow: hidden; }
  .dpl-progress .progress-bar {
    background-color: #049fd9;
    color: #fff;
    float: left;
    height: 100%;
    text-align: center;
    -webkit-transition: width .5s ease-out;
    transition: width .5s ease-out;
    width: 0; }

.pill-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 2px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-family: 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 11px;
  cursor: default;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */ }
  .pill-wrapper .pill-category {
    background-color: #D4D4D4;
    padding: 4px 3px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-left: 1px solid #B8B8B8;
    border-top: 1px solid #B8B8B8;
    border-bottom: 1px solid #B8B8B8;
    display: inline-block;
    text-transform: uppercase; }
  .pill-wrapper .pill-body-wrapper {
    background-color: #E8E8E8;
    border: 1px solid #B8B8B8;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    display: inline-block;
    padding: 4px 3px; }
    .pill-wrapper .pill-body-wrapper .pill-body {
      display: inline-block;
      padding-right: 5px; }
    .pill-wrapper .pill-body-wrapper .delete-pill {
      display: inline-block; }
    .pill-wrapper .pill-body-wrapper .pill-icon {
      padding-right: 5px;
      font-size: 12px;
      display: inline-block;
      cursor: pointer; }

.padded-typeahead-search-wrapper {
  padding-right: 50px; }

.typeahead-search-wrapper {
  position: relative; }
  .typeahead-search-wrapper .search-clear-btn {
    margin-top: 2px; }

.search-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  box-align: start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
  -ms-flex-align: start;
  position: relative;
  line-height: 12px; }
  .search-wrapper .search-input-container {
    width: 100%; }

.search-input-wrapper {
  border: 1px #b4b4bb solid;
  padding-left: 30px;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-grow: 1;
  -webkit-box-flex: 1;
          flex-grow: 1;
  -ms-flex-positive: 1;
  background-color: #fff;
  min-height: 34px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .search-input-wrapper .input-wrapper {
    padding-left: 5px;
    padding-bottom: 1px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-grow: 1; }
    .search-input-wrapper .input-wrapper .select-input {
      width: 100%;
      border: none;
      outline: none;
      line-height: 20px;
      margin: 0px;
      padding: 0px;
      height: 22px;
      -webkit-box-shadow: none;
              box-shadow: none;
      background-color: inherit; }
    .search-input-wrapper .input-wrapper .select-input:disabled {
      display: none; }
    .search-input-wrapper .input-wrapper .select-input[placeholder] {
      text-overflow: ellipsis;
      padding-top: 1px; }
    .search-input-wrapper .input-wrapper .select-input::-webkit-input-placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input::-moz-placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input:-ms-input-placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input::-ms-input-placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input::placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input::-webkit-input-placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input::-ms-input-placeholder {
      text-overflow: ellipsis; }
    .search-input-wrapper .input-wrapper .select-input:-ms-input-placeholder {
      text-overflow: ellipsis; }
  .search-input-wrapper .search-icon {
    color: #46494D;
    position: absolute;
    left: 7.5px;
    top: 50%;
    margin-top: -9.5px;
    font-size: 16px; }
  .search-input-wrapper .advanced {
    position: absolute;
    right: 7.5px;
    top: 50%;
    margin-top: -8px; }
  .search-input-wrapper.has-typeahead {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; }

.typeahead-wrapper {
  border-bottom: 1px solid #b4b4bb;
  border-left: 1px solid #b4b4bb;
  border-right: 1px solid #b4b4bb;
  padding: 0 10px;
  -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background-color: #FFF;
  z-index: 2; }

.advanced-overlay {
  border: 1px solid #b4b4bb;
  padding: 15px 15px;
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 10;
  line-height: 20px; }
  .advanced-overlay .search-overlay-wrapper {
    position: relative; }
    .advanced-overlay .search-overlay-wrapper .advanced-label {
      width: 100px;
      display: inline-block;
      margin: 0 10px 0 0;
      color: grey;
      vertical-align: middle; }
    .advanced-overlay .search-overlay-wrapper .search-overlay-close-icon {
      color: #B8B8B8;
      position: absolute;
      right: 0px;
      font-size: 15px; }
      .advanced-overlay .search-overlay-wrapper .search-overlay-close-icon:hover {
        color: black;
        cursor: pointer; }
    .advanced-overlay .search-overlay-wrapper .search-overlay-helper-text {
      line-height: 1.3em;
      margin: 7px 0 20px 0;
      color: #434D51; }
    .advanced-overlay .search-overlay-wrapper .search-overlay-header {
      font-size: 18px; }
    .advanced-overlay .search-overlay-wrapper .search-overlay-subheader {
      font-size: 15px; }
    .advanced-overlay .search-overlay-wrapper .Select {
      display: inline-block;
      width: 50%;
      vertical-align: middle; }
    .advanced-overlay .search-overlay-wrapper .dplselect-wrapper {
      margin-bottom: 5px; }
    .advanced-overlay .search-overlay-wrapper .search-overlay-footer {
      float: right; }
      .advanced-overlay .search-overlay-wrapper .search-overlay-footer .filter-btn {
        margin-left: 20px; }

.typeahead-message, .typeahead-context-name {
  padding-top: 10px;
  padding-left: 5px;
  font-size: 12px;
  color: #b4b4bb;
  display: inline-block;
  width: 100%; }

.typeahead-context-name {
  text-transform: uppercase; }

.typeahead-value-list {
  margin: 5px 0px;
  list-style: none;
  font-size: 12px; }

.typeahead-value-list li {
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer; }
  .typeahead-value-list li span {
    padding-left: 5px;
    padding-right: 5px; }

.typeahead-context-wrapper {
  border-bottom: 1px #b4b4bb solid; }
  .typeahead-context-wrapper:last-child {
    border: none; }
  .typeahead-context-wrapper .typeahead-context-error-message {
    margin-left: 25px;
    text-transform: none; }

.typeahead-highlighted-item {
  background-color: #DDD; }

.typeahead-item-cannot-select {
  color: #AAA;
  cursor: not-allowed !important; }

.typeahead-no-results {
  padding: 10px 5px;
  color: #888;
  font-size: 14px; }

.typeahead-fetch-placeholder {
  color: #888;
  cursor: default !important; }

.typeahead-item-type-filter, .typeahead-item-type-link {
  color: #00b0e0; }

.typeahead-item-type-link {
  text-transform: uppercase; }

.dpl-search-overlay {
  border: 1px solid #b4b4bb;
  padding: 15px 15px;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 101%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
          box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  z-index: 10;
  line-height: 20px; }
  .dpl-search-overlay .dpl-search-overlay-wrapper {
    position: relative; }
    .dpl-search-overlay .dpl-search-overlay-wrapper .dpl-search-overlay-close-icon {
      color: #b4b4bb;
      position: absolute;
      right: 0;
      font-size: 15px;
      cursor: pointer; }
    .dpl-search-overlay .dpl-search-overlay-wrapper .dpl-search-overlay-body {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-top: 1em;
      margin-bottom: 1em; }
      .dpl-search-overlay .dpl-search-overlay-wrapper .dpl-search-overlay-body > * {
        margin-top: 0.5em;
        margin-bottom: 0.75em; }
    .dpl-search-overlay .dpl-search-overlay-wrapper .dpl-search-overlay-header {
      font-size: 18px;
      font-weight: 300;
      text-transform: uppercase;
      color: #444456; }
    .dpl-search-overlay .dpl-search-overlay-wrapper .dpl-search-overlay-buttons {
      text-align: right; }

.comparison-input {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline; }
  .comparison-input > * {
    margin-right: 1em; }
  .comparison-input .comparison-input-wrapper {
    border: 1px #b4b4bb solid;
    position: relative;
    padding-top: 4px;
    padding-bottom: 4px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 4px;
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    background-color: #fff;
    margin-right: 0.5em; }
  .comparison-input .comparison-numeric-input {
    padding-left: 5px;
    padding-bottom: 1px; }

.overlay-row {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .overlay-row select {
    width: auto;
    height: 34px;
    background-color: #fff; }
  .overlay-row input[type='text'] {
    border: none;
    outline: none;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    height: 22px;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .overlay-row .overlay-row-label {
    -ms-flex-preferred-size: 140px;
        flex-basis: 140px;
    padding-right: 1em;
    text-align: right;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-top: 0px;
    color: #696977;
    font-size: 13px; }
  .overlay-row .overlay-row-body {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto; }
    .overlay-row .overlay-row-body .search-input-wrapper {
      padding-left: 3px; }
      .overlay-row .overlay-row-body .search-input-wrapper i.search-icon {
        display: none; }
    .overlay-row .overlay-row-body .select-set {
      height: 34px;
      display: inline-block; }
    .overlay-row .overlay-row-body .help {
      padding-left: 1em;
      display: inline-block;
      padding-top: 2px;
      vertical-align: top;
      font-size: 13px; }
      .overlay-row .overlay-row-body .help a, .overlay-row .overlay-row-body .help table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .overlay-row .overlay-row-body .help .data-text:hover {
        padding: 0px !important; }

.radio-button-set {
  line-height: 34px;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .radio-button-set .radio-set-item {
    margin-right: 1em;
    color: #444456; }
    .radio-button-set .radio-set-item input[type='radio'] {
      margin-right: 0.4em;
      margin-top: -0.1em; }
    .radio-button-set .radio-set-item label {
      display: inline-block; }

.overlay-hidden {
  display: none; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap; }

.hidden {
  display: none !important; }

.offscreen {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  /* for Internet Explorer */
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.affix {
  position: fixed; }

.clickable {
  cursor: pointer; }

/* http://meyerweb.com/eric/tools/css/reset/ 
 v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-15);
    transform: translateY(-15); }
  60% {
    -webkit-transform: translateY(-5);
    transform: translateY(-5); } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-15);
    transform: translateY(-15); }
  60% {
    -webkit-transform: translateY(-5);
    transform: translateY(-5); } }

@font-face {
  font-family: 'tradegothic';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'tradegothic';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2obl-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standardtradegothicltstd-bd2obl-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2obl-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-bd2obl-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'tradegothic_light';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-light-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-light-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-light-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-light-webfont.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal; }

@font-face {
  font-family: 'tradegothic_light';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-lightobl-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-lightobl-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-lightobl-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-lightobl-webfont.ttf") format("truetype");
  font-weight: lighter;
  font-style: italic; }

@font-face {
  font-family: 'tradegothic';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-obl-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-obl-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-obl-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-obl-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'tradegothic';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-standard/tradegothicltstd-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tradegothic_cn';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: 'tradegothic_cn';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20obl-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20obl-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20obl-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-bdcn20obl-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic; }

@font-face {
  font-family: 'tradegothic_cn';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'tradegothic_cn';
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18obl-webfont.eot");
  src: url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18obl-webfont.eot?#iefix") format("embedded-opentype"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18obl-webfont.woff") format("woff"), url("https://dvgtbh5m9m6cd.cloudfront.net/fonts/trade-gothic-condensed/tradegothicltstd-cn18obl-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  margin-top: 0 !important;
  font-size: 62.5%;
  background: #262631;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
  scroll-behavior: smooth; }
  html.marketo-form, html.marketo-confirmation {
    background: transparent; }

body {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'tradegothic_light';
  background: white; }

p {
  padding-bottom: 0.75em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.7;
  letter-spacing: 0.4pt;
  color: #46494e; }

a, table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover {
  color: #007493;
  text-decoration: none; }
  
  a:hover,
  table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover {
    color: #00607a;
    text-decoration: underline; }

b,
strong {
  font-family: 'tradegothic';
  font-weight: bold; }

i,
em {
  font-family: 'tradegothic';
  font-style: italic; }

h4, h5, h6, .condensed.title {
  font-family: 'tradegothic_cn'; }

h2 {
  font-family: 'tradegothic';
  margin-bottom: 0.5em;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.25;
  color: #828282; }

h4 {
  padding-bottom: 0.5em;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
  color: #46494e; }

ul {
  padding-bottom: 2.5em;
  list-style-type: square; }
  ul li {
    padding-bottom: 0.25em;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.7;
    color: #46494e; }
  ul ul {
    list-style-type: disc; }
  ul.none {
    list-style-type: none; }

ol {
  padding-bottom: 2.5em;
  padding-left: 1.25em;
  list-style: decimal; }
  ol.lower-latin {
    list-style: lower-latin;
    padding-left: 2em; }
  ol li {
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.02em;
    line-height: 1.7;
    color: #46494e; }
    ol li::marker {
      font-weight: bold; }
    ol li small {
      font-size: 80%;
      line-height: 20px; }

blockquote,
blockquote p {
  font-size: 14px;
  font-size: 1.4rem;
  color: #46494e;
  font-style: italic; }

sup {
  font-size: 0.7em;
  vertical-align: top; }

body.modal-open {
  overflow: hidden; }

h2.subhead {
  font-size: 24px;
  font-size: 2.4rem;
  margin: 0 0 0.5em; }

.page span.heading {
  display: block;
  margin-bottom: 0;
  padding: 0.25em 0;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  font-family: 'tradegothic_cn';
  font-weight: bold;
  text-transform: uppercase;
  color: #46494e;
  border-top: 1px dotted #828282;
  border-bottom: 1px dotted #828282; }

.topic-wrapper {
  margin: auto;
  position: relative;
  overflow: hidden; }
  .topic-wrapper:after {
    clear: both;
    content: '';
    display: table; }

.topic-title {
  padding: 20px 0 10px;
  margin-top: 1.2em;
  border-top: 1px dotted #46494e; }

.validation h3 {
  padding: 1em 0;
  font-size: 20px;
  font-size: 2rem;
  text-transform: uppercase;
  color: #b5b5b5;
  border-bottom: 1px dotted #b5b5b5; }

.clear::after {
  clear: both;
  content: "";
  display: table; }

.fancybox-outer {
  background: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/preloader.gif) no-repeat center center; }
  .fancybox-outer .fancybox-nav span {
    background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/fancybox_sprite.png); }

.content {
  padding-top: 2em; }

body.promotion .content {
  padding-top: 6em; }

body.home .content,
body.enterprise-security .content,
body.threat-enforcement .content,
body.single-use-case .content,
body.single-video-testimonials .content,
body.single-case-studies .content,
body.single-research-papers .content,
body.single-events .content,
body.single-briefs .content,
body.single-datasheets .content,
body.single-ubernerds .content,
body.single-whitepapers .content,
body.single-webcasts .content,
body.single-videos .content,
body.contact-us .content,
body.solutions .content,
body.partners .content,
body.single-partners .content,
body.home-internet-security .content,
body.about .content,
body.support .content,
body.single-enterprise-product.threat-intelligence .content,
body.package-comparison .content {
  padding-top: 0; }

body.support-packages .content {
  padding-top: 3em; }

body.technology-partners .content {
  padding-top: 2em; }

body.technology-partners .content {
  padding-top: 6em; }

body.short-header .content {
  padding-top: 2em; }

.clean {
  list-style: none;
  list-style-type: none;
  margin-left: 0; }
  .clean > li {
    list-style: none;
    list-style-type: none; }

.hidden,
.isotope-hidden,
.overflow,
li[class*=flex-slide] {
  display: none; }

.hide-button {
  display: none !important; }

img.mobile-show {
  display: block;
  width: 100%;
  height: auto; }

.mobile-hide {
  display: none; }

.anchor {
  display: block;
  position: relative;
  top: 340px;
  visibility: hidden; }

.pagination .next {
  float: right; }

.pagination .previous {
  float: left; }

.clearfix::after {
  clear: both;
  content: "";
  display: table; }

.read-more {
  margin: 0;
  float: right;
  font-size: 14px;
  font-size: 1.4rem; }
  .read-more span.rarr {
    position: relative;
    display: inline-block;
    width: 0.8em;
    top: 0.1em;
    overflow: hidden;
    font-size: 1.3em;
    line-height: 1em;
    text-indent: -0.2em; }

.dark-qtip {
  background: #292934;
  overflow: visible; }
  .dark-qtip .fa-caret-left {
    position: absolute;
    left: -10px;
    top: 7px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #292934; }
  .dark-qtip .fa-caret-right {
    display: none;
    position: absolute;
    right: -10px;
    top: 7px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #292934; }
  .dark-qtip .fa-caret-up {
    position: absolute;
    left: 100px;
    top: -23px;
    font-size: 36px;
    font-size: 3.6rem;
    color: #292934; }
  .dark-qtip.secondary-nav {
    background: #363645; }
  .dark-qtip.secondary-nav p {
    color: white;
    font-size: 12px;
    font-size: 1.2rem; }
  .dark-qtip.secondary-nav .arrow {
    position: absolute;
    top: -10px;
    left: 0;
    height: 10px;
    width: 100%;
    text-align: center;
    overflow: hidden; }
    .dark-qtip.secondary-nav .arrow .fa-caret-up {
      position: relative;
      left: auto;
      top: -13px;
      color: #363645; }
  .dark-qtip p {
    padding: 0.5em;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    color: white; }
  .dark-qtip .qtip-content {
    overflow: visible; }
  .dark-qtip .info-window {
    padding: 0.5em;
    line-height: 1.7; }
    .dark-qtip .info-window * {
      padding: 0; }
    .dark-qtip .info-window ul {
      list-style: none; }
    .dark-qtip .info-window h3 {
      font-size: 16px;
      font-size: 1.6rem;
      color: white; }
    .dark-qtip .info-window p {
      font-size: 13px;
      font-size: 1.3rem; }
  .dark-qtip.qtip-pos-rb .fa-caret-left, .dark-qtip.qtip-pos-rt .fa-caret-left {
    display: none; }
  .dark-qtip.qtip-pos-rb .fa-caret-right, .dark-qtip.qtip-pos-rt .fa-caret-right {
    display: block; }
  .dark-qtip.qtip-pos-rb .fa-caret-right {
    top: auto;
    bottom: 14px; }

.image-banner {
  display: block;
  text-align: center;
  height: 400px; }
  .image-banner .image-banner-heading {
    padding: 0; }
  .image-banner .grid {
    top: -350px; }
  .image-banner p {
    width: 100%;
    padding: 0.25em 0 0;
    margin: 1em auto;
    font-size: 17px;
    font-size: 1.7rem;
    color: white;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-transform: none; }

.image-banner .banner {
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: cover;
  height: 400px;
  position: relative;
  overflow: hidden; }
  .image-banner .banner:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(6, 41, 81, 0.5); }

.no-scrim .banner:before {
  background: none; }

.content-banner {
  margin-bottom: 3em; }
  .content-banner .image {
    width: 100%; }
    .content-banner .image img {
      height: auto;
      margin: 1em auto;
      width: 325px; }
  .content-banner .message {
    margin: 2em 0;
    width: 100%; }

.blue-background {
  padding: 2em 0;
  background: #7e9adc; }
  .blue-background .dark-column .title {
    color: white;
    font-size: 28px;
    font-size: 2.8rem;
    text-align: center; }
  .blue-background .message::after {
    clear: both;
    content: "";
    display: table; }
  .blue-background .message img {
    width: 176px;
    height: 35px;
    margin-top: 20px; }
  .blue-background .message p {
    color: #dedede;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 1pt; }
  .blue-background .message .title {
    color: #292934;
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 0.5em; }
  .blue-background .message .button {
    float: right; }

.expandable-box p.title {
  font-family: 'tradegothic';
  font-size: 18px;
  font-size: 1.8rem; }

.expandable-box .caption {
  color: #828282;
  font-size: 16px;
  font-size: 1.6rem; }

.expandable-box .expandable p,
.expandable-box .expanded p {
  font-size: 14px;
  font-size: 1.4rem;
  padding-bottom: 1em; }

.expandable-box .expandable h4,
.expandable-box .expanded h4 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
  margin: 1.2em 0; }

.expandable-box .expandable ol, .expandable-box .expandable ul,
.expandable-box .expanded ol,
.expandable-box .expanded ul {
  margin-left: 25px;
  padding-bottom: 1em;
  padding-left: 0; }
  .expandable-box .expandable ol li, .expandable-box .expandable ul li,
  .expandable-box .expanded ol li,
  .expandable-box .expanded ul li {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6; }

.expand-list {
  border-top: 1px dotted #e7e4df;
  list-style: none;
  margin: 0 0 16px;
  padding: 4px 0 48px; }
  .expand-list li {
    border-bottom: 1px dotted #d6d4d1;
    padding: 0;
    margin: 0;
    line-height: 1; }
    .expand-list li:first-child {
      border-top: 1px dotted #d6d4d1; }
    .expand-list li p,
    .expand-list li > button {
      display: none;
      background-color: white;
      padding: 16px;
      margin-right: 0;
      font-size: 16px;
      font-size: 1.6rem; }
      .expand-list li p.title,
      .expand-list li > button.title {
        font-size: 22px;
        font-size: 2.2rem;
        background: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/expand-icon.png) no-repeat scroll right 14px center/16px 16px transparent;
        border: 0 none;
        cursor: pointer;
        display: block;
        font-family: 'tradegothic';
        font-weight: normal;
        line-height: 1.25;
        margin: 0;
        padding: 28px 50px 28px 10px;
        text-align: left;
        width: 100%; }
      .expand-list li p.visible,
      .expand-list li > button.visible {
        display: block; }
    .expand-list li:hover {
      background: #f3f0ed; }
      .expand-list li:hover button.title {
        background-color: transparent;
        background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/expand-icon-active.png); }
    .expand-list li.expanded {
      background: #f3f0ed; }
      .expand-list li.expanded .title {
        background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/collapse-icon.png);
        background-size: 16px 4px; }
      .expand-list li.expanded:hover button.title {
        background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/collapse-icon-active.png); }

footer .left-column,
.page .left-column {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  footer .left-column:last-child,
  .page .left-column:last-child {
    margin-right: 0; }

footer .main-column,
.page .main-column {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  footer .main-column:last-child,
  .page .main-column:last-child {
    margin-right: 0; }

footer .right-column,
.page .right-column {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  footer .right-column:last-child,
  .page .right-column:last-child {
    margin-right: 0; }

.grid {
  max-width: 59.5em;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0.5em;
  padding-left: 0.5em;
  overflow: hidden;
  position: relative; }
  .grid::after {
    clear: both;
    content: "";
    display: table; }
  .grid.cms-columns {
    padding: 2em 0 0; }

.content .page-title-box {
  margin: 0 0 1em; }

.cms-content,
.main-column {
  margin-bottom: 0.5em; }

#social-share-box {
  display: none; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .embed-container iframe,
  .embed-container object,
  .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: 90%; }

img.fullwidth {
  display: none;
  width: 100%;
  height: auto;
  margin-top: 3em; }

.endorsement,
.endorsements {
  list-style: none; }
  .endorsement h4,
  .endorsements h4 {
    padding: 0.25em 0;
    margin: 0 0 0.5em;
    font-size: 20px;
    font-size: 2rem;
    color: #828282;
    text-transform: uppercase;
    border-top: 1px dotted #828282;
    border-bottom: 1px dotted #828282; }
  .endorsement p,
  .endorsements p {
    padding-left: 33px;
    color: #828282;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.55;
    font-family: 'tradegothic'; }
  .endorsement blockquote p,
  .endorsements blockquote p {
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic; }
  .endorsement .close-quote,
  .endorsement .open-quote,
  .endorsements .close-quote,
  .endorsements .open-quote {
    float: left;
    color: #cfcfcf;
    font-size: 55px;
    font-size: 5.5rem;
    line-height: 1;
    font-family: 'tradegothic'; }
  .endorsement .close-quote,
  .endorsements .close-quote {
    line-height: 0;
    float: none;
    position: relative;
    top: 0.6em;
    right: 0.1em;
    padding-right: 0.1em; }
  .endorsement .attribution,
  .endorsements .attribution {
    font-size: 14px;
    font-size: 1.4rem; }
  .endorsement ul,
  .endorsements ul {
    list-style: none; }

.two-col-par {
  width: 100%;
  margin: 2em 0; }

.suggested-links {
  margin: 0;
  padding: 2em 0 1em;
  border-top: 1px dotted #46494e; }
  .suggested-links .title {
    font-weight: normal;
    font-size: 18px;
    font-size: 1.8rem;
    font-family: tradegothic_light, Helvetica, Arial, sans-serif;
    letter-spacing: 0.4pt;
    text-transform: none;
    padding-bottom: 0.5em; }
  .suggested-links .cta-block {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%;
    text-align: center;
    padding: 1em 0;
    margin: 2em 0; }
    .suggested-links .cta-block:last-child {
      margin-right: 0; }
    .suggested-links .cta-block .cta.center {
      display: inline-block; }
    .suggested-links .cta-block .button.orange {
      margin-right: 2em; }
  .suggested-links .links {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%; }
    .suggested-links .links:last-child {
      margin-right: 0; }
    .suggested-links .links ul li {
      font-size: 15px;
      font-size: 1.5rem;
      line-height: 1.4;
      list-style: disc inside;
      text-indent: -1em;
      padding: 0.5em 0 0.5em 1.5em;
      border-bottom: 1px dotted #46494e;
      letter-spacing: 0.04em; }
      .suggested-links .links ul li:last-child {
        border-bottom: none; }

#social-share-counter {
  padding: 10px 0;
  margin: 10px 0;
  border-top: 1px solid #e7e4df;
  border-bottom: 1px solid #e7e4df; }
  #social-share-counter > span,
  #social-share-counter > span > span,
  #social-share-counter > span > span > div {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 15px; }
  #social-share-counter > span {
    margin-left: 10px; }
    #social-share-counter > span:first-child {
      margin-left: 0; }
  #social-share-counter .stBubble {
    position: absolute;
    left: 40px;
    top: 0;
    width: 40px;
    height: 14px;
    padding: 2px 0;
    margin: 0;
    background-image: none;
    border: 1px solid #e7e4df;
    border-left: none; }
    #social-share-counter .stBubble .stBubble_count {
      width: 40px;
      height: 15px;
      padding-top: 0;
      background: white;
      border: none;
      font-family: tradegothic_light;
      font-size: 12px;
      font-size: 1.2rem;
      color: #46494e;
      -webkit-filter: none;
              filter: none; }
  #social-share-counter .st_googleplus_vcount .stButton_gradient,
  #social-share-counter .st-facebook-counter,
  #social-share-counter .st-twitter-counter,
  #social-share-counter .st-linkedin-counter {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 14px;
    padding: 3px 0;
    background-image: none !important;
    -webkit-filter: none;
            filter: none; }
    #social-share-counter .st_googleplus_vcount .stButton_gradient:after,
    #social-share-counter .st-facebook-counter:after,
    #social-share-counter .st-twitter-counter:after,
    #social-share-counter .st-linkedin-counter:after {
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 14px;
      padding: 3px 0;
      color: white;
      font-family: fontawesome;
      font-size: 14px;
      font-size: 1.4rem;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      text-align: center;
      line-height: 15px; }
  #social-share-counter .st-facebook-counter {
    background-color: #4e7ac3; }
    #social-share-counter .st-facebook-counter:after {
      content: '\f09a'; }
  #social-share-counter .st-twitter-counter {
    background-color: #56c7f2; }
    #social-share-counter .st-twitter-counter:after {
      content: '\f099'; }
  #social-share-counter .st-linkedin-counter {
    background-color: #057ab2; }
    #social-share-counter .st-linkedin-counter:after {
      content: '\f0e1'; }
  #social-share-counter .st_googleplus_vcount .stButton_gradient {
    width: 40px !important;
    min-width: 40px !important;
    border: none !important;
    border-radius: 0 !important;
    background-color: #f65523; }
    #social-share-counter .st_googleplus_vcount .stButton_gradient:after {
      content: '\f0d5'; }
    #social-share-counter .st_googleplus_vcount .stButton_gradient span {
      display: none; }

.trending-now {
  margin: 3em 0; }

.trending-items {
  margin-top: 3em; }
  .trending-items .item {
    width: 80%;
    margin: auto;
    padding-bottom: 3em; }
  .trending-items .trending-item-title {
    text-align: center; }
  .trending-items a, .trending-items table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .trending-items .data-text:hover,
  .trending-items table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .trending-items .data-text:hover,
  .trending-items p {
    font-size: 14px;
    font-size: 1.4rem; }
  .trending-items img {
    width: 100%;
    margin-bottom: 1em;
    border: 1px solid #e7e4df; }
  .trending-items .learn-more {
    float: right; }
  .trending-items .ctas {
    text-align: center; }
  .trending-items .tag {
    position: relative;
    margin-bottom: 0.5em;
    color: #b5b5b5;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem; }
    .trending-items .tag:after {
      content: ' ';
      position: relative;
      top: 3px;
      display: block;
      width: 60px;
      height: 5px;
      background: #b5b5b5; }
  .trending-items .webcast-register {
    position: relative;
    margin: 1em 0 0.75em; }
    .trending-items .webcast-register:before, .trending-items .webcast-register:after {
      content: ' ';
      display: block;
      position: absolute;
      top: 18px;
      right: 105%;
      width: 50px;
      height: 0;
      border-bottom: 1px solid #e7e4df; }
    .trending-items .webcast-register:before {
      right: auto;
      left: 105%; }

.endorsements-slider#mobile-endorsements {
  display: none; }
  .endorsements-slider#mobile-endorsements .endorsement {
    position: static;
    height: auto;
    margin-top: 2em; }

.endorsements-slider .endorsements {
  position: relative;
  height: 300px;
  text-align: center; }
  .endorsements-slider .endorsements::after {
    clear: both;
    content: "";
    display: table; }
  .endorsements-slider .endorsements .endorsement {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1; }
  .endorsements-slider .endorsements .endorsement + .endorsement {
    display: none; }
  .endorsements-slider .endorsements img {
    width: 90px;
    margin-bottom: 2em;
    border-radius: 100px;
    border: 1px solid #e7e4df; }
  .endorsements-slider .endorsements .attribution {
    font-size: 18px;
    font-size: 1.8rem;
    color: #46494e; }
  .endorsements-slider .endorsements blockquote {
    position: relative;
    width: 80%;
    margin: auto; }
    .endorsements-slider .endorsements blockquote p {
      color: #a8a8a8;
      font-size: 17px;
      font-size: 1.7rem;
      font-family: tradegothic_light;
      line-height: 1.8; }
    .endorsements-slider .endorsements blockquote:before {
      content: '\201c';
      position: absolute;
      top: -4px;
      right: 97%;
      color: #d2c9bc;
      font-size: 70px;
      font-size: 7rem;
      font-family: tradegothic;
      font-style: normal;
      line-height: 1; }

.endorsements-slider .logo-links {
  display: none;
  width: 560px;
  padding-bottom: 15px;
  margin: 0 auto 2em;
  text-align: center;
  border-bottom: 1px solid #dcd8d0; }
  .endorsements-slider .logo-links a, .endorsements-slider .logo-links table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .endorsements-slider .logo-links .data-text:hover {
    position: relative;
    margin: 0 1em 1em; }
    .endorsements-slider .logo-links a:hover img, .endorsements-slider .logo-links table.dashboard-table .column-editable .data-text:hover img, table.dashboard-table .column-editable .endorsements-slider .logo-links .data-text:hover img {
      opacity: 1; }
    .endorsements-slider .logo-links a.active img, .endorsements-slider .logo-links table.dashboard-table .column-editable .active.data-text:hover img, table.dashboard-table .column-editable .endorsements-slider .logo-links .active.data-text:hover img {
      opacity: 1; }
    .endorsements-slider .logo-links a.active:after, .endorsements-slider .logo-links table.dashboard-table .column-editable .active.data-text:hover:after, table.dashboard-table .column-editable .endorsements-slider .logo-links .active.data-text:hover:after {
      content: ' ';
      position: absolute;
      left: 63px;
      bottom: -21px;
      display: block;
      width: 12px;
      height: 12px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      background: #f9f7f6;
      border-right: 3px solid #292934;
      border-bottom: 3px solid #292934; }
    .endorsements-slider .logo-links a.active:before, .endorsements-slider .logo-links table.dashboard-table .column-editable .active.data-text:hover:before, table.dashboard-table .column-editable .endorsements-slider .logo-links .active.data-text:hover:before {
      content: ' ';
      position: absolute;
      top: 24px;
      left: 57px;
      width: 30px;
      height: 9px;
      background: #f9f7f6;
      z-index: 1; }
  .endorsements-slider .logo-links img {
    width: 140px;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.cta::after {
  clear: both;
  content: "";
  display: table; }

.cta.align-right {
  text-align: right; }

.button.align-right {
  float: right; }

.video-section-title {
  display: none; }

.threat-intelligence .video-section-title,
.threat-enforcement .video-section-title,
.home .video-section-title {
  display: block;
  text-align: center; }

.video-section-wrapper {
  margin: 2em auto;
  padding: 3em 0;
  background-color: #f9f7f6;
  border-top: 1px solid #e7e4df;
  border-bottom: 1px solid #e7e4df; }

.full-overlay.video-section {
  height: 295px;
  margin: auto; }
  .full-overlay.video-section video,
  .full-overlay.video-section iframe {
    display: block;
    width: 100%;
    height: 295px;
    margin: auto; }

.full-overlay .video-section-overlay {
  background-size: auto 295px;
  background-position: 50%; }

.video-section-wrapper .video-section-info {
  padding-top: 2em; }

.video-section-overlay {
  display: none; }

.video-section-video {
  position: relative; }

.full-overlay .video-section-video {
  position: relative;
  border: 1px solid #828282;
  width: 80%;
  margin: auto; }

.full .video-section-overlay {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-repeat: no-repeat; }

.cover .video-section-overlay,
.video-section-overlay.lightbox {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 294px;
  cursor: pointer;
  background-repeat: no-repeat;
  z-index: 1; }

.cover .video-section-overlay:after {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 294px;
  background: rgba(130, 130, 130, 0.5); }

.cover .video-section-play {
  position: relative;
  width: 100px;
  height: 100px;
  margin: auto;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 100px;
  border: 8px solid white;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5); }
  .cover .video-section-play:after {
    content: ' ';
    position: absolute;
    top: 17px;
    left: 26px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 43.3px;
    border-color: transparent transparent transparent #ffffff; }

.video-section.full {
  position: relative;
  width: 100%;
  margin-bottom: 1em; }
  .video-section.full video,
  .video-section.full iframe {
    width: 100%;
    height: 294px; }
  .video-section.full .video-section-play {
    top: 90px; }

.sidebar .video-section-overlay.lightbox {
  width: 100%;
  height: 100%; }
  .sidebar .video-section-overlay.lightbox:after {
    height: 100%; }

.sidebar.video-section {
  margin-bottom: 2em; }

.sidebar .video-section-play {
  top: 20px; }

.sidebar .video-section-video {
  margin-bottom: 1em; }

.sidebar .video-section-video video,
.sidebar .video-section-video iframe {
  width: 100%; }

.full-overlay .video-section-overlay p,
.homepage .video-section-overlay p {
  display: none; }

.full-overlay .video-section-play,
.homepage .video-section-play {
  top: 20px; }

.hosted .video-section-play {
  top: 31%; }

.hosted .video-section-overlay,
.hosted .video-section-overlay:after {
  height: 99.5%; }

.two-column.video-section {
  margin: 3em 0; }
  .two-column.video-section.bordered {
    padding: 2em 0;
    border-top: 1px solid #b4b4bb;
    border-bottom: 1px solid #b4b4bb; }

.two-column .video-section-video,
.two-column .video-section-video video,
.two-column .video-section-video iframe,
.two-column .video-section-overlay:after,
.two-column .video-section-overlay {
  width: 100%;
  height: 200px; }

.two-column .video-section-play {
  top: 40px; }

.two-column .video-section-video {
  margin-bottom: 1em; }

.two-column .video-section-title {
  font-size: 22px;
  font-size: 2.2rem;
  text-transform: uppercase;
  text-align: left; }

.two-column .cta {
  position: relative;
  padding-bottom: 1em; }
  .two-column .cta .orange.button {
    position: relative; }

.title-banner {
  text-align: center;
  padding: 3em 0;
  margin-bottom: 3em; }

.bg-grey {
  background-color: #f3f0ed;
  border-bottom: 1px solid #e7e4e1; }

/* Screen reader text
-------------------------------------------------------------------- */
.opendns-skip-link {
  margin: 0;
  top: 0; }
  .opendns-skip-link .skip-link-hidden {
    display: none;
    visibility: hidden; }
  .opendns-skip-link li {
    height: 0;
    list-style: none;
    width: 0; }

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
  .screen-reader-shortcut.search-submit,
  .screen-reader-text.search-submit,
  .screen-reader-text span.search-submit {
    right: 0 !important;
    top: 0 !important; }

.screen-reader-text:not(.search-submit):focus,
.screen-reader-shortcut:focus {
  background: white;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #333;
  display: block;
  font-size: 1em;
  font-weight: 500;
  height: auto;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 0;
  width: auto;
  z-index: 1000002; }

body.single-partners .selected-resources::after,
body.single-enterprise-product.threat-intelligence .selected-resources::after {
  clear: both;
  content: "";
  display: table; }

body.single-partners .selected-resources img,
body.single-enterprise-product.threat-intelligence .selected-resources img {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 2px; }

body.single-partners .selected-resources a, body.single-partners .selected-resources table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.single-partners .selected-resources .data-text:hover,
body.single-enterprise-product.threat-intelligence .selected-resources a,
body.single-enterprise-product.threat-intelligence .selected-resources table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table .column-editable body.single-enterprise-product.threat-intelligence .selected-resources .data-text:hover {
  display: block;
  padding-left: 30px; }

body.single-partners .selected-resources ul,
body.single-enterprise-product.threat-intelligence .selected-resources ul {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 74.10533%;
  margin-left: 12.94733%;
  padding-bottom: 0;
  list-style: none; }
  body.single-partners .selected-resources ul:last-child,
  body.single-enterprise-product.threat-intelligence .selected-resources ul:last-child {
    margin-right: 0; }

body.single-partners .selected-resources li,
body.single-enterprise-product.threat-intelligence .selected-resources li {
  margin-bottom: 0.5em;
  font-size: 16px;
  font-size: 1.6rem; }

body.dpa-reference ul {
  list-style: disc;
  margin-left: 2em; }

.testimonial-banner {
  background-color: #ececee;
  padding: 3em 0; }
  .testimonial-banner .section-title {
    margin-bottom: 1.5em; }

.testimonials-slider .video-section-overlay {
  background-size: auto 294px;
  background-position-x: 50%; }
  .testimonials-slider .video-section-overlay:after {
    background-color: rgba(130, 130, 130, 0); }

.testimonials-slider .video-section-play {
  top: 100px; }

.testimonials-slider .testimonials {
  position: relative;
  height: 450px;
  text-align: center;
  margin: 0 auto; }
  .testimonials-slider .testimonials::after {
    clear: both;
    content: "";
    display: table; }
  .testimonials-slider .testimonials .testimonial {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 1; }
  .testimonials-slider .testimonials .testimonial + .testimonial {
    display: none; }
  .testimonials-slider .testimonials blockquote p {
    font-size: 17px;
    font-size: 1.7rem;
    font-family: tradegothic_light;
    line-height: 1.8;
    font-style: normal;
    text-align: left; }

.testimonials-slider #youtube-iframe {
  height: 294px;
  width: 100%; }

.testimonials-slider .logo-links {
  display: none;
  width: 100%;
  padding-bottom: 15px;
  margin: 0 auto 2em;
  text-align: center;
  border-right: 1px solid #292934;
  height: 450px; }
  .testimonials-slider .logo-links a, .testimonials-slider .logo-links table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .testimonials-slider .logo-links .data-text:hover {
    position: relative;
    display: block;
    height: 80px; }
    .testimonials-slider .logo-links a:before, .testimonials-slider .logo-links table.dashboard-table .column-editable .data-text:hover:before, table.dashboard-table .column-editable .testimonials-slider .logo-links .data-text:hover:before {
      content: '';
      display: inline-block;
      height: 100%;
      vertical-align: middle;
      margin-right: -0.25em; }
    .testimonials-slider .logo-links a:hover, .testimonials-slider .logo-links table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .testimonials-slider .logo-links .data-text:hover {
      text-decoration: none; }
    .testimonials-slider .logo-links a:hover img, .testimonials-slider .logo-links table.dashboard-table .column-editable .data-text:hover img, table.dashboard-table .column-editable .testimonials-slider .logo-links .data-text:hover img {
      opacity: 1; }
    .testimonials-slider .logo-links a.active img, .testimonials-slider .logo-links table.dashboard-table .column-editable .active.data-text:hover img, table.dashboard-table .column-editable .testimonials-slider .logo-links .active.data-text:hover img {
      opacity: 1; }
    .testimonials-slider .logo-links a:after, .testimonials-slider .logo-links table.dashboard-table .column-editable .data-text:hover:after, table.dashboard-table .column-editable .testimonials-slider .logo-links .data-text:hover:after {
      content: '';
      display: block;
      position: absolute;
      right: -14px;
      top: -20px;
      font-size: 100px;
      color: #292934; }
    .testimonials-slider .logo-links a.active:after, .testimonials-slider .logo-links table.dashboard-table .column-editable .active.data-text:hover:after, table.dashboard-table .column-editable .testimonials-slider .logo-links .active.data-text:hover:after {
      content: '\00b7'; }
  .testimonials-slider .logo-links img {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
    padding: 10px 0;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }

.trending-now {
  margin: 0 3em; }
  .trending-now h2 {
    color: #292934;
    font-size: 38px;
    font-size: 3.8rem;
    margin-bottom: 1.5em; }

.trending-tiles .trending-tiles-content-wrapper {
  margin: 1em;
  padding: 0 0 2em; }
  .trending-tiles .trending-tiles-content-wrapper .tag,
  .trending-tiles .trending-tiles-content-wrapper .trending-item-title,
  .trending-tiles .trending-tiles-content-wrapper p {
    color: white;
    line-height: 1.4; }
  .trending-tiles .trending-tiles-content-wrapper .tag {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 1.4rem;
    padding-bottom: 0; }
  .trending-tiles .trending-tiles-content-wrapper .trending-item-title {
    font-family: tradegothic, Helvetica, Arial, sans-serif;
    font-size: 30px;
    font-size: 3rem;
    padding-bottom: 0.5em;
    margin-top: 0.25em;
    line-height: 1.3; }
  .trending-tiles .trending-tiles-content-wrapper .cta,
  .trending-tiles .trending-tiles-content-wrapper .ctas {
    margin-top: 0.5em; }
    .trending-tiles .trending-tiles-content-wrapper .cta a, .trending-tiles .trending-tiles-content-wrapper .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .trending-tiles .trending-tiles-content-wrapper .cta .data-text:hover,
    .trending-tiles .trending-tiles-content-wrapper .ctas a,
    .trending-tiles .trending-tiles-content-wrapper .ctas table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable .trending-tiles .trending-tiles-content-wrapper .ctas .data-text:hover {
      text-transform: uppercase;
      color: white;
      font-size: 13px;
      font-size: 1.3rem; }
  .trending-tiles .trending-tiles-content-wrapper .fa-chevron-circle-right {
    color: #F37821; }
  .trending-tiles .trending-tiles-content-wrapper .webcast-register {
    margin-bottom: 0.5em; }

.trending-tiles .trending-tiles-image {
  background-color: white;
  overflow: hidden; }
  .trending-tiles .trending-tiles-image img {
    width: 100%;
    height: auto; }

.trending-tiles .item-1 {
  background-color: #7e9adc; }

.trending-tiles .item-2 {
  background-color: #5E81D3; }

.trending-tiles .item-3 {
  background-color: #4b67a9; }

@media screen and (min-width: 40em) {
  body .hosted .video-section-play {
    display: block;
    top: 140px;
    -webkit-transform: scale(1);
    transform: scale(1); } }

@media screen and (min-width: 59.5em) {
  body {
    padding-top: 103px; }
    body.subnav--visible {
      padding-top: 140px; }
    body .title-banner p {
      width: 80%;
      margin: auto; }
    body img.mobile-show {
      display: none; }
    body .mobile-hide {
      display: block; }
    body.short-header {
      padding-top: 0; }
    body.short-header .content {
      padding-top: 8.5em; }
    body footer .grid .left-column,
    body .page .left-column {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 28.34139%; }
      body footer .grid .left-column:last-child,
      body .page .left-column:last-child {
        margin-right: 0; }
    body footer .grid .main-column,
    body .page .main-column {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 66.2783%;
      position: relative; }
      body footer .grid .main-column:last-child,
      body .page .main-column:last-child {
        margin-right: 0; }
      body footer .grid .main-column .cta,
      body .page .main-column .cta {
        display: block; }
    body footer .grid .right-column,
    body .page .right-column {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 28.34139%;
      margin-right: 0;
      float: right; }
      body footer .grid .right-column:last-child,
      body .page .right-column:last-child {
        margin-right: 0; }
    body footer .grid .left-side-2up,
    body .page .left-side-2up {
      float: left;
      display: block;
      margin-right: 1.75788%;
      width: 42.76119%;
      padding-right: 1em;
      padding-top: 2em; }
      body footer .grid .left-side-2up:last-child,
      body .page .left-side-2up:last-child {
        margin-right: 0; }
    body footer .grid .right-side-2up,
    body .page .right-side-2up {
      float: left;
      display: block;
      margin-right: 1.75788%;
      width: 42.76119%;
      margin-right: 0;
      float: right;
      padding-top: 2em; }
      body footer .grid .right-side-2up:last-child,
      body .page .right-side-2up:last-child {
        margin-right: 0; }
    body footer .grid .main-column-60,
    body .page .main-column-60 {
      float: left;
      display: block;
      margin-right: 1.55951%;
      width: 54.86244%; }
      body footer .grid .main-column-60:last-child,
      body .page .main-column-60:last-child {
        margin-right: 0; }
    body footer .grid .right-column-40,
    body .page .right-column-40 {
      float: left;
      display: block;
      margin-right: 1.55951%;
      width: 32.29366%;
      margin-right: 0;
      float: right; }
      body footer .grid .right-column-40:last-child,
      body .page .right-column-40:last-child {
        margin-right: 0; }
    body.post-type-archive-infographics .page .main-column {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 100%;
      margin-right: 0;
      float: right; }
      body.post-type-archive-infographics .page .main-column:last-child {
        margin-right: 0; }
    body img.fullwidth {
      display: block; }
    body .cms-columns .cms-column::after {
      clear: both;
      content: "";
      display: table; }
    body .cms-columns .cms-column.left {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 28.34139%; }
      body .cms-columns .cms-column.left:last-child {
        margin-right: 0; }
    body .cms-columns .cms-column.right {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 66.2783%;
      margin-right: 0;
      float: right; }
      body .cms-columns .cms-column.right:last-child {
        margin-right: 0; }
    body #mobile-cta {
      display: none; }
    body .image-banner .banner {
      position: relative;
      display: block;
      max-width: 100%;
      background-position: 50% 50%; }
    body .image-banner p {
      font-size: 18px;
      font-size: 1.8rem;
      font-family: 'tradegothic_light'; }
    body .image-banner .grid {
      top: -300px;
      width: 100%; }
    body .image-banner .image-banner-heading {
      width: 80%;
      margin: auto;
      padding: 0.5em; }
    body .blue-background {
      height: 275px;
      padding: 0; }
      body .blue-background .dark-column {
        float: left;
        width: 300px;
        height: 275px;
        margin-right: 4em;
        background: rgba(0, 0, 0, 0.35); }
        body .blue-background .dark-column .title {
          display: inline-block;
          padding: 0;
          vertical-align: middle;
          color: white;
          font-size: 28px;
          font-size: 2.8rem;
          text-align: center;
          letter-spacing: 1pt; }
        body .blue-background .dark-column:before {
          content: '';
          display: inline-block;
          height: 100%;
          vertical-align: middle;
          margin-right: -0.3em; }
      body .blue-background .message {
        padding-top: 2em; }
    body .two-col-par {
      -webkit-column-count: 2;
      -moz-column-count: 2;
      column-count: 2;
      -webkit-column-gap: 3em;
      -moz-column-gap: 3em;
      column-gap: 3em;
      display: inline-block;
      overflow: hidden; }
    body .endorsement {
      margin: 1em auto;
      width: 800px; }
    body .suggested-links .cta-block {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 62.06309%; }
      body .suggested-links .cta-block:last-child {
        margin-right: 0; }
    body .suggested-links .links {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 28.34139%;
      margin-right: 0;
      float: right;
      border-left: 1px dotted #46494e;
      padding-left: 3em; }
      body .suggested-links .links:last-child {
        margin-right: 0; }
      body .suggested-links .links ul {
        padding-bottom: 0; }
    body .trending-items .item {
      float: left;
      width: 29%;
      margin-left: 6%; }
      body .trending-items .item:first-child {
        margin-left: 0; }
      body .trending-items .item:nth-child(3n+1) {
        clear: left;
        margin-left: 0; }
    body .endorsements-slider {
      display: block; }
      body .endorsements-slider .logo-links {
        display: block; }
      body .endorsements-slider#mobile-endorsements {
        display: none; }
    body .cover .video-section-overlay,
    body .video-section-overlay.lightbox {
      background-size: auto 100%; }
    body .full .video-section-overlay.lightbox {
      display: block; }
    body .full .video-section-overlay {
      display: none; }
    body .hosted .video-section-overlay,
    body .hosted .video-section-overlay:after {
      height: 100%; }
    body.threat-intelligence .video-section-title,
    body.threat-enforcement .video-section-title,
    body.home .video-section-title,
    body .video-section-title {
      display: none; }
    body .homepage.video-section {
      width: auto;
      height: 535px;
      margin-top: 2em; }
      body .homepage.video-section video,
      body .homepage.video-section iframe {
        display: block;
        width: 100%;
        height: 535px;
        margin: auto; }
    body .homepage .video-section-overlay {
      height: 535px;
      background-size: 100% auto; }
      body .homepage .video-section-overlay:after {
        height: 535px; }
      body .homepage .video-section-overlay p {
        position: relative;
        display: block;
        z-index: 1;
        color: white;
        text-transform: uppercase;
        text-align: center;
        font-size: 35px;
        font-size: 3.5rem; }
        body .homepage .video-section-overlay p:first-child {
          padding-top: 120px; }
    body .full-overlay .video-section-play,
    body .homepage .video-section-play {
      top: 20px;
      -webkit-transform: scale(1, 1);
      transform: scale(1, 1); }
    body .full-overlay.video-section {
      height: 400px; }
      body .full-overlay.video-section video,
      body .full-overlay.video-section iframe {
        height: 400px; }
    body .full-overlay .video-section-overlay {
      height: 400px;
      background-size: 100% auto; }
      body .full-overlay .video-section-overlay:after {
        height: 400px; }
      body .full-overlay .video-section-overlay p {
        position: relative;
        display: block;
        z-index: 1;
        color: white;
        text-transform: uppercase;
        text-align: center;
        font-size: 30px;
        font-size: 3rem; }
        body .full-overlay .video-section-overlay p:first-child {
          padding-top: 80px; }
    body .two-column.video-section::after {
      clear: both;
      content: "";
      display: table; }
    body .two-column .video-section-video {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 49.41745%;
      margin-bottom: 0; }
      body .two-column .video-section-video:last-child {
        margin-right: 0; }
    body .two-column .video-section-overlay,
    body .two-column .video-section-overlay:after,
    body .two-column .video-section-video video,
    body .two-column .video-section-video iframe,
    body .two-column .video-section-video {
      height: 265px; }
    body .two-column .video-section-info {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 45.20224%;
      margin-left: 4.21521%;
      margin-right: 0; }
      body .two-column .video-section-info:last-child {
        margin-right: 0; }
    body .two-column .video-section-title {
      display: block; }
    body .two-column .video-section-play {
      top: 80px; }
    body.single-partners .selected-resources .left-list, body.single-enterprise-product.threat-intelligence .selected-resources .left-list {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 36.77182%;
      margin-left: 8.43042%; }
      body.single-partners .selected-resources .left-list:last-child, body.single-enterprise-product.threat-intelligence .selected-resources .left-list:last-child {
        margin-right: 0; }
    body.single-partners .selected-resources .right-list, body.single-enterprise-product.threat-intelligence .selected-resources .right-list {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 36.77182%;
      margin-left: 4.21521%; }
      body.single-partners .selected-resources .right-list:last-child, body.single-enterprise-product.threat-intelligence .selected-resources .right-list:last-child {
        margin-right: 0; }
    body .testimonials-slider {
      display: block; }
      body .testimonials-slider .testimonials {
        float: left;
        display: block;
        margin-right: 1.55951%;
        width: 66.14683%;
        margin-right: 0;
        float: right; }
        body .testimonials-slider .testimonials:last-child {
          margin-right: 0; }
      body .testimonials-slider .video-section-video {
        height: 350px;
        width: 100%; }
      body .testimonials-slider #youtube-iframe {
        height: 350px; }
      body .testimonials-slider .video-section-overlay {
        height: 350px;
        background-size: auto 350px; }
        body .testimonials-slider .video-section-overlay:after {
          height: 350px;
          background: rgba(130, 130, 130, 0.5); }
      body .testimonials-slider .logo-links {
        float: left;
        display: block;
        margin-right: 1.55951%;
        width: 26.65146%;
        display: block; }
        body .testimonials-slider .logo-links:last-child {
          margin-right: 0; }
    body .trending-now {
      margin: 0; }
    body .trending-tiles .trending-tiles-image {
      height: 250px; }
    body .trending-tiles .item-1 {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 45.20224%;
      height: 550px; }
      body .trending-tiles .item-1:last-child {
        margin-right: 0; }
      body .trending-tiles .item-1 .trending-tiles-content {
        height: 290px; }
    body .trending-tiles .item-2 {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 49.41745%;
      float: right;
      margin-right: 0;
      height: 250px; }
      body .trending-tiles .item-2:last-child {
        margin-right: 0; }
      body .trending-tiles .item-2 .trending-tiles-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%; }
        body .trending-tiles .item-2 .trending-tiles-content:last-child {
          margin-right: 0; }
      body .trending-tiles .item-2 .trending-tiles-image {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        float: right; }
        body .trending-tiles .item-2 .trending-tiles-image:last-child {
          margin-right: 0; }
      body .trending-tiles .item-2 .trending-item-title {
        font-size: 22px;
        font-size: 2.2rem; }
    body .trending-tiles .item-3 {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 49.41745%;
      float: right;
      height: 250px;
      margin-top: 50px; }
      body .trending-tiles .item-3:last-child {
        margin-right: 0; }
      body .trending-tiles .item-3 .trending-tiles-content {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0;
        float: right; }
        body .trending-tiles .item-3 .trending-tiles-content:last-child {
          margin-right: 0; }
      body .trending-tiles .item-3 .trending-tiles-image {
        float: left;
        display: block;
        margin-right: 2.35765%;
        width: 48.82117%;
        margin-right: 0; }
        body .trending-tiles .item-3 .trending-tiles-image:last-child {
          margin-right: 0; }
      body .trending-tiles .item-3 .trending-item-title {
        font-size: 22px;
        font-size: 2.2rem; } }

.page-header, .image-banner .image-banner-heading, .section-header {
  margin-bottom: 0.5em;
  color: #434356;
  font-size: 30px;
  line-height: 1.25;
  text-transform: uppercase;
  font-family: tradegothic_cn, Helvetica, Arial, sans-serif; }

.testimonial-banner .section-title, .trending-now h2 {
  margin-bottom: 0.75em;
  color: #434356;
  font-size: 24px;
  line-height: 1.25;
  text-transform: uppercase;
  text-align: center;
  font-family: tradegothic_cn, Helvetica, Arial, sans-serif; }

.product-container .menu-item.button a, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:hover,
.subnav-container .menu-item.button a, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:hover, .suggested-links .cta-block .button.orange, .trending-tiles .trending-tiles-content-wrapper .webcast-register, .home-endorsements-button, .trending-items .webcast-register, .two-column .cta .orange.button, .personalpage-tiles-button, .personal-options .personal-options-button, .personal-options-pdf .personal-options-pdf-button, .usa-content .cta a, .usa-content .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:hover, .phishing-quiz .button.orange, body.single-events .button.orange, .home .homepage-hero .homepage-hero__cta, #search-results .button, .suggested-links .cta-block .button.grey, body.about .button.grey, .phishing-quiz .button.gold, .school-endorsement-wrap .button, .personal-business-button, .personal-prosumer-button {
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  padding: 0.75em 1.25em;
  border-radius: 20px;
  font-size: 16px;
  color: white;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-transform: uppercase;
  text-align: center;
  font-family: tradegothic_light, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 1;
  cursor: pointer; }
  .product-container .menu-item.button a:hover, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:hover,
  .subnav-container .menu-item.button a:hover, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:hover, .suggested-links .cta-block .button.orange:hover, .trending-tiles .trending-tiles-content-wrapper .webcast-register:hover, .home-endorsements-button:hover, .trending-items .webcast-register:hover, .two-column .cta .orange.button:hover, .personalpage-tiles-button:hover, .personal-options .personal-options-button:hover, .personal-options-pdf .personal-options-pdf-button:hover, .usa-content .cta a:hover, .usa-content .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:hover, .phishing-quiz .button.orange:hover, body.single-events .button.orange:hover, .home .homepage-hero .homepage-hero__cta:hover, #search-results .button:hover, .suggested-links .cta-block .button.grey:hover, body.about .button.grey:hover, .phishing-quiz .button.gold:hover, .school-endorsement-wrap .button:hover, .personal-business-button:hover, .personal-prosumer-button:hover, .product-container .menu-item.button a:focus, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:focus:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:focus:hover,
  .subnav-container .menu-item.button a:focus, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:focus:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:focus:hover, .suggested-links .cta-block .button.orange:focus, .trending-tiles .trending-tiles-content-wrapper .webcast-register:focus, .home-endorsements-button:focus, .trending-items .webcast-register:focus, .two-column .cta .orange.button:focus, .personalpage-tiles-button:focus, .personal-options .personal-options-button:focus, .personal-options-pdf .personal-options-pdf-button:focus, .usa-content .cta a:focus, .usa-content .cta table.dashboard-table .column-editable .data-text:focus:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:focus:hover, .phishing-quiz .button.orange:focus, body.single-events .button.orange:focus, .home .homepage-hero .homepage-hero__cta:focus, #search-results .button:focus, .suggested-links .cta-block .button.grey:focus, body.about .button.grey:focus, .phishing-quiz .button.gold:focus, .school-endorsement-wrap .button:focus, .personal-business-button:focus, .personal-prosumer-button:focus, .product-container .menu-item.button a:active, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:active:hover,
  .subnav-container .menu-item.button a:active, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:active:hover, .suggested-links .cta-block .button.orange:active, .trending-tiles .trending-tiles-content-wrapper .webcast-register:active, .home-endorsements-button:active, .trending-items .webcast-register:active, .two-column .cta .orange.button:active, .personalpage-tiles-button:active, .personal-options .personal-options-button:active, .personal-options-pdf .personal-options-pdf-button:active, .usa-content .cta a:active, .usa-content .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:active:hover, .phishing-quiz .button.orange:active, body.single-events .button.orange:active, .home .homepage-hero .homepage-hero__cta:active, #search-results .button:active, .suggested-links .cta-block .button.grey:active, body.about .button.grey:active, .phishing-quiz .button.gold:active, .school-endorsement-wrap .button:active, .personal-business-button:active, .personal-prosumer-button:active {
    text-decoration: none; }

.product-container .menu-item.button a, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:hover,
.subnav-container .menu-item.button a, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:hover, .suggested-links .cta-block .button.orange, .trending-tiles .trending-tiles-content-wrapper .webcast-register, .home-endorsements-button, .trending-items .webcast-register, .two-column .cta .orange.button, .personalpage-tiles-button, .personal-options .personal-options-button, .personal-options-pdf .personal-options-pdf-button, .usa-content .cta a, .usa-content .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:hover, .phishing-quiz .button.orange, body.single-events .button.orange, .home .homepage-hero .homepage-hero__cta, #search-results .button {
  background: #292934; }
  .product-container .menu-item.button a:hover, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:hover,
  .subnav-container .menu-item.button a:hover, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:hover, .suggested-links .cta-block .button.orange:hover, .trending-tiles .trending-tiles-content-wrapper .webcast-register:hover, .home-endorsements-button:hover, .trending-items .webcast-register:hover, .two-column .cta .orange.button:hover, .personalpage-tiles-button:hover, .personal-options .personal-options-button:hover, .personal-options-pdf .personal-options-pdf-button:hover, .usa-content .cta a:hover, .usa-content .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:hover, .phishing-quiz .button.orange:hover, body.single-events .button.orange:hover, .home .homepage-hero .homepage-hero__cta:hover, #search-results .button:hover {
    background: #54545d;
    color: white; }
  .product-container .menu-item.button a:active, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:active:hover,
  .subnav-container .menu-item.button a:active, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:active:hover, .suggested-links .cta-block .button.orange:active, .trending-tiles .trending-tiles-content-wrapper .webcast-register:active, .home-endorsements-button:active, .trending-items .webcast-register:active, .two-column .cta .orange.button:active, .personalpage-tiles-button:active, .personal-options .personal-options-button:active, .personal-options-pdf .personal-options-pdf-button:active, .usa-content .cta a:active, .usa-content .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:active:hover, .phishing-quiz .button.orange:active, body.single-events .button.orange:active, .home .homepage-hero .homepage-hero__cta:active, #search-results .button:active {
    background: #21212a;
    -webkit-box-shadow: none;
            box-shadow: none;
    color: white; }

.suggested-links .cta-block .button.grey, body.about .button.grey {
  background: #d9d9dd;
  color: #22222b; }
  .suggested-links .cta-block .button.grey:hover, body.about .button.grey:hover {
    background: #e3e3e6; }
  .suggested-links .cta-block .button.grey:active, body.about .button.grey:active {
    background: #c7c7cc;
    -webkit-box-shadow: none;
            box-shadow: none; }

.phishing-quiz .button.gold {
  background: #ff9900; }
  .phishing-quiz .button.gold:hover {
    background: #ffad33; }
  .phishing-quiz .button.gold:active {
    background: #f29100;
    -webkit-box-shadow: none;
            box-shadow: none; }

.school-endorsement-wrap .button, .personal-business-button {
  background: white;
  color: #292934; }
  .school-endorsement-wrap .button:hover, .personal-business-button:hover {
    background: white;
    color: #292934; }
  .school-endorsement-wrap .button:active, .personal-business-button:active {
    background: #cccccc;
    color: #292934; }

.product-container .menu-item.button a, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:hover,
.subnav-container .menu-item.button a, .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:hover {
  font-size: 12px; }

.suggested-links .cta-block .button.orange, .trending-tiles .trending-tiles-content-wrapper .webcast-register, .home-endorsements-button {
  font-size: 14px; }

.trending-items .webcast-register, .two-column .cta .orange.button, .personalpage-tiles-button, .personal-options .personal-options-button, .personal-options-pdf .personal-options-pdf-button, .usa-content .cta a, .usa-content .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .usa-content .cta .data-text:hover, .phishing-quiz .button.orange {
  font-size: 16px; }

body.single-events .button.orange {
  font-size: 18px; }

.suggested-links .cta-block .button.grey, body.about .button.grey {
  font-size: 14px; }

.phishing-quiz .button.gold {
  font-size: 16px; }

.school-endorsement-wrap .button {
  font-size: 16px; }

.blue-background .message .button, body.support .community-box .cta a, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover,
body.support .support-package-box .cta a, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover,
body.support .docs-box .cta a, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover, .home .nav-tiles .nav-tiles__cta {
  display: inline-block;
  padding: 0.75em 1.25em;
  border-radius: 20px;
  text-transform: none;
  line-height: 1;
  letter-spacing: 0.05em; }
  .blue-background .message .button:hover, body.support .community-box .cta a:hover, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover,
  body.support .support-package-box .cta a:hover, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover,
  body.support .docs-box .cta a:hover, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover, .home .nav-tiles .nav-tiles__cta:hover, .blue-background .message .button:focus, body.support .community-box .cta a:focus, body.support .community-box .cta table.dashboard-table .column-editable .data-text:focus:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:focus:hover,
  body.support .support-package-box .cta a:focus, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:focus:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:focus:hover,
  body.support .docs-box .cta a:focus, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:focus:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:focus:hover, .home .nav-tiles .nav-tiles__cta:focus, .blue-background .message .button:active, body.support .community-box .cta a:active, body.support .community-box .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:active:hover,
  body.support .support-package-box .cta a:active, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:active:hover,
  body.support .docs-box .cta a:active, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:active:hover, .home .nav-tiles .nav-tiles__cta:active {
    text-decoration: none; }

.blue-background .message .button, body.support .community-box .cta a, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover,
body.support .support-package-box .cta a, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover,
body.support .docs-box .cta a, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover, .home .nav-tiles .nav-tiles__cta {
  border: 1px solid #434356;
  color: #434356;
  background: white;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold; }
  .blue-background .message .button:hover, body.support .community-box .cta a:hover, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover,
  body.support .support-package-box .cta a:hover, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover,
  body.support .docs-box .cta a:hover, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover, .home .nav-tiles .nav-tiles__cta:hover {
    background: #f2f2f2; }
  .blue-background .message .button:active, body.support .community-box .cta a:active, body.support .community-box .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:active:hover,
  body.support .support-package-box .cta a:active, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:active:hover,
  body.support .docs-box .cta a:active, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:active:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:active:hover, .home .nav-tiles .nav-tiles__cta:active {
    background: #d9d9d9; }

.blue-background .message .button, body.support .community-box .cta a, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover,
body.support .support-package-box .cta a, body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover,
body.support .docs-box .cta a, body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover {
  font-size: 14px; }

.personal-prosumer-button {
  background: #4b67a9;
  color: white; }
  .personal-prosumer-button:hover {
    background: #5E81D3;
    color: white; }
  .personal-prosumer-button:active {
    background: #4b67a9;
    color: white; }

.personal-prosumer-button {
  font-size: 14px; }

.page-header, .image-banner .image-banner-heading, .section-header {
  margin-bottom: 0.5em;
  color: #292934;
  font-size: 30px;
  line-height: 1.25;
  text-transform: uppercase;
  font-family: tradegothic_light, Helvetica, Arial, sans-serif;
  font-weight: normal;
  border: none;
  letter-spacing: normal; }

.image-banner .image-banner-heading {
  font-size: 40px;
  color: #f2f2f2;
  letter-spacing: 1pt;
  text-shadow: 1px 1px 0 #363645; }

.sidebar-header {
  padding: 0.25em 0;
  margin: 0 0 0.5em;
  font-size: 18px;
  text-transform: uppercase;
  color: #8e8e99;
  border-top: 1px dotted #8e8e99;
  border-bottom: 1px dotted #8e8e99;
  font-family: tradegothic_cn, Helvetica, Arial, sans-serif;
  font-weight: normal;
  letter-spacing: 0.5pt; }

.topic-title, .trending-items .trending-item-title {
  font-family: tradegothic_cn, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  font-weight: normal;
  text-transform: none;
  font-size: 24px;
  color: #3d3d4d;
  letter-spacing: 0.4pt;
  border: none;
  padding-bottom: 0.35em; }

.testimonial-banner .section-title, .trending-now h2 {
  color: #8e8e99;
  font-weight: normal;
  font-family: tradegothic_light, Helvetica, Arial, sans-serif;
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.4pt;
  border: none; }

.header-offscreen-nav-trigger {
  background: transparent;
  border: 0 none;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 17px;
  left: 137px;
  margin-top: 20px;
  position: absolute;
  top: 3px;
  width: 22px; }
  .header-offscreen-nav-trigger:after {
    content: ' ';
    position: absolute;
    top: 4px;
    left: 0;
    width: 100%;
    height: 3px;
    background: white; }

.product-container,
.subnav-container {
  display: none; }
  .product-container .menu-item.button a, .product-container .menu-item.button table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .product-container .menu-item.button .data-text:hover,
  .subnav-container .menu-item.button a,
  .subnav-container .menu-item.button table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table .column-editable .subnav-container .menu-item.button .data-text:hover {
    padding: 0.5em 1.25em; }

body.msp-section .header-menu .current-menu-ancestor > a:after, body.msp-section .header-menu table.dashboard-table .column-editable .current-menu-ancestor > .data-text:hover:after, table.dashboard-table .column-editable body.msp-section .header-menu .current-menu-ancestor > .data-text:hover:after,
body.msp-section .header-menu .current-menu-parent > a:after,
body.msp-section .header-menu table.dashboard-table .column-editable .current-menu-parent > .data-text:hover:after,
table.dashboard-table .column-editable body.msp-section .header-menu .current-menu-parent > .data-text:hover:after,
body.msp-section .header-menu .current-menu-item > a:after,
body.msp-section .header-menu table.dashboard-table .column-editable .current-menu-item > .data-text:hover:after,
table.dashboard-table .column-editable body.msp-section .header-menu .current-menu-item > .data-text:hover:after,
body.personal-section .header-menu .current-menu-ancestor > a:after,
body.personal-section .header-menu table.dashboard-table .column-editable .current-menu-ancestor > .data-text:hover:after,
table.dashboard-table .column-editable body.personal-section .header-menu .current-menu-ancestor > .data-text:hover:after,
body.personal-section .header-menu .current-menu-parent > a:after,
body.personal-section .header-menu table.dashboard-table .column-editable .current-menu-parent > .data-text:hover:after,
table.dashboard-table .column-editable body.personal-section .header-menu .current-menu-parent > .data-text:hover:after,
body.personal-section .header-menu .current-menu-item > a:after,
body.personal-section .header-menu table.dashboard-table .column-editable .current-menu-item > .data-text:hover:after,
table.dashboard-table .column-editable body.personal-section .header-menu .current-menu-item > .data-text:hover:after {
  background: #292934; }

.header {
  position: relative;
  height: 60px;
  background: #292934;
  color: #828282;
  letter-spacing: 0.5pt;
  border-bottom: 1px solid white;
  overflow: visible; }
  .header ul {
    padding: 0; }
  .header .grid {
    height: 63px;
    overflow: visible; }
  .header a, .header table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .header .data-text:hover,
  .header table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .header .data-text:hover {
    color: #b5b5b5;
    text-decoration: none; }
    .header a.highlight, .header table.dashboard-table .column-editable .highlight.data-text:hover, table.dashboard-table .column-editable .header .highlight.data-text:hover {
      color: white; }
  .header .header-logo-link {
    display: inline-block; }
  .header .header-logo-img {
    display: inline-block;
    height: 46px;
    margin: 7px 0 11px; }

.header-persona-top,
.header-menu {
  display: none; }

#wpadminbar {
  z-index: 1000001 !important; }

#cisco-banner {
  width: 100%;
  background: #292934;
  border-bottom: 1px solid white; }
  #cisco-banner .cisco-banner-logo {
    position: relative;
    float: left;
    width: 70px;
    padding: 0.5em 0 0; }
    #cisco-banner .cisco-banner-logo img {
      top: 7px;
      left: 0;
      height: 27px;
      width: auto; }
  #cisco-banner .cisco-logo--dark {
    display: none; }
  #cisco-banner .cisco-banner-learn-more {
    width: 70%;
    float: left; }
    #cisco-banner .cisco-banner-learn-more a:before, #cisco-banner .cisco-banner-learn-more table.dashboard-table .column-editable .data-text:hover:before, table.dashboard-table .column-editable #cisco-banner .cisco-banner-learn-more .data-text:hover:before {
      display: inline-block;
      content: '\2014';
      line-height: 1; }
  #cisco-banner .cisco-banner-about {
    display: none; }
  #cisco-banner p, #cisco-banner a, #cisco-banner table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable #cisco-banner .data-text:hover {
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 0.5pt;
    color: white;
    display: inline;
    line-height: 24px; }

body.personal-section #cisco-banner,
body.msp-section #cisco-banner {
  border-bottom: 1px solid #292934; }

body.personal-section #cisco-banner .cisco-logo--light,
body.msp-section #cisco-banner .cisco-logo--light {
  display: none; }

body.personal-section #cisco-banner .cisco-logo--dark,
body.msp-section #cisco-banner .cisco-logo--dark {
  display: block; }

.promo-banner {
  display: none; }

body.business-section .header {
  background: #7e9adc; }

body.business-section .subnav-container {
  background: #5E81D3; }

body.business-section #cisco-banner {
  background: #7e9adc; }

body.msp-section .header {
  background: #98D04F;
  border-bottom: 1px solid #292934; }
  body.msp-section .header .header-persona-top .menu-item a, body.msp-section .header .header-persona-top .menu-item table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.msp-section .header .header-persona-top .menu-item .data-text:hover,
  body.msp-section .header .header-menu .menu-item a,
  body.msp-section .header .header-menu .menu-item table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table .column-editable body.msp-section .header .header-menu .menu-item .data-text:hover,
  body.msp-section .header .header-menu .menu-item p,
  body.msp-section .header .header-menu .menu-item:before {
    color: #292934; }

body.msp-section .subnav-container {
  background: #7aa63f;
  border-bottom: 1px solid #292934; }

body.msp-section #cisco-banner {
  background: #98D04F; }
  body.msp-section #cisco-banner a, body.msp-section #cisco-banner table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.msp-section #cisco-banner .data-text:hover,
  body.msp-section #cisco-banner p {
    color: #292934; }

body.personal-section .header {
  background: #FFCC00;
  border-bottom: 1px solid #292934; }
  body.personal-section .header .header-persona-top ul .menu-item a, body.personal-section .header .header-persona-top ul .menu-item table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.personal-section .header .header-persona-top ul .menu-item .data-text:hover,
  body.personal-section .header .header-menu .menu-item a,
  body.personal-section .header .header-menu .menu-item table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table .column-editable body.personal-section .header .header-menu .menu-item .data-text:hover,
  body.personal-section .header .header-menu .menu-item p,
  body.personal-section .header .header-menu .menu-item:before {
    color: #292934; }

body.personal-section .subnav-container {
  background: #cca300;
  border-bottom: 1px solid #292934; }
  body.personal-section .subnav-container .menu-item a, body.personal-section .subnav-container .menu-item table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.personal-section .subnav-container .menu-item .data-text:hover {
    color: #292934; }

body.personal-section #cisco-banner {
  background: #FFCC00; }
  body.personal-section #cisco-banner a, body.personal-section #cisco-banner table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.personal-section #cisco-banner .data-text:hover,
  body.personal-section #cisco-banner p {
    color: #292934; }

@media screen and (min-width: 40em) {
  body #cisco-banner .cisco-banner-learn-more {
    padding: 0.5em 0 0.5em 0.5em; }
    body #cisco-banner .cisco-banner-learn-more a, body #cisco-banner .cisco-banner-learn-more table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body #cisco-banner .cisco-banner-learn-more .data-text:hover {
      padding-left: 65px; }
      body #cisco-banner .cisco-banner-learn-more a:before, body #cisco-banner .cisco-banner-learn-more table.dashboard-table .column-editable .data-text:hover:before, table.dashboard-table .column-editable body #cisco-banner .cisco-banner-learn-more .data-text:hover:before {
        display: none; }
    body #cisco-banner .cisco-banner-learn-more .fa-caret-right {
      padding-left: 1em; }
  body #cisco-banner .cisco-banner-about {
    display: block;
    text-align: right;
    padding: 0.5em 0 0.5em 0.5em;
    float: right; }
    body #cisco-banner .cisco-banner-about a, body #cisco-banner .cisco-banner-about table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body #cisco-banner .cisco-banner-about .data-text:hover {
      text-decoration: underline;
      font-size: 12px;
      font-size: 1.2rem; } }

@media screen and (min-width: 59.5em) {
  body .header-menu {
    position: absolute;
    top: 14px;
    left: 180px;
    display: block;
    height: 48px;
    overflow: hidden; }
    body .header-menu .menu-item {
      display: inline-block; }
    body .header-menu .menu-item p,
    body .header-menu .menu-item a,
    body .header-menu .menu-item table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body .header-menu .menu-item .data-text:hover {
      display: inline-block;
      margin: 0 1em;
      color: white;
      text-transform: uppercase;
      font-family: tradegothic_light, Helvetica, Arial, sans-serif;
      font-weight: normal;
      font-size: 13px;
      font-size: 1.3rem; }
    body .header-menu .button {
      display: none; }
    body .header-menu .investigate-menu {
      display: none; }
    body .header-menu .subnav {
      display: none; }
    body .header-menu .subnav.depth-0 {
      position: relative;
      left: -0.5em;
      display: inline-block; }
      body .header-menu .subnav.depth-0 .menu-item p,
      body .header-menu .subnav.depth-0 .menu-item a,
      body .header-menu .subnav.depth-0 .menu-item table.dashboard-table .column-editable .data-text:hover,
      table.dashboard-table .column-editable body .header-menu .subnav.depth-0 .menu-item .data-text:hover {
        padding: 0.25em; }
      body .header-menu .subnav.depth-0 .menu-item:before {
        content: '\2022';
        position: relative;
        top: -1px;
        color: white;
        font-size: 10px;
        font-size: 1rem;
        line-height: 13px; }
    body .header-menu .product-link {
      margin-right: 0.5em; }
      body .header-menu .product-link a, body .header-menu .product-link table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body .header-menu .product-link .data-text:hover {
        position: relative; }
    body .header-menu .product-link > a:before, body .header-menu table.dashboard-table .column-editable .product-link > .data-text:hover:before, table.dashboard-table .column-editable body .header-menu .product-link > .data-text:hover:before {
      content: '\f0d7';
      position: absolute;
      top: 0;
      right: -1em;
      font-smoothing: antialiased;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      font-family: FontAwesome; }
    body .header-menu .product-link--active > a:before, body .header-menu table.dashboard-table .column-editable .product-link--active > .data-text:hover:before, table.dashboard-table .column-editable body .header-menu .product-link--active > .data-text:hover:before {
      content: '\f0d8'; }
  body .subnav-container {
    display: block; }
  body .product-container,
  body .subnav-container {
    height: 35px;
    background: #23232c;
    border-bottom: 1px solid white;
    overflow: hidden; }
    body .product-container .subnav,
    body .subnav-container .subnav {
      position: relative;
      top: 1px; }
    body .product-container .subnav .subnav,
    body .subnav-container .subnav .subnav {
      display: none; }
    body .product-container .menu-item,
    body .subnav-container .menu-item {
      display: inline-block; }
      body .product-container .menu-item a, body .product-container .menu-item table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body .product-container .menu-item .data-text:hover,
      body .subnav-container .menu-item a,
      body .subnav-container .menu-item table.dashboard-table .column-editable .data-text:hover,
      table.dashboard-table .column-editable body .subnav-container .menu-item .data-text:hover {
        display: inline-block;
        padding: 0 1em;
        color: white;
        font-family: tradegothic_light, Helvetica, Arial, sans-serif;
        font-weight: normal;
        font-size: 13px;
        font-size: 1.3rem; }
      body .product-container .menu-item:after,
      body .subnav-container .menu-item:after {
        content: " | ";
        position: relative;
        top: 2px;
        color: white;
        opacity: 0.5; }
      body .product-container .menu-item.no-line:after, body .product-container .menu-item:last-child:after,
      body .subnav-container .menu-item.no-line:after,
      body .subnav-container .menu-item:last-child:after {
        display: none; }
    body .product-container .button,
    body .subnav-container .button {
      position: absolute;
      top: 0;
      right: 0.5em;
      z-index: 1; }
    body .product-container .product-menu,
    body .subnav-container .product-menu {
      display: none; }
  body .product-container {
    position: relative;
    z-index: 1;
    display: none;
    height: 40px;
    border-bottom: none;
    background: #4b67a9; }
    body .product-container .subnav {
      top: 3px; }
  body .subnav-container .current-menu-ancestor > a, body .subnav-container table.dashboard-table .column-editable .current-menu-ancestor > .data-text:hover, table.dashboard-table .column-editable body .subnav-container .current-menu-ancestor > .data-text:hover,
  body .subnav-container .current-menu-parent > a,
  body .subnav-container table.dashboard-table .column-editable .current-menu-parent > .data-text:hover,
  table.dashboard-table .column-editable body .subnav-container .current-menu-parent > .data-text:hover,
  body .subnav-container .current-menu-item > a,
  body .subnav-container table.dashboard-table .column-editable .current-menu-item > .data-text:hover,
  table.dashboard-table .column-editable body .subnav-container .current-menu-item > .data-text:hover,
  body .header-menu .current-menu-ancestor > a,
  body .header-menu table.dashboard-table .column-editable .current-menu-ancestor > .data-text:hover,
  table.dashboard-table .column-editable body .header-menu .current-menu-ancestor > .data-text:hover,
  body .header-menu .current-menu-parent > a,
  body .header-menu table.dashboard-table .column-editable .current-menu-parent > .data-text:hover,
  table.dashboard-table .column-editable body .header-menu .current-menu-parent > .data-text:hover,
  body .header-menu .current-menu-item > a,
  body .header-menu table.dashboard-table .column-editable .current-menu-item > .data-text:hover,
  table.dashboard-table .column-editable body .header-menu .current-menu-item > .data-text:hover {
    font-family: tradegothic, Helvetica, Arial, sans-serif;
    font-weight: bold; }
  
  body .header-menu .current-menu-ancestor > a,
  body .header-menu table.dashboard-table .column-editable .current-menu-ancestor > .data-text:hover,
  table.dashboard-table .column-editable body .header-menu .current-menu-ancestor > .data-text:hover,
  body .header-menu .current-menu-parent > a,
  body .header-menu table.dashboard-table .column-editable .current-menu-parent > .data-text:hover,
  table.dashboard-table .column-editable body .header-menu .current-menu-parent > .data-text:hover,
  body .header-menu .current-menu-item > a,
  body .header-menu table.dashboard-table .column-editable .current-menu-item > .data-text:hover,
  table.dashboard-table .column-editable body .header-menu .current-menu-item > .data-text:hover {
    position: relative; }
    body .header-menu .current-menu-ancestor > a:after, body .header-menu table.dashboard-table .column-editable .current-menu-ancestor > .data-text:hover:after, table.dashboard-table .column-editable body .header-menu .current-menu-ancestor > .data-text:hover:after,
    body .header-menu .current-menu-parent > a:after,
    body .header-menu table.dashboard-table .column-editable .current-menu-parent > .data-text:hover:after,
    table.dashboard-table .column-editable body .header-menu .current-menu-parent > .data-text:hover:after,
    body .header-menu .current-menu-item > a:after,
    body .header-menu table.dashboard-table .column-editable .current-menu-item > .data-text:hover:after,
    table.dashboard-table .column-editable body .header-menu .current-menu-item > .data-text:hover:after {
      content: ' ';
      position: absolute;
      bottom: -21px;
      left: 0;
      display: block;
      width: 100%;
      height: 3px;
      background: white; }
  body .subnav-container .arrow {
    position: relative;
    padding-right: 20px; }
    body .subnav-container .arrow:after {
      content: ' ';
      position: absolute;
      top: 1px;
      right: 7px;
      display: block;
      width: 30px;
      height: 30px;
      border-top: 1px solid white;
      border-right: 1px solid white;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      opacity: 1; }
  body.about-section .subnav-container .contact-link a, body.about-section .subnav-container .contact-link table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.about-section .subnav-container .contact-link .data-text:hover {
    font-family: tradegothic_light, Helvetica, Arial, sans-serif;
    font-weight: normal; }
  body .header-persona-top {
    display: block; }
  body .header-persona-top ul {
    position: absolute;
    top: 20px;
    right: 0.5em; }
  body .header-persona-top .menu-item {
    display: inline-block;
    text-transform: uppercase;
    font-family: tradegothic_light, Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 13px;
    font-size: 1.3rem;
    margin-left: 0.75em; }
  body .header-persona-top .menu-item a, body .header-persona-top .menu-item table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body .header-persona-top .menu-item .data-text:hover {
    display: inline-block;
    padding: 0;
    color: white; }
  body .header-persona-top .hidden {
    display: none; }
  body .header-persona-top .contact-sales-link {
    display: none; }
  body .header-persona-top .search-link {
    text-indent: -9999px;
    text-align: left; }
    body .header-persona-top .search-link > a, body .header-persona-top table.dashboard-table .column-editable .search-link > .data-text:hover, table.dashboard-table .column-editable body .header-persona-top .search-link > .data-text:hover {
      display: block;
      height: 20px;
      overflow: hidden;
      padding: 0;
      position: relative;
      width: 20px; }
      body .header-persona-top .search-link > a:before, body .header-persona-top table.dashboard-table .column-editable .search-link > .data-text:hover:before, table.dashboard-table .column-editable body .header-persona-top .search-link > .data-text:hover:before {
        content: '\f002';
        position: absolute;
        top: -3px;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        font-size: 15px;
        font-family: FontAwesome;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0; }
  body .promo-banner {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 1000; }
  body .promo-banner {
    top: 133px; }
  body.admin-bar .promo-banner {
    top: 165px; }
  body.subnav--visible .promo-banner {
    top: 170px; }
  body.subnav--visible.admin-bar .promo-banner {
    top: 202px; }
  body.promotion.single-enterprise-product.threat-intelligence .banner-wrapper .banner {
    height: 543px; }
  body .promo-banner-wrapper a:hover, body .promo-banner-wrapper table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body .promo-banner-wrapper .data-text:hover,
  body .promo-banner-wrapper table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable body .promo-banner-wrapper .data-text:hover {
    text-decoration: none; }
  body .promo-banner-wrapper.centered {
    text-align: center; }
  body .promo-banner-wrapper.right {
    text-align: right; }
  body .promo-banner-message {
    display: inline-block;
    padding: 0.25em 0.75em;
    border: 1px solid white;
    border-radius: 5px;
    background: rgba(28, 29, 31, 0.3); }
    body .promo-banner-message::after {
      clear: both;
      content: "";
      display: table; }
  body .promo-banner-message p {
    float: left;
    display: inline-block;
    padding: 0;
    font-size: 13px;
    color: white; }
  body .promo-banner-message.orange p {
    color: #c2601a; }
  body .promo-banner-message.blue p {
    color: #c2601a; }
  body .promo-banner-message.grey p {
    color: #1c1d1f; }
  body .promo-banner.no-stroke .promo-banner-message {
    border: none;
    background: none;
    padding: 0; }
    body .promo-banner.no-stroke .promo-banner-message p {
      font-size: 14px;
      font-size: 1.4rem; }
  body .promo-banner-cta:before {
    content: '|';
    display: inline-block;
    padding: 0 1.25em; }
  body .promo-banner-cta i {
    padding-left: 0.25em; }
  body .promo-banner-icon {
    position: relative;
    top: -3px;
    display: inline-block;
    width: 23px;
    height: 26px;
    margin-right: 5px;
    background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/icon-alert-white.png);
    background-repeat: no-repeat;
    background-size: 100%; }
  body .promo-banner.dark .promo-banner-message {
    border: 1px solid #1c1d1f;
    background: rgba(28, 29, 31, 0.2); }
  body .promo-banner.dark .promo-banner-message p {
    color: #1c1d1f; }
  body .promo-banner.dark .promo-banner-icon {
    background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/icon-alert-dark.png); }
  body #cisco-banner {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    z-index: 10000;
    overflow: hidden; }
    body #cisco-banner .cisco-banner-learn-more {
      width: 50%; }
    body #cisco-banner .cisco-banner-about {
      width: 20%; }
  body.admin-bar #cisco-banner {
    top: 32px; }
  body #qtip-search-box.qtip.search-box {
    z-index: 1100009 !important;
    width: 281px;
    height: 75px;
    padding: 0;
    border: 0 !important;
    border-radius: 0;
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.3); }
    body #qtip-search-box.qtip.search-box:before, body #qtip-search-box.qtip.search-box:after {
      display: none;
      border: 0; }
    body #qtip-search-box.qtip.search-box .qtip-close {
      position: static; }
    body #qtip-search-box.qtip.search-box .qtip-icon {
      background: transparent;
      border: none; }
    body #qtip-search-box.qtip.search-box .ui-icon.ui-icon-close {
      position: absolute;
      top: -40px;
      right: 20px;
      width: 40px;
      height: 40px;
      padding-top: 15px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      background: white;
      cursor: pointer;
      font-size: 14px;
      font-size: 1.4rem;
      text-align: center;
      border-radius: 0; }
    body #qtip-search-box.qtip.search-box .qtip-content {
      width: 251px !important;
      height: 35px !important;
      padding: 20px 15px !important;
      background: white !important;
      border-radius: 0;
      overflow: visible; }
      body #qtip-search-box.qtip.search-box .qtip-content form {
        width: 255px;
        height: 35px;
        border: 0;
        background: white;
        padding: 0;
        overflow: hidden; }
        body #qtip-search-box.qtip.search-box .qtip-content form::after {
          clear: both;
          content: "";
          display: table; }
      body #qtip-search-box.qtip.search-box .qtip-content label {
        display: none; }
      body #qtip-search-box.qtip.search-box .qtip-content hr {
        border: none;
        height: 1px;
        background: #dddad4;
        margin: -20px auto 2em; }
      body #qtip-search-box.qtip.search-box .qtip-content p {
        font-size: 13px;
        font-size: 1.3rem;
        text-align: center;
        font-family: tradegothic_light; }
      body #qtip-search-box.qtip.search-box .qtip-content span {
        background: white;
        padding: 10px; }
      body #qtip-search-box.qtip.search-box .qtip-content .text {
        border: 0;
        width: 190px;
        height: 35px;
        line-height: 20px;
        font-size: 13px;
        font-size: 1.3rem;
        padding: 0 5px;
        float: left;
        color: #292934;
        outline: none; }
  body .header {
    position: absolute;
    top: 41px;
    left: 0;
    display: block;
    width: 100%;
    height: 62px;
    z-index: 1000001; }
    body .header .header-logo-img {
      height: 46px;
      margin: 8px 0 6px; }
    body .header .mobile-nav-wrapper {
      display: none; }
    body .header ul {
      list-style: none; }
    body .header.short .logo img {
      height: 35px; }
  body .header-offscreen-nav-trigger {
    top: 1px; }
  body.admin-bar .header {
    top: 73px; }
  body.contact-us .header .header-persona-top .current-menu-item::after {
    content: none; }
  body.enterprise-security header .subnav-container .subnav .current-menu-item.products a:after, body.enterprise-security header .subnav-container .subnav .current-menu-item.products table.dashboard-table .column-editable .data-text:hover:after, table.dashboard-table .column-editable body.enterprise-security header .subnav-container .subnav .current-menu-item.products .data-text:hover:after {
    background: none; }
  body.msp-section .header .header-persona-top .contact-sales-link,
  body.business-section .header .header-persona-top .contact-sales-link {
    display: inline-block; }
  body.msp-section .header .header-persona-top .support-link,
  body.msp-section .header .header-persona-top .logout,
  body.msp-section .header .header-persona-top .login,
  body.about-section .header .header-persona-top .support-link,
  body.about-section .header .header-persona-top .logout,
  body.about-section .header .header-persona-top .login,
  body.personal-section .header .header-persona-top .support-link,
  body.personal-section .header .header-persona-top .logout,
  body.personal-section .header .header-persona-top .login,
  body.business-section .header .header-persona-top .support-link,
  body.business-section .header .header-persona-top .logout,
  body.business-section .header .header-persona-top .login {
    text-indent: -9999px;
    text-align: left; }
    body.msp-section .header .header-persona-top .support-link a, body.msp-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.msp-section .header .header-persona-top .support-link .data-text:hover,
    body.msp-section .header .header-persona-top .logout a,
    body.msp-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.msp-section .header .header-persona-top .logout .data-text:hover,
    body.msp-section .header .header-persona-top .login a,
    body.msp-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.msp-section .header .header-persona-top .login .data-text:hover,
    body.about-section .header .header-persona-top .support-link a,
    body.about-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.about-section .header .header-persona-top .support-link .data-text:hover,
    body.about-section .header .header-persona-top .logout a,
    body.about-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.about-section .header .header-persona-top .logout .data-text:hover,
    body.about-section .header .header-persona-top .login a,
    body.about-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.about-section .header .header-persona-top .login .data-text:hover,
    body.personal-section .header .header-persona-top .support-link a,
    body.personal-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.personal-section .header .header-persona-top .support-link .data-text:hover,
    body.personal-section .header .header-persona-top .logout a,
    body.personal-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.personal-section .header .header-persona-top .logout .data-text:hover,
    body.personal-section .header .header-persona-top .login a,
    body.personal-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.personal-section .header .header-persona-top .login .data-text:hover,
    body.business-section .header .header-persona-top .support-link a,
    body.business-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.business-section .header .header-persona-top .support-link .data-text:hover,
    body.business-section .header .header-persona-top .logout a,
    body.business-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.business-section .header .header-persona-top .logout .data-text:hover,
    body.business-section .header .header-persona-top .login a,
    body.business-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.business-section .header .header-persona-top .login .data-text:hover {
      position: relative;
      display: block;
      width: 20px;
      height: 20px;
      padding: 0; }
      body.msp-section .header .header-persona-top .support-link a:before, body.msp-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before, table.dashboard-table .column-editable body.msp-section .header .header-persona-top .support-link .data-text:hover:before,
      body.msp-section .header .header-persona-top .logout a:before,
      body.msp-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.msp-section .header .header-persona-top .logout .data-text:hover:before,
      body.msp-section .header .header-persona-top .login a:before,
      body.msp-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.msp-section .header .header-persona-top .login .data-text:hover:before,
      body.about-section .header .header-persona-top .support-link a:before,
      body.about-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.about-section .header .header-persona-top .support-link .data-text:hover:before,
      body.about-section .header .header-persona-top .logout a:before,
      body.about-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.about-section .header .header-persona-top .logout .data-text:hover:before,
      body.about-section .header .header-persona-top .login a:before,
      body.about-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.about-section .header .header-persona-top .login .data-text:hover:before,
      body.personal-section .header .header-persona-top .support-link a:before,
      body.personal-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.personal-section .header .header-persona-top .support-link .data-text:hover:before,
      body.personal-section .header .header-persona-top .logout a:before,
      body.personal-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.personal-section .header .header-persona-top .logout .data-text:hover:before,
      body.personal-section .header .header-persona-top .login a:before,
      body.personal-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.personal-section .header .header-persona-top .login .data-text:hover:before,
      body.business-section .header .header-persona-top .support-link a:before,
      body.business-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.business-section .header .header-persona-top .support-link .data-text:hover:before,
      body.business-section .header .header-persona-top .logout a:before,
      body.business-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.business-section .header .header-persona-top .logout .data-text:hover:before,
      body.business-section .header .header-persona-top .login a:before,
      body.business-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
      table.dashboard-table .column-editable body.business-section .header .header-persona-top .login .data-text:hover:before {
        position: absolute;
        left: 0;
        display: block;
        width: 20px;
        height: 20px;
        font-family: FontAwesome;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0; }
  body.msp-section .header .header-persona-top .support-link a:before, body.msp-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before, table.dashboard-table .column-editable body.msp-section .header .header-persona-top .support-link .data-text:hover:before,
  body.about-section .header .header-persona-top .support-link a:before,
  body.about-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.about-section .header .header-persona-top .support-link .data-text:hover:before,
  body.personal-section .header .header-persona-top .support-link a:before,
  body.personal-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.personal-section .header .header-persona-top .support-link .data-text:hover:before,
  body.business-section .header .header-persona-top .support-link a:before,
  body.business-section .header .header-persona-top .support-link table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.business-section .header .header-persona-top .support-link .data-text:hover:before {
    content: '\f1cd';
    top: -3px;
    font-size: 16px; }
  
  body.msp-section .header .header-persona-top .logout a:before,
  body.msp-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.msp-section .header .header-persona-top .logout .data-text:hover:before,
  body.about-section .header .header-persona-top .logout a:before,
  body.about-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.about-section .header .header-persona-top .logout .data-text:hover:before,
  body.personal-section .header .header-persona-top .logout a:before,
  body.personal-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.personal-section .header .header-persona-top .logout .data-text:hover:before,
  body.business-section .header .header-persona-top .logout a:before,
  body.business-section .header .header-persona-top .logout table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.business-section .header .header-persona-top .logout .data-text:hover:before {
    content: '\f0e4';
    top: -5px;
    font-size: 18px; }
  
  body.msp-section .header .header-persona-top .login a:before,
  body.msp-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.msp-section .header .header-persona-top .login .data-text:hover:before,
  body.about-section .header .header-persona-top .login a:before,
  body.about-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.about-section .header .header-persona-top .login .data-text:hover:before,
  body.personal-section .header .header-persona-top .login a:before,
  body.personal-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.personal-section .header .header-persona-top .login .data-text:hover:before,
  body.business-section .header .header-persona-top .login a:before,
  body.business-section .header .header-persona-top .login table.dashboard-table .column-editable .data-text:hover:before,
  table.dashboard-table .column-editable body.business-section .header .header-persona-top .login .data-text:hover:before {
    content: '\f090';
    top: -4px;
    font-size: 18px; }
  body.subnav--visible .product-container {
    top: -36px; } }

.offscreen-nav-container {
  height: 100%;
  margin-top: 1em;
  overflow-y: auto;
  padding-bottom: 1em; }

.offscreen-nav {
  background: #292934;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: none;
  height: 100%;
  padding-top: 50px;
  position: fixed;
  right: 100%;
  top: 0;
  width: 250px;
  z-index: 1000003; }
  .modal-open .offscreen-nav {
    display: block; }
  .offscreen-nav:before {
    content: ' ';
    position: absolute;
    top: 0;
    right: 100%;
    display: block;
    width: 1600px;
    height: 100%;
    background: #292934; }
  .offscreen-nav a, .offscreen-nav table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .offscreen-nav .data-text:hover,
  .offscreen-nav table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .offscreen-nav .data-text:hover {
    color: white;
    text-transform: uppercase;
    font-family: tradegothic, Helvetica, Arial, sans-serif;
    font-size: 14px; }
  .offscreen-nav .search-link {
    text-indent: -9999px;
    text-align: left; }
    .offscreen-nav .search-link a, .offscreen-nav .search-link table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .offscreen-nav .search-link .data-text:hover {
      position: relative;
      display: block;
      width: 16px;
      height: 34px;
      padding: 0; }
      .offscreen-nav .search-link a:before, .offscreen-nav .search-link table.dashboard-table .column-editable .data-text:hover:before, table.dashboard-table .column-editable .offscreen-nav .search-link .data-text:hover:before {
        content: '\f002';
        position: absolute;
        top: 4px;
        left: 0;
        display: block;
        width: 16px;
        height: 34px;
        font-family: FontAwesome;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0; }
  .offscreen-nav .menu a, .offscreen-nav .menu table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .offscreen-nav .menu .data-text:hover {
    color: #bfbfbf; }

.offscreen-nav-close,
.header-search-close {
  background: transparent;
  border: 0 none;
  cursor: pointer;
  height: 20px;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px; }
  .offscreen-nav-close:before, .offscreen-nav-close:after,
  .header-search-close:before,
  .header-search-close:after {
    content: ' ';
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 20px;
    height: 3px;
    background: #bfbfbf; }
  .offscreen-nav-close:before,
  .header-search-close:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .offscreen-nav-close:after,
  .header-search-close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.header-search-close {
  top: 25px; }

.offscreen-nav-menu {
  padding: 0; }
  .offscreen-nav-menu .button {
    display: none; }
  .offscreen-nav-menu .subnav {
    display: none;
    padding-bottom: 0;
    list-style: none; }
    .offscreen-nav-menu .subnav .subnav a, .offscreen-nav-menu .subnav .subnav table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .offscreen-nav-menu .subnav .subnav .data-text:hover {
      color: #bfbfbf; }

.offscreen-nav a.offscreen-nav-section-heading, .offscreen-nav table.dashboard-table .column-editable .offscreen-nav-section-heading.data-text:hover, table.dashboard-table .column-editable .offscreen-nav .offscreen-nav-section-heading.data-text:hover {
  font-size: 18px; }

.menu-header-nav-business a.offscreen-nav-section-heading, .menu-header-nav-business table.dashboard-table .column-editable .offscreen-nav-section-heading.data-text:hover, table.dashboard-table .column-editable .menu-header-nav-business .offscreen-nav-section-heading.data-text:hover {
  color: #7e9adc; }

.menu-header-nav-msp a.offscreen-nav-section-heading, .menu-header-nav-msp table.dashboard-table .column-editable .offscreen-nav-section-heading.data-text:hover, table.dashboard-table .column-editable .menu-header-nav-msp .offscreen-nav-section-heading.data-text:hover {
  color: #98D04F; }

.menu-header-nav-personal a.offscreen-nav-section-heading, .menu-header-nav-personal table.dashboard-table .column-editable .offscreen-nav-section-heading.data-text:hover, table.dashboard-table .column-editable .menu-header-nav-personal .offscreen-nav-section-heading.data-text:hover {
  color: #FFCC00; }

.menu-header-nav-business .product-link > .subnav {
  padding-left: 0.5em; }

.offscreen-nav-logo {
  width: 100px; }

.offscreen-nav-scrim {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000002;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4); }

footer {
  padding-top: 2.75em;
  font-family: tradegothic_light;
  background: #2d2d39;
  letter-spacing: 0.05em; }

footer .top .title {
  position: relative;
  display: inline-block;
  padding: 0 0.5em 1.25em 0.5em;
  margin: 0 auto;
  background: #2d2d39;
  color: white;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  text-transform: uppercase;
  z-index: 1;
  font-family: tradegothic_light, Helvetica, Arial, sans-serif;
  font-weight: normal; }

footer .top .phone-number {
  display: inline-block;
  margin-bottom: 1.5em;
  color: #dbdbdb;
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 2pt; }

footer .top .columns {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%;
  position: relative; }
  footer .top .columns:last-child {
    margin-right: 0; }
  footer .top .columns:after {
    content: ' ';
    position: absolute;
    left: 0;
    top: 0.5em;
    display: block;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #8f8f8f; }

footer .top ul {
  list-style: none; }
  footer .top ul li {
    line-height: 1;
    padding-bottom: 0;
    font-size: 13px;
    font-size: 1.3rem; }

footer .top a, footer .top table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable footer .top .data-text:hover,
footer .top table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable footer .top .data-text:hover {
  display: block;
  padding: 0.75em 0;
  margin-bottom: 0.25em;
  background: rgba(255, 255, 255, 0.025);
  color: white;
  font-size: 17px;
  font-size: 1.7rem;
  text-align: center;
  letter-spacing: 1pt; }
  footer .top a:hover, footer .top table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable footer .top .data-text:hover,
  footer .top table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable footer .top .data-text:hover {
    color: #f2f2f2;
    background: rgba(255, 255, 255, 0.05);
    text-decoration: none; }

footer .top .contact-info {
  display: inline-block; }
  footer .top .contact-info .title {
    display: inline-block; }

footer .top .right-column {
  text-align: center; }

footer .top .social {
  display: block;
  width: 190px;
  padding: 0;
  padding-bottom: 2.5em;
  margin: 0 auto 2.5em auto;
  list-style: none; }
  footer .top .social li {
    float: left;
    padding-bottom: 0; }
    footer .top .social li a, footer .top .social li table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable footer .top .social li .data-text:hover {
      display: inline-block;
      width: 25px;
      height: 25px;
      padding: 0;
      margin: 0 10px 0 0;
      color: white;
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center; }
      footer .top .social li a span, footer .top .social li table.dashboard-table .column-editable .data-text:hover span, table.dashboard-table .column-editable footer .top .social li .data-text:hover span {
        display: none; }
      footer .top .social li a i:before, footer .top .social li table.dashboard-table .column-editable .data-text:hover i:before, table.dashboard-table .column-editable footer .top .social li .data-text:hover i:before {
        position: relative;
        top: 6px; }
      footer .top .social li a.spiceworks, footer .top .social li table.dashboard-table .column-editable .spiceworks.data-text:hover, table.dashboard-table .column-editable footer .top .social li .spiceworks.data-text:hover {
        background: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/icon-spiceworks.svg") no-repeat; }
        footer .top .social li a.spiceworks:hover, footer .top .social li table.dashboard-table .column-editable .spiceworks.data-text:hover, table.dashboard-table .column-editable footer .top .social li .spiceworks.data-text:hover {
          background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.25)), to(rgba(255, 255, 255, 0.25))), url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/icon-spiceworks.svg");
          background: linear-gradient(rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25)), url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/icon-spiceworks.svg"); }
      footer .top .social li a.twitter, footer .top .social li table.dashboard-table .column-editable .twitter.data-text:hover, table.dashboard-table .column-editable footer .top .social li .twitter.data-text:hover {
        background: #56c7f2; }
        footer .top .social li a.twitter:hover, footer .top .social li table.dashboard-table .column-editable .twitter.data-text:hover, table.dashboard-table .column-editable footer .top .social li .twitter.data-text:hover {
          background: #85d7f6; }
      footer .top .social li a.facebook, footer .top .social li table.dashboard-table .column-editable .facebook.data-text:hover, table.dashboard-table .column-editable footer .top .social li .facebook.data-text:hover {
        background: #4e7ac3; }
        footer .top .social li a.facebook:hover, footer .top .social li table.dashboard-table .column-editable .facebook.data-text:hover, table.dashboard-table .column-editable footer .top .social li .facebook.data-text:hover {
          background: #7497d0; }
      footer .top .social li a.google-plus, footer .top .social li table.dashboard-table .column-editable .google-plus.data-text:hover, table.dashboard-table .column-editable footer .top .social li .google-plus.data-text:hover {
        background: #f65523; }
        footer .top .social li a.google-plus:hover, footer .top .social li table.dashboard-table .column-editable .google-plus.data-text:hover, table.dashboard-table .column-editable footer .top .social li .google-plus.data-text:hover {
          background: #f87b54; }
      footer .top .social li a.linkedin, footer .top .social li table.dashboard-table .column-editable .linkedin.data-text:hover, table.dashboard-table .column-editable footer .top .social li .linkedin.data-text:hover {
        background: #057ab2; }
        footer .top .social li a.linkedin:hover, footer .top .social li table.dashboard-table .column-editable .linkedin.data-text:hover, table.dashboard-table .column-editable footer .top .social li .linkedin.data-text:hover {
          background: #069ce4; }
    footer .top .social li:last-child a, footer .top .social li:last-child table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable footer .top .social li:last-child .data-text:hover {
      margin-right: 0; }

footer .bottom {
  position: relative;
  padding-bottom: 2.25em;
  background: #262631; }
  footer .bottom a, footer .bottom table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable footer .bottom .data-text:hover,
  footer .bottom table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable footer .bottom .data-text:hover {
    color: white;
    font-size: 13px;
    font-size: 1.3rem; }
    footer .bottom a:hover, footer .bottom table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable footer .bottom .data-text:hover,
    footer .bottom table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable footer .bottom .data-text:hover {
      color: #e6e6e6; }
  footer .bottom p {
    padding: 10px 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    color: white;
    text-align: center; }
  footer .bottom .ips {
    margin-left: 2em;
    font-family: 'tradegothic_cn';
    font-size: 20px;
    font-size: 2rem;
    color: white; }
  footer .bottom ul {
    padding-bottom: 1.25em;
    text-align: center; }
    footer .bottom ul li {
      display: inline-block;
      padding: 0.5em;
      line-height: 1; }
      footer .bottom ul li.hidden {
        display: none; }

@media screen and (min-width: 59.5em) {
  body footer .top .main-column {
    position: relative; }
    body footer .top .main-column:after {
      content: ' ';
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 140px;
      border-right: 1px solid #46494e; }
  body footer .top a, body footer .top table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body footer .top .data-text:hover,
  body footer .top table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable body footer .top .data-text:hover {
    display: inline;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    text-align: left;
    background: transparent; }
    body footer .top a:hover, body footer .top table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body footer .top .data-text:hover,
    body footer .top table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .data-text:hover, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable body footer .top .data-text:hover {
      color: #b5b5b5;
      background: transparent;
      text-decoration: underline; }
  body footer .top .title {
    width: auto;
    padding: 0 0 1.25em 0;
    text-align: left; }
  body footer .top .columns {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 28.34139%;
    margin-left: 2em; }
    body footer .top .columns:last-child {
      margin-right: 0; }
    body footer .top .columns:first-child {
      margin-left: 0; }
    body footer .top .columns:after {
      display: none; }
  body footer .top .phone-number {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #46494e; }
  body footer .top .social {
    padding: 0;
    margin: 0; }
  body footer .top .social li a i:before, body footer .top .social li table.dashboard-table .column-editable .data-text:hover i:before, table.dashboard-table .column-editable body footer .top .social li .data-text:hover i:before {
    top: -1px;
    left: 2px; }
  body footer .top .right-column {
    text-align: left; }
  body footer .bottom p {
    text-align: left; }
  body footer .bottom ul {
    position: absolute;
    top: 0;
    right: 0;
    padding: 20px 0;
    text-align: left; }
    body footer .bottom ul li {
      display: inline-block;
      padding: 0;
      margin-left: 1em; } }

.terms-table {
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 1px solid black;
  border-top: 1px solid black;
  margin: 10px 0 20px;
  width: 100%; }
  .terms-table.left-align {
    text-align: left; }
    .terms-table.left-align th {
      text-align: left; }
  .terms-table tr {
    border-left: 1px solid black;
    border-right: 1px solid black; }
  .terms-table td,
  .terms-table th {
    border: 1px solid black;
    padding: 10px; }
  .terms-table th {
    background: black;
    border-color: white;
    color: white;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    vertical-align: middle; }
  .terms-table ul {
    list-style: disc;
    list-style-position: inside; }
  .terms-table caption {
    font-weight: bold;
    margin-bottom: .75em;
    text-align: left; }

.home .homepage-hero {
  text-align: left; }
  .home .homepage-hero .banner::before {
    background: none; }
  .home .homepage-hero .image-banner-heading {
    font-size: 60px;
    line-height: 60px;
    width: 100%;
    padding: 0;
    margin-bottom: 1em; }

.home .nav-tiles {
  background: #292934;
  padding: 0; }
  .home .nav-tiles .nav-tile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 32px 0; }
  .home .nav-tiles .nav-tiles__heading,
  .home .nav-tiles .nav-tile__copy {
    color: #ffffff; }
  .home .nav-tiles .nav-tiles__heading {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 16px; }
  .home .nav-tiles .nav-tile__copy {
    padding-bottom: 0;
    margin-bottom: 16px;
    line-height: 1.4; }
  .home .nav-tiles .nav-tiles__icon {
    float: left;
    width: 90px;
    margin-right: 16px;
    margin-bottom: 16px; }

.home .flex-banner {
  display: block;
  text-align: center;
  padding: 64px 0; }
  .home .flex-banner .flex-banner-heading {
    font-family: tradegothic;
    font-weight: bold;
    font-size: 32px;
    color: #292934; }
  .home .flex-banner .flex-banner__title {
    font-size: 24px;
    margin-bottom: 20px; }
  .home .flex-banner .flex-banner__copy {
    line-height: 1.4; }
  .home .flex-banner .flex-banner__icon {
    height: 64px;
    margin-bottom: 24px; }

.home .stats {
  position: relative;
  padding: 32px 0;
  background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Numbers-were-proud-of-background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }
  .home .stats .banner::before {
    background: none; }
  .home .stats .stats__title {
    color: #292934;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 24px;
    text-align: center; }
  .home .stats .number {
    font-size: 45px;
    font-weight: bold;
    font-family: 'tradegothic'; }
  .home .stats .type {
    font-size: 24px;
    color: #292934;
    font-weight: bold;
    font-family: 'tradegothic'; }
  .home .stats .stat-label {
    font-size: 24px;
    line-height: initial; }
  .home .stats .box {
    margin: 24px 0;
    text-align: center; }

@media screen and (min-width: 40em) {
  .home .nav-tiles {
    padding: 64px 0; }
    .home .nav-tiles .nav-tile {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      width: 50%;
      float: left;
      margin: 0; }
      .home .nav-tiles .nav-tile:first-child {
        border-right: 1px solid #ffffff;
        padding-right: 64px; }
      .home .nav-tiles .nav-tile:last-child {
        padding-left: 64px; }
    .home .nav-tiles .nav-tiles__icon {
      margin-bottom: 100px; }
  .home .flex-banner .flex-banner__item {
    width: 33%;
    float: left;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 24px; }
  .home .stats {
    padding: 64px 0; }
    .home .stats .number {
      color: #292934;
      font-size: 90px;
      margin-right: 12px;
      letter-spacing: -4px; }
    .home .stats .type {
      font-size: 45px; }
    .home .stats .box {
      width: 33%;
      float: left;
      margin: 0; }
    .home .stats .left-box {
      width: 32%; }
    .home .stats .middle-box {
      width: 35%; }
      .home .stats .middle-box .stat-label {
        padding-left: 12px; }
    .home .stats .right-box .stat-label {
      padding-left: 12px; } }

.personal-security-enhanced-dns {
  height: auto; }

.personal-security-hero {
  background-image: url(https://d3j20uveo70stj.cloudfront.net/opendns-www/img/ODNS-Consumer-Hero-Banner.jpg);
  background-size: cover;
  background-position: 85%;
  padding: 2rem 0; }

.personal-security-hero .grid {
  top: 0; }

.personal-security-enhanced-dns .grid {
  top: 0; }

.personal-security-enhanced-dns .banner {
  display: none; }

.personal-security-hero .image-banner-heading {
  display: block;
  width: auto;
  border: none;
  font-size: 50px;
  line-height: 1.1; }
  .personal-security-hero .image-banner-heading span {
    display: block; }

.personal-security-hero .image-banner-subheading {
  font-size: 18px;
  font-size: 1.8rem;
  color: white;
  font-family: tradegothic, Helvetica, Arial, sans-serif;
  line-height: 1.25;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  text-align: left; }

.personal-security-enhanced-dns .banner:before,
.personal-security-hero .banner:before {
  display: none; }

.personalpage-tiles {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3em;
  margin-bottom: 3em;
  text-align: center;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.personalpage-tiles p {
  padding: 0;
  margin: 0.5em 0;
  color: black;
  line-height: 1.3;
  font-size: 16px;
  font-size: 1.6rem; }

.personalpage-tiles ul {
  padding-bottom: 0; }
  .personalpage-tiles ul li {
    color: white;
    font-size: 14px;
    line-height: 1.3;
    list-style: none; }

.personalpage-tiles-tile {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d6d4d1;
  border-radius: 6px;
  background: #DFE0E1;
  margin: 10px;
  padding: 3em 1em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%; }
  .personalpage-tiles-tile:hover {
    text-decoration: none; }
  .personalpage-tiles-tile > * {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; }

.personalpage-tiles-info {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1; }

.personalpage-tiles .personalpage-tiles-price {
  display: inline-block;
  color: black;
  margin: 0;
  font-size: 12px;
  font-size: 1.2rem;
  font-family: tradegothic_light, Helvetica, Arial, sans-serif;
  font-style: italic; }

.personalpage-tiles .personalpage-tiles-category {
  display: block;
  color: black;
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-family: tradegothic, Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-transform: uppercase; }

.personalpage-tiles .personalpage-tiles-heading {
  color: black;
  display: block;
  margin: 0.5em 0;
  font-size: 24px;
  font-family: tradegothic, Helvetica, Arial, sans-serif;
  font-weight: 100;
  letter-spacing: -1px; }

.personalpage-tiles-button {
  margin-top: 1em;
  border: none;
  -ms-flex-item-align: center;
      align-self: center; }

p.personalpage-tiles-business-intro {
  padding-top: 1em;
  border-top: 1px dotted white;
  font-weight: bold; }

.personal-looking-for-business {
  border-top: 20px #7e9adc solid;
  background: #434356;
  margin-bottom: 0; }
  .personal-looking-for-business .section-header,
  .personal-looking-for-business p {
    color: white;
    line-height: 1.2; }
  .personal-looking-for-business a:not(.personal-business-button), .personal-looking-for-business table.dashboard-table .column-editable .data-text:not(.personal-business-button):hover, table.dashboard-table .column-editable .personal-looking-for-business .data-text:not(.personal-business-button):hover {
    color: #00c4fa; }

.personal-looking-for-business__option {
  padding: 2rem; }

.personal-protect-devices .image {
  display: none; }

.personal-protect-devices .message {
  padding: 2rem; }
  .personal-protect-devices .message .intro {
    font-weight: bold;
    text-transform: uppercase;
    font-family: tradegothic, Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.4; }
  .personal-protect-devices .message p {
    font-size: 20px;
    font-size: 2rem; }
  .personal-protect-devices .message a, .personal-protect-devices .message table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .personal-protect-devices .message .data-text:hover {
    color: #46494e; }

.personal-prosumer .message p {
  font-size: 22px;
  font-size: 2.2rem; }

.personal-looking-for-business .message {
  margin: 3em 0; }
  .personal-looking-for-business .message p {
    font-size: 22px;
    font-size: 2.2rem; }

.personal-prosumer-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 1em; }

.personal-business-button {
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-top: 2em; }

.home-endorsements {
  background: #434356;
  border-top: 20px solid #5E81D3;
  color: white;
  margin: 0 0 4em;
  position: relative; }
  .home-endorsements p {
    color: white; }
  .home-endorsements .testimonial-wrap {
    padding-left: 2rem;
    padding-right: 2rem; }
  .home-endorsements .testimonial {
    border-top: 1px solid #5E81D3;
    padding-top: 0.75em; }
    .home-endorsements .testimonial:last-of-type {
      border-bottom: 1px solid #5E81D3; }
    .home-endorsements .testimonial p {
      font-size: 16px;
      font-size: 1.6rem;
      font-family: 'tradegothic_light'; }

.school-endorsement-wrap {
  margin-top: 3em;
  margin-bottom: 4rem;
  text-align: center; }
  .school-endorsement-wrap h3 {
    font-size: 28px;
    font-size: 2.8rem;
    color: white;
    margin-bottom: 1em; }

.home-endorsements-button:hover {
  color: white; }

.home-endorsements-title {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: tradegothic, Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: white;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.4;
  margin: 4rem 1em 1em; }

.personal-options {
  display: none; }
  .personal-options .personal-options-button:hover {
    color: white; }

.personal-options-pdf {
  display: block;
  margin: 0 auto 3em;
  text-align: center; }
  .personal-options-pdf .personal-options-pdf-button:hover {
    color: white; }

.section-header {
  text-align: center;
  font-family: tradegothic, Helvetica, Arial, sans-serif;
  font-weight: bold; }

body.home-internet-security footer {
  margin-top: 0; }

@media screen and (min-width: 40em) {
  body .personal-security-hero,
  body #parental-controls,
  body .personal-protect-devices,
  body #testimonials,
  body #benefit-matrix {
    margin-bottom: 4rem; }
  body .personal-security-enhanced-dns,
  body .personal-security-enhanced-dns .banner {
    display: block;
    height: 500px; }
  body .personal-security-enhanced-dns .grid {
    top: -450px; }
  body .personal-security-hero .grid {
    top: 80px;
    width: auto; }
  body .personal-security-hero .image-banner-heading {
    padding: 0.25em 0;
    width: 100%;
    text-align: left; }
  body .personalpage-tiles p {
    font-size: 16px;
    font-size: 1.6rem; }
  body .personalpage-tiles {
    margin-top: 0; }
  body .personalpage-tiles-tile {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%; }
  body .section-header {
    text-align: left; }
  body .personal-options {
    display: table;
    margin: 3em 0;
    table-layout: fixed; }
    body .personal-options thead .empty {
      border: 0 none; }
    body .personal-options tr.empty-row {
      height: 32px; }
    body .personal-options th {
      padding: 0 0 1em;
      width: 16.5%; }
      body .personal-options th .heading,
      body .personal-options th .top {
        font-size: 16px;
        font-size: 1.6rem;
        border: 0 none;
        clear: both;
        color: #292934;
        font-family: tradegothic, Helvetica, Arial, sans-serif;
        line-height: 1.2;
        margin: 0;
        padding: 0;
        text-transform: uppercase; }
      body .personal-options th .subheading {
        font-size: 20px;
        font-size: 2rem;
        color: #434356;
        display: block;
        letter-spacing: 0;
        text-transform: uppercase; }
    body .personal-options td,
    body .personal-options th.feature {
      font-size: 14px;
      font-size: 1.4rem;
      border-bottom: 1px solid #e7e4df;
      border-left: 1px solid #e7e4df;
      line-height: 1.2;
      padding: 1em;
      text-align: center;
      text-transform: none;
      vertical-align: middle;
      width: 16.5%; }
      body .personal-options td:first-child,
      body .personal-options th.feature:first-child {
        border-left: none; }
      body .personal-options td .fa-check-square,
      body .personal-options th.feature .fa-check-square {
        color: #292934;
        font-size: 1.5em; }
    body .personal-options td.feature,
    body .personal-options th.feature {
      font-size: 14px;
      font-size: 1.4rem;
      color: #46494e;
      line-height: 1.2;
      text-align: left;
      text-transform: none; }
    body .personal-options tr.price td.feature {
      font-family: tradegothic_light, Helvetica, Arial, sans-serif;
      background: white;
      border: none; }
    body .personal-options tr.price td {
      background: #D1D2D3;
      font-family: tradegothic, Helvetica, Arial, sans-serif;
      border: none;
      border-right: 2px solid white; }
    body .personal-options tr.price th {
      font-size: 22px;
      font-size: 2.2rem;
      border-bottom: 0 none;
      font-weight: bold; }
    body .personal-options tr.price .asterisk {
      font-size: 11px;
      font-size: 1.1rem;
      display: block;
      font-weight: 100; }
    body .personal-options tr.price .price-free {
      font-size: 22px;
      font-size: 2.2rem;
      font-weight: bold;
      text-transform: uppercase; }
      body .personal-options tr.price .price-free span {
        text-transform: none; }
    body .personal-options tr.cta-row td {
      border: none;
      padding-top: 2em; }
      body .personal-options tr.cta-row td .personal-options-button {
        padding-left: 0;
        padding-right: 0;
        width: 100%; }
  body .personal-options-pdf {
    display: none; }
  body .personal-prosumer .image img {
    width: 400px;
    float: right; }
  body .home-endorsements .testimonial-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0; }
  body .home-endorsements .testimonial {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    border-bottom: 5px solid #5E81D3;
    padding: 10px 0 15px; }
    body .home-endorsements .testimonial:last-child {
      margin-right: 0; }
    body .home-endorsements .testimonial:last-of-type {
      border-bottom-width: 5px; }
  body .home-endorsements-schools {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-top: 0;
    text-align: left; }
    body .home-endorsements-schools:last-child {
      margin-right: 0; }
  body .home-endorsements-slide-container {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    margin-right: 0; }
    body .home-endorsements-slide-container:last-child {
      margin-right: 0; }
  body .home-endorsements-banner {
    position: absolute;
    left: 0;
    background-size: cover;
    height: 100%;
    width: 35%; }
  body .home-endorsements-schools-endorsement {
    position: relative;
    line-height: 1.4; }
    body .home-endorsements-schools-endorsement h3 {
      margin-top: 1em;
      font-family: tradegothic, Helvetica, Arial, sans-serif;
      font-weight: 100; }
  body .personal-looking-for-business .image,
  body .personal-prosumer .image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%; }
    body .personal-looking-for-business .image:last-child,
    body .personal-prosumer .image:last-child {
      margin-right: 0; }
  body .personal-prosumer .message,
  body .personal-protect-devices .message {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 65.88078%;
    padding: 0; }
    body .personal-prosumer .message:last-child,
    body .personal-protect-devices .message:last-child {
      margin-right: 0; }
  body .personal-prosumer .image,
  body .personal-protect-devices .image {
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 31.76157%;
    margin-right: 0;
    display: block; }
    body .personal-prosumer .image:last-child,
    body .personal-protect-devices .image:last-child {
      margin-right: 0; }
    body .personal-prosumer .image img,
    body .personal-protect-devices .image img {
      width: 100%;
      margin: auto; }
  body .personal-looking-for-business {
    padding: 4rem 0; }
    body .personal-looking-for-business .personal-looking-for-business__option {
      float: left;
      display: block;
      margin-right: 1.55951%;
      width: 49.22024%;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      padding: 0;
      padding-left: 2em;
      padding-right: 1em; }
      body .personal-looking-for-business .personal-looking-for-business__option:last-child {
        margin-right: 0; }
      body .personal-looking-for-business .personal-looking-for-business__option:first-child {
        padding-left: 1em;
        padding-right: 2em;
        border-right: 1px solid white; }
      body .personal-looking-for-business .personal-looking-for-business__option .section-header,
      body .personal-looking-for-business .personal-looking-for-business__option p {
        color: white;
        line-height: 1.2; } }

@media screen and (min-width: 59.5em) {
  body .personal-security-hero,
  body #parental-controls,
  body .personal-protect-devices,
  body #testimonials,
  body #benefit-matrix {
    margin-bottom: 8rem; }
  body .personal-looking-for-business {
    padding: 8rem 0; }
  body .personal-security-hero .image-banner-heading {
    padding: 0.25em 0;
    font-size: 65px;
    width: 100%;
    text-align: left; }
  body .personal-security-enhanced-dns .grid {
    top: -520px; }
  body .personalpage-tiles-tile-family,
  body .personalpage-tiles-tile-vip,
  body .personalpage-tiles-tile-home,
  body .personalpage-tiles-tile-premium,
  body .personalpage-tiles-tile-prosumer {
    padding: 3em 1em; }
  body .home-endorsements-schools-endorsement {
    padding-right: 20%; } }

@media screen and (min-width: 1440px) {
  body .personal-security-hero {
    background-position: 0 45%;
    padding: 10rem 0; }
  body .home-endorsements-banner {
    width: 40%; } }

#menu-sitemap {
  list-style: none; }
  #menu-sitemap::after {
    clear: both;
    content: "";
    display: table; }
  #menu-sitemap h3,
  #menu-sitemap .h3 {
    padding: 0.5em 0;
    margin-right: 3em;
    margin-bottom: 0.5em;
    color: #292934;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: 'tradegothic';
    font-weight: bold;
    text-transform: none;
    border-top: 1px dotted #b5b5b5;
    border-bottom: 1px dotted #b5b5b5; }
  #menu-sitemap ul {
    list-style: disc;
    padding-left: 1.5em;
    margin-right: 3em; }
    #menu-sitemap ul li {
      color: #9c9c9c;
      line-height: 1.3;
      margin-bottom: 0.7em; }
  #menu-sitemap a, #menu-sitemap table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable #menu-sitemap .data-text:hover {
    font-size: 15px;
    font-size: 1.5rem;
    font-family: 'tradegothic'; }
  #menu-sitemap .column {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%;
    margin-right: 0;
    float: right; }
    #menu-sitemap .column:last-child {
      margin-right: 0; }

@media screen and (min-width: 59.5em) {
  body #menu-sitemap {
    list-style: none; }
    body #menu-sitemap::after {
      clear: both;
      content: "";
      display: table; }
    body #menu-sitemap .column {
      float: left;
      display: block;
      margin-right: 1.16509%;
      width: 32.55661%; }
      body #menu-sitemap .column:last-child {
        margin-right: 0; }
      body #menu-sitemap .column:last-child {
        float: left;
        display: block;
        margin-right: 1.16509%;
        width: 32.55661%;
        margin-right: 0;
        float: right; }
        body #menu-sitemap .column:last-child:last-child {
          margin-right: 0; } }

body.support .grid {
  overflow: visible; }

body.support .image-banner {
  margin-bottom: 0; }

body.support .page-header {
  text-align: center; }

body.support h2.subhead {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  color: white; }

body.support .popular-topics {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  padding-bottom: 2em;
  margin-bottom: 3em; }
  body.support .popular-topics a, body.support .popular-topics table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .popular-topics .data-text:hover {
    color: white; }

body.support .search-box__search-container {
  display: block;
  position: relative;
  height: 70px;
  width: 100%;
  margin: 1em auto;
  padding: 0;
  border: 1px solid #828282;
  border-radius: 5px;
  background: #fff;
  text-align: left; }

body.support .search-box__input {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  line-height: 2.5em;
  font-size: 26px;
  font-size: 2.6rem;
  padding: 0 1em;
  border: 0;
  background-color: transparent; }

body.support #search_autocomplete {
  left: 0 !important;
  right: 0 !important;
  width: 100%; }

body.support .grey-background {
  padding: 3em 0;
  border-top: 1px solid #e7e4df;
  border-bottom: 1px solid #e7e4df;
  background: #d9d9dd; }
  body.support .grey-background h2 {
    margin-top: 0;
    background: transparent; }
    body.support .grey-background h2:before, body.support .grey-background h2:after {
      display: none; }
  body.support .grey-background p {
    font-size: 18px;
    font-size: 1.8rem; }

body.support .community-box,
body.support .support-package-box,
body.support .docs-box {
  width: 80%;
  background: white;
  text-align: center;
  margin: 1em auto; }
  body.support .community-box img,
  body.support .support-package-box img,
  body.support .docs-box img {
    width: 64px;
    height: 51px;
    margin: 0.5em 0 0; }
  body.support .community-box p,
  body.support .support-package-box p,
  body.support .docs-box p {
    font-size: 15px;
    font-size: 1.5rem;
    width: 80%;
    margin: 0 auto; }
  body.support .community-box h2,
  body.support .support-package-box h2,
  body.support .docs-box h2 {
    font-size: 18px;
    font-size: 1.8rem; }
  body.support .community-box .cta,
  body.support .support-package-box .cta,
  body.support .docs-box .cta {
    margin-right: 0;
    margin-top: 0.5em; }
    body.support .community-box .cta a, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover,
    body.support .support-package-box .cta a,
    body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover,
    body.support .docs-box .cta a,
    body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover,
    table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover {
      border-radius: 20px;
      text-transform: uppercase; }

body.support .box-wrapper {
  padding: 1em 2em 0;
  border: 1px solid #e7e4df;
  height: 300px; }

body.support .community-box h2 {
  color: #292934; }

body.support .community-box .cta a, body.support .community-box .cta table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.support .community-box .cta .data-text:hover {
  color: #292934;
  border: 1px solid #292934; }

body.support .support-package-box h2 {
  color: #292934; }


body.support .support-package-box .cta a,
body.support .support-package-box .cta table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table .column-editable body.support .support-package-box .cta .data-text:hover {
  color: #292934;
  border: 1px solid #292934; }

body.support .docs-box h2 {
  color: #292934; }


body.support .docs-box .cta a,
body.support .docs-box .cta table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table .column-editable body.support .docs-box .cta .data-text:hover {
  color: #292934;
  border: 1px solid #292934; }

@media screen and (min-width: 59.5em) {
  body.support .image-banner .grid {
    top: -340px; }
  body.support .community-box,
  body.support .support-package-box,
  body.support .docs-box {
    float: left;
    display: block;
    margin-right: 1.16509%;
    width: 47.30985%; }
    body.support .community-box:last-child,
    body.support .support-package-box:last-child,
    body.support .docs-box:last-child {
      margin-right: 0; }
  body.support .docs-box {
    margin-right: 0;
    float: right; }
  body.support form button[type="submit"] {
    width: 7%; } }

.about .social li a, .about .social li table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .about .social li .data-text:hover,
.about-us-section .wrapper .social li a,
.about-us-section .wrapper .social li table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table .column-editable .about-us-section .wrapper .social li .data-text:hover,
.about-us-section .wrapper-top .social li a,
.about-us-section .wrapper-top .social li table.dashboard-table .column-editable .data-text:hover,
table.dashboard-table .column-editable .about-us-section .wrapper-top .social li .data-text:hover {
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: white; }

.about h2,
.about h3,
.about p,
.about-us-section .wrapper h2,
.about-us-section .wrapper h3,
.about-us-section .wrapper p,
.about-us-section .wrapper-top h2,
.about-us-section .wrapper-top h3,
.about-us-section .wrapper-top p {
  color: #292934; }

.about .alignright,
.about-us-section .wrapper .alignright,
.about-us-section .wrapper-top .alignright {
  font-size: 16px;
  font-size: 1.6rem; }

.about h2,
.about-us-section .wrapper h2,
.about-us-section .wrapper-top h2 {
  margin: 0;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: 'tradegothic_light', arial, sans-serif;
  text-align: center;
  line-height: 1.4; }

.about h2.title,
.about-us-section .wrapper h2.title,
.about-us-section .wrapper-top h2.title {
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 1em; }

.about h3,
.about-us-section .wrapper h3,
.about-us-section .wrapper-top h3 {
  margin: 0;
  padding: 1em 0 0 0;
  font-size: 22px;
  font-size: 2.2rem;
  font-family: 'tradegothic', arial, sans-serif;
  text-align: center;
  text-transform: none;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.05; }

.about h3.title,
.about-us-section .wrapper h3.title,
.about-us-section .wrapper-top h3.title {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: left;
  text-transform: uppercase; }

.about .two-col-par p,
.about-us-section .wrapper .two-col-par p,
.about-us-section .wrapper-top .two-col-par p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.8; }

.about .about-major-headings h2,
.about .about-major-headings .h2,
.about-us-section .wrapper .about-major-headings h2,
.about-us-section .wrapper .about-major-headings .h2,
.about-us-section .wrapper-top .about-major-headings h2,
.about-us-section .wrapper-top .about-major-headings .h2 {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'tradegothic_light', arial, sans-serif;
  line-height: 1.4;
  margin: 0;
  text-align: left; }

.about .about-major-headings h3,
.about .about-major-headings .h3,
.about-us-section .wrapper .about-major-headings h3,
.about-us-section .wrapper .about-major-headings .h3,
.about-us-section .wrapper-top .about-major-headings h3,
.about-us-section .wrapper-top .about-major-headings .h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  font-family: 'tradegothic', arial, sans-serif;
  font-weight: normal;
  line-height: 1.4;
  letter-spacing: 0.05;
  padding: 1em 0 0 0;
  text-align: left;
  text-transform: none; }

.about .about-our-founder img,
.about-us-section .wrapper .about-our-founder img,
.about-us-section .wrapper-top .about-our-founder img {
  width: 100%; }

.about-us-section h4 {
  font-family: 'tradegothic';
  font-size: 24px;
  font-size: 2.4rem; }

.about-us-section p {
  font-size: 20px;
  font-size: 2rem; }

body.about .about-community {
  padding-top: 5em; }

body.about .social {
  width: auto;
  padding: 0;
  margin-bottom: 2em;
  list-style: none; }
  body.about .social::after {
    clear: both;
    content: "";
    display: table; }
  body.about .social li {
    float: left;
    padding-bottom: 0; }
    body.about .social li a, body.about .social li table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.about .social li .data-text:hover {
      display: inline-block;
      width: 30px;
      height: 30px;
      margin: 7px 5px 0 0; }
      body.about .social li a span, body.about .social li table.dashboard-table .column-editable .data-text:hover span, table.dashboard-table .column-editable body.about .social li .data-text:hover span {
        display: none; }
      body.about .social li a i:before, body.about .social li table.dashboard-table .column-editable .data-text:hover i:before, table.dashboard-table .column-editable body.about .social li .data-text:hover i:before {
        position: relative;
        top: -2px; }
      body.about .social li a.spiceworks, body.about .social li table.dashboard-table .column-editable .spiceworks.data-text:hover, table.dashboard-table .column-editable body.about .social li .spiceworks.data-text:hover {
        background: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/icon-spiceworks.svg") no-repeat; }
      body.about .social li a.twitter, body.about .social li table.dashboard-table .column-editable .twitter.data-text:hover, table.dashboard-table .column-editable body.about .social li .twitter.data-text:hover {
        background: #56c7f2; }
      body.about .social li a.facebook, body.about .social li table.dashboard-table .column-editable .facebook.data-text:hover, table.dashboard-table .column-editable body.about .social li .facebook.data-text:hover {
        background: #4e7ac3; }
      body.about .social li a.google-plus, body.about .social li table.dashboard-table .column-editable .google-plus.data-text:hover, table.dashboard-table .column-editable body.about .social li .google-plus.data-text:hover {
        background: #f65523; }
      body.about .social li a.linkedin, body.about .social li table.dashboard-table .column-editable .linkedin.data-text:hover, table.dashboard-table .column-editable body.about .social li .linkedin.data-text:hover {
        background: #057ab2; }
      body.about .social li a.youtube, body.about .social li table.dashboard-table .column-editable .youtube.data-text:hover, table.dashboard-table .column-editable body.about .social li .youtube.data-text:hover {
        background: #e52d27; }
    body.about .social li:last-child a, body.about .social li:last-child table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.about .social li:last-child .data-text:hover {
      margin-right: 0; }

body.about #newsletter-signup {
  width: 100%;
  height: 80px;
  overflow: hidden; }

.newsletter-signup-confirmation p {
  padding-bottom: 0; }

.usa-content,
.canada-content,
.uk-content {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  .usa-content:last-child,
  .canada-content:last-child,
  .uk-content:last-child {
    margin-right: 0; }

.usa-content .cta {
  padding-bottom: 1.25em; }

.location {
  padding-bottom: 2em; }
  .location .vcard p {
    font-size: 20px;
    font-size: 2rem; }
  .location .map {
    height: 250px;
    border: 1px solid #ccc; }

body.dnscrypt h2,
body.ipv6 h2 {
  color: #666; }

body.dnscrypt h4,
body.ipv6 h4 {
  font-family: 'tradegothic';
  margin-top: 1.5em;
  font-size: 24px;
  font-size: 2.4rem; }

body.company-history .page .main-column {
  width: 100%; }

body.company-history .period {
  margin-top: 5em; }
  body.company-history .period:first-child {
    margin-top: 2em; }
  body.company-history .period .info {
    margin-bottom: 3em; }
  body.company-history .period .info p {
    font-size: 18px;
    font-size: 1.8rem; }
  body.company-history .period .info .title {
    position: relative;
    padding-bottom: 0.25em;
    margin-bottom: 1.5em;
    border-bottom: 1px solid #292934;
    font-size: 28px;
    font-size: 2.8rem;
    color: #292934;
    font-family: 'tradegothic_cn'; }
    body.company-history .period .info .title:after {
      content: ' ';
      position: absolute;
      bottom: -15px;
      left: 0;
      width: 100%;
      height: 10px;
      background: #292934; }
    body.company-history .period .info .title .heading {
      position: relative;
      display: inline-block;
      height: 40px;
      padding: 0 0.5em;
      margin-right: 1em;
      line-height: 40px;
      background: #292934;
      color: white;
      font-weight: normal;
      text-transform: none;
      border: none; }
      body.company-history .period .info .title .heading:after {
        content: ' ';
        top: 0;
        left: 100%;
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 20px 0 20px 20px;
        border-color: transparent transparent transparent #292934; }
    body.company-history .period .info .title .subheading {
      display: block;
      padding: 0.25em 0 0 0.5em;
      line-height: 1.4; }
  body.company-history .period .event {
    z-index: 1;
    position: relative;
    width: 75%;
    padding: 15px 20px;
    margin: 0 auto 100px;
    border: 1px solid #e7e4df;
    background: white; }
    body.company-history .period .event .contents {
      height: 100%;
      overflow: hidden;
      position: relative;
      text-align: center;
      width: 100%; }
    body.company-history .period .event .extra-content p {
      color: #46494e; }
    body.company-history .period .event .title {
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold; }
    body.company-history .period .event p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.3;
      color: #292934; }
    body.company-history .period .event .date {
      font-size: 14px;
      font-size: 1.4rem;
      background: #292934;
      color: white;
      display: inline-block;
      line-height: 1;
      margin: 0 auto 0.5em;
      padding: 0.25em 0.4em; }
    body.company-history .period .event:after {
      content: ' ';
      position: absolute;
      top: 100%;
      left: -1px;
      width: 100%;
      height: 10px;
      padding: 0 1px;
      background: #292934; }
    body.company-history .period .event.milestone p {
      color: #ff5700; }
    body.company-history .period .event.milestone .date {
      border-top: 1px solid #ff5700;
      border-bottom: 1px solid #ff5700; }
    body.company-history .period .event.milestone:after {
      background: #ff5700; }

body.company-history .timeline-qtip {
  width: 75%;
  max-width: 100%;
  padding: 15px 20px;
  background: white;
  border: 2px solid #e7e4df;
  -webkit-box-shadow: 0 5px 15px 0 rgba(70, 73, 78, 0.3);
          box-shadow: 0 5px 15px 0 rgba(70, 73, 78, 0.3); }
  body.company-history .timeline-qtip:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 99%;
    height: 15px;
    padding: 0 1px;
    background: #292934; }
  body.company-history .timeline-qtip img {
    width: 100%;
    margin-bottom: 0.5em; }
  body.company-history .timeline-qtip .contents {
    text-align: center; }
  body.company-history .timeline-qtip .fa-bars {
    display: none; }
  body.company-history .timeline-qtip p {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.3;
    color: #292934; }
  body.company-history .timeline-qtip .title {
    font-family: 'tradegothic';
    font-weight: bold; }
  body.company-history .timeline-qtip .date {
    display: inline-block;
    padding: 0.25em 0.5em;
    margin: 0 auto 1em auto;
    font-size: 14px;
    font-size: 1.4rem;
    background: #292934;
    color: white; }
  body.company-history .timeline-qtip .extra-content {
    display: block; }
    body.company-history .timeline-qtip .extra-content p {
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      color: #828282; }
  body.company-history .timeline-qtip.milestone:after {
    background: #ff5700; }
  body.company-history .timeline-qtip.milestone .title {
    color: #ff5700; }
  body.company-history .timeline-qtip.milestone .date {
    background: #ff5700; }

.resource-kit .file-list {
  list-style: none; }
  .resource-kit .file-list li {
    font-size: 14px;
    font-size: 1.4rem; }
  .resource-kit .file-list .fa {
    margin-right: 0.25em;
    color: #46494e;
    font-size: 20px;
    font-size: 2rem; }
  .resource-kit .file-list .fa-link {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }

body.about .thumbnail {
  display: none; }

body.news-room h4,
body.about h4 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #292934;
  font-family: 'tradegothic';
  border-bottom: 1px solid #e7e4df;
  margin: 3em 0 0.5em;
  padding-bottom: 0.5em; }
  body.news-room h4 img,
  body.about h4 img {
    position: relative;
    top: 5px;
    width: 30px;
    height: 30px;
    margin-right: 10px; }

body.news-room .link-list span.date,
body.about .link-list span.date {
  color: #828282;
  font-size: 14px;
  font-size: 1.4rem; }

body.news-room .link-list p.title,
body.about .link-list p.title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  font-family: 'tradegothic';
  padding-bottom: 0.25em; }
  body.news-room .link-list p.title a, body.news-room .link-list p.title table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.news-room .link-list p.title .data-text:hover,
  body.about .link-list p.title a,
  body.about .link-list p.title table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table .column-editable body.about .link-list p.title .data-text:hover {
    color: #292934; }

body.news-room .link-list p.publication,
body.about .link-list p.publication {
  font-size: 16px;
  font-size: 1.6rem;
  color: #292934;
  padding-top: 0em;
  font-style: italic; }

body.news-room .link-list.clean,
body.about .link-list.clean {
  padding-bottom: 0.5em; }
  body.news-room .link-list.clean.news-articles-list p.title,
  body.about .link-list.clean.news-articles-list p.title {
    padding-bottom: 0; }

body.news-room .link-list.boxes::after,
body.about .link-list.boxes::after {
  clear: both;
  content: "";
  display: table; }

body.news-room .link-list.boxes li,
body.about .link-list.boxes li {
  display: inline-block;
  width: 90%;
  padding: 0 3%; }

body.news-room .link-list.boxes .logo,
body.about .link-list.boxes .logo {
  padding-top: 20px; }
  body.news-room .link-list.boxes .logo .thumbnail,
  body.about .link-list.boxes .logo .thumbnail {
    float: left;
    display: inline-block;
    width: 120px;
    height: 66px;
    margin: 0 20px 40px 0;
    padding: 10px;
    border: 1px solid #dbdbdb; }
    body.news-room .link-list.boxes .logo .thumbnail:hover,
    body.about .link-list.boxes .logo .thumbnail:hover {
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
    body.news-room .link-list.boxes .logo .thumbnail img,
    body.about .link-list.boxes .logo .thumbnail img {
      width: 120px; }
    body.news-room .link-list.boxes .logo .thumbnail:after::after,
    body.about .link-list.boxes .logo .thumbnail:after::after {
      clear: both;
      content: "";
      display: table; }

body.news-room .see-all,
body.about .see-all {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right; }
  body.news-room .see-all:after,
  body.about .see-all:after {
    content: '\2192';
    color: #00b0e0; }

ul.news-articles,
ul.press-releases {
  clear: both;
  position: relative; }
  ul.news-articles .date,
  ul.press-releases .date {
    padding: 0.5em 0;
    float: left;
    width: 18%; }
  ul.news-articles div.title,
  ul.press-releases div.title {
    float: left;
    padding: 0.5em 0;
    width: 80%; }
  ul.news-articles .logo .thumbnail,
  ul.press-releases .logo .thumbnail {
    margin: 0; }

.awards li div.title {
  padding: 0.5em 0;
  margin-left: 18%;
  border-bottom: 1px solid #e7e4df; }

.news-articles .single-title,
.awards .single-title,
.press-releases .single-title {
  font-size: 24px;
  font-size: 2.4rem; }

.news-articles h1,
.awards h1,
.press-releases h1 {
  font-size: 28px;
  font-size: 2.8rem;
  color: #292934;
  font-family: 'tradegothic';
  border-bottom: 1px solid #e7e4df;
  margin-bottom: 0.5em;
  padding-bottom: 0.2em; }

.news-articles p.title,
.awards p.title,
.press-releases p.title {
  font-size: 18px;
  font-size: 1.8rem;
  color: #292934;
  padding-bottom: 0;
  line-height: 1.4; }
  .news-articles p.title a, .news-articles p.title table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable .news-articles p.title .data-text:hover,
  .awards p.title a,
  .awards p.title table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table .column-editable .awards p.title .data-text:hover,
  .press-releases p.title a,
  .press-releases p.title table.dashboard-table .column-editable .data-text:hover,
  table.dashboard-table .column-editable .press-releases p.title .data-text:hover {
    color: #292934;
    text-decoration: underline; }

.news-articles .subtitle,
.awards .subtitle,
.press-releases .subtitle {
  font-size: 16px;
  font-size: 1.6rem;
  color: #828282;
  padding-top: 0.25em; }

.news-articles > li li,
.news-articles p,
.awards > li li,
.awards p,
.press-releases > li li,
.press-releases p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4; }

.news-articles > li ul, .news-articles > li ol,
.awards > li ul,
.awards > li ol,
.press-releases > li ul,
.press-releases > li ol {
  padding-left: 2em;
  padding-bottom: 0.5em; }

.awards,
.news-articles,
.press-releases,
.events {
  padding: 0;
  list-style: none;
  float: left;
  display: block;
  margin-right: 1.75788%;
  width: 100%; }
  .awards:last-child,
  .news-articles:last-child,
  .press-releases:last-child,
  .events:last-child {
    margin-right: 0; }
  .awards::after,
  .news-articles::after,
  .press-releases::after,
  .events::after {
    clear: both;
    content: "";
    display: table; }
  .awards > li,
  .news-articles > li,
  .press-releases > li,
  .events > li {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px dotted #b5b5b5; }
    .awards > li::after,
    .news-articles > li::after,
    .press-releases > li::after,
    .events > li::after {
      clear: both;
      content: "";
      display: table; }
    .awards > li:last-of-type,
    .news-articles > li:last-of-type,
    .press-releases > li:last-of-type,
    .events > li:last-of-type {
      border-bottom: none; }
    .awards > li .top,
    .news-articles > li .top,
    .press-releases > li .top,
    .events > li .top {
      padding: 3px;
      overflow: visible; }
      .awards > li .top::after,
      .news-articles > li .top::after,
      .press-releases > li .top::after,
      .events > li .top::after {
        clear: both;
        content: "";
        display: table; }
    .awards > li .thumbnail,
    .news-articles > li .thumbnail,
    .press-releases > li .thumbnail,
    .events > li .thumbnail {
      display: none; }

.news-articles > li h3,
.press-releases > li h3,
.events > li h3 {
  padding-bottom: 0.5em;
  color: #00b0e0;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-family: 'tradegothic_light';
  text-transform: none;
  font-weight: normal; }

.news-articles > li .description p,
.press-releases > li .description p,
.events > li .description p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #46494e; }

.news-articles > li .watch,
.press-releases > li .watch,
.events > li .watch {
  float: right;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: 'tradegothic'; }
  .news-articles > li .watch .rarr,
  .press-releases > li .watch .rarr,
  .events > li .watch .rarr {
    margin-left: 5px;
    position: relative;
    display: inline-block;
    width: 0.8em;
    top: 0.1em;
    overflow: hidden;
    font-size: 1.3em;
    line-height: 1em;
    text-indent: -0.2em; }

.news-articles .info h3,
.press-releases .info h3,
.events .info h3 {
  margin-top: 0;
  font-size: 16px;
  font-size: 1.6rem;
  text-transform: none;
  font-family: 'tradegothic_light';
  font-weight: normal; }

.news-articles .info p,
.press-releases .info p,
.events .info p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7; }

body.single-events h2 {
  color: #828282;
  font-weight: normal;
  font-family: tradegothic_light;
  font-size: 28px;
  font-size: 2.8rem;
  text-transform: uppercase; }

body.single-events .trending-now::after,
body.single-events .columns::after {
  clear: both;
  content: "";
  display: table; }

body.single-events .trending-now .trending-items .item {
  padding-bottom: 2em; }

body.single-events .page-title-box.has-banner-image {
  position: relative;
  overflow: hidden; }
  body.single-events .page-title-box.has-banner-image .main-column-60 {
    position: relative;
    z-index: 1;
    padding: 10px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    body.single-events .page-title-box.has-banner-image .main-column-60:after {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      background: rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 100%;
      z-index: -1; }
  body.single-events .page-title-box.has-banner-image p,
  body.single-events .page-title-box.has-banner-image h1 {
    color: white; }

body.single-events .location {
  margin-bottom: 1em;
  border-bottom: 1px solid #e7e4df; }

body.single-events .date::after {
  clear: both;
  content: "";
  display: table; }

body.single-events .date p,
body.single-events .location p {
  font-size: 14px;
  font-size: 1.4rem; }

body.single-events .location .label,
body.single-events .date .label {
  float: left;
  display: inline-block;
  font-family: tradegothic;
  font-weight: bold; }

body.single-events .location .venue,
body.single-events .location .street,
body.single-events .location .country,
body.single-events .date .data {
  padding-left: 4em; }

body.single-events .location .street,
body.single-events .location .venue {
  padding-bottom: 0; }

body.single-events .button.orange {
  margin-bottom: 1em; }

body.single-events .right-column-40 {
  padding-top: 2em; }
  body.single-events .right-column-40 .location {
    border: none; }

body.events-confirmation .cms-content {
  padding: 1em 0 3em 0;
  background: #7e9adc; }
  body.events-confirmation .cms-content p {
    text-align: center;
    color: white; }
  body.events-confirmation .cms-content .check {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 1em auto;
    border: 2px solid white;
    border-radius: 100%; }
    body.events-confirmation .cms-content .check:after {
      content: ' ';
      position: relative;
      top: 20px;
      left: 15px;
      display: block;
      width: 30px;
      height: 10px;
      border-bottom: 2px solid white;
      border-left: 2px solid white;
      -webkit-transform: rotate(-50deg);
      transform: rotate(-50deg); }

.profiles {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  .profiles:last-child {
    margin-right: 0; }

.person {
  margin: 0 3em 2em 0;
  padding: 2em 0;
  float: left;
  width: 200px;
  height: 275px; }
  .person .image {
    display: block; }
  .person p {
    font-size: 16px;
    font-size: 1.6rem; }

.headshot {
  width: 200px;
  height: auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  border: 1px solid #c1c1c1; }
  .headshot:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%); }

.advisors {
  width: 250px; }
  .advisors p {
    margin-left: 0.5em;
    padding-bottom: 0; }

.advisors .headshot {
  width: 250px; }

.single-executives .image,
.single-advisors .image {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  .single-executives .image:last-child,
  .single-advisors .image:last-child {
    margin-right: 0; }

.single-executives .blurb,
.single-advisors .blurb {
  float: left;
  display: block;
  margin-right: 3.57866%;
  width: 100%; }
  .single-executives .blurb:last-child,
  .single-advisors .blurb:last-child {
    margin-right: 0; }

.single-executives .headshot,
.single-advisors .headshot {
  -webkit-filter: grayscale(0);
  filter: grayscale(0); }

.single-advisors .image {
  text-align: center; }

.wrapper,
.grid.cms-columns.wrapper {
  padding: 75px 0;
  margin: 3em 0;
  border-top: 1px solid #d6d4d1;
  border-bottom: 1px solid #d6d4d1; }

.wrapper-top {
  padding: 1em 0 0;
  margin: 3em 0 0;
  border-top: 1px solid #d6d4d1; }
  .wrapper-top .left-box,
  .wrapper-top .right-box {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 100%; }
    .wrapper-top .left-box:last-child,
    .wrapper-top .right-box:last-child {
      margin-right: 0; }
    .wrapper-top .left-box p,
    .wrapper-top .right-box p {
      text-align: center; }
    .wrapper-top .left-box .readmore,
    .wrapper-top .right-box .readmore {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center; }
  .wrapper-top p span {
    font-size: 75px;
    font-size: 7.5rem;
    line-height: 1; }
  .wrapper-top.regular p span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.8; }

@media screen and (min-width: 59.5em) {
  body .about-major-headings h2 {
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center; }
  body .about-major-headings h3 {
    font-size: 22px;
    font-size: 2.2rem;
    text-align: center; }
  body .about-us-hero,
  body .company-image {
    margin-bottom: 4em; }
  body .about-our-founder {
    margin: 2em 0;
    border-top: 1px solid #d6d4d1;
    padding: 2em 0; }
  body .location .vcard .title {
    padding-top: 0;
    font-size: 28px;
    font-size: 2.8rem;
    padding-bottom: 0.5em; }
  body .location .vcard .org {
    font-size: 26px;
    font-size: 2.6rem; }
  body .location .vcard p {
    font-size: 22px;
    font-size: 2.2rem; }
  body .usa-content {
    padding-bottom: 2em; }
    body .usa-content .contact-map {
      padding-bottom: 2em; }
    body .usa-content .address {
      float: left;
      display: block;
      margin-right: 1.75788%;
      width: 36.40133%; }
      body .usa-content .address:last-child {
        margin-right: 0; }
    body .usa-content .number {
      float: left;
      display: block;
      margin-right: 1.75788%;
      width: 55.48093%;
      margin-right: 0;
      border-left: 1px solid #292934; }
      body .usa-content .number:last-child {
        margin-right: 0; }
      body .usa-content .number p {
        padding-left: 2em; }
  body .canada-content .contact-map,
  body .uk-content .contact-map {
    float: left;
    display: block;
    margin-right: 1.75788%;
    width: 36.40133%; }
    body .canada-content .contact-map:last-child,
    body .uk-content .contact-map:last-child {
      margin-right: 0; }
  body .canada-content .vcard,
  body .uk-content .vcard {
    float: left;
    display: block;
    margin-right: 1.75788%;
    width: 55.48093%;
    margin-right: 0;
    margin-left: 1em; }
    body .canada-content .vcard:last-child,
    body .uk-content .vcard:last-child {
      margin-right: 0; }
  body .awards > li .top p,
  body .news-articles > li .top p,
  body .press-releases > li .top p,
  body .events > li .top p {
    padding-left: 160px; }
  body .awards > li .award-wrapper,
  body .news-articles > li .award-wrapper,
  body .press-releases > li .award-wrapper,
  body .events > li .award-wrapper {
    float: left;
    width: 75%; }
  body .awards > li .thumbnail,
  body .news-articles > li .thumbnail,
  body .press-releases > li .thumbnail,
  body .events > li .thumbnail {
    float: left;
    display: inline-block;
    width: 120px;
    height: 66px;
    margin: 0 20px 40px 0;
    padding: 10px;
    border: 1px solid #dbdbdb; }
    body .awards > li .thumbnail:hover,
    body .news-articles > li .thumbnail:hover,
    body .press-releases > li .thumbnail:hover,
    body .events > li .thumbnail:hover {
      -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
              box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); }
    body .awards > li .thumbnail img,
    body .news-articles > li .thumbnail img,
    body .press-releases > li .thumbnail img,
    body .events > li .thumbnail img {
      width: 120px; }
    body .awards > li .thumbnail:after::after,
    body .news-articles > li .thumbnail:after::after,
    body .press-releases > li .thumbnail:after::after,
    body .events > li .thumbnail:after::after {
      clear: both;
      content: "";
      display: table; }
  body .awards.awards > li .thumbnail, body .awards.news-articles > li .thumbnail,
  body .news-articles.awards > li .thumbnail,
  body .news-articles.news-articles > li .thumbnail,
  body .press-releases.awards > li .thumbnail,
  body .press-releases.news-articles > li .thumbnail,
  body .events.awards > li .thumbnail,
  body .events.news-articles > li .thumbnail {
    width: 145px;
    height: 50px; }
  body .awards.awards .logo, body .awards.news-articles .logo,
  body .news-articles.awards .logo,
  body .news-articles.news-articles .logo,
  body .press-releases.awards .logo,
  body .press-releases.news-articles .logo,
  body .events.awards .logo,
  body .events.news-articles .logo {
    width: 20%;
    float: right; }
    body .awards.awards .logo .thumbnail, body .awards.news-articles .logo .thumbnail,
    body .news-articles.awards .logo .thumbnail,
    body .news-articles.news-articles .logo .thumbnail,
    body .press-releases.awards .logo .thumbnail,
    body .press-releases.news-articles .logo .thumbnail,
    body .events.awards .logo .thumbnail,
    body .events.news-articles .logo .thumbnail {
      height: auto;
      float: none; }
  body.single-events .content .right-column-40 iframe,
  body.single-events .date-container {
    width: 320px; }
  body .wrapper-top .left-box {
    float: left;
    display: block;
    margin-right: 1.55951%;
    width: 49.22024%; }
    body .wrapper-top .left-box:last-child {
      margin-right: 0; }
  body .wrapper-top .right-box {
    float: left;
    display: block;
    margin-right: 1.55951%;
    width: 49.22024%;
    margin-right: 0; }
    body .wrapper-top .right-box:last-child {
      margin-right: 0; }
  body.news-room .link-list.boxes::after {
    clear: both;
    content: "";
    display: table; }
  body.news-room .link-list.boxes li {
    width: 30%;
    padding: 0 3% 0 0;
    float: left; }
    body.news-room .link-list.boxes li:last-child {
      padding-right: 0;
      float: right; }
  body ul.news-articles div.title {
    width: 55%; }
  body.company-history .period {
    float: left; }
    body.company-history .period .event {
      float: left;
      width: 220px;
      height: 230px;
      margin-left: 70px;
      margin-bottom: 150px; }
      body.company-history .period .event.start, body.company-history .period .event.first {
        margin-left: 0; }
      body.company-history .period .event p {
        font-size: 16px;
        font-size: 1.6rem; }
    body.company-history .period .info .title .subheading {
      display: inline;
      padding: 0; }
  body.company-history .timeline-qtip {
    width: 240px;
    max-width: 240px;
    min-height: 200px;
    padding: 15px 20px; }
    body.company-history .timeline-qtip:after {
      top: auto;
      bottom: 0; }
  body .person:nth-child(4n) {
    margin-right: 0; }
  body.single-executives .image, body.single-advisors .image {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 22.316%; }
    body.single-executives .image:last-child, body.single-advisors .image:last-child {
      margin-right: 0; }
  body.single-executives .blurb, body.single-advisors .blurb {
    float: left;
    display: block;
    margin-right: 3.57866%;
    width: 74.10533%;
    margin-right: 0;
    float: right; }
    body.single-executives .blurb:last-child, body.single-advisors .blurb:last-child {
      margin-right: 0; } }

#search-results .grid {
  overflow: visible; }

#search-results .search-box__wrapper {
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 0;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.25);
          box-shadow: inset 0px 0px 2px 2px rgba(0, 0, 0, 0.25); }

#search-results .search-box__input {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  margin-left: 1rem;
  padding: 0.5rem 1rem;
  border: 0;
  border-radius: 0; }

#search-results .search-box__search-form {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  -ms-flex: 1 1 100%;
  -webkit-box-flex: 1;
          flex: 1 1 100%; }

#search-results .search-box__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em; }

#search-results .search-results .search-results-item a .cludo-right h2, #search-results .search-results .search-results-item table.dashboard-table .column-editable .data-text:hover .cludo-right h2, table.dashboard-table .column-editable #search-results .search-results .search-results-item .data-text:hover .cludo-right h2 {
  color: #292934; }

#search-results .search-results-container #cludo-back-to-top {
  background-color: #292934;
  border-color: #292934;
  z-index: 100; }

@media screen and (min-width: 59.5em) {
  #search-results .subnav .grid {
    overflow: hidden; }
  #search-results .subnav__item {
    margin-right: 2rem;
    float: left;
    line-height: 71px; }
  #search-results .subnav__link {
    display: block;
    position: relative;
    color: #666;
    font-family: tradegothic, Arial, sans-serif;
    font-weight: 200;
    text-decoration: none; }
    #search-results .subnav__link:after {
      display: block;
      position: absolute;
      top: 93%;
      left: 0;
      width: 100%;
      height: 10px;
      background: transparent;
      content: ' '; }
    #search-results .subnav__link:hover:after, #search-results .subnav__link.subnav__link--active:after {
      background: #ff5700; } }

#google-network-map {
  width: 100%;
  height: 485px;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 1em; }

body.network-map h4,
body.network-map #network-map {
  display: none; }

#networks {
  display: none;
  width: 100%;
  margin: 2em auto; }
  #networks th {
    background: #292934;
    color: white;
    padding: 1em;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 1.5rem;
    font-family: 'tradegothic';
    font-weight: normal; }
  #networks td {
    padding: 0.6em 1.3em;
    color: #292934;
    border: 1px solid #b5b5b5;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: 'tradegothic'; }

@media screen and (min-width: 59.5em) {
  body #networks {
    display: table;
    padding: 0;
    border-collapse: collapse;
    border-spacing: 0; }
    body #networks th {
      background: #292934;
      padding: 1em; }
    body #networks td {
      padding: 0.6em 1.3em;
      border: 1px solid #b5b5b5; } }

body.setupguide .content {
  padding-top: 0; }

body.setupguide .image-banner {
  height: 300px;
  padding-bottom: 2em; }

body.setupguide .image-banner .grid {
  top: -250px; }

body.setupguide .image-banner .banner {
  height: 300px; }

body.setupguide .image-banner-heading {
  display: block;
  width: auto;
  border: none;
  font-size: 50px;
  line-height: 1.1; }

body.setupguide .image-banner-heading span {
  display: block; }

.setup-guide__familyshield-icon {
  display: none; }

.setup-guide__familyshield-nameservers {
  display: none; }

:target {
  display: block; }

:target + .setup-guide__nameservers {
  display: none; }

.setup-guide__familyshield-nameserver-copy {
  width: 100%; }
  .setup-guide__familyshield-nameserver-copy ul {
    list-style: none; }

.setup-guide__categories {
  list-style: none; }

.setup-guide__categories li {
  margin: 1.5em 2em 0 0;
  border: 1px solid #434356; }

.setup-guide__category-icon {
  position: relative;
  height: 250px;
  width: 250px;
  background-size: 140px 111px;
  background-position: 50% 40%;
  background-repeat: no-repeat;
  margin: 0 auto; }
  .setup-guide__category-icon.icon-wifi {
    background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Router-Icon-Gray.png"); }
    .setup-guide__category-icon.icon-wifi:hover {
      background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Router-Icon-Orange.png"); }
  .setup-guide__category-icon.icon-laptop {
    background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Computer-Icon-Gray.png"); }
    .setup-guide__category-icon.icon-laptop:hover {
      background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Computer-Icon-Orange.png"); }
  .setup-guide__category-icon.icon-phone-mobile {
    background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Device-Icon-Gray.png"); }
    .setup-guide__category-icon.icon-phone-mobile:hover {
      background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Device-Icon-Orange.png"); }
  .setup-guide__category-icon.icon-server {
    background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Server-Icon-Gray.png"); }
    .setup-guide__category-icon.icon-server:hover {
      background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Server-Icon-Orange.png"); }

a.setup-guide__category, table.dashboard-table .column-editable .setup-guide__category.data-text:hover,
table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .setup-guide__category.data-text:hover {
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  color: #434356;
  font-weight: bold;
  margin-top: -75px; }
  a.setup-guide__category span, table.dashboard-table .column-editable .setup-guide__category.data-text:hover span, table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .setup-guide__category.data-text:hover span {
    font-weight: normal; }
  a.setup-guide__category:hover, table.dashboard-table .column-editable .setup-guide__category.data-text:hover,
  table.dashboard-table.table-striped tbody tr:nth-child(odd) td.column-editable .setup-guide__category.data-text:hover {
    color: #F37821;
    text-decoration: none; }

.setup-guide__category-label {
  position: relative;
  top: 175px; }

.setup-guide__dnstest {
  border: 1px solid #434356;
  padding: 2em; }

.setup-guide__dnstest-results {
  display: none; }

.setup-guide__dnstest-results.show {
  display: block; }

.setup-guide__heading {
  font-size: 28px;
  font-size: 2.8rem;
  font-family: 'tradegothic_light';
  text-transform: uppercase;
  padding-bottom: 0.25em; }

.setup-guide__dnstest--success,
.setup-guide__dnstest--error {
  border-top: 1px solid #434356;
  padding-top: 1em; }

.setup-guide__dnstest--error-icon,
.setup-guide__dnstest--success-icon {
  width: 39px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: 39px 44px;
  display: inline-block;
  margin-top: 20px; }

.setup-guide__dnstest--success-icon {
  background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Thumbsup-icon.png"); }

.setup-guide__dnstest--error-icon {
  background-image: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/Error-icon.png"); }

.setup-guide__dnstest--success-title,
.setup-guide__dnstest--error-title {
  display: inline-block;
  font-size: 24px;
  font-size: 2.4rem;
  font-family: 'tradegothic_light';
  margin-top: 35px;
  vertical-align: top; }

.setup-guide__dnstest--success-title {
  color: #98D04F; }

.setup-guide__dnstest--error-title {
  color: #730015; }

@media screen and (min-width: 40em) {
  body.setupguide .image-banner-heading {
    padding: 0.5em 0;
    font-size: 60px;
    text-align: left; } }

@media screen and (min-width: 59.5em) {
  body.setupguide .image-banner {
    padding-bottom: 0; }
  body.setupguide .setup-guide__categories li {
    display: inline-block; }
  body.setupguide .setup-guide__familyshield-icon {
    display: inline-block;
    width: 15%;
    margin-top: 20px;
    margin-right: 2%;
    vertical-align: top; }
  body.setupguide .setup-guide__familyshield-nameserver-copy {
    display: inline-block;
    width: 80%; } }

.phishing-quiz .cta {
  cursor: pointer; }

.phishing-quiz #start .cta {
  position: absolute;
  z-index: 10;
  top: 200px;
  left: 275px;
  width: 30%;
  padding: 2em;
  border: 1px solid #46494e;
  border-radius: 10px;
  background: white; }

.phishing-quiz .align-center {
  text-align: center; }

.phishing-quiz .best,
.phishing-quiz .better,
.phishing-quiz .good {
  display: none; }

.phishing-quiz #browser {
  position: relative;
  width: 850px;
  margin: 0 auto 25px auto;
  padding: 25px 0;
  border: 1px solid #e7e4df; }

.phishing-quiz #screen {
  min-height: 500px;
  text-align: center;
  opacity: 0.6; }
  .phishing-quiz #screen img {
    display: none;
    border: 1px solid #dddad4; }

.phishing-quiz #results {
  display: none;
  background: #f3f0ed;
  padding: 40px;
  width: 800px;
  margin: auto;
  border: 1px solid #46494e; }
  .phishing-quiz #results img {
    margin: 5px 10px 5px 10px; }

.phishing-quiz #buttons {
  display: none; }

.phishing-quiz .browser-th {
  width: 240px;
  height: 179px;
  margin-right: 40px;
  margin-bottom: 40px;
  position: relative; }

.phishing-quiz .th-inner {
  width: 240px;
  height: 174px; }

.phishing-quiz td {
  padding: 0 0 60px 0;
  text-align: center;
  vertical-align: top; }
  .phishing-quiz td p {
    padding: 0;
    margin: 0 !important;
    font-size: 13px; }
  .phishing-quiz td h4 {
    position: relative;
    font-weight: normal; }

.phishing-quiz .info {
  display: block;
  width: 105px;
  height: 22px;
  padding-top: 4px;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: white !important;
  background: url("https://d3j20uveo70stj.cloudfront.net/opendns-www/img/quiz-button.png") no-repeat; }

.phishing-quiz .info:hover {
  text-decoration: none !important; }

.phishing-quiz div#cboxClose {
  top: auto;
  bottom: 0; }

.phishing-quiz .share {
  margin-bottom: 35px;
  text-align: center; }

.phishing-quiz h4 img {
  position: absolute;
  top: -7px; }

.privacy.page .content ul {
  list-style-type: disc; }
  .privacy.page .content ul li {
    margin-left: 40px; }

.privacy.page .content .privacy-seals {
  display: inline-grid;
  grid-column-gap: 20px;
  grid-template-columns: 1fr 1fr; }

.persona-top {
  padding-bottom: 32px; }

.alignright {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em; }

body.about .about-li a, body.about .about-li table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.about .about-li .data-text:hover {
  font-family: tradegothic;
  font-weight: bold; }

body.company-history .company-history-li a, body.company-history .company-history-li table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.company-history .company-history-li .data-text:hover {
  font-family: tradegothic;
  font-weight: bold; }

body.innovations .innovations-li a, body.innovations .innovations-li table.dashboard-table .column-editable .data-text:hover, table.dashboard-table .column-editable body.innovations .innovations-li .data-text:hover {
  font-family: tradegothic;
  font-weight: bold; }