/* 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, 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;
}

.btn-back span:before, .btn-next span:before, button.form-control.btn-add span:before, .btn-clear > span:before, .btn-clear-sm > span:before, .btn-branches > span:before, .btn-data-centers > span:before, .btn-service-hubs > span:before, .btn-device-active > span:before, .btn-sd-hub-device-active > span:before, .btn-sd-branch-device-active > span:before, .btn-sd-clusters-branch > span:before, .btn-sd-hub-device-inactive > span:before, .btn-sd-branch-device-inactive > span:before, .btn-device-inactive > span:before, .btn-clear-modal > span:before,
.btn-white > span:before, .btn-existing-site span:before, .btn-new-site span:before, .btn-ion3000 span:before, .btn-ion7000 span:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 1;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-fluid {
  padding-left: 1rem;
  padding-right: 1rem;
}

.row {
  margin-left: -1rem;
  margin-right: -1rem;
}

.dropdown-menu {
  display: block;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.dropdown-menu.datepicker,
.open > .dropdown-menu {
  display: block;
  pointer-events: auto;
  opacity: 1;
}

.glyphicon {
  color: red !important;
  width: 15px !important;
  height: 15px !important;
  background: red !important;
}

.well {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

dl dt {
  margin-bottom: 0.2rem;
  color: #888185;
  font-size: 12px;
  font-family: "LatoWebSemibold", sans-serif;
  text-transform: uppercase;
}

dl dd {
  margin-bottom: 1.1rem;
  font-size: 0.9375rem;
  line-height: 1.2;
}

dl dd img {
  margin: 0.5rem 0 0;
  max-width: 100%;
  height: auto;
  display: block;
}

dl dd strong {
  display: block;
  color: #848FB3;
}

.tooltip.in {
  opacity: 1;
}

.tooltip .tooltip-arrow:before {
  margin-left: -5px;
  content: "";
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
  border-bottom-color: white;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #848FB3;
}

.tooltip.bottom .tooltip-arrow:before {
  bottom: -7px;
  border-width: 0 5px 5px;
  border-bottom-color: white;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #848FB3;
}

.tooltip.top .tooltip-arrow:before {
  bottom: 2px;
  border-width: 5px 5px 0;
  border-top-color: white;
}

.tooltip .tooltip-inner {
  background-color: white;
  border: 1px solid #848FB3;
  color: #52606d;
}

.popover {
  border-color: #006fcc !important;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  box-shadow: 0px 2px 0px 0px rgba(26, 34, 36, 0.17);
  -webkit-box-shadow: 0px 2px 0px 0px rgba(26, 34, 36, 0.17);
  -moz-box-shadow: 0px 2px 0px 0px rgba(26, 34, 36, 0.17);
}

.popover.bottom {
  margin-top: 0.5rem;
}

.popover.bottom > .arrow {
  display: none;
}

.popover.bottom:after, .popover.bottom:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.popover.bottom:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 6px;
  margin-left: -6px;
}

.popover.bottom:before {
  border-color: rgba(65, 156, 202, 0);
  border-bottom-color: #419cca;
  border-width: 7px;
  margin-left: -7px;
}

.popover.top {
  margin-top: -0.5rem;
}

.popover.top > .arrow {
  display: none;
}

.popover.top:after, .popover.top:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.popover.top:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 6px;
  margin-left: -6px;
}

.popover.top:before {
  border-color: rgba(65, 156, 202, 0);
  border-top-color: #419cca;
  border-width: 7px;
  margin-left: -7px;
}

.popover .popover-content {
  padding: 0;
}

.popover .popover-sm {
  padding: 4px 0.875rem 3px;
  font-size: 0.8125rem;
}

.popover.error_msg {
  border-color: #fe0000;
  background-color: #fff;
}

.popover.error_msg .popover-title {
  background-color: #fff;
  border-bottom: none !important;
  border-bottom-width: 0;
}

.popover.error_msg:before {
  border-top-color: #fe0000;
}

@media (max-width: 1023px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-nav {
    float: none !important;
    margin: 7.5px -15px;
  }
  .navbar-nav > li {
    float: none;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* since 3.1.0 */
  .navbar-collapse.collapse.in {
    display: block !important;
  }
  .collapsing {
    overflow: hidden !important;
  }
  .collapse.in {
    display: block !important;
  }
}

@font-face {
  font-family: 'proxima_nova_rgbold';
  src: url("/static/css/webfonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot");
  src: url("/static/css/webfonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff2") format("woff2"), url("/static/css/webfonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.woff") format("woff"), url("/static/css/webfonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.ttf") format("truetype"), url("/static/css/webfonts/proximanova_bold_macroman/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_ltlight';
  src: url("/static/css/webfonts/proximanova_light_macroman/ProximaNova-Light-webfont.eot");
  src: url("/static/css/webfonts/proximanova_light_macroman/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/proximanova_light_macroman/ProximaNova-Light-webfont.woff2") format("woff2"), url("/static/css/webfonts/proximanova_light_macroman/ProximaNova-Light-webfont.woff") format("woff"), url("/static/css/webfonts/proximanova_light_macroman/ProximaNova-Light-webfont.ttf") format("truetype"), url("/static/css/webfonts/proximanova_light_macroman/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_rgregular';
  src: url("/static/css/webfonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot");
  src: url("/static/css/webfonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff2") format("woff2"), url("/static/css/webfonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.woff") format("woff"), url("/static/css/webfonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.ttf") format("truetype"), url("/static/css/webfonts/proximanova_regular_macroman/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'proxima_nova_ltsemibold';
  src: url("/static/css/webfonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot");
  src: url("/static/css/webfonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff2") format("woff2"), url("/static/css/webfonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.woff") format("woff"), url("/static/css/webfonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("/static/css/webfonts/proximanova_semibold_macroman/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Webfont: Lato-Light */
@font-face {
  font-family: 'LatoWebLight';
  src: url("/static/css/webfonts/Lato/Lato-Light.eot");
  /* IE9 Compat Modes */
  src: url("/static/css/webfonts/Lato/Lato-Light.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/Lato/Lato-Light.woff2") format("woff2"), url("/static/css/webfonts/Lato/Lato-Light.woff") format("woff"), url("/static/css/webfonts/Lato/Lato-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */
@font-face {
  font-family: 'LatoWeb';
  src: url("/static/css/webfonts/Lato/Lato-Regular.eot");
  /* IE9 Compat Modes */
  src: url("/static/css/webfonts/Lato/Lato-Regular.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/Lato/Lato-Regular.woff2") format("woff2"), url("/static/css/webfonts/Lato/Lato-Regular.woff") format("woff"), url("/static/css/webfonts/Lato/Lato-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Semibold */
@font-face {
  font-family: 'LatoWebSemibold';
  src: url("/static/css/webfonts/Lato/Lato-Semibold.eot");
  /* IE9 Compat Modes */
  src: url("/static/css/webfonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/Lato/Lato-Semibold.woff2") format("woff2"), url("/static/css/webfonts/Lato/Lato-Semibold.woff") format("woff"), url("/static/css/webfonts/Lato/Lato-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Bold */
@font-face {
  font-family: 'LatoWebBold';
  src: url("/static/css/webfonts/Lato/Lato-Bold.eot");
  /* IE9 Compat Modes */
  src: url("/static/css/webfonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype"), url("/static/css/webfonts/Lato/Lato-Bold.woff2") format("woff2"), url("/static/css/webfonts/Lato/Lato-Bold.woff") format("woff"), url("/static/css/webfonts/Lato/Lato-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
  text-rendering: optimizeLegibility;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a,
a:visited,
a:focus,
a:hover {
  color: #006fcc !important;
  outline: none;
  text-decoration: none;
}

html {
  width: 100%;
  height: 100%;
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  position: relative;
  padding-top: 46px;
  width: 100%;
  height: 100%;
  font-family: "LatoWeb", sans-serif;
  counter-reset: css-counter;
  -webkit-touch-callout: default;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar-track {
  background-color: #e0e3e8;
}

::-webkit-scrollbar-thumb {
  background-color: #b3babf;
}

#hdr {
  z-index: 100;
}

#content {
  min-height: 100%;
  position: relative;
}

.anim {
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

#app-bx {
  height: 100%;
}

.relative {
  position: relative;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}

strong {
  font-family: "LatoWebSemibold", sans-serif;
}

sup {
  position: relative;
  top: -0.25rem;
  font-size: 0.625rem;
}

sub {
  font-size: 0.625rem;
}

::-ms-clear {
  display: none;
}

::-ms-expand {
  display: none;
}

.btn {
  min-width: 80px;
  color: #fff;
  font-size: 14px;
  font-family: "LatoWeb", sans-serif;
  line-height: 1;
  border-radius: 4px;
  padding: 0 1rem !important;
}

.btn[disabled], .btn.disabled {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}

.btn.btn-link {
  font-family: "LatoWeb", sans-serif;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
  outline: 0;
}

.btn:active, .btn.active {
  box-shadow: none;
}

/* where does this belong? */
.has-feedback .form-control-feedback {
  top: 15px;
}

.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
}

.btn-md {
  padding: 0.5rem 1rem;
  font-size: 1rem;
}

.btn-sm {
  padding: 4px 10px 3px;
  font-size: 0.8125rem;
  vertical-align: middle;
}

.btn-primary,
.btn-primary-modal {
  min-width: 204px;
  height: 34px;
  line-height: 34px;
  color: #fff !important;
  background-color: #f04e23;
  border: 1px solid #f04e23;
  font-family: "LatoWebSemibold", sans-serif !important;
  text-transform: uppercase;
}

.btn-primary:hover, .btn-primary:focus,
.btn-primary-modal:hover,
.btn-primary-modal:focus {
  background-color: #f26944;
  border-color: #f26944;
}

.btn-primary.active, .btn-primary:active,
.btn-primary-modal.active,
.btn-primary-modal:active {
  background: #65a736;
  border-color: #65a736;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  cursor: not-allowed !important;
  background: #90bd70;
  border-color: #90bd70;
}

.btn-default {
  color: #848FB3;
  background: transparent;
  border: 1px solid #848FB3;
}

.btn-default:hover, .btn-default:focus {
  color: #fff;
  background: #848FB3;
  border-color: #848FB3;
}

.btn-default.active, .btn-default:active {
  background: #848FB3;
}

.btn-default.btn-inverse {
  color: #fff;
  background: #848FB3;
  border: 0;
}

.btn-default.btn-inverse.btn-sm {
  padding: 5px 10px;
  height: auto;
  min-width: 0;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #bac4cc;
  cursor: not-allowed;
  border-color: #bac4cc;
}

.btn-group > .btn,
.btn-group-vertical > .btn {
  color: #52606d;
  background: #fff;
  border-color: #52606d;
}

.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  color: #fff;
  background: #52606d;
  border-color: #52606d;
}

.btn-default.dropdown-toggle {
  color: #848FB3;
  border: 1px solid #848FB3;
}

.btn-default.dropdown-toggle:hover {
  color: #fff;
  background: #848FB3;
  border-color: #848FB3;
}

.pull-right .btn {
  margin-left: 0.4rem;
}

.btn-minus {
  position: absolute;
  top: 50%;
  right: -2rem;
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  opacity: 0.3;
  z-index: 10;
  background: url(../img/btn-minus.png) center left no-repeat;
  background-size: 1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity 0.15s ease-out;
  -moz-transition: opacity 0.15s ease-out;
  -ms-transition: opacity 0.15s ease-out;
  -o-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(-50%) translateZ(0) scale(1, 1);
  transform: translateY(-50%) translateZ(0) scale(1, 1);
}

.btn-minus:hover {
  opacity: 1;
}

.btn-back span {
  position: relative;
  padding-left: 0.75rem;
}

.btn-back span:before {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  left: 0;
  margin-top: -1px;
  z-index: 10;
  border-left: 2px solid #419cca;
  border-top: 2px solid #419cca;
  -webkit-transform: rotate(-45deg) translateY(-50%);
  -moz-transform: rotate(-45deg) translateY(-50%);
  -ms-transform: rotate(-45deg) translateY(-50%);
  -o-transform: rotate(-45deg) translateY(-50%);
  transform: rotate(-45deg) translateY(-50%);
}

.btn-back:hover span:before {
  border-color: #fff;
}

.btn-next span {
  position: relative;
  padding-right: 0.75rem;
}

.btn-next span:before {
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  right: 0;
  margin-top: -1px;
  z-index: 10;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -moz-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translateY(-50%);
  -o-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
}

button.form-control {
  position: relative;
  color: #848FB3;
  font-weight: 300;
  text-align: left;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

button.form-control.btn-add span {
  padding-left: 1.5rem;
}

button.form-control.btn-add span:before {
  top: 50%;
  left: 0.8rem;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../img/plus-btn-icon-purple@2x.png);
  background-size: 1.125rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-clear, .btn-clear-sm, .btn-existing-site, .btn-new-site, .btn-ion3000, .btn-ion7000, .btn-branches, .btn-data-centers, .btn-service-hubs, .btn-device-active, .btn-sd-hub-device-active, .btn-sd-branch-device-active, .btn-sd-clusters-branch, .btn-sd-hub-device-inactive, .btn-sd-branch-device-inactive, .btn-device-inactive {
  position: relative;
  margin: 0 0.625rem 0.5em 0;
  height: auto;
  color: #006fcc !important;
  font-size: 0.9375rem;
  font-family: "LatoWebSemibold", sans-serif;
  background: #fff;
  border: 1px solid #006fcc !important;
}

.btn-clear:hover, .btn-clear-sm:hover, .btn-existing-site:hover, .btn-new-site:hover, .btn-ion3000:hover, .btn-ion7000:hover, .btn-branches:hover, .btn-data-centers:hover, .btn-service-hubs:hover, .btn-device-active:hover, .btn-sd-hub-device-active:hover, .btn-sd-branch-device-active:hover, .btn-sd-clusters-branch:hover, .btn-sd-hub-device-inactive:hover, .btn-sd-branch-device-inactive:hover, .btn-device-inactive:hover, .btn-clear:focus, .btn-clear-sm:focus, .btn-existing-site:focus, .btn-new-site:focus, .btn-ion3000:focus, .btn-ion7000:focus, .btn-branches:focus, .btn-data-centers:focus, .btn-service-hubs:focus, .btn-device-active:focus, .btn-sd-hub-device-active:focus, .btn-sd-branch-device-active:focus, .btn-sd-clusters-branch:focus, .btn-sd-hub-device-inactive:focus, .btn-sd-branch-device-inactive:focus, .btn-device-inactive:focus {
  background: #006fcc !important;
  border-color: #006fcc !important;
}

.btn-clear.active, .active.btn-clear-sm, .active.btn-existing-site, .active.btn-new-site, .active.btn-ion3000, .active.btn-ion7000, .active.btn-branches, .active.btn-data-centers, .active.btn-service-hubs, .active.btn-device-active, .active.btn-sd-hub-device-active, .active.btn-sd-branch-device-active, .active.btn-sd-clusters-branch, .active.btn-sd-hub-device-inactive, .active.btn-sd-branch-device-inactive, .active.btn-device-inactive, .btn-clear:active, .btn-clear-sm:active, .btn-existing-site:active, .btn-new-site:active, .btn-ion3000:active, .btn-ion7000:active, .btn-branches:active, .btn-data-centers:active, .btn-service-hubs:active, .btn-device-active:active, .btn-sd-hub-device-active:active, .btn-sd-branch-device-active:active, .btn-sd-clusters-branch:active, .btn-sd-hub-device-inactive:active, .btn-sd-branch-device-inactive:active, .btn-device-inactive:active {
  background: #006fcc !important;
  border-color: #006fcc !important;
}

.btn-clear > span, .btn-clear-sm > span, .btn-existing-site > span, .btn-new-site > span, .btn-ion3000 > span, .btn-ion7000 > span, .btn-branches > span, .btn-data-centers > span, .btn-service-hubs > span, .btn-device-active > span, .btn-sd-hub-device-active > span, .btn-sd-branch-device-active > span, .btn-sd-clusters-branch > span, .btn-sd-hub-device-inactive > span, .btn-sd-branch-device-inactive > span, .btn-device-inactive > span {
  position: relative;
  padding-left: 2rem;
}

.btn-clear > span:before, .btn-clear-sm > span:before, .btn-existing-site > span:before, .btn-new-site > span:before, .btn-ion3000 > span:before, .btn-ion7000 > span:before, .btn-branches > span:before, .btn-data-centers > span:before, .btn-service-hubs > span:before, .btn-device-active > span:before, .btn-sd-hub-device-active > span:before, .btn-sd-branch-device-active > span:before, .btn-sd-clusters-branch > span:before, .btn-sd-hub-device-inactive > span:before, .btn-sd-branch-device-inactive > span:before, .btn-device-inactive > span:before {
  top: 50%;
  left: 0;
  width: 1.625rem;
  height: 1.625rem;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-clear:hover, .btn-clear-sm:hover, .btn-existing-site:hover, .btn-new-site:hover, .btn-ion3000:hover, .btn-ion7000:hover, .btn-branches:hover, .btn-data-centers:hover, .btn-service-hubs:hover, .btn-device-active:hover, .btn-sd-hub-device-active:hover, .btn-sd-branch-device-active:hover, .btn-sd-clusters-branch:hover, .btn-sd-hub-device-inactive:hover, .btn-sd-branch-device-inactive:hover, .btn-device-inactive:hover {
  color: #006fcc !important;
}

.btn-clear:hover, .btn-clear-sm:hover, .btn-existing-site:hover, .btn-new-site:hover, .btn-ion3000:hover, .btn-ion7000:hover, .btn-branches:hover, .btn-data-centers:hover, .btn-service-hubs:hover, .btn-device-active:hover, .btn-sd-hub-device-active:hover, .btn-sd-branch-device-active:hover, .btn-sd-clusters-branch:hover, .btn-sd-hub-device-inactive:hover, .btn-sd-branch-device-inactive:hover, .btn-device-inactive:hover, .btn-clear:active, .btn-clear-sm:active, .btn-existing-site:active, .btn-new-site:active, .btn-ion3000:active, .btn-ion7000:active, .btn-branches:active, .btn-data-centers:active, .btn-service-hubs:active, .btn-device-active:active, .btn-sd-hub-device-active:active, .btn-sd-branch-device-active:active, .btn-sd-clusters-branch:active, .btn-sd-hub-device-inactive:active, .btn-sd-branch-device-inactive:active, .btn-device-inactive:active, .btn-clear.active, .active.btn-clear-sm, .active.btn-existing-site, .active.btn-new-site, .active.btn-ion3000, .active.btn-ion7000, .active.btn-branches, .active.btn-data-centers, .active.btn-service-hubs, .active.btn-device-active, .active.btn-sd-hub-device-active, .active.btn-sd-branch-device-active, .active.btn-sd-clusters-branch, .active.btn-sd-hub-device-inactive, .active.btn-sd-branch-device-inactive, .active.btn-device-inactive {
  background: #ecf7fb;
}

.btn-clear.active, .active.btn-clear-sm, .active.btn-existing-site, .active.btn-new-site, .active.btn-ion3000, .active.btn-ion7000, .active.btn-branches, .active.btn-data-centers, .active.btn-service-hubs, .active.btn-device-active, .active.btn-sd-hub-device-active, .active.btn-sd-branch-device-active, .active.btn-sd-clusters-branch, .active.btn-sd-hub-device-inactive, .active.btn-sd-branch-device-inactive, .active.btn-device-inactive {
  color: #1a2224;
  font-family: "LatoWebSemibold", sans-serif;
}

.btn-clear:disabled, .btn-clear-sm:disabled, .btn-existing-site:disabled, .btn-new-site:disabled, .btn-ion3000:disabled, .btn-ion7000:disabled, .btn-branches:disabled, .btn-data-centers:disabled, .btn-service-hubs:disabled, .btn-device-active:disabled, .btn-sd-hub-device-active:disabled, .btn-sd-branch-device-active:disabled, .btn-sd-clusters-branch:disabled, .btn-sd-hub-device-inactive:disabled, .btn-sd-branch-device-inactive:disabled, .btn-device-inactive:disabled {
  color: #848FB3;
}

.btn-clear:disabled:before, .btn-clear-sm:disabled:before, .btn-existing-site:disabled:before, .btn-new-site:disabled:before, .btn-ion3000:disabled:before, .btn-ion7000:disabled:before, .btn-branches:disabled:before, .btn-data-centers:disabled:before, .btn-service-hubs:disabled:before, .btn-device-active:disabled:before, .btn-sd-hub-device-active:disabled:before, .btn-sd-branch-device-active:disabled:before, .btn-sd-clusters-branch:disabled:before, .btn-sd-hub-device-inactive:disabled:before, .btn-sd-branch-device-inactive:disabled:before, .btn-device-inactive:disabled:before, .btn-clear:disabled:after, .btn-clear-sm:disabled:after, .btn-existing-site:disabled:after, .btn-new-site:disabled:after, .btn-ion3000:disabled:after, .btn-ion7000:disabled:after, .btn-branches:disabled:after, .btn-data-centers:disabled:after, .btn-service-hubs:disabled:after, .btn-device-active:disabled:after, .btn-sd-hub-device-active:disabled:after, .btn-sd-branch-device-active:disabled:after, .btn-sd-clusters-branch:disabled:after, .btn-sd-hub-device-inactive:disabled:after, .btn-sd-branch-device-inactive:disabled:after, .btn-device-inactive:disabled:after {
  display: none;
}

.btn-clear.btn-xs, .btn-xs.btn-clear-sm, .btn-xs.btn-existing-site, .btn-xs.btn-new-site, .btn-xs.btn-ion3000, .btn-xs.btn-ion7000, .btn-xs.btn-branches, .btn-xs.btn-data-centers, .btn-xs.btn-service-hubs, .btn-xs.btn-device-active, .btn-xs.btn-sd-hub-device-active, .btn-xs.btn-sd-branch-device-active, .btn-xs.btn-sd-clusters-branch, .btn-xs.btn-sd-hub-device-inactive, .btn-xs.btn-sd-branch-device-inactive, .btn-xs.btn-device-inactive {
  margin: 0 0 0 0.2rem;
  padding: 0.2rem 0.5rem 0;
  min-width: 0;
  height: auto;
  font-size: 0.75rem;
  font-family: "LatoWebSemibold", sans-serif;
}

.btn-clear-modal,
.btn-white {
  position: relative;
  margin: 0 0.625rem 0.5em 0;
  height: auto;
  color: #006fcc !important;
  font-size: 0.9375rem;
  font-family: "LatoWebSemibold", sans-serif;
  background: #fff;
  border: 1px solid #006fcc !important;
}

.btn-clear-modal:hover, .btn-clear-modal:focus,
.btn-white:hover,
.btn-white:focus {
  color: #fff;
  background: #006fcc !important;
  border-color: #006fcc !important;
}

.btn-clear-modal.active, .btn-clear-modal:active,
.btn-white.active,
.btn-white:active {
  background: #006fcc !important;
  border-color: #006fcc !important;
}

.btn-clear-modal > span,
.btn-white > span {
  position: relative;
  padding-left: 2rem;
}

.btn-clear-modal > span:before,
.btn-white > span:before {
  top: 50%;
  left: 0;
  width: 1.625rem;
  height: 1.625rem;
  z-index: 5;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-clear-modal:disabled,
.btn-white:disabled {
  color: #848FB3;
}

.btn-clear-modal:disabled:before, .btn-clear-modal:disabled:after,
.btn-white:disabled:before,
.btn-white:disabled:after {
  display: none;
}

.btn-clear-sm {
  font-family: "LatoWebSemibold", sans-serif;
  font-size: 0.6875rem;
  height: 22px;
  padding: 0;
  margin: 0;
  line-height: 1;
}

.btn-clear-sm:hover {
  background: #006fcc !important;
  color: #fff;
}

.btn-existing-site span {
  position: relative;
}

.btn-existing-site span:before {
  top: 50%;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/circle-users.png);
  background-position: 0 -3rem;
  background-size: 1.5rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-existing-site[disabled] span:before, .btn-existing-site.disabled span:before {
  -webkit-transform: translateY(-50%) translateZ(0) scale(1, 1);
  transform: translateY(-50%) translateZ(0) scale(1, 1);
}

.btn-new-site span {
  position: relative;
}

.btn-new-site span:before {
  top: 50%;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url(../img/plus-btn-icon-purple@2x.png);
  background-size: 1.5rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-new-site[disabled] span:before, .btn-new-site.disabled span:before {
  -webkit-transform: translateY(-50%) translateZ(0) scale(1, 1);
  transform: translateY(-50%) translateZ(0) scale(1, 1);
}

.btn-ion3000 {
  padding: 0 1rem;
  height: 2.8rem;
  color: #006fcc !important;
}

.btn-ion3000.active, .btn-ion3000:active {
  color: #1a2224;
  font-family: "proxima_nova_ltsemibold", sans-serif;
}

.btn-ion3000 span {
  position: relative;
  padding-left: 2.2rem;
}

.btn-ion3000 span:before {
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2.1875rem;
  z-index: 5;
  background-image: url(../img/devices/branch-device-active-standby.png);
  background-size: 2rem 2.1875rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-ion7000 {
  padding: 0 1rem;
  height: 2.8rem;
  color: #006fcc !important;
}

.btn-ion7000.active, .btn-ion7000:active {
  color: #1a2224;
  font-family: "proxima_nova_ltsemibold", sans-serif;
}

.btn-ion7000 span {
  position: relative;
  padding-left: 2.2rem;
}

.btn-ion7000 span:before {
  top: 50%;
  left: 0;
  width: 2rem;
  height: 2.1875rem;
  z-index: 5;
  background-image: url(../img/devices/hub-device-active-standby.png);
  background-size: 2rem 2.1875rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn-branches {
  padding: 0 1rem;
}

.btn-branches > span {
  padding: 0 0 0 2.2rem;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}

.btn-branches > span:before {
  background-image: url(../img/circle-users.png);
  background-size: 1.625rem;
}

.btn-branches.active > span:before {
  background-position: bottom left;
}

.btn-data-centers {
  padding: 0 1rem;
}

.btn-data-centers > span {
  padding-left: 2.2rem;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}

.btn-data-centers > span:before {
  background-image: url(../img/circle-apps.png);
  background-size: 1.625rem;
}

.btn-data-centers.active > span:before {
  background-position: bottom left;
}

.btn-service-hubs {
  padding: 0 1rem;
}

.btn-service-hubs > span {
  padding: 0 0 0 2.2rem;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}

.btn-service-hubs > span:before {
  background-image: url(../img/circle-hub.png);
  background-size: 1.625rem;
}

.btn-service-hubs.active > span:before {
  background-position: bottom left;
}

.btn-device-active, .btn-sd-hub-device-active, .btn-sd-branch-device-active, .btn-sd-clusters-branch, .btn-sd-hub-device-inactive, .btn-sd-branch-device-inactive {
  padding: 0 1rem;
}

.btn-device-active > span, .btn-sd-hub-device-active > span, .btn-sd-branch-device-active > span, .btn-sd-clusters-branch > span, .btn-sd-hub-device-inactive > span, .btn-sd-branch-device-inactive > span {
  padding: 0 0 0 2.4rem;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}

.btn-device-active > span:before, .btn-sd-hub-device-active > span:before, .btn-sd-branch-device-active > span:before, .btn-sd-clusters-branch > span:before, .btn-sd-hub-device-inactive > span:before, .btn-sd-branch-device-inactive > span:before {
  width: 2rem;
  height: 2.1875rem;
  background-image: url(../img/devices/branch-device-active-32.png);
  background-size: 2rem;
}

.btn-device-active.hub > span:before, .hub.btn-sd-hub-device-active > span:before, .hub.btn-sd-branch-device-active > span:before, .hub.btn-sd-clusters-branch > span:before, .hub.btn-sd-hub-device-inactive > span:before, .hub.btn-sd-branch-device-inactive > span:before {
  width: 2rem;
  height: 2.1875rem;
  background-image: url(../img/devices/hub-device-active-32.png);
  background-size: 2rem;
}

.btn-device-inactive {
  padding: 0 1rem;
}

.btn-device-inactive > span {
  padding: 0 0 0 2.4rem;
  height: 45px;
  line-height: 45px;
  display: inline-block;
}

.btn-device-inactive > span:before {
  width: 2rem;
  height: 2.1875rem;
  background-image: url(../img/devices/branch-device-active-32.png);
  background-size: 2rem;
}

.btn-device-inactive.hub > span:before {
  width: 2rem;
  height: 2.1875rem;
  background-image: url(../img/devices/hub-device-active-32.png);
  background-size: 2rem;
}

.btn-sd-hub-device-active, .btn-sd-branch-device-active, .btn-sd-clusters-branch {
  background-color: #ecf5fb;
  font-size: 0.9375rem;
  font-family: "LatoWebSemibold", sans-serif;
  color: #1a2224;
}

.btn-sd-hub-device-active > span, .btn-sd-branch-device-active > span, .btn-sd-clusters-branch > span {
  padding-left: 2rem;
}

.btn-sd-hub-device-active > span:before, .btn-sd-branch-device-active > span:before, .btn-sd-clusters-branch > span:before {
  width: 1.625rem;
  height: 1.625rem;
  background-size: 24px !important;
  background: url("/static/img/devices/hub-device-active-32.png") no-repeat;
}

.btn-sd-hub-device-active:hover, .btn-sd-branch-device-active:hover, .btn-sd-clusters-branch:hover {
  color: #1a2224;
}

.btn-sd-hub-device-inactive, .btn-sd-branch-device-inactive {
  background-color: #fff;
  font-size: 0.9375rem;
  font-family: "LatoWebSemibold", sans-serif;
}

.btn-sd-hub-device-inactive > span, .btn-sd-branch-device-inactive > span {
  padding-left: 2rem;
}

.btn-sd-hub-device-inactive > span:before, .btn-sd-branch-device-inactive > span:before {
  width: 1.625rem;
  height: 1.625rem;
  background-size: 24px !important;
  background: url("/static/img/devices/hub-device-inactive-32@2x.png") no-repeat;
}

.btn-sd-branch-device-active > span:before {
  background: url("/static/img/devices/branch-device-active-32.png") no-repeat;
  background-size: 24px !important;
}

.btn-sd-branch-device-inactive > span:before {
  background: url("/static/img/devices/branch-device-inactive-32@2x.png") no-repeat;
  background-size: 24px !important;
}

.btn-sd-clusters-branch > span:before {
  background: url("/static/img/cluster-active@2x.png") no-repeat;
  background-size: 24px !important;
}

.btn-activate,
.btn-configure {
  padding: 4px 15px 3px;
  font-size: 0.8125rem;
}

.alert-inline {
  position: relative;
}

.alert-banner {
  position: fixed !important;
  top: 70px;
  left: 50%;
  z-index: 9999;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.alert {
  position: relative;
  line-height: 20px;
  margin-bottom: 0.625rem;
  padding: 16px 50px;
  border: none;
  font-family: "LatoWeb", sans-serif;
  font-size: 12px;
  color: #333;
}

.alert .close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 20px;
  height: 20px;
  font-size: 16px;
  color: #929191;
  cursor: pointer;
}

.alert .alert-icon {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 20px;
}

.alert .alert-icon.success-icon {
  color: #1db846;
}

.alert .alert-icon.error-icon {
  color: #c83a4b;
}

.alert.alert-success {
  background-color: #eefbe5;
}

.alert.alert-danger, .alert.alert-error, .alert.alert-warning {
  background-color: #ffefef;
}

/* obsolete? */
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
  color: #fe0000;
}

.has-error .form-control-feedback {
  color: #fe0000;
}

/* end obsolete? */
.form-control {
  position: relative;
}

.has-error .form-control-wrapper {
  position: relative;
  display: inline-block;
}

.has-error .form-control-wrapper .form-error-icon {
  position: absolute;
  top: 50%;
  right: 8px;
  cursor: pointer;
  z-index: 100;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.has-error .form-control,
.has-error .form-control:focus {
  padding-right: 36px;
  border-color: #fe0000;
  box-shadow: none;
}

.has-error .tooltip.tooltip-error .tooltip-arrow {
  display: none;
}

.has-error .tooltip.tooltip-error .tooltip-inner {
  padding: 4px 12px;
  white-space: nowrap;
  background-color: #fee8e8;
  border: 1px solid #fe0000;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  max-width: 350px;
}

.has-error .tooltip.tooltip-error.top {
  margin-top: -8px;
  padding: 0;
}

.has-error .tooltip.tooltip-error.top:after, .has-error .tooltip.tooltip-error.top:before {
  bottom: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.has-error .tooltip.tooltip-error.top:after {
  border-color: rgba(254, 232, 232, 0);
  border-top-color: #fee8e8;
  border-width: 5px;
  margin-left: -5px;
  margin-bottom: -9px;
}

.has-error .tooltip.tooltip-error.top:before {
  border-color: rgba(254, 0, 0, 0);
  border-top-color: #fe0000;
  border-width: 6px;
  margin-left: -6px;
  margin-bottom: -11px;
}

.has-error .tooltip.tooltip-error.bottom {
  margin-top: 8px;
  padding: 0;
}

.has-error .tooltip.tooltip-error.bottom:after, .has-error .tooltip.tooltip-error.bottom:before {
  top: 0;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.has-error .tooltip.tooltip-error.bottom:after {
  border-color: rgba(254, 232, 232, 0);
  border-bottom-color: #fee8e8;
  border-width: 5px;
  margin-left: -5px;
  margin-top: -9px;
}

.has-error .tooltip.tooltip-error.bottom:before {
  border-color: rgba(254, 0, 0, 0);
  border-bottom-color: #fe0000;
  border-width: 6px;
  margin-left: -6px;
  margin-top: -11px;
}

.has-error .tooltip.tooltip-error.left {
  margin-right: 10px;
  padding: 0;
}

.has-error .tooltip.tooltip-error.left:after, .has-error .tooltip.tooltip-error.left:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.has-error .tooltip.tooltip-error.left:after {
  border-color: rgba(254, 232, 232, 0);
  border-left-color: #fee8e8;
  border-width: 5px;
  margin-top: -5px;
  margin-left: -1px;
}

.has-error .tooltip.tooltip-error.left:before {
  border-color: rgba(254, 0, 0, 0);
  border-left-color: #fe0000;
  border-width: 6px;
  margin-top: -6px;
  margin-left: -1px;
}

.has-error .tooltip.tooltip-error.right {
  margin-left: 10px;
  padding: 0;
}

.has-error .tooltip.tooltip-error.right:after, .has-error .tooltip.tooltip-error.right:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.has-error .tooltip.tooltip-error.right:after {
  border-color: rgba(254, 232, 232, 0);
  border-right-color: #fee8e8;
  border-width: 5px;
  margin-top: -5px;
  margin-right: -1px;
}

.has-error .tooltip.tooltip-error.right:before {
  border-color: rgba(254, 0, 0, 0);
  border-right-color: #fe0000;
  border-width: 6px;
  margin-top: -6px;
  margin-right: -1px;
}

/*
    shouldn't have layout styles:
    -Ex: margin, position, z-index, etc.
 */
.panw-btn--primary, .panw-btn--secondary, .panw-btn--danger {
  display: inline-block;
  box-sizing: border-box;
  font-family: "LatoWeb", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  align-items: center;
  text-align: center;
  border-radius: 4px;
  outline: none;
  vertical-align: middle;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panw-btn--primary {
  padding: 6px 16px;
  border: none;
  background-color: #006fcc;
  color: #fff;
}

.panw-btn--primary:visited, .panw-btn--primary:visited:hover {
  color: #fff;
}

.panw-btn--primary:not(:disabled):not(.disabled):hover {
  background-color: #004c9d;
  color: #fff;
}

.panw-btn--primary:not(:disabled):not(.disabled):active {
  background-color: #003474;
}

.panw-btn--primary:not(:disabled):not(.disabled):focus {
  background-color: #006fcc;
  box-shadow: 0 0 0 2px #cfe8fc;
}

.panw-btn--primary .disabled, .panw-btn--primary:disabled {
  cursor: not-allowed;
  background: #b8b8b8;
}

.panw-btn--primary .panw-icon--lt {
  position: relative;
  top: 2px;
  left: 1px;
  margin-right: 8px;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
}

.panw-btn--primary .panw-icon--rt {
  position: relative;
  top: 2px;
  right: 0;
  margin-left: 8px;
  font-size: 16px;
  color: #fff;
  pointer-events: none;
}

.panw-btn--secondary {
  padding: 5px 15px;
  border: 1px solid #dadbdb;
  background-color: #fff;
  color: #006fcc;
}

.panw-btn--secondary:visited, .panw-btn--secondary:visited:hover {
  color: #006fcc;
}

.panw-btn--secondary:not(:disabled):not(.disabled):hover {
  border: 1px solid #38a5ff;
  background-color: #eff8ff;
  color: #006fcc;
}

.panw-btn--secondary:not(:disabled):not(.disabled):active {
  border: 1px solid #dadbdb;
  background-color: #cfe8fc;
}

.panw-btn--secondary:not(:active):not(:disabled):not(.disabled):focus {
  box-shadow: 0 0 0 2px #cfe8fc;
}

.panw-btn--secondary .disabled, .panw-btn--secondary:disabled {
  border: 1px solid #dadbdb;
  color: #b8b8b8;
  cursor: not-allowed;
}

.panw-btn--secondary .disabled .panw-icon--rt,
.panw-btn--secondary .disabled .panw-icon--lt, .panw-btn--secondary:disabled .panw-icon--rt,
.panw-btn--secondary:disabled .panw-icon--lt {
  color: #b8b8b8;
}

.panw-btn--secondary .panw-icon--lt {
  position: relative;
  top: 2px;
  left: 1px;
  margin-right: 8px;
  font-size: 16px;
  color: #000;
  pointer-events: none;
}

.panw-btn--secondary .panw-icon--rt {
  position: relative;
  top: 2px;
  right: 0;
  margin-left: 8px;
  font-size: 16px;
  color: #000;
  pointer-events: none;
}

.panw-btn--danger {
  padding: 5px 15px;
  border: 1px solid #dadbdb;
  background-color: #fff;
  color: #8f000e;
}

.panw-btn--danger:visited, .panw-btn--danger:visited:hover {
  color: #8f000e;
}

.panw-btn--danger:not(:disabled):not(.disabled):hover {
  border: 1px solid #8f000e;
  background-color: #fff2f2;
  color: #8f000e;
}

.panw-btn--danger:not(:disabled):not(.disabled):active {
  border: 1px solid #dadbdb;
  background-color: #ffe4e4;
}

.panw-btn--danger:not(:active):not(:disabled):not(.disabled):focus {
  box-shadow: 0 0 0 2px #cfe8fc;
}

.panw-btn--danger .disabled, .panw-btn--danger:disabled {
  border: 1px solid #b8b8b8;
  color: #b8b8b8;
  cursor: not-allowed;
}

.panw-btn--icon {
  position: relative;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #dadbdb;
  border-radius: 4px;
  vertical-align: middle;
  background: white;
  outline: none;
  color: #333;
}

.panw-btn--icon:visited, .panw-btn--icon:visited:hover {
  color: #333;
}

.panw-btn--icon:not(:disabled):not(.disabled):hover {
  border-color: #38a5ff !important;
  background: #eff8ff !important;
}

.panw-btn--icon:not(:disabled):not(.disabled):active {
  border: none !important;
  background: #cfe8fc !important;
}

.panw-btn--icon:not(:disabled):not(.disabled):focus {
  box-shadow: 0 0 0 2px #cfe8fc;
}

.panw-btn--icon:disabled {
  color: #b8b8b8;
  cursor: not-allowed;
}

.pointer-events-none {
  pointer-events: none;
}

.panw-btn--as-link {
  line-height: 20px;
  padding: 0;
  border: none;
  font-family: "LatoWeb", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  outline: none;
  background-color: inherit;
  color: #006fcc !important;
}

.panw-btn--as-link:not(:disabled):not(.disabled):hover {
  text-decoration-line: underline;
}

.panw-btn--as-link:not(:disabled):not(.disabled):focus {
  border-radius: 4px;
  box-shadow: 0 0 0 2px #d3e8fc;
}

.panw-btn--as-link:disabled, .panw-btn--as-link.disabled {
  color: #b8b8b8 !important;
  cursor: not-allowed;
}

.panw-link {
  line-height: 20px;
  font-family: "LatoWeb", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  background-color: inherit;
  color: #006fcc !important;
}

.panw-link:visited {
  color: #006fcc !important;
}

.panw-link:not(.disabled):hover {
  text-decoration-line: underline;
}

.panw-link:not(.disabled):focus {
  border-radius: 4px;
  box-shadow: 0 0 0 2px #d3e8fc;
}

.panw-link.disabled {
  color: #b8b8b8 !important;
  cursor: not-allowed;
}

.panw-btn--icon-only {
  position: relative;
  box-sizing: border-box;
  vertical-align: middle;
  outline: none;
  color: #333333;
  border: 0 none;
  border-radius: 4px;
  background: none;
  padding: 4px;
  margin: 0;
  cursor: pointer;
}

.panw-btn--icon-only:visited, .panw-btn--icon-only:visited:hover {
  color: #333333;
}

.panw-btn--icon-only:not(:disabled):not(.disabled):hover {
  color: #333333;
  background-color: #EFF7FF;
}

.panw-btn--icon-only:not(:disabled):not(.disabled):active {
  color: #333333;
  background-color: #D3E8FC;
}

.panw-btn--icon-only:not(:disabled):not(.disabled):focus {
  background-color: #D3E8FC;
}

.panw-btn--icon-only:disabled {
  color: #b8b8b8 !important;
  cursor: not-allowed;
}

.panw-options-btn, .panw-options-btn--sm, .panw-options-btn--md, .panw-options-btn--lg {
  display: inline-block;
  border: none;
  background: none;
  outline: none;
}

.panw-options-btn > .panw-options-btn__icons, .panw-options-btn--sm > .panw-options-btn__icons, .panw-options-btn--md > .panw-options-btn__icons, .panw-options-btn--lg > .panw-options-btn__icons {
  font-size: 12px;
  color: #333333;
}

.panw-options-btn:not(:disabled):not(.disabled):hover .panw-options-btn__bg, .panw-options-btn--sm:not(:disabled):not(.disabled):hover .panw-options-btn__bg, .panw-options-btn--md:not(:disabled):not(.disabled):hover .panw-options-btn__bg, .panw-options-btn--lg:not(:disabled):not(.disabled):hover .panw-options-btn__bg {
  color: #999;
}

.panw-options-btn:not(:disabled):not(.disabled):active .panw-options-btn__bg, .panw-options-btn--sm:not(:disabled):not(.disabled):active .panw-options-btn__bg, .panw-options-btn--md:not(:disabled):not(.disabled):active .panw-options-btn__bg, .panw-options-btn--lg:not(:disabled):not(.disabled):active .panw-options-btn__bg {
  color: #D3E8FC !important;
}

.panw-options-btn:disabled, .panw-options-btn--sm:disabled, .panw-options-btn--md:disabled, .panw-options-btn--lg:disabled {
  cursor: not-allowed;
}

.panw-options-btn:disabled > .panw-options-btn__icons, .panw-options-btn--sm:disabled > .panw-options-btn__icons, .panw-options-btn--md:disabled > .panw-options-btn__icons, .panw-options-btn--lg:disabled > .panw-options-btn__icons {
  color: #b8b8b8 !important;
}

.panw-options-btn--sm > .panw-options-btn__icons {
  font-size: 10px;
}

.panw-options-btn--lg > .panw-options-btn__icons {
  font-size: 14px;
}

.panw-pseudo-icon--plus, .panw-pseudo-icon--pencil, .panw-pseudo-icon--history, .panw-pseudo-icon--star {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  text-decoration: none !important;
  position: relative;
  box-sizing: border-box;
  outline: none !important;
  color: #333333 !important;
  border: 0 none;
  border-radius: 4px;
  background: none;
  padding: 4px;
  margin: 0;
  cursor: pointer;
}

.panw-pseudo-icon--plus:visited, .panw-pseudo-icon--pencil:visited, .panw-pseudo-icon--history:visited, .panw-pseudo-icon--star:visited, .panw-pseudo-icon--plus:visited:hover, .panw-pseudo-icon--pencil:visited:hover, .panw-pseudo-icon--history:visited:hover, .panw-pseudo-icon--star:visited:hover {
  color: #333333;
}

.panw-pseudo-icon--plus:not(:disabled):not(.disabled):hover, .panw-pseudo-icon--pencil:not(:disabled):not(.disabled):hover, .panw-pseudo-icon--history:not(:disabled):not(.disabled):hover, .panw-pseudo-icon--star:not(:disabled):not(.disabled):hover {
  color: #333333;
  background-color: #EFF7FF;
}

.panw-pseudo-icon--plus:not(:disabled):not(.disabled):active, .panw-pseudo-icon--pencil:not(:disabled):not(.disabled):active, .panw-pseudo-icon--history:not(:disabled):not(.disabled):active, .panw-pseudo-icon--star:not(:disabled):not(.disabled):active {
  color: #333333;
  background-color: #D3E8FC;
}

.panw-pseudo-icon--plus:not(:disabled):not(.disabled):focus, .panw-pseudo-icon--pencil:not(:disabled):not(.disabled):focus, .panw-pseudo-icon--history:not(:disabled):not(.disabled):focus, .panw-pseudo-icon--star:not(:disabled):not(.disabled):focus {
  background-color: #D3E8FC;
}

.panw-pseudo-icon--plus:disabled, .panw-pseudo-icon--pencil:disabled, .panw-pseudo-icon--history:disabled, .panw-pseudo-icon--star:disabled {
  color: #b8b8b8 !important;
  cursor: not-allowed;
}

.panw-pseudo-icon--plus::before, .panw-pseudo-icon--pencil::before, .panw-pseudo-icon--history::before, .panw-pseudo-icon--star::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.panw-pseudo-icon--plus {
  font-size: 15px;
}

.panw-pseudo-icon--plus::before {
  content: "\f055";
}

.panw-pseudo-icon--pencil {
  font-size: 15px;
}

.panw-pseudo-icon--pencil::before {
  content: "\f303";
}

.panw-pseudo-icon--history {
  font-size: 15px;
}

.panw-pseudo-icon--history::before {
  content: "\f1da";
}

.panw-pseudo-icon--star {
  color: #f04e23 !important;
  font-size: 15px;
  background: none !important;
  cursor: default;
}

.panw-pseudo-icon--star::before {
  content: "\f005";
}

body.login-bx {
  padding-top: 100px;
  background: url(../img/map-placeholder.png);
  background-size: 100%;
}

.unsupported-browser {
  display: flex;
  align-items: center;
  color: red;
  font-size: 20px;
  height: 200px;
  padding: 20px;
  text-align: center;
}

.unsupported-browser span {
  color: blue;
  font-size: 16px;
}

.login {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 500px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.login .fadeIn {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.25s linear;
}

.login .fadeOut {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s linear;
}

.login .login-logo {
  text-align: center;
  margin-bottom: 30px;
}

.login .login-logo .panw_cgnx_logo {
  width: 468px;
  height: 42px;
  background: url('/static/img/panw_cgnx_logo.png')  center / 468px no-repeat;
}

.login .login-well {
  margin: 0.8rem 0 1rem;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 3px;
}

.login .login-well #signup_msg {
  padding-left: 12px !important;
  font-size: 14px !important;
}

.login .login-well .login-box {
  min-width: 400px;
  position: relative;
  padding: 1.5rem 2.8rem;
  background: #fff;
  border-radius: 6px 6px 0 0;
}

.login .login-well .login-box h3 {
  margin-bottom: 1.5rem;
  font-size: 22px;
  color: #2C2D2E;
  line-height: 1.3;
  text-align: center;
}

.login .login-well .login-box h3 #sd-wan {
  color: #fd0000;
}

.login .login-well .login-box .trouble-logging-in,
.login .login-well .login-box .switch-login-email {
  display: block;
}

.login .login-well .login-box .trouble-logging-in:first-of-type,
.login .login-well .login-box .switch-login-email:first-of-type {
  margin-top: -7px;
}

.login .login-well .login-box .trouble-logging-in:nth-of-type(2),
.login .login-well .login-box .switch-login-email:nth-of-type(2) {
  margin-top: 5px;
}

.login .login-well .login-box.login-box-help {
  padding: 3.4rem 2.8rem;
  position: absolute;
  top: 90px !important;
}

.login .login-well .login-box.login-box-help .back-to-login {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding-left: 0.7rem;
  line-height: unset;
}

.login .login-well .login-box.login-box-help p {
  position: relative;
  top: 50px;
  font-size: 0.875rem;
  line-height: 1.4rem;
  text-align: center;
}

.login .login-well .login-footer {
  text-align: center;
  background: #E1DFDC;
  border-radius: 0 0 3px 3px;
}

.login .login-copyright {
  color: #91908F;
  font-size: 0.75rem;
  text-align: center;
}

.login .password-note {
  margin: 0 0 10px 14px;
  font-size: 15px;
  color: #555;
}

._cgNew ::selection {
  background: #E1DFDC;
}

._cgNew a,
._cgNew a:visited,
._cgNew a:focus,
._cgNew a:hover {
  font-family: "LatoWebSemibold", sans-serif;
  color: #146FC1;
  outline: none;
  text-decoration: none;
}

._cgNew .pos-rel {
  position: relative;
}

._cgNew .form-control {
  border: 1px solid #E1DFDC;
  border-radius: 4px;
  box-shadow: none;
  outline: none;
}

._cgNew .btn {
  min-width: 80px;
  color: #fff;
  font-size: 14px;
  font-family: "LatoWeb", sans-serif;
  line-height: 1;
  border-radius: 4px;
  padding: 0 1rem !important;
}

._cgNew .btn[disabled], ._cgNew .btn.disabled {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1, 1);
  transform: translateZ(0) scale(1, 1);
}

._cgNew .btn.btn-with-icon {
  line-height: 1 !important;
}

._cgNew .btn.btn-with-icon img {
  margin-right: 8px;
  vertical-align: top;
}

._cgNew .btn:focus,
._cgNew .btn:active:focus,
._cgNew .btn.active:focus {
  outline: 0;
}

._cgNew .btn:active,
._cgNew .btn.active {
  box-shadow: none;
}

._cgNew .btn:hover {
  transition: background-color 75ms ease-in-out;
}

._cgNew .btn-primary,
._cgNew .btn-primary-modal {
  min-width: 204px;
  height: 34px;
  line-height: 34px;
  color: #fff !important;
  background-color: #8C145D;
  border: 1px solid #8C145D;
  font-family: "LatoWebSemibold", sans-serif !important;
  text-transform: uppercase;
}

._cgNew .btn-primary:hover, ._cgNew .btn-primary:focus,
._cgNew .btn-primary-modal:hover,
._cgNew .btn-primary-modal:focus {
  background-color: #a2176c;
  border-color: #a2176c;
}

._cgNew .btn-primary.active, ._cgNew .btn-primary:active,
._cgNew .btn-primary-modal.active,
._cgNew .btn-primary-modal:active {
  background-color: #8C145D !important;
  border-color: #8C145D !important;
}

._cgNew .btn-primary.disabled,
._cgNew .btn-primary[disabled],
._cgNew fieldset[disabled] .btn-primary,
._cgNew .btn-primary.disabled:hover,
._cgNew .btn-primary[disabled]:hover,
._cgNew fieldset[disabled] .btn-primary:hover,
._cgNew .btn-primary.disabled:focus,
._cgNew .btn-primary[disabled]:focus,
._cgNew fieldset[disabled] .btn-primary:focus,
._cgNew .btn-primary.disabled:active,
._cgNew .btn-primary[disabled]:active,
._cgNew fieldset[disabled] .btn-primary:active,
._cgNew .btn-primary.disabled.active,
._cgNew .btn-primary[disabled].active,
._cgNew fieldset[disabled] .btn-primary.active,
._cgNew .btn-primary-sm.disabled,
._cgNew .btn-primary-sm[disabled],
._cgNew fieldset[disabled] .btn-primary-sm,
._cgNew .btn-primary-sm.disabled:hover,
._cgNew .btn-primary-sm[disabled]:hover,
._cgNew fieldset[disabled] .btn-primary-sm:hover,
._cgNew .btn-primary-sm.disabled:focus,
._cgNew .btn-primary-sm[disabled]:focus,
._cgNew fieldset[disabled] .btn-primary-sm:focus,
._cgNew .btn-primary-sm.disabled:active,
._cgNew .btn-primary-sm[disabled]:active,
._cgNew fieldset[disabled] .btn-primary-sm:active,
._cgNew .btn-primary-sm.disabled.active,
._cgNew .btn-primary-sm[disabled].active,
._cgNew fieldset[disabled] .btn-primary-sm.active {
  cursor: not-allowed !important;
  background-color: #D7D5D6;
  border-color: #D7D5D6;
}

._cgNew .btn-default[disabled]:hover,
._cgNew .btn-default.disabled {
  background-color: #fff;
  color: #146FC1;
  border: 1px solid #146FC1;
  opacity: 0.3;
}

._cgNew .btn-primary-sm {
  min-width: 170px;
  height: 34px;
  margin-top: 35px;
  line-height: 34px;
  font-size: 14px;
  color: #fff !important;
  background-color: #FE5000;
  border: 1px solid #FE5000;
  font-family: "LatoWebSemibold", sans-serif !important;
  text-transform: uppercase;
}

._cgNew .btn-primary-sm:hover, ._cgNew .btn-primary-sm:focus {
  background: #ff6823;
  border-color: #ff6823;
}

._cgNew .btn-primary-sm.active, ._cgNew .btn-primary-sm:active {
  background-color: #FE5000    !important;
  border-color: #FE5000    !important;
}

._cgNew.login .login-well .login-footer {
  background: #E1DFDC;
}

._cgNew.login .login-well .login-box .trouble-logging-in,
._cgNew.login .login-well .login-box .switch-login-email {
  font-weight: normal;
}

._cgNew.login .login-well .login-box.login-box-help .back-to-login {
  background: url(../img/caret-left-blue@2x.png) no-repeat 0 1px;
  background-size: 6px 9px;
}