@charset "UTF-8";
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  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;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #58585b;
  background-color: #f7f7f7;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #049fd9;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #03688e;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all all 0.2s ease-in-out ease;
  -moz-transition: all all 0.2s ease-in-out ease;
  -o-transition: all all 0.2s ease-in-out ease;
  transition: all all 0.2s ease-in-out ease;
  -ms-transition: all all 0.2s ease-in-out ease;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #049fd9;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #037aa7;
}
.text-success {
  color: #6ebd4b;
}
a.text-success:hover,
a.text-success:focus {
  color: #579c39;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #ff7300;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #cc5c00;
}
.text-danger {
  color: #cf2030;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #a31926;
}
.bg-primary {
  color: #fff;
  background-color: #049fd9;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #037aa7;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #f7f7f7;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 29px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -ms-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 36px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 45px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #6ebd4b;
}
.has-success .form-control {
  border-color: #6ebd4b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #579c39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aad896;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #aad896;
}
.has-success .input-group-addon {
  color: #6ebd4b;
  border-color: #6ebd4b;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #6ebd4b;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ff7300;
}
.has-warning .form-control {
  border-color: #ff7300;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #cc5c00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffab66;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffab66;
}
.has-warning .input-group-addon {
  color: #ff7300;
  border-color: #ff7300;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #ff7300;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #cf2030;
}
.has-error .form-control {
  border-color: #cf2030;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #a31926;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e86d78;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #e86d78;
}
.has-error .input-group-addon {
  color: #cf2030;
  border-color: #cf2030;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #cf2030;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #98989b;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 8px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 28px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 8px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 7px 29px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.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.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #049fd9;
  border-color: #048dc0;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #037aa7;
  border-color: #013143;
}
.btn-primary:hover {
  color: #fff;
  background-color: #037aa7;
  border-color: #026184;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #037aa7;
  border-color: #026184;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #026184;
  border-color: #013143;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.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.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #049fd9;
  border-color: #048dc0;
}
.btn-primary .badge {
  color: #049fd9;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #049fd9;
  border-color: #048dc0;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #037aa7;
  border-color: #013143;
}
.btn-success:hover {
  color: #fff;
  background-color: #037aa7;
  border-color: #026184;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #037aa7;
  border-color: #026184;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #026184;
  border-color: #013143;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #049fd9;
  border-color: #048dc0;
}
.btn-success .badge {
  color: #049fd9;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #ff7300;
  border-color: #e66800;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #cc5c00;
  border-color: #662e00;
}
.btn-warning:hover {
  color: #fff;
  background-color: #cc5c00;
  border-color: #a84c00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #cc5c00;
  border-color: #a84c00;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #a84c00;
  border-color: #662e00;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #ff7300;
  border-color: #e66800;
}
.btn-warning .badge {
  color: #ff7300;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #049fd9;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #03688e;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
  -webkit-transition: all opacity 0.15s linear ease;
  -moz-transition: all opacity 0.15s linear ease;
  -o-transition: all opacity 0.15s linear ease;
  transition: all opacity 0.15s linear ease;
  -ms-transition: all opacity 0.15s linear ease;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #049fd9;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 7px 29px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #049fd9;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #f7f7f7;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 50px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #049fd9;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #f7f7f7;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 7px;
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 7px;
  margin-bottom: 7px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: white;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: white;
}
.navbar-inverse .navbar-nav > li > a {
  color: white;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #04b1f2;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: white;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #04b1f2;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: white;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: white;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 7px 29px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #049fd9;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #03688e;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  background-color: #049fd9;
  border-color: #049fd9;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #049fd9;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #037aa7;
}
.label-success {
  background-color: #049fd9;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #037aa7;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #ff7300;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #cc5c00;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #049fd9;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
  padding-left: 15px;
  padding-right: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  -webkit-transition: all border 0.2s ease-in-out ease;
  -moz-transition: all border 0.2s ease-in-out ease;
  -o-transition: all border 0.2s ease-in-out ease;
  transition: all border 0.2s ease-in-out ease;
  -ms-transition: all border 0.2s ease-in-out ease;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #049fd9;
}
.thumbnail .caption {
  padding: 9px;
  color: #58585b;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #6ebd4b;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #579c39;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #ff7300;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #cc5c00;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #cf2030;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #a31926;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #049fd9;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -webkit-transition: all width 0.6s ease ease;
  -moz-transition: all width 0.6s ease ease;
  -o-transition: all width 0.6s ease ease;
  transition: all width 0.6s ease ease;
  -ms-transition: all width 0.6s ease ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #049fd9;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #ff7300;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #049fd9;
  border-color: #049fd9;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #ace7fd;
}
.list-group-item-success {
  color: #6ebd4b;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #6ebd4b;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #6ebd4b;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #6ebd4b;
  border-color: #6ebd4b;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #ff7300;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #ff7300;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #ff7300;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #ff7300;
  border-color: #ff7300;
}
.list-group-item-danger {
  color: #cf2030;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #cf2030;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #cf2030;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #cf2030;
  border-color: #cf2030;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #049fd9;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #049fd9;
  border-color: #049fd9;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #049fd9;
}
.panel-primary > .panel-heading .badge {
  color: #049fd9;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #049fd9;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #6ebd4b;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #6ebd4b;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #ff7300;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #ff7300;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #cf2030;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #cf2030;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
  -webkit-transition: all 0.6s ease-in-out left ease;
  -moz-transition: all 0.6s ease-in-out left ease;
  -o-transition: all 0.6s ease-in-out left ease;
  transition: all 0.6s ease-in-out left ease;
  -ms-transition: all 0.6s ease-in-out left ease;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.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 {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.ember-basic-dropdown {
  position: relative;
}
.ember-basic-dropdown,
.ember-basic-dropdown-content,
.ember-basic-dropdown-content * {
  box-sizing: border-box;
}
.ember-basic-dropdown-content {
  position: absolute;
  width: auto;
  z-index: 1000;
  background-color: #FFF;
}
.ember-basic-dropdown-content--left {
  left: 0;
}
.ember-basic-dropdown-content--right {
  right: 0;
}
.ember-basic-dropdown-overlay {
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ember-basic-dropdown-content-wormhole-origin {
  display: inline;
}
.ember-power-select-dropdown * {
  box-sizing: border-box;
}
.ember-power-select-trigger {
  position: relative;
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: #ffffff;
  line-height: 1.75;
  overflow-x: hidden;
  text-overflow: ellipsis;
  min-height: 1.75em;
  user-select: none;
  -webkit-user-select: none;
  color: inherit;
  /* Minimum clearfix for modern browsers */
}
.ember-power-select-trigger:after {
  content: "";
  display: table;
  clear: both;
}
.ember-power-select-trigger:focus,
.ember-power-select-trigger--active {
  border-top: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  border-left: 1px solid #aaaaaa;
  box-shadow: none;
}
.ember-basic-dropdown-trigger--below.ember-power-select-trigger[aria-expanded="true"],
.ember-basic-dropdown-trigger--in-place.ember-power-select-trigger[aria-expanded="true"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-basic-dropdown-trigger--above.ember-power-select-trigger[aria-expanded="true"] {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-placeholder {
  color: #999999;
  display: block;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ember-power-select-status-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border-style: solid;
  border-width: 7px 4px 0 4px;
  border-color: #aaaaaa transparent transparent transparent;
}
.ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
  transform: rotate(180deg);
}
.ember-power-select-clear-btn {
  position: absolute;
  cursor: pointer;
}
.ember-power-select-trigger-multiple-input {
  font-family: inherit;
  font-size: inherit;
  border: none;
  display: inline-block;
  line-height: inherit;
  -webkit-appearance: none;
  outline: none;
  padding: 0;
  float: left;
  background-color: transparent;
  text-indent: 2px;
  /* There's a browser bug where this selectos cannot be chained with commas */
}
.ember-power-select-trigger-multiple-input:disabled {
  background-color: #eeeeee;
}
.ember-power-select-trigger-multiple-input::placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-webkit-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-moz-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-trigger-multiple-input::-ms-input-placeholder {
  opacity: 1;
  color: #999999;
}
.ember-power-select-multiple-options {
  padding: 0;
  margin: 0;
}
.ember-power-select-multiple-option {
  border: 1px solid gray;
  border-radius: 4px;
  color: #333333;
  background-color: #e4e4e4;
  padding: 0 4px;
  display: inline-block;
  line-height: 1.45;
  float: left;
  margin: 2px 0 2px 3px;
}
.ember-power-select-multiple-remove-btn {
  cursor: pointer;
}
.ember-power-select-multiple-remove-btn:not(:hover) {
  opacity: 0.5;
}
.ember-power-select-search {
  padding: 4px;
}
.ember-power-select-search-input {
  border: 1px solid #aaaaaa;
  border-radius: 0;
  width: 100%;
  font-size: inherit;
  line-height: inherit;
  padding: 0 5px;
}
.ember-power-select-search-input:focus {
  border: 1px solid #aaaaaa;
  box-shadow: none;
}
.ember-power-select-dropdown {
  border-left: 1px solid #aaaaaa;
  border-right: 1px solid #aaaaaa;
  line-height: 1.75;
  border-radius: 4px;
  box-shadow: none;
  overflow: hidden;
  color: inherit;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--above {
  border-top: 1px solid #aaaaaa;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--below,
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  border-top: none;
  border-bottom: 1px solid #aaaaaa;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ember-power-select-dropdown.ember-basic-dropdown-content--in-place {
  width: 100%;
}
.ember-power-select-options {
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
  -webkit-user-select: none;
}
.ember-power-select-options[role="listbox"] {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 12.25em;
}
.ember-power-select-option {
  cursor: pointer;
  padding: 0 8px;
}
.ember-power-select-group[aria-disabled="true"] {
  color: #999999;
  cursor: not-allowed;
}
.ember-power-select-group[aria-disabled="true"] .ember-power-select-option,
.ember-power-select-option[aria-disabled="true"] {
  color: #999999;
  pointer-events: none;
  cursor: not-allowed;
}
.ember-power-select-option[aria-selected="true"] {
  background-color: #dddddd;
}
.ember-power-select-option[aria-current="true"] {
  background-color: #5897fb;
  color: #ffffff;
}
.ember-power-select-group-name {
  cursor: default;
  font-weight: bold;
}
.ember-power-select-trigger[aria-disabled=true] {
  background-color: #eeeeee;
}
.ember-power-select-trigger {
  padding: 0 16px 0 0;
}
.ember-power-select-selected-item,
.ember-power-select-placeholder {
  margin-left: 8px;
}
.ember-power-select-status-icon {
  right: 5px;
}
.ember-power-select-clear-btn {
  right: 25px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-left: 40px;
}
.ember-power-select-group .ember-power-select-option {
  padding-left: 24px;
}
.ember-power-select-group .ember-power-select-group-name {
  padding-left: 8px;
}
.ember-power-select-trigger[dir=rtl] {
  padding: 0 0 0 16px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-selected-item,
.ember-power-select-trigger[dir=rtl] .ember-power-select-placeholder {
  margin-right: 8px;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-multiple-option {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-trigger-multiple-input {
  float: right;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-status-icon {
  left: 5px;
  right: initial;
}
.ember-power-select-trigger[dir=rtl] .ember-power-select-clear-btn {
  left: 25px;
  right: initial;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-group-name {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group .ember-power-select-option {
  padding-right: 40px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-option {
  padding-right: 24px;
}
.ember-power-select-dropdown[dir=rtl] .ember-power-select-group .ember-power-select-group-name {
  padding-right: 8px;
}
/*font-size*/
/*font-weight*/
/*font-color*/
/*borders color*/
/*theme background*/
/* header */
/* table */
/* nav-pills */
/* content */
/* monitor box */
/* sidebar */
/* charts */
/* policies table*/
/* objects-navbar */
/* gray search */
/* gray button */
.cisco-status-blue {
  color: #64bbe3;
}
.cisco-status-orange {
  color: #ff7300;
}
.cisco-status-green {
  color: #6ebd4b;
}
.noselect {
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.card {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.card .general-errors,
.card .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.card header ~ div .general-errors {
  margin-top: 0;
}
.h3-middle {
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
}
.h5-group-header {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
  padding: 12px 6px 6px 0;
  position: relative;
  line-height: 1;
}
.loader-small {
  display: inline-block;
  background: url('/branding/default/images/ajax-loader.gif') no-repeat;
  background-size: cover;
  width: 42px;
  height: 12px;
}
.arrow-end {
  border-color: #c6c7ca;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
}
.primary-button-label {
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: inherit;
}
.btn-select-mixin {
  position: relative;
  text-transform: none;
  color: #323232;
  font-size: 14px;
  padding: 0 28px 0 10px;
  text-align: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
  font-weight: normal;
  background: #e5e5e5;
  border: none;
}
.btn-select-mixin:focus {
  outline: none;
}
.btn-select-mixin:active:hover {
  border-color: transparent;
}
.btn-select-mixin [class^='icon-'] {
  font-size: 14px;
  line-height: 36px;
}
.btn-select-mixin .icon-chevron-down {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 10px;
  line-height: 36px;
}
.btn-select-mixin .label-text {
  margin-left: 10px;
}
.btn-select-mixin:disabled,
.btn-select-mixin[disabled] {
  pointer-events: none;
  background: #e5e5e5;
  color: #323232;
}
.btn-select-mixin.not-selected {
  color: #58585b;
}
.btn-select-mixin.not-selected [class^='icon-'] {
  color: #58585b;
}
.btn-select-mixin:hover,
.btn-select-mixin.not-selected:hover {
  background: #9e9ea2;
  color: white;
}
.btn-select-mixin:hover [class^='icon-'],
.btn-select-mixin.not-selected:hover [class^='icon-'] {
  color: white;
}
.btn-select-mixin.btn-primary {
  background: #049fd9;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: inherit;
}
.btn-select-mixin.btn-primary.not-selected [class^="icon-"] {
  color: white;
}
.btn-select-mixin.btn-primary:hover,
.btn-select-mixin.btn-primary.not-selected:hover {
  background: #0387b8;
}
.btn-select-mixin.btn-primary.btn-select-center {
  text-align: center;
}
.diagram-label {
  font-size: 10px;
  text-transform: uppercase;
  color: #9e9ea2;
  display: block;
  position: absolute;
  font-weight: bold;
  text-align: center;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.generic-popup-nav-tabs {
  border-bottom: none;
  border-bottom: 1px solid #c6c7ca;
}
.cli-commands-dropdown ~ .generic-popup-nav-tabs {
  max-height: 35px;
}
.generic-popup-nav-tabs li {
  margin-bottom: -2px;
  z-index: 1;
}
.generic-popup-nav-tabs li a {
  font-size: 14px;
  text-transform: none;
  color: #58585b;
  font-weight: 400;
  line-height: 32px;
  padding: 0px 15px;
  border: none;
  border-bottom: 4px solid #64bbe3;
  border-bottom-color: transparent;
}
.generic-popup-nav-tabs li.active a,
.generic-popup-nav-tabs li.active a:hover,
.generic-popup-nav-tabs li.active a:focus,
.generic-popup-nav-tabs li a:hover,
.generic-popup-nav-tabs li a:focus {
  color: #049fd9;
  font-weight: 400;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #64bbe3;
  cursor: default;
}
.generic-popup-nav-tabs li a:hover,
.generic-popup-nav-tabs li a:focus {
  color: #58585b;
}
.generic-popup-nav-tabs li a.disabled {
  opacity: .5;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.generic-popup-nav-tabs li a.warning:after,
.generic-popup-nav-tabs li a.info:after,
.generic-popup-nav-tabs li a.error:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  position: relative;
  top: -10px;
  display: inline-block;
  vertical-align: middle;
}
.generic-popup-nav-tabs li a.warning:after {
  color: #ff7300;
}
.generic-popup-nav-tabs li a.info:after {
  color: #049fd9;
}
.generic-popup-nav-tabs li a.error:after {
  color: #cf2030;
}
.generic-popup-nav-tabs li a.warning[href="#tab-source"]:after,
.generic-popup-nav-tabs li a.warning[href="#natAdvanced"]:after,
.generic-popup-nav-tabs li a.warning[href="#packettranslation"]:after,
.generic-popup-nav-tabs li a.warning.validation-error:after {
  color: #cf2030;
}
.main-toggler-label {
  font-size: 14px;
  padding: 10px 10px 0 0;
  display: inline-block;
  color: #58585b;
}
.main-toggler-label ~ span.error {
  padding: 0 10px 0 36px;
  display: inline-block;
  vertical-align: middle;
  color: #cf2030;
  position: relative;
}
.main-toggler-label ~ span.error:before {
  display: block;
  font-family: "firewall";
  position: absolute;
  left: 15px;
  top: -2px;
}
.main-toggler-error {
  padding: 0 10px 0 36px;
  display: inline-block;
  vertical-align: middle;
  color: #cf2030;
  position: relative;
}
.main-toggler-error:before {
  display: block;
  font-family: "firewall";
  position: absolute;
  left: 15px;
  top: -2px;
}
.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.actionicon-big {
  font-size: 20px;
  line-height: 1;
}
.icon-badge-enabled {
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  margin: -1px 2px 0 -1px;
}
.icon-badge-enabled:before {
  display: inline-block;
  transform: scale(0.8, 0.8);
}
.selected-list-tags {
  float: left;
  color: #323232;
  font-size: 14px;
  padding: 0;
  margin: -2px 0 -4px 0;
  list-style: none;
  text-align: left;
  height: auto;
  cursor: pointer;
  overflow: inherit;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.selected-list-tags:focus {
  outline: none;
}
.selected-list-tags.with-icon-outside {
  margin-left: 4px;
}
.selected-list-tags.with-icon-outside .option-list-icon {
  float: left;
  margin: 3px 5px 0 0;
}
.selected-list-tags.readonly {
  cursor: default;
}
.selected-list-tags.readonly .selected-option-tag {
  padding-right: 6px;
}
.selected-list-tags.readonly .selected-option-tag.with-icon [class^='icon-'] {
  margin: 0 3px;
  font-size: 13px;
}
.selected-options-horizontal-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.selected-option-tag {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.selected-option-tag-no-remove-icon {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-right: 8px;
}
.selected-option-tag-remove {
  transition: none;
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background: none !important;
  opacity: 0.5;
  height: auto;
  width: 19px;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 24px;
}
.selected-option-tag-remove:hover {
  color: white;
  opacity: 1.0;
  text-decoration: none;
}
.selected-option-tag-more {
  color: inherit;
  background: transparent;
  font-size: 12px;
  cursor: default;
  padding-left: 2px;
  padding-right: 2px;
}
.control-readonly-tags {
  margin: 0 0 10px 10px;
}
.control-readonly-tags .selected-option-tag {
  padding-right: 8px;
}
.console-font {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
}
.console-entity {
  font-size: 14px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 22px;
  font-weight: normal;
  color: white;
  background: #323232;
}
.console-variable {
  font-size: 14px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 22px;
  font-weight: normal;
  color: white;
  color: #18ff5f;
}
.has-error-form-control {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #cf2030;
}
.has-warning-form-control {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #ff7300;
}
.vdivider {
  display: inline-block;
  height: 3ex;
  width: 1px;
  vertical-align: middle;
  margin: 0 0.6em;
  background: transparent;
  border-right: 1px dotted rgba(0, 0, 0, 0.2);
}
.disabled,
:disabled {
  opacity: 0.5;
}
.disabled:hover,
:disabled:hover {
  cursor: not-allowed;
}
.disabled :disabled,
:disabled :disabled,
.disabled .disabled,
:disabled .disabled {
  opacity: 1 !important;
}
.disabled-look {
  opacity: 0.65;
}
.inline-loader-padding {
  padding: 20px 20px 20px 40px;
}
.no-wrap {
  white-space: nowrap;
}
.add-to-filter-mixin {
  border-bottom: 1px dashed transparent;
}
.add-to-filter-mixin:hover {
  text-decoration: none;
  color: #049fd9;
  border-bottom: 1px dashed #049fd9;
}
.no-transition-mixin {
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}
.form-group-heading {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 14px;
}
.form-group-heading h5 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
  padding: 12px 6px 6px 0;
  position: relative;
  line-height: 1;
  padding: 0;
  margin: 0 0 5px 0;
}
.form-group-heading h5 [class^='icon-'] {
  position: relative;
  height: 18px;
  top: -2px;
  margin-left: 4px;
}
.form-group-heading h5 + .pull-right .checkbox {
  position: relative;
  margin-top: -8px;
}
.underline {
  text-decoration: underline;
}
.neutral {
  color: #58585b;
}
.positive {
  color: #6ebd4b;
}
.attention {
  color: #ffcc00;
}
.critical {
  color: #cf2030;
}
.normal-case {
  text-transform: none;
}
.inline-dotted-separator {
  border-left-width: 2px;
  border-left-style: dotted;
}
.text-inline-separator {
  content: "|";
  color: #58585b;
  display: inline-block;
  margin: 0 .3em;
  position: absolute;
  left: -15px;
  top: 0;
}
.critical-button {
  background: #cf2030;
}
.critical-button:hover {
  background: #d43645;
}
.critical-button:active {
  background: #ba1d2b;
}
.secondary-dropdown-info {
  font-style: italic;
  color: #9e9ea2;
}
.uppercase {
  text-transform: uppercase;
}
.border-top-separator {
  border-top: 1px dotted #c6c7ca;
}
.border-bottom-separator {
  border-bottom: 1px dotted #c6c7ca;
}
.rotate-infinity-clock-wise {
  -webkit-animation-name: rotating-clock-wise;
  animation-name: rotating-clock-wise;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.rotate-infinity-counterclock-wise {
  -webkit-animation-name: rotating-counterclock-wise;
  animation-name: rotating-counterclock-wise;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.animated {
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated-infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes rotating-clock-wise {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rotating-clock-wise {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating-counterclock-wise {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@-webkit-keyframes rotating-counterclock-wise {
  from {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.no-icon-mixin {
  width: 0;
  height: 0;
  margin: -16px;
}
.dynamic-list-item-mixin {
  margin-bottom: 8px;
  position: relative;
}
.action-link-mixin {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.action-link-mixin:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.action-link-mixin:hover {
  text-decoration: none;
}
.reset-link-mixin {
  text-decoration: underline dashed;
}
.flex-full-height {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.list-item-mixin {
  display: flex;
  align-items: center;
  text-decoration: none;
  background: #e5e5e5;
  color: #444;
  border-radius: 3px;
}
.chosen-file-name-mixin {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: inline-block;
  max-width: 200px;
  height: 13px;
  margin-bottom: -3px;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.cs-modal-header-icon-position-mixin {
  font: 200 48px/44px 'CiscoSans', Helvetica, Arial, sans-serif;
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  width: 40px;
  height: 40px;
}
.policy-table-border-radius-mixin tbody > tr:last-child th:first-child,
.policy-table-border-radius-mixin tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
.policy-table-border-radius-mixin tbody > tr:last-child th:last-child,
.policy-table-border-radius-mixin tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.policy-table-border-radius-mixin tbody:last-child th:first-child,
.policy-table-border-radius-mixin tbody:last-child td:first-child {
  border-top-left-radius: 4px;
}
.policy-table-border-radius-mixin tbody:last-child th:last-child,
.policy-table-border-radius-mixin tbody:last-child td:last-child {
  border-top-right-radius: 4px;
}
.heading-line-mixin {
  border-bottom: 1px solid #e5e5e5;
}
.heading-toggler-mixin {
  display: flex;
  padding: 0;
  margin-bottom: 18px;
}
.heading-toggler-mixin:not(.no-margin-top) > label,
.heading-toggler-mixin:not(.no-margin-top) .onoffswitch {
  margin-top: 10px;
}
.heading-toggler-mixin > label {
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
}
.heading-toggler-mixin .onoffswitch {
  display: flex;
  align-items: center;
  margin-left: 6px;
}
.heading-toggler-mixin .onoffswitch .off,
.heading-toggler-mixin .onoffswitch .on {
  padding: 0 20px !important;
}
.heading-toggler-mixin.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.heading-toggler-mixin .toggler-icon-info {
  margin-top: 6px;
  margin-left: 10px;
}
.dropdown-open-state-mixin {
  background: #58585b;
  color: white;
  border-color: transparent;
}
.dropdown-open-state-mixin.btn-primary {
  background: #0387b8;
}
.selected-entity {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
}
.selected-entity > .item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: block;
  padding: 0 30px 0 34px;
  margin: 0;
  font-size: 12px;
  line-height: 36px;
}
.selected-entity .entity-icon {
  position: absolute;
  left: 11px;
  font-size: 18px;
  opacity: 0.7;
}
.selected-entity .entity-icon:before {
  vertical-align: middle;
}
.expanding-toggler-with-icon-mixin:hover {
  text-decoration: none;
}
.expanding-toggler-with-icon-mixin .title {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.expanding-toggler-with-icon-mixin .title:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.expanding-toggler-with-icon-mixin .title:hover {
  text-decoration: none;
}
.expanding-toggler-with-icon-mixin .title:before {
  left: 0;
  right: 14px;
  width: auto;
}
.expanding-toggler-with-icon-mixin .title.expanded {
  font-weight: bold;
}
.disabled-button-mixin {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.disabled-iconic-button-mixin {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.disabled-iconic-button-mixin .icon-add {
  color: #9e9ea2;
}
.disabled-iconic-button-mixin:hover,
.disabled-iconic-button-mixin:focus {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.disabled-iconic-button-mixin:hover .icon-add,
.disabled-iconic-button-mixin:focus .icon-add {
  color: #9e9ea2;
}
.labeled-list-item {
  display: flex;
}
.labeled-list-item .name-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: block;
}
.labeled-list-item .label-title {
  white-space: nowrap;
  padding-left: 5px;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 36px;
}
.main-nav-hover-mixin {
  opacity: 0.8;
}
.main-nav-hover-mixin i {
  opacity: 1;
}
.blocker {
  z-index: 999;
  background: #fff;
  opacity: 0.6;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-property: opacity, z-index;
  -moz-transition-property: opacity, z-index;
  -moz-transition-duration: 0.7s;
  transition-property: opacity, z-index;
  transition-duration: 0.7s;
}
.blocker.out {
  opacity: 0;
  z-index: 0;
}
.btn-dropdown-disabled-hover .grouped-buttons-dropdown[disabled],
.btn-dropdown-disabled-hover .grouped-buttons-dropdown[class*="disabled"] {
  cursor: not-allowed;
  pointer-events: auto;
}
.btn-dropdown-disabled-hover .grouped-buttons-dropdown[disabled]:hover,
.btn-dropdown-disabled-hover .grouped-buttons-dropdown[class*="disabled"]:hover {
  background: #049fd9;
}
.absolute-vertical-center,
.action-link.see-more-link.with-arrow:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@font-face {
  font-family: 'firewall';
  src: url('/assets/fonts/icons/firewall.eot');
  src: url('/assets/fonts/icons/firewall.eot?#iefix') format("embedded-opentype"), url('/assets/fonts/icons/firewall.woff') format("woff"), url('/assets/fonts/icons/firewall.ttf') format("truetype"), url('/assets/fonts/icons/firewall.svg#firewall') format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'firewall' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bell:before {
  content: "\62";
}
.icon-chevron-right:before,
.ui-datepicker .ui-datepicker-next span:after,
.card-item .item-cta:after {
  content: "\63";
}
.icon-chevron-left:before,
.ui-datepicker .ui-datepicker-prev span:after {
  content: "\64";
}
.icon-chevron-up:before,
.deployment .deployment-table-wrapper table tbody .status-messages .marker:before {
  content: "\65";
}
.icon-close:before,
.icon-exclude:before,
.ci-device li .ci-port-error.ci-port-check:after,
.eventViewerFilter .itemBox .filter-tags li p .deleter:before {
  content: "\66";
}
.icon-arrow-up:before {
  content: "\67";
}
.icon-arrow-down:before {
  content: "\68";
}
.icon-play:before {
  content: "\69";
}
.icon-dropdown-down:before {
  content: "\6a";
}
.icon-dropdown-up:before {
  content: "\6b";
}
.icon-sync:before,
.deployment .deployment-table-wrapper table .cell-value-progress:first-child:before,
.moreControls .selectList .clippedContent:before {
  content: "\6c";
}
.icon-available:before {
  content: "\6d";
}
.icon-chevron-down:before,
.ember-power-select-trigger .ember-power-select-status-icon:after,
.icon-collapse-expand:before,
.xwtNotification .reportTimeRangeDisplayRow .selectList .clippedContent .dropDownArrow .icon:before,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitArrowButton:before,
.btn-select-monitoring .selectList .clippedContent .dropDownArrow .icon:before,
.reports .xwtNotification .selectList .clippedContent .dropDownArrow .icon:before,
.eventing .moreControls .selectList .clippedContent .dropDownArrow .icon:before,
.eventViewerFilter .optionArrowCont .icon:after,
.moreControls .selectList .dropDownArrow .icon:after,
.action-link-show-more:after,
.action-link.see-more-link.with-arrow:after {
  content: "\6e";
}
.icon-calendar-done:before {
  content: "\6f";
}
.icon-calendar:before {
  content: "\70";
}
.icon-comment:before {
  content: "\71";
}
.icon-comment-empty:before {
  content: "\72";
}
.icon-calendar-empty:before {
  content: "\73";
}
.icon-checkmark-thin:before,
.icon-include:before,
.deployment .deployment-table-wrapper table .cell-value-success:first-child:before,
.device-page .port-counts .ci-device-port:after {
  content: "\74";
}
.icon-checkmark-thick:before,
.item-picker .item-picker-popup .tree-view-item.continent-item .root .list-item.selected + .nodes .selection-item:before,
.policy .sub-menu li .status:after,
.ci-device li .ci-port-active.ci-port-check:after {
  content: "\75";
}
.icon-mailrestore:before {
  content: "\76";
}
.icon-restore:before {
  content: "\77";
}
.icon-star:before {
  content: "\78";
}
.icon-add:before,
.icon-cross:before,
.eventViewerTabs ul li.add:before {
  content: "\79";
}
.icon-cancel:before,
.generic-popup-nav-tabs li a.error:after,
.main-toggler-label ~ span.error:before,
.main-toggler-error:before,
.item-picker .item-picker-popup .list-item.error .entity-icon:before,
.item-picker.listing-card-item-picker .nav-tabs li a.error:after,
.selected-items-list .list-item:not(.selection-item).error .entity-icon:before,
.cs-diagram .counters .error:before,
.deployment .deployment-table-wrapper table .cell-value-error:first-child:before,
.policy .sub-menu li a.has-error .status:after,
.policies-page .label ~ span.error:before,
.card-item .error-message:before,
.eventViewerFilter .inlineMessage.error:before,
.ui-tooltip.error-tooltip:before,
.nav-tabs li a.error:after {
  content: "\7a";
}
.icon-ethernet-empty:before,
.ci-device ul.configuration-ports .ci-device-port.icon-port-empty:before {
  content: "\41";
}
.icon-ethernet-1:before,
.icon-physicalinterface:before,
.icon-subinterface:before,
.ci-device li .ci-device-port.icon-port:before {
  content: "\42";
}
.icon-search:before {
  content: "\43";
}
.icon-next-arrow:before {
  content: "\44";
}
.icon-info:before {
  content: "\45";
}
.icon-help-sign:before {
  content: "\46";
}
.icon-warning:before {
  content: "\47";
}
.icon-app:before,
.icon-application:before {
  content: "\48";
}
.icon-cancel-1:before {
  content: "\49";
}
.icon-cards:before {
  content: "\4a";
}
.icon-checkmark:before,
.selected-icon,
.item-picker .list-item.selected a:before,
.item-picker .list-item.selected .item-name:before,
.ember-power-select-dropdown ul li.ember-power-select-option[aria-selected="true"]:before,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option[aria-selected="true"]:before,
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"][aria-selected="true"]:before,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"][aria-selected="true"]:before,
.colored-dropdown .dropdown-menu .active [class*='icon-']:before,
.application-filter-condition .item-selector .item-picker .list-item.selected a:before,
.application-filter-condition .item-selector .item-picker .list-item.selected .item-name:before,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected a:before,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected .item-name:before,
.initialsetup .device.vpn .step-point.finish:before,
.page.device-page .device.vpn .step-point.finish:before,
.severity-dropdown .dropdown-menu .active [class*='icon-']:before {
  content: "\4c";
}
.icon-deny:before {
  content: "\4e";
}
.icon-edit:before {
  content: "\51";
}
.icon-file-policy:before,
.icon-filePolicy:before {
  content: "\52";
}
.icon-filter:before {
  content: "\53";
}
.icon-grid:before {
  content: "\54";
}
.icon-help-message:before {
  content: "\55";
}
.icon-info-1:before,
.generic-popup-nav-tabs li a.info:after,
.item-picker.listing-card-item-picker .nav-tabs li a.info:after,
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage:before,
.eventViewerFilter .inlineMessage:before,
.dojoxGridRow .detailsLink:before,
.nav-tabs li a.info:after {
  content: "\56";
}
.icon-intrusion:before,
.icon-ipsPolicy:before {
  content: "\57";
}
.icon-layers:before {
  content: "\58";
}
.icon-monitoring:before {
  content: "\5a";
}
.icon-objects:before {
  content: "\30";
}
.icon-permit:before {
  content: "\31";
}
.icon-policies:before {
  content: "\32";
}
.icon-workstation:before {
  content: "\33";
}
.icon-time:before,
.deployment .deployment-table-wrapper table .cell-value-queue:first-child:before {
  content: "\35";
}
.icon-trust:before {
  content: "\36";
}
.icon-report:before {
  content: "\37";
}
.icon-safe-search:before {
  content: "\38";
}
.icon-remove:before {
  content: "\39";
}
.icon-chart-bar:before {
  content: "\21";
}
.icon-chart-area:before {
  content: "\22";
}
.icon-settings:before {
  content: "\23";
}
.icon-help:before {
  content: "\24";
}
.icon-help-circled:before {
  content: "\25";
}
.icon-radio:before {
  content: "\26";
}
.icon-user-small:before {
  content: "\28";
}
.icon-pin:before,
.icon-geolocation:before,
.icon-country:before {
  content: "\29";
}
.icon-variable:before {
  content: "\2b";
}
.icon-network2:before {
  content: "\2c";
}
.icon-padlock:before,
.icon-securityzone:before {
  content: "\2d";
}
.icon-add-many:before {
  content: "\2e";
}
.icon-filters:before,
.icon-applicationfilter:before,
.icon-applicationfiltercondition:before {
  content: "\3a";
}
.icon-list:before {
  content: "\3b";
}
.icon-toggles:before {
  content: "\3c";
}
.icon-bell-disabled:before {
  content: "\3d";
}
.icon-zone:before {
  content: "\3f";
}
.icon-inout:before,
.icon-protocolobject:before,
.icon-udpportobject:before,
.icon-tcpportobject:before,
.icon-icmpv4portobject:before,
.icon-icmpv6portobject:before {
  content: "\40";
}
.icon-objects-1:before,
.icon-objects:before {
  content: "\5b";
}
.icon-earth:before,
.icon-continent:before {
  content: "\5d";
}
.icon-filter-single:before,
.application-filter-condition .item-selector .item-picker .search-holder:before,
.application-filter-condition .filtered-applications .form-group:before,
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .tableWrapper:before,
.item-picker-modal .item-selector .item-picker .search-holder:before {
  content: "\5e";
}
.icon-cloud:before,
.ssl-diagram .network.destination .badgeicon:before {
  content: "\5f";
}
.icon-warning-small:before,
.generic-popup-nav-tabs li a.warning:after,
.warning-icon:after,
.item-picker.listing-card-item-picker .nav-tabs li a.warning:after,
.two-lines-icon-list .two-lines-icon-item .entity-icon.warning:after,
.policy .sub-menu li a.warning .status:after,
.nav-tabs li a.warning:after {
  content: "\7b";
}
.icon-policy-active:before {
  content: "\7c";
}
.icon-policy-not-active:before {
  content: "\e908";
}
.icon-gear-certificate:before {
  content: "\5c";
}
.icon-gear-profile:before {
  content: "\e000";
}
.icon-settings2:before {
  content: "\e002";
}
.icon-logging-list:before {
  content: "\e003";
}
.icon-gear:before {
  content: "\7e";
}
.icon-logging:before {
  content: "\59";
}
.icon-download:before {
  content: "\e004";
}
.icon-due:before {
  content: "\e005";
}
.icon-people:before,
.icon-activedirectoryrealm.entity-icon:before,
.icon-localidentitysource.entity-icon:before,
.icon-activedirectoryrealm:before,
.icon-duoldapidentitysource:before,
.icon-localidentitysource:before,
.icon-specialrealm:before,
.icon-trafficgroupentry:before,
.icon-trafficusergroup:before,
.icon-group:before {
  content: "\e007";
}
.icon-user-1:before,
.icon-user-nav:before,
.icon-trafficuserentry.entity-icon:before,
.icon-trafficuser.entity-icon:before,
.icon-user.entity-icon:before {
  content: "\e008";
}
.icon-profile:before,
.icon-special-identity:before,
.icon-identity:before {
  content: "\e009";
}
.icon-user:before {
  content: "\2a";
}
.icon-speedometer:before {
  content: "\61";
}
.icon-translation:before {
  content: "\e00a";
}
.icon-realm:before {
  content: "\e00b";
}
.icon-network:before,
.icon-networkobject:before {
  content: "\3e";
}
.icon-network-group:before,
.icon-networkobjectgroup:before {
  content: "\e00c";
}
.icon-server:before,
.icon-syslogserver:before,
.icon-dnsservergroup:before {
  content: "\e00d";
}
.icon-port-group:before,
.icon-portobjectgroup:before {
  content: "\e00e";
}
.icon-url:before,
.icon-urlobject:before {
  content: "\34";
}
.icon-url-group:before,
.icon-urlobjectgroup:before {
  content: "\e00f";
}
.icon-queued:before {
  content: "\e010";
}
.icon-task-list:before {
  content: "\4f";
}
.icon-deployment:before {
  content: "\e001";
}
.icon-device:before {
  content: "\e011";
}
.icon-win:before {
  content: "\e012";
}
.icon-apple:before {
  content: "\e015";
}
.icon-flow:before {
  content: "\e016";
}
.icon-route:before {
  content: "\e017";
}
.icon-wall:before {
  content: "\e018";
}
.icon-key-search:before {
  content: "\e019";
}
.icon-ip-marker:before {
  content: "\e01a";
}
.icon-ipsec-proposal:before,
.icon-ikevoneproposal:before,
.icon-ikevtwoproposal:before {
  content: "\e01b";
}
.icon-ike-policy:before {
  content: "\e01c";
}
.icon-tunnel:before {
  content: "\e01d";
}
.icon-internet:before {
  content: "\e01e";
}
.icon-copy:before {
  content: "\e01f";
}
.icon-bridge-group:before,
.icon-bridgegroupinterface:before {
  content: "\e020";
}
.icon-state-up:before {
  content: "\e021";
}
.icon-category:before,
.icon-urlcategory:before {
  content: "\4b";
}
.icon-dns:before {
  content: "\50";
}
.icon-dns-feed:before {
  content: "\e022";
}
.icon-dns-list:before {
  content: "\e023";
}
.icon-network-feed:before,
.icon-networkfeed:before {
  content: "\e024";
}
.icon-network-feed-category:before,
.icon-networkfeedcategory:before {
  content: "\e025";
}
.icon-url-feed:before,
.icon-urlfeed:before {
  content: "\e026";
}
.icon-url-feed-category:before,
.icon-urlfeedcategory:before {
  content: "\e027";
}
.icon-sfp-active:before,
.ci-device li .ci-device-port.ci-port-sfp.icon-port:before {
  content: "\e028";
}
.icon-sfp-empty:before,
.ci-device li .ci-device-port.ci-port-sfp.icon-port-empty:before {
  content: "\e029";
}
.icon-community:before {
  content: "\e02c";
}
.icon-manage-policies:before {
  content: "\e02a";
}
.icon-cdo:before {
  content: "\e02b";
}
.icon-radio-checked:before {
  content: "\27";
}
.icon-filter-symbol:before {
  content: "\e02d";
}
.icon-deny-1:before,
.icon-disable:before {
  content: "\e02e";
}
.icon-allow:before {
  content: "\e02f";
}
.icon-realm-1:before {
  content: "\e014";
}
.icon-certificate:before,
.icon-externalcacertificate:before,
.icon-internalcacertificate:before,
.icon-internalcertificate:before {
  content: "\e030";
}
.icon-anyconnect:before,
.icon-anyconnectclientprofile:before {
  content: "\e031";
}
.icon-external-link:before,
.link-external:after {
  content: "\e034";
}
.icon-blocklist:before {
  content: "\e035";
}
.icon-lock:before,
.icon-secret:before {
  content: "\e038";
}
.icon-lock-open:before {
  content: "\e039";
}
.icon-distinguished-name:before {
  content: "\e03a";
}
.icon-decrypt-known-key:before {
  content: "\e032";
}
.icon-decrypt-re-sign:before {
  content: "\e036";
}
.icon-upload:before {
  content: "\e037";
}
.icon-warning-1:before,
.item-picker .item-picker-popup .list-item.warning .entity-icon:before,
.selected-items-list .list-item:not(.selection-item).warning .entity-icon:before,
.cs-diagram .counters .warning:before,
.ui-tooltip.warning-tooltip:before {
  content: "\e03b";
}
.icon-certificates:before {
  content: "\2f";
}
.icon-linux:before {
  content: "\60";
}
.icon-edit-round:before,
.objects-table .cell-icons .icon-edit:before {
  content: "\4d";
}
.icon-delete-round:before,
.modal .task-list .task-list-table .table td .icon-remove:before,
.objects-table .cell-icons .icon-remove:before {
  content: "\e013";
}
.icon-restore-round:before,
.objects-table .cell-icons .icon-restore:before {
  content: "\e033";
}
.icon-download-round:before,
.objects-table .cell-icons .icon-download:before {
  content: "\e03c";
}
.icon-gear-variable:before {
  content: "\e03d";
}
.icon-clear:before {
  content: "\e03e";
}
.icon-copy-1:before {
  content: "\e03f";
}
.icon-console:before {
  content: "\e040";
}
.icon-console-active:before {
  content: "\e041";
}
.icon-window-mode:before {
  content: "\e042";
}
.icon-snap-bottom:before {
  content: "\e043";
}
.icon-separate-window:before {
  content: "\e044";
}
.icon-expand:before {
  content: "\e045";
}
.icon-collapse:before {
  content: "\e046";
}
.icon-move:before {
  content: "\e006";
}
.icon-cli-object:before,
.icon-flexconfigobject:before,
.icon-smartclitemplate:before,
.icon-ipv4prefixlist:before,
.icon-ipv6prefixlist:before,
.icon-extendedaccesslist:before {
  content: "\e047";
}
.icon-hide:before {
  content: "\e048";
}
.icon-plus-sign-thin:before,
.smart-cli-terminal .smart-cli-line.disabled .icon-minus-sign-thin:before {
  content: "\e049";
}
.icon-minus-sign-thin:before {
  content: "\e04a";
}
.icon-more:before {
  content: "\e04b";
}
.icon-show:before {
  content: "\e04c";
}
.icon-deployment-1:before {
  content: "\e900";
}
.icon-add-to-filter:before {
  content: "\e901";
}
.icon-add-round:before {
  content: "\e902";
}
.icon-copy-2:before {
  content: "\e903";
}
.icon-download-1:before {
  content: "\e904";
}
.icon-export:before {
  content: "\e905";
}
.icon-manage-filters:before {
  content: "\e906";
}
.icon-pause:before {
  content: "\e907";
}
.icon-pause-1:before {
  content: "\e909";
}
.icon-break:before {
  content: "\e90a";
}
.icon-resume:before {
  content: "\e90b";
}
.icon-switch:before {
  content: "\e90c";
}
.icon-ise-object:before {
  content: "\e90f";
}
.icon-passive-auth:before {
  content: "\e911";
}
.icon-ra-vpn-identity:before {
  content: "\e910";
}
.icon-sessions:before {
  content: "\e90d";
}
.icon-ha:before {
  content: "\e90e";
}
.icon-ha-sync-2:before,
.ha-status-line .ha-sync-holder .icon-ha-sync.unknown:before,
.ha-status-line .ha-sync-holder .icon-ha-sync.out-of-sync:before {
  content: "\e912";
}
.icon-ha-sync-1:before,
.ha-status-line .ha-sync-holder .icon-ha-sync.default:before {
  content: "\e913";
}
.icon-radius-server-group:before,
.icon-radiusidentitysourcegroup:before {
  content: "\e914";
}
.icon-radius-server:before,
.icon-radiusidentitysource:before {
  content: "\e915";
}
.icon-syncing:before,
.ha-status-line .ha-sync-holder .icon-ha-sync.importing:before {
  content: "\e916";
}
.icon-event-list-filter:before,
.icon-customlogginglist:before {
  content: "\e917";
}
.icon-group-policy:before {
  content: "\e91b";
}
.icon-remote-users:before {
  content: "\e918";
}
.icon-hit-count:before {
  content: "\e919";
}
.icon-url-beaker:before {
  content: "\e91a";
}
.icon-sla-monitor:before,
.icon-slamonitor:before {
  content: "\e91c";
}
.icon-cli-command:before {
  content: "\e91d";
}
.icon-back:before {
  content: "\e91e";
}
.icon-vrf:before,
.icon-virtualrouter:before,
.icon-virtualrouter:before {
  content: "\e91f";
}
.icon-interface-disabled:before,
.icon-interface-empty:before {
  content: "\e920";
}
.icon-link-up:before {
  content: "\e921";
}
.icon-link-down:before,
.ci-device li .ci-port-down.ci-port-check:after {
  content: "\e922";
}
.icon-power:before {
  content: "\e923";
}
.icon-restart:before {
  content: "\e924";
}
.icon-vlan:before,
.icon-vlaninterface:before {
  content: "\e925";
}
.icon-scan-interfaces:before {
  content: "\e926";
}
.icon-search-replace:before {
  content: "\e927";
}
.icon-etherchannel:before,
.icon-etherchannelinterface:before {
  content: "\e928";
}
.icon-power-inverted:before {
  content: "\e929";
}
.icon-restart-2:before {
  content: "\e92a";
}
.icon-restore-2:before {
  content: "\e92b";
}
.icon-more-vert:before {
  content: "\e92c";
}
.icon-api-explorer:before {
  content: "\e92d";
}
.icon-cloud-service:before {
  content: "\e92e";
}
.icon-print:before {
  content: "\e92f";
}
[class^="icon-"],
[class*=" icon-"] {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
[class^="icon-"].micro,
[class*=" icon-"].micro,
[class^="icon-"].micro:before,
[class*=" icon-"].micro:before {
  font-size: 10px;
  line-height: inherit;
}
[class^="icon-"].large,
[class*=" icon-"].large,
[class^="icon-"].large:before,
[class*=" icon-"].large:before {
  font-size: 25px;
  line-height: 25px;
}
[class^="icon-"].inactive,
[class*=" icon-"].inactive {
  opacity: 0.4;
}
.link-external:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  margin: 0 0 0 3px;
  text-decoration: none !important;
  display: inline-block;
}
.icon-close.micro:hover {
  cursor: pointer;
}
.icon-win {
  color: #64bbe3;
}
.icon-apple {
  color: #9e9ea2;
  top: -2px;
  position: relative;
}
.icon-linux-color:before {
  content: "";
  background: url(../assets/images/linux.svg) no-repeat 50% 50%;
  width: 17px;
  height: 20px;
  display: inline-block;
}
.icon-badge {
  display: inline-block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  padding: 0 1px 0 0;
  color: white;
  margin: 0 8px;
  background: #9e9ea2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.icon-badge:before {
  vertical-align: middle;
  margin: 0 0 0 1px;
}
.icon-badge.status-active {
  background: #abc233;
}
.icon-badge.status-normal {
  background: #6ebd4b;
}
.icon-badge.status-minor {
  background: #ffcc00;
}
.icon-badge.status-warning,
.icon-badge.status-major {
  background: #ff7300;
}
.icon-badge.loader-badge {
  background: white;
}
.icon-badge.status-danger {
  background: #cf2030;
}
.icon-badge.status-neutral {
  background: #58585b;
}
.icon-badge.loading:before {
  content: "";
  display: inline-block;
  background: url('/branding/default/images/ajax-loader.gif') no-repeat;
  background-size: cover;
  width: 42px;
  height: 12px;
  width: 25px;
  height: 7px;
  margin: -3px 0 0;
  background-image: url('/branding/default/images/ajax-loader-small-white.gif');
}
.icon-badge.icon-warning-1 {
  font-size: 16px;
}
.icon-badge.icon-warning-1:before {
  top: -2px;
  position: relative;
}
.icon-badge.icon-warning-1.small {
  font-size: 8px;
  width: 16px;
  height: 16px;
  line-height: 20px;
  padding: 0;
  margin: 0;
}
.icon-badge.icon-close:before {
  margin: 0 0 0 2px;
}
.icon-badge.mini {
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  margin: -1px 2px 0 -1px;
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  padding: 0;
  transform: none;
}
.icon-badge.mini:before {
  display: inline-block;
  transform: scale(0.8, 0.8);
}
.icon-badge.mini:before {
  margin-left: 0;
}
.page-header-icon:before {
  color: #58585b;
  font-size: 20px;
  margin-right: 10px;
}
.icon-portobjectgroup:before {
  font-size: 18px;
}
.icon-interface-empty:before {
  visibility: hidden;
}
.icon-urlobjectgroup:before {
  font-size: 18px;
}
.selected-icon {
  color: #64bbe3;
  background: white;
  position: absolute;
  top: 9px;
  left: 9px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 1px 0 0;
  transform: scale(0.75);
}
.icon-dash:before {
  content: "";
  border-width: 2px 0 0;
  border-style: solid;
  height: 0;
  width: 50%;
  display: inline-block;
  padding: 0;
}
.icon-download:before {
  border-bottom: 2px solid;
}
.icon-print {
  margin: 0 5px 0 0;
}
.ciscoicon {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-brand-logo {
  background: url('/branding/default/images/brand-logo.svg') no-repeat;
  background-size: contain;
}
.icon-expand,
.icon-collapse {
  font-size: 16px;
}
.icon-expand.horizontal,
.icon-collapse.horizontal {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-collapse {
  font-size: 15px;
}
.info-warning-icon {
  color: #ffcc00;
  font-size: 16px;
  line-height: 16px;
}
.icon-cross {
  transform: rotate(45deg);
}
.icon-CLITemplate {
  width: 0;
  height: 0;
  margin: -16px;
}
.warning-icon:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  vertical-align: middle;
}
.icon-triangle-down:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}
.icon-severity {
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 1px 0 0;
  transform: scale(0.75);
}
.icon-severity.emergency {
  background: #cf2030;
}
.icon-severity.alert {
  background: #ff7300;
}
.icon-severity.critical {
  background: #ffcc00;
}
.icon-severity.error {
  background: #fff800;
}
.icon-severity.warning {
  background: #c8ff00;
}
.icon-severity.notification {
  background: #77ff00;
}
.icon-severity.informational {
  background: #3bd100;
}
.icon-severity.debug,
.icon-severity.debugging {
  background: #6ebd4b;
}
.item-picker {
  position: relative;
  /**
   * list-item - styles for an items in scrollable options list and selected items
   */
}
.item-picker ul.list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.item-picker .btn-open-holder {
  margin-bottom: 8px;
}
.item-picker .empty-item a.pseudo-link {
  color: #049fd9;
}
.item-picker .list-item {
  list-style: none;
  position: relative;
  /*  only selection item in scrollable list of options */
}
.item-picker .list-item .item-name {
  display: block;
  font-size: 12px;
  line-height: 36px;
  min-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  padding-left: 60px;
  padding-right: 35px;
  border-bottom: 1px solid #e5e5e5;
  color: #58585b;
}
.item-picker .list-item .item-name:focus {
  text-decoration: none;
}
.item-picker .list-item .item-name.labeled {
  display: flex;
}
.item-picker .list-item .item-name.labeled .name-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: block;
}
.item-picker .list-item .item-name.labeled .label-title {
  white-space: nowrap;
  padding-left: 5px;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 36px;
}
.item-picker .list-item .item-name .entity-icon {
  position: absolute;
  left: 36px;
  font-size: 16px;
  line-height: 1;
  opacity: 0.7;
}
.item-picker .list-item .item-name .entity-icon:before {
  line-height: 36px;
}
.item-picker .list-item .item-name .icon-severity {
  top: 7px;
}
.item-picker .list-item .item-name.no-entity-icon {
  padding-left: 40px;
}
.item-picker .list-item .item-name .onoffswitch.mini {
  position: relative;
  bottom: -2px;
  margin-right: 7px;
}
.item-picker .list-item .item-name.ike-policy {
  padding-left: 10px;
}
.item-picker .list-item .item-name.ike-policy.read-only {
  cursor: default;
}
.item-picker .list-item.selection-item:hover {
  background: #f2f2f2;
}
.item-picker .list-item:last-child > a,
.item-picker .list-item:last-child > .item-name {
  border-bottom: none;
}
.item-picker .list-item .selection-item-no-icon {
  padding-left: 36px;
}
.item-picker .list-item.selected a,
.item-picker .list-item.selected .item-name {
  background: #64bbe3;
  color: white;
  border-color: white;
}
.item-picker .list-item.selected a:before,
.item-picker .list-item.selected .item-name:before {
  color: #64bbe3;
  background: white;
  position: absolute;
  top: 9px;
  left: 9px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 1px 0 0;
  transform: scale(0.75);
}
.item-picker .list-item.selected a .item-picker-note,
.item-picker .list-item.selected .item-name .item-picker-note {
  color: white;
  opacity: 0.6;
}
.item-picker .list-item.selected .info-dialog-opener {
  color: white;
}
.item-picker .list-item.selected .info-dialog-opener:hover {
  color: white;
}
.item-picker .list-item.selected .labeled .label-title {
  color: white;
}
.item-picker .list-item.selected.warning .info-dialog-opener,
.item-picker .list-item.selected.error .info-dialog-opener {
  color: white;
}
.item-picker .list-item.selected.warning .info-dialog-opener:hover,
.item-picker .list-item.selected.error .info-dialog-opener:hover {
  color: white;
}
.item-picker .list-item.selected.warning .entity-icon,
.item-picker .list-item.selected.error .entity-icon {
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
  color: #ff7300;
}
.item-picker .list-item.selected.error .entity-icon {
  color: #cf2030;
}
.item-picker .list-item .info-dialog-opener {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  opacity: 0.4;
  line-height: 14px;
  cursor: pointer;
  color: #58585b;
}
.item-picker .list-item .info-dialog-opener:hover {
  opacity: 0.8;
  color: #64bbe3;
}
.item-picker .list-item.empty-item {
  padding: 57px 0;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.item-picker .list-item.empty-item a {
  padding: 0;
}
.item-picker .list-item.empty-item span {
  color: rgba(0, 0, 0, 0.4);
}
.item-picker .list-item.empty-item .empty-feed {
  line-height: 24px;
  text-align: center;
}
.item-picker .list-item.empty-item.sub-item {
  padding: 0 0 10px 60px;
}
.item-picker .list-item.empty-item.sub-item span {
  font-size: 12px;
  font-style: italic;
}
.item-picker .list-item.selected .type-label {
  color: white;
}
.item-picker .list-item .type-label {
  font-style: italic;
  color: #9e9ea2;
}
.item-picker .item-picker-opener .item-name {
  display: inline;
  padding-left: 0;
  padding-right: 0;
}
.item-picker.fullwidth .item-picker-popup {
  width: 100%;
}
.item-picker.fullwidth .item-picker-popup .create-new {
  max-width: none;
}
.item-picker .item-picker-popup {
  width: 360px;
  border: 1px solid #e5e5e5;
  background: #fff;
  position: absolute;
  left: 0;
  top: 30px;
  z-index: 1000;
  display: none;
  border-radius: 3px;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
  /*
     * List item in scrollable options inside item picker popup
     */
}
.item-picker .item-picker-popup.dropup {
  top: auto;
  bottom: 38px;
}
.item-picker .item-picker-popup:not(.dropup) .footer-actions .dropdown-menu:after {
  content: '';
  height: 18px;
  position: absolute;
  bottom: -18px;
  width: 100%;
}
.item-picker .item-picker-popup.dropdown {
  margin-top: 6px;
}
.item-picker .item-picker-popup.open {
  display: block;
}
.item-picker .item-picker-popup .nav-tabs {
  padding: 0 0 0 20px;
}
.item-picker .item-picker-popup .nav-tabs li a {
  font-size: 12px;
}
.item-picker .item-picker-popup .nav.nav-tabs ~ .tab-content,
.item-picker .item-picker-popup .tab-content {
  padding: 0;
  border: 0;
}
.item-picker .item-picker-popup .tree-view-item.continent-item .root .list-item.selected + .nodes .selection-item {
  pointer-events: none;
}
.item-picker .item-picker-popup .tree-view-item.continent-item .root .list-item.selected + .nodes .selection-item:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  position: absolute;
  top: 14px;
  left: 42px;
  color: #64bbe3;
}
.item-picker .item-picker-popup .tree-view-item.continent-item .loader-item .selection-item:before {
  display: none;
}
.item-picker .item-picker-popup .tree-view-item.interface-item .root > .selection-item .selection-link {
  padding-right: 60px;
}
.item-picker .item-picker-popup .root .toggler {
  right: 9px;
  top: 7px;
  opacity: 0.4;
  left: auto;
  width: 24px;
  height: 24px;
  line-height: 19px;
  text-align: center;
  transform: rotate(0deg);
  border-radius: 50%;
}
.item-picker .item-picker-popup .root .toggler:after {
  display: inline-block;
}
.item-picker .item-picker-popup .root .toggler.expanded {
  transform: rotate(180deg);
}
.item-picker .item-picker-popup .root .toggler:hover {
  background: rgba(0, 0, 0, 0.1);
}
.item-picker .item-picker-popup .root.editable-items .toggler {
  right: 36px;
}
.item-picker .item-picker-popup .nodes .list-item a,
.item-picker .item-picker-popup .nodes .list-item .item-name {
  padding-left: 76px;
}
.item-picker .item-picker-popup .nodes .list-item a .entity-icon,
.item-picker .item-picker-popup .nodes .list-item .item-name .entity-icon {
  left: 58px;
  font-size: 13px;
  opacity: 0.5;
  top: 1px;
}
.item-picker .item-picker-popup .nodes .list-item .country-selection-link {
  padding-left: 60px;
}
.item-picker .item-picker-popup .nodes .list-item .country-selection-link .country-flag {
  margin-right: 7px;
  margin-bottom: 2px;
}
.item-picker .item-picker-popup .nodes .list-item .interface-selection-link {
  padding-left: 60px;
  border: none;
}
.item-picker .item-picker-popup .nodes .list-item .interface-selection-link:hover {
  border: none;
}
.item-picker .item-picker-popup .nodes .list-item .interface-selection-link .entity-icon {
  left: 38px;
  opacity: 0.7;
}
.item-picker .item-picker-popup .selected-items-counter {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.item-picker .item-picker-popup .item-picker-content {
  position: relative;
}
.item-picker .item-picker-popup .item-picker-content .selected-items-counter {
  font-size: 11px;
  line-height: 16px;
  color: #9e9ea2;
  min-height: 28px;
  padding: 5px 10px;
}
.item-picker .item-picker-popup .item-picker-content .expanded .selection-item .loader {
  padding: 20px 20px 20px 40px;
}
.item-picker .item-picker-popup .list-item.disabled {
  opacity: 1;
}
.item-picker .item-picker-popup .list-item.disabled .item-name,
.item-picker .item-picker-popup .list-item.disabled a {
  opacity: 0.5;
}
.item-picker .item-picker-popup .list-item.disabled .item-name:hover,
.item-picker .item-picker-popup .list-item.disabled a:hover {
  cursor: not-allowed;
}
.item-picker .item-picker-popup .list-item.disabled .item-name :disabled,
.item-picker .item-picker-popup .list-item.disabled a :disabled,
.item-picker .item-picker-popup .list-item.disabled .item-name .disabled,
.item-picker .item-picker-popup .list-item.disabled a .disabled {
  opacity: 1 !important;
}
.item-picker .item-picker-popup .list-item.disabled .item-name:hover,
.item-picker .item-picker-popup .list-item.disabled a:hover {
  background: none;
}
.item-picker .item-picker-popup .list-item.disabled.selected .item-name:hover,
.item-picker .item-picker-popup .list-item.disabled.selected a:hover {
  background: #049fd9;
  cursor: pointer;
}
.item-picker .item-picker-popup .list-item.disabled .note-label {
  font-style: italic;
  position: absolute;
  top: 0;
  font-size: 12px;
  line-height: 40px;
  text-align: right;
  right: 40px;
}
.item-picker .item-picker-popup .list-item.selected a,
.item-picker .item-picker-popup .list-item.selected .item-name {
  text-decoration: none;
}
.item-picker .item-picker-popup .list-item:not(.empty-item):hover {
  background: #e9f2f8;
  text-decoration: none;
}
.item-picker .item-picker-popup .list-item:not(.empty-item):hover.loader-item {
  background-color: white;
}
.item-picker .item-picker-popup .list-item:not(.empty-item):hover a {
  text-decoration: none;
}
.item-picker .item-picker-popup .list-item .label-title {
  cursor: pointer;
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist {
  line-height: 18px;
  padding-right: 18px;
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist .double-line-item-content {
  padding: 4px 0 4px 8px;
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist .double-line-item-content .item-picker-sublist-wrapper {
  max-width: 365px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  color: #9e9ea2;
  font-size: 11px;
  display: block;
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist .double-line-item-content .item-picker-sublist-wrapper .item-sublist {
  padding: 0;
  margin: 0;
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist .double-line-item-content .item-picker-sublist-wrapper .item-sublist li {
  display: inline-block;
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist .double-line-item-content .item-picker-sublist-wrapper .item-sublist li:after {
  content: ',';
}
.item-picker .item-picker-popup .list-item .selection-link-with-sublist .double-line-item-content .item-picker-sublist-wrapper .item-sublist li:last-child:after {
  display: none;
}
.item-picker .item-picker-popup .list-item.selected .double-line-item-content .item-picker-sublist-wrapper {
  color: #ffffff;
  opacity: 0.9;
}
.item-picker .item-picker-popup .list-item.selected .double-line-item-content .item-picker-sublist-wrapper .item-name:before {
  top: 12px;
}
.item-picker .item-picker-popup .scroller {
  max-height: 200px;
  overflow-y: scroll;
}
.item-picker .item-picker-popup .buttons .btn {
  margin: 0 0 0 4px;
}
.item-picker .item-picker-popup .list-item.warning .entity-icon {
  color: #ff7300;
  opacity: 1;
}
.item-picker .item-picker-popup .list-item.warning:not(.selected):hover {
  background-color: #fff1e6;
}
.item-picker .item-picker-popup .list-item.error .entity-icon {
  color: #cf2030;
  opacity: 1;
}
.item-picker .item-picker-popup .list-item.error:not(.selected):hover {
  background-color: #fae9ea;
}
.item-picker .item-picker-popup .list-item.added .entity-icon .icon-add-round:before {
  font-size: 10px;
  position: absolute;
  right: 0;
  bottom: 6px;
  color: #6ebd4b;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.item-picker .item-picker-popup .list-item.added:not(.selected):hover {
  background-color: #f1f8ed;
}
.item-picker .item-picker-popup .list-item.added.selected .entity-icon .icon-add-round:before {
  color: white;
  text-shadow: -1px -1px 0 #64bbe3, 1px -1px 0 #64bbe3, -1px 1px 0 #64bbe3, 1px 1px 0 #64bbe3;
}
.item-picker .interface-tree-view-root .list-item .item-name {
  border-bottom: none;
  border-top: 1px solid #e5e5e5;
}
.item-picker .interface-tree-view-root .list-item .item-name:hover {
  border-bottom: none;
}
.item-picker .search-form-control {
  border-radius: 6px;
  height: 27px;
  line-height: 27px;
}
.item-picker .search-holder {
  background-color: #f0f0f0;
  padding: 10px;
  border: none;
  margin-bottom: 0;
}
.item-picker .search-holder .input-holder {
  width: 58%;
  float: left;
  position: relative;
}
.item-picker .search-holder .input-holder .icon-filter-single {
  top: 12px;
  left: 9px;
  font-size: 13px;
}
.item-picker .search-holder .button-holder {
  width: 42%;
  float: left;
  padding-left: 10px;
}
.item-picker .search-holder .button-holder .btn {
  display: block;
  width: 100%;
  height: 36px;
  line-height: 36px;
}
.item-picker .search-holder .form-control {
  background: white;
  padding-left: 25px;
  font-size: 12px;
}
.item-picker .search-holder .icon-filter-single {
  position: absolute;
  top: 23px;
  left: 19px;
  font-size: 10px;
  opacity: 0.6;
}
.item-picker .search-holder + ul.nav-tabs {
  padding-top: 0;
}
.item-picker .root {
  position: relative;
}
.item-picker .root .counter {
  position: absolute;
  right: 6px;
  top: 5px;
  line-height: 23px;
  font-size: 10px;
  color: #9e9ea2;
  padding: 0 1px;
}
.item-picker .root .toggler {
  position: absolute;
  left: 4px;
  top: 10px;
  z-index: 2;
  transform: rotate(-90deg);
  padding: 2px;
}
.item-picker .root .toggler:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #000 transparent transparent transparent;
}
.item-picker .root .toggler.expanded {
  transform: rotate(0deg);
}
.item-picker .item-picker-dropdown-footer,
.item-picker .item-picker-footer {
  line-height: 30px;
  border: none;
  background-color: #f0f0f0;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.item-picker .item-picker-dropdown-footer .btn-holder,
.item-picker .item-picker-footer .btn-holder {
  padding: 0;
  text-align: right;
  flex-grow: 1;
}
.item-picker .item-picker-dropdown-footer .btn-holder .btn,
.item-picker .item-picker-footer .btn-holder .btn {
  border: none;
  padding: 0 15px;
  font-size: 11px;
  min-width: 60px;
}
.item-picker .item-picker-dropdown-footer .btn-holder .btn ~ .btn,
.item-picker .item-picker-footer .btn-holder .btn ~ .btn {
  margin-left: 10px;
}
.item-picker .item-picker-dropdown-footer .create-new {
  max-width: none;
}
.item-picker .footer-actions {
  flex-grow: 1;
}
.item-picker .create-new {
  border-bottom: none;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  float: none;
  line-height: 1;
  height: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 180px;
}
.item-picker .create-new:active {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.item-picker .create-new:focus {
  outline: none;
  text-decoration: none;
}
.item-picker .create-new + .vdivider {
  margin-top: -6px;
}
.item-picker .create-new + .vdivider + .create-new {
  margin: -6px 0 0 0;
}
.item-picker .action-link:before {
  bottom: 1px;
}
.item-picker .url-matcher-list {
  line-height: normal;
}
.item-picker .url-matcher-list .btn-close {
  line-height: 12px;
}
.item-picker.listing-card-item-picker {
  position: static;
}
.item-picker.listing-card-item-picker .item-picker {
  position: static !important;
}
.item-picker.listing-card-item-picker .item-picker-popup {
  left: 40px;
  top: 99px;
}
.item-picker.listing-card-item-picker .nav-tabs {
  border-bottom: none;
  border-bottom: 1px solid #c6c7ca;
}
.cli-commands-dropdown ~ .item-picker.listing-card-item-picker .nav-tabs {
  max-height: 35px;
}
.item-picker.listing-card-item-picker .nav-tabs li {
  margin-bottom: -2px;
  z-index: 1;
}
.item-picker.listing-card-item-picker .nav-tabs li a {
  font-size: 14px;
  text-transform: none;
  color: #58585b;
  font-weight: 400;
  line-height: 32px;
  padding: 0px 15px;
  border: none;
  border-bottom: 4px solid #64bbe3;
  border-bottom-color: transparent;
}
.item-picker.listing-card-item-picker .nav-tabs li.active a,
.item-picker.listing-card-item-picker .nav-tabs li.active a:hover,
.item-picker.listing-card-item-picker .nav-tabs li.active a:focus,
.item-picker.listing-card-item-picker .nav-tabs li a:hover,
.item-picker.listing-card-item-picker .nav-tabs li a:focus {
  color: #049fd9;
  font-weight: 400;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #64bbe3;
  cursor: default;
}
.item-picker.listing-card-item-picker .nav-tabs li a:hover,
.item-picker.listing-card-item-picker .nav-tabs li a:focus {
  color: #58585b;
}
.item-picker.listing-card-item-picker .nav-tabs li a.disabled {
  opacity: .5;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.item-picker.listing-card-item-picker .nav-tabs li a.warning:after,
.item-picker.listing-card-item-picker .nav-tabs li a.info:after,
.item-picker.listing-card-item-picker .nav-tabs li a.error:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  position: relative;
  top: -10px;
  display: inline-block;
  vertical-align: middle;
}
.item-picker.listing-card-item-picker .nav-tabs li a.warning:after {
  color: #ff7300;
}
.item-picker.listing-card-item-picker .nav-tabs li a.info:after {
  color: #049fd9;
}
.item-picker.listing-card-item-picker .nav-tabs li a.error:after {
  color: #cf2030;
}
.item-picker.listing-card-item-picker .nav-tabs li a.warning[href="#tab-source"]:after,
.item-picker.listing-card-item-picker .nav-tabs li a.warning[href="#natAdvanced"]:after,
.item-picker.listing-card-item-picker .nav-tabs li a.warning[href="#packettranslation"]:after,
.item-picker.listing-card-item-picker .nav-tabs li a.warning.validation-error:after {
  color: #cf2030;
}
.item-picker.listing-card-item-picker .nav-tabs li a {
  font-size: 12px;
}
.item-picker .item-picker-note {
  font-style: italic;
  font-size: 12px;
  margin-top: 5px;
  color: #9e9ea2;
}
.with-info-icon-tooltip .item-picker {
  width: calc(100% - 30px);
  display: inline-block;
}
.with-info-icon-tooltip .item-picker + .cs-tooltip {
  width: 25px;
  text-align: right;
  display: inline-block;
}
/**
  .selected-items-list - list of selected items (with [x] buttons)
 */
.selected-items-list {
  padding: 0;
  margin: 0;
  line-height: 36px;
}
.selected-items-list ul.list {
  padding: 0;
  list-style: none;
}
.selected-items-list .list-item:not(.selection-item) {
  list-style: none;
  border: none;
  background-color: #e5e5e5;
  border-radius: 3px;
  position: relative;
  margin: 0 0 8px;
}
.selected-items-list .list-item:not(.selection-item) > .item-name {
  display: block;
  background-color: #e5e5e5;
  border-radius: 3px;
  padding: 0 30px 0 34px;
  margin: 0;
  line-height: 36px;
  border-bottom: none;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.selected-items-list .list-item:not(.selection-item) > .item-name a {
  display: inline-block;
  text-decoration: none;
  color: #58585b;
  background: transparent;
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 100%;
  line-height: 1em;
  position: relative;
  bottom: -4px;
  border-bottom: 1px dashed transparent;
}
.selected-items-list .list-item:not(.selection-item) > .item-name a:hover {
  border-bottom: 1px dashed #049fd9;
  color: #049fd9;
  cursor: pointer;
}
.selected-items-list .list-item:not(.selection-item) > .item-name.labeled {
  display: flex;
}
.selected-items-list .list-item:not(.selection-item) > .item-name.labeled .name-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: block;
}
.selected-items-list .list-item:not(.selection-item) > .item-name.labeled .label-title {
  white-space: nowrap;
  padding-left: 5px;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 36px;
}
.selected-items-list .list-item:not(.selection-item) .read-only {
  cursor: default;
}
.selected-items-list .list-item:not(.selection-item) .icon-close {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 36px;
  line-height: 36px;
  opacity: 0;
}
.selected-items-list .list-item:not(.selection-item):hover .icon-close {
  opacity: 0.3;
  z-index: 10;
}
.selected-items-list .list-item:not(.selection-item):hover .icon-close:hover {
  opacity: 1.0;
}
.selected-items-list .list-item:not(.selection-item) .selected-item-no-icon {
  padding-left: 11px;
}
.selected-items-list .list-item:not(.selection-item) .entity-icon {
  position: absolute;
  left: 11px;
  font-size: 18px;
  opacity: 0.7;
}
.selected-items-list .list-item:not(.selection-item) .entity-icon:before {
  vertical-align: middle;
}
.selected-items-list .list-item:not(.selection-item) .entity-icon.icon-anyconnect {
  top: 4px;
  font-size: 17px;
}
.selected-items-list .list-item:not(.selection-item) .icon-severity {
  top: 7px;
}
.selected-items-list .list-item:not(.selection-item) .country-flag {
  position: absolute;
  top: 10px;
  left: 11px;
}
.selected-items-list .list-item:not(.selection-item) .icon-chevron-down:before {
  line-height: inherit;
}
.selected-items-list .list-item:not(.selection-item).warning .entity-icon,
.selected-items-list .list-item:not(.selection-item).error .entity-icon {
  opacity: 1;
  font-size: 16px;
  top: -2px;
}
.selected-items-list .list-item:not(.selection-item).warning .entity-icon:before,
.selected-items-list .list-item:not(.selection-item).error .entity-icon:before {
  color: white;
}
.selected-items-list .list-item:not(.selection-item).warning .icon-close,
.selected-items-list .list-item:not(.selection-item).error .icon-close {
  color: white;
}
.selected-items-list .list-item:not(.selection-item).warning .item-name,
.selected-items-list .list-item:not(.selection-item).error .item-name {
  background-color: #e39d65;
  color: white;
}
.selected-items-list .list-item:not(.selection-item).warning .item-name a,
.selected-items-list .list-item:not(.selection-item).error .item-name a {
  color: white;
}
.selected-items-list .list-item:not(.selection-item).warning .item-name a:hover,
.selected-items-list .list-item:not(.selection-item).error .item-name a:hover {
  border-color: white;
}
.selected-items-list .list-item:not(.selection-item).warning:hover .item-name,
.selected-items-list .list-item:not(.selection-item).error:hover .item-name {
  background-color: #e39d65;
}
.selected-items-list .list-item:not(.selection-item).warning:hover .icon-close,
.selected-items-list .list-item:not(.selection-item).error:hover .icon-close {
  opacity: 1;
}
.selected-items-list .list-item:not(.selection-item).warning {
  background-color: #e39d65;
}
.selected-items-list .list-item:not(.selection-item).warning .item-name {
  background-color: #e39d65;
}
.selected-items-list .list-item:not(.selection-item).warning:hover .item-name,
.selected-items-list .list-item:not(.selection-item).warning:hover .item-name:hover {
  background-color: #e39d65;
}
.selected-items-list .list-item:not(.selection-item).error {
  background-color: #cb747d;
}
.selected-items-list .list-item:not(.selection-item).error .item-name {
  background-color: #cb747d;
}
.selected-items-list .list-item:not(.selection-item).error:hover .item-name {
  background-color: #cb747d;
}
.selected-items-list .list-item:not(.selection-item).added .entity-icon .icon-add-round {
  position: absolute;
  right: -5px;
  bottom: -9px;
  font-size: 10px;
  color: #6ebd4b;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white;
}
.list-item.actionable > .item-name,
.list-item.actionable > a {
  float: left;
  max-width: 40%;
  margin-bottom: 0;
}
.list-item.actionable > .item-name:hover,
.list-item.actionable > a:hover {
  background-color: #e5e5e5;
}
.list-item.actionable .dropdown {
  width: 53%;
  margin-right: 30px;
  float: right;
  position: relative;
}
.list-item.actionable .dropdown button {
  border-radius: 0;
  transition: none;
  font-weight: bold;
}
.list-item.actionable .dropdown:not(.open) {
  background-color: #f0f0f0;
}
.list-item.actionable .dropdown:not(.open) button {
  background: transparent;
}
.list-item.actionable .dropdown:not(.open):hover {
  background-color: #049fd9;
}
.list-item.actionable .dropdown:not(.open):hover button,
.list-item.actionable .dropdown:not(.open):hover .icon-chevron-down {
  color: white;
}
.item-picker-popup .list-item.disabled:hover,
.item-picker-popup .list-item.disabled a {
  cursor: default;
  background: none;
}
.item-picker-popup .list-item.disabled:hover:hover,
.item-picker-popup .list-item.disabled a:hover {
  background: none;
}
.list-item .glyphicon {
  font-size: 18px;
  top: 3px;
}
.list-item .buttons {
  margin: 3px;
}
.list-item .buttons > * {
  float: right;
  margin: 0 0 0 4px;
}
.double-controls-block > .item-picker > .selected-items-list ul.list > .list-item:not(.selection-item) {
  width: 100%;
  max-width: 100%;
}
.double-controls-block > .item-picker > .selected-items-list ul.list > .list-item:not(.selection-item).has-error-form-control {
  margin-bottom: 35px;
}
.double-controls-block > .item-picker > .selected-items-list ul.list > .list-item:not(.selection-item).has-error-form-control > .help-block {
  font-size: 12px;
  display: block;
  position: absolute;
  bottom: -35px;
  color: #cf2030;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item > .item-name:not(.selection-link) {
  float: left;
  max-width: 45%;
  margin-bottom: 0;
  padding: 0 0 0 34px;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item > .item-name:not(.selection-link):hover {
  background-color: #e5e5e5;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item .item-picker-popup {
  top: 100%;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .dropdown {
  width: 46%;
  margin-right: 30px;
  float: right;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select {
  text-align: left;
  font-size: 12px;
  display: block;
  vertical-align: middle;
  text-transform: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  padding: 0 28px 0 10px;
  width: 100%;
  box-sizing: border-box;
  height: 36px;
  border: none !important;
  border-radius: 0;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select:hover {
  background-color: #f7f7f7;
  color: #58585b;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select:active {
  box-shadow: none;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select:focus {
  outline: none;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select .icon-chevron-down {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 10px;
  color: #58585b;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select.active,
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select.active:hover,
.double-controls-block > .item-picker > .selected-items-list ul.list .dropdown.open .btn-select,
.double-controls-block > .item-picker > .selected-items-list ul.list .dropdown.open .btn-select:hover {
  background-color: #58585b;
  color: white;
  cursor: default;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select.active [class*='icon-'],
.double-controls-block > .item-picker > .selected-items-list ul.list .btn-select.active:hover [class*='icon-'],
.double-controls-block > .item-picker > .selected-items-list ul.list .dropdown.open .btn-select [class*='icon-'],
.double-controls-block > .item-picker > .selected-items-list ul.list .dropdown.open .btn-select:hover [class*='icon-'] {
  color: white;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .btn-select,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.error .btn-select,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .item-name:not(.selection-item):hover,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.error .item-name:not(.selection-item):hover {
  background: transparent;
  color: white;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .btn-select .icon-chevron-down,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.error .btn-select .icon-chevron-down,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .item-name:not(.selection-item):hover .icon-chevron-down,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.error .item-name:not(.selection-item):hover .icon-chevron-down {
  color: white;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .dropdown.open .btn-select,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.error .dropdown.open .btn-select,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .dropdown.open .btn-select:hover,
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.error .dropdown.open .btn-select:hover {
  background: #58585b;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .list-item.warning .btn-select:hover {
  background-color: #cc8d5b;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .icon-remove {
  width: 30px;
  height: 34px;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 3px 3px 0;
  font-size: 18px;
  padding-top: 2px;
  background: rgba(207, 32, 48, 0.3);
  color: #fff !important;
  opacity: 0;
  z-index: 10;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.double-controls-block > .item-picker > .selected-items-list ul.list .icon-remove:hover {
  opacity: 1;
}
.double-controls-block > .item-picker .selected-items-list {
  overflow: visible;
  max-height: none;
}
.double-controls-block > .item-picker .selected-items-list .list-item .btn-open-holder {
  margin: 0;
}
.selected-items-list-action-link .selected-items-list .item-name {
  float: left;
  max-width: 50%;
  min-height: 0;
}
.selected-items-list-action-link .selected-items-list .list-item .action-link {
  line-height: 18px;
  margin: 0 6px;
  padding: 0;
  background: transparent;
  min-height: 0;
  z-index: 1;
}
.selected-items-list-action-link .selected-items-list .list-item .action-link:hover {
  cursor: pointer;
}
.selected-items-list-action-link .selected-items-list .list-item .actionable-area {
  width: 43%;
  height: 36px;
  line-height: 36px;
  margin-right: 30px;
  float: right;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.selected-items-list-action-link .selected-items-list .list-item .action-state {
  margin-right: 12px;
  position: relative;
  z-index: 0;
}
.selected-items-list-action-link .selected-items-list .list-item .action-state.fail {
  color: #cf2030;
}
.selected-items-list-action-link .selected-items-list .list-item .action-state.success {
  color: #6ebd4b;
}
.selected-items-list-action-link .selected-items-list .list-item .action-state .icon-checkmark:before {
  font-size: 14px;
}
.selected-items-list-action-link .selected-items-list .list-item .action-state .icon-cancel:before {
  font-size: 14px;
}
.urls-item-picker .url-matcher-list {
  line-height: 16px;
}
.urls-item-picker .selected-items-list .list-item {
  padding: 4px 0 0;
  margin: 0;
  position: relative;
  z-index: 0;
  max-width: 100%;
  background: transparent;
}
.urls-item-picker .selected-items-list .list-item.list-item-empty {
  padding: 0;
}
.urls-item-picker .selected-items-list .picker-item .picker-item-content {
  background: #ccebf7;
  padding: 2px 4px;
}
.item-picker-dropdown {
  position: relative;
}
.item-picker-dropdown:not(.disabled):hover input {
  cursor: pointer;
}
.item-picker-dropdown input {
  padding-right: 30px !important;
}
.item-picker-dropdown input.selected-name-with-icon {
  padding-left: 34px;
}
.item-picker-dropdown .icon-chevron-down {
  position: absolute;
  top: 12px;
  right: 10px;
  font-size: 10px;
  line-height: 1;
  color: #58585b;
  cursor: pointer;
}
.item-picker-dropdown.disabled .icon-chevron-down {
  cursor: not-allowed;
  opacity: .7;
}
.item-picker-dropdown.open > input.form-control {
  background: #58585b;
  color: white;
}
.item-picker-dropdown.open input.form-control.search-disabled::selection {
  background: transparent;
}
.item-picker-dropdown.open > .icon-chevron-down {
  color: white;
}
.item-picker-dropdown > .selected-item-icon {
  position: absolute;
  top: 9px;
  padding-left: 11px;
  font-size: 18px;
  opacity: 0.7;
}
.item-picker-selection-state .selection-summary {
  color: #58585b;
  display: inline-block;
  line-height: 40px;
  margin-right: 40px;
}
.item-picker-dropdown-with-popup-search .icon-chevron-down {
  font-size: 10px;
  line-height: 1;
  color: #58585b;
}
.item-picker-dropdown-with-popup-search button {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.item-picker-dropdown-with-popup-search button .icon-chevron-down {
  margin-left: 11px;
}
.item-picker-dropdown-with-popup-search.open > button,
.item-picker-dropdown-with-popup-search:hover > button {
  background: #58585b;
  color: white;
  border-color: transparent;
}
.item-picker-dropdown-with-popup-search.open > button.btn-primary,
.item-picker-dropdown-with-popup-search:hover > button.btn-primary {
  background: #0387b8;
}
.item-picker-dropdown-with-popup-search.open .icon-chevron-down,
.item-picker-dropdown-with-popup-search:hover .icon-chevron-down {
  color: white;
}
.item-picker-dropdown-with-popup-search.disabled .icon-chevron-down {
  cursor: not-allowed;
  opacity: .7;
}
.selected-identity-server {
  position: absolute;
  z-index: 999;
  width: auto;
  height: 36px;
  top: -42px;
  left: 0;
  right: 0;
  padding: 0 30px 0 34px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #58585b;
  color: #fff;
  font-size: 12px;
  line-height: 36px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-filter {
  position: relative;
}
.search-filter ul.list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.search-filter .icon-close {
  font-size: 0.8em;
  opacity: 0.6;
  -webkit-transition-duration: 0.25s;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.25s;
  transition-property: opacity;
  transition-duration: 0.25s;
  cursor: pointer;
}
.search-filter .icon-close:hover {
  opacity: 1;
}
.search-filter .btn-open-holder {
  margin: 8px 0 8px 0;
  overflow: hidden;
}
.search-filter .btn-open-holder .icon-search {
  position: absolute;
  top: 10px;
  left: 12px;
  opacity: 0.6;
  font-size: 15px;
}
.search-filter .btn-open-holder .search-input {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  height: auto;
  overflow: hidden;
  line-height: 22px;
}
.search-filter .btn-open-holder .search-input .icon-close {
  position: absolute;
  top: 10px;
  right: 12px;
}
.search-filter .btn-open-holder .search-input .selected-list-tags {
  cursor: default;
  margin-left: -8px;
  margin-top: -1px;
}
.search-filter .btn-open-holder .search-input .selected-option-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 50ch;
}
.search-filter .search-filter-popup {
  padding: 25px 0;
  background: #fff;
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 9;
  display: none;
  border-radius: 3px;
  box-shadow: 0 3px 13px rgba(0, 0, 0, 0.1);
}
.search-filter .search-filter-popup.dropup {
  top: auto;
  bottom: 38px;
}
.search-filter .search-filter-popup.dropdown {
  margin-top: 1px;
}
.search-filter .search-filter-popup.dropdown .create-new-link-holder {
  position: static;
  background-color: #f7f7f7;
  line-height: 50px;
}
.search-filter .search-filter-popup.dropdown .create-new-link-holder .create-new {
  max-width: none;
}
.search-filter .search-filter-popup.open {
  display: block;
}
.search-filter .search-filter-popup .nav-tabs {
  padding: 0 0 0 20px;
}
.search-filter .search-filter-popup .nav-tabs li a {
  font-size: 12px;
}
.search-filter .search-filter-popup .tab-content {
  padding: 0;
  border: 0;
}
.search-filter .search-filter-popup .search-filter-row {
  padding: 0 25px;
  margin-bottom: 15px;
  text-align: right;
  float: left;
}
.search-filter .search-filter-popup .search-filter-row label {
  font-weight: normal;
}
.search-filter .search-filter-popup .search-filter-row .filter-label {
  width: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  line-height: 36px;
}
.search-filter .search-filter-popup .search-filter-row .filter-content {
  margin-left: 10px;
  position: relative;
  width: 150px;
}
.search-filter .search-filter-popup .search-filter-row .filter-value {
  text-align: left;
  display: block;
  white-space: nowrap;
}
.search-filter .search-filter-popup .search-filter-row .filter-value .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
}
.search-filter .search-filter-popup .search-filter-row .filter-value input {
  padding-right: 29px;
}
.search-filter .search-filter-popup .search-filter-row .filter-value .tip {
  max-width: 200px;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.search-filter .search-filter-popup .search-filter-row > div {
  float: left;
}
.search-filter .search-filter-popup .buttons .btn {
  margin: 0 0 0 4px;
}
.search-filter .search-filter-footer {
  line-height: 36px;
  border: none;
  padding: 10px 10px 0;
  text-align: right;
}
.search-filter .search-filter-footer .btn-holder {
  display: inline-block;
  padding: 0;
  text-align: left;
  width: 165px;
}
.search-filter .search-filter-footer .btn-holder .btn {
  border: none;
  padding: 0 15px;
  font-size: 11px;
  min-width: 60px;
}
.search-filter .search-filter-footer .btn-holder .btn ~ a {
  margin-left: 10px;
}
.search-filter .placeholder-text {
  color: #9e9ea2;
}
.item-selector .item-picker-content .scroller {
  height: 160px;
  overflow-y: scroll;
}
.item-selector .item-picker-content .scroller .list-item {
  margin: 0 0 3px;
  line-height: 24px;
}
.item-selector .item-picker-content .scroller .list-item .item-name {
  display: block;
  padding: 0 10px;
  text-decoration: none;
  background: #e5e5e5;
  color: #444;
  border-radius: 3px;
}
.item-selector .item-picker-content .scroller .list-item .item-name .name,
.item-selector .item-picker-content .scroller .list-item .item-name .description {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.item-selector .item-picker-content .scroller .list-item.empty-item {
  padding: 57px 0 57px 20px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.item-selector .item-picker-content .scroller .list-item.empty-item span {
  color: rgba(0, 0, 0, 0.4);
}
.item-selector .item-picker-content .scroller .list-item.selected .item-name {
  background: #bbb;
}
.item-selector .item-picker-content .scroller > .list > .list-item:last-child {
  margin-bottom: 0;
}
.item-selector .title-row {
  line-height: 24px;
  margin: 0 0 5px;
}
.item-selector .title-row .selection-info {
  background: #444;
  border-radius: 3px;
  padding: 0 4px;
  color: #fff;
}
.item-selector .title-row .selection-info a {
  color: #fff;
  padding: 0 2px;
}
.item-selector input.form-control {
  margin: 0 0 5px;
}
.item-selector .app-counter {
  line-height: 30px;
}
.col-xs-6 .cs-chart .chartLabels .endLabel {
  padding: 2px 29px;
}
.cs-chart {
  position: relative;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  display: flex;
  flex-direction: column;
  width: 255px;
  height: 280px;
  color: #58585b;
}
.cs-chart .title {
  font-size: 24px;
  font-weight: lighter;
  line-height: 1.6;
  margin: 0 0 15px 0;
  white-space: nowrap;
  text-align: left;
}
.cs-chart svg.chart {
  width: 100%;
  height: 138px;
  background: #f7f7f7;
}
.cs-chart svg.chart.area-chart {
  background: #fff;
  height: 181px;
  width: 438px;
}
.cs-chart svg.chart .bar {
  fill: #049fd9;
  cursor: pointer;
}
.cs-chart svg.chart .bar:hover {
  fill: #037aa7;
}
.cs-chart svg.chart .y-axis {
  transform: translateY(0.5px);
}
.cs-chart svg.chart .y-axis line {
  stroke: #f7f7f7;
}
.cs-chart svg.chart .area {
  fill: #049fd9;
  opacity: 0.8;
}
.cs-chart svg.chart .y.axis path.domain {
  display: none;
}
.cs-chart svg.chart .y.axis line {
  fill: none;
  stroke: #e5e5e5;
  shape-rendering: crispEdges;
}
.cs-chart svg.chart .y.axis .tick {
  fill: #9e9ea2;
}
.cs-chart svg.chart .dotG {
  opacity: 0;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  cursor: pointer;
}
.cs-chart svg.chart .dotG .dotBig {
  fill: white;
  stroke: #049fd9;
  opacity: 0.8;
}
.cs-chart svg.chart .dotG .dot {
  fill: #049fd9;
  opacity: 0.8;
}
.cs-chart svg.chart .dotG .dot.dotSelected {
  fill: #049fd9;
  stroke: white;
  stroke-width: 1;
}
.cs-chart svg.chart .dotG:hover {
  opacity: 1;
}
.cs-chart .chartLabels {
  display: block;
  margin-top: 6px;
  color: #9e9ea2;
  font-size: 12px;
  overflow: hidden;
}
.cs-chart .chartLabels .startLabel,
.cs-chart .chartLabels .endLabel {
  width: 49.9%;
  padding: 2px 0;
  font-size: 10px;
  float: left;
}
.cs-chart .chartLabels .startLabel {
  text-align: left;
}
.cs-chart .chartLabels .endLabel {
  text-align: right;
  font-weight: bold;
}
.cs-chart .footer {
  display: flex;
  align-items: center;
  min-height: 76px;
}
.cs-chart .footer .averageLabel,
.cs-chart .footer .minMaxLabels {
  flex: 1 1 auto;
  font-size: 12px;
  text-align: left;
  padding-right: 10px;
  padding-top: 8px;
}
.cs-chart .footer .minValue,
.cs-chart .footer .maxValue {
  padding: 0 0 10px;
}
.cs-chart .footer .minValue .value,
.cs-chart .footer .maxValue .value {
  font-weight: bold;
}
.cs-chart .footer .mainValue {
  font-size: 48px;
  line-height: 1.6;
  font-weight: lighter;
  position: relative;
}
.cs-chart .footer .mainValue small {
  position: absolute;
  right: 100%;
  top: 39px;
  font-size: 12px;
  color: #58585b;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-align: right;
}
.cs-chart .footer .no-data-msg {
  top: 50%;
  margin-top: -32px;
}
.cs-chart .avgOnTheLeft .footer .averageLabel {
  display: block;
}
.cs-chart .avgOnTheLeft .footer .minMaxLabels {
  display: none;
}
.cs-chart .minMaxOnTheLeft .footer .averageLabel {
  display: none;
}
.cs-chart .minMaxOnTheLeft .footer .minMaxLabels {
  display: block;
}
.cs-chart .no-data-msg {
  padding: 0 10px;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  color: #9e9ea2;
  font-size: 13px;
}
.col-xs-12 .chart.area-chart {
  width: 100% !important;
}
.card-throughput {
  width: 100%;
  height: inherit;
}
.card-throughput .chartLabels {
  margin-left: 46px;
  margin-top: -5px;
}
.card-throughput .entry {
  position: relative;
}
.card-throughput .no-data-msg {
  margin-top: -10px;
  right: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 6px 10px;
}
.card-throughput .dropdown .dropdown-menu {
  top: 0;
}
.cs-chart-tooltip {
  padding: 6px 7px 5px 7px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  border: none;
  border-radius: 0;
  box-shadow: none;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
}
.section-box .disk-chart .entry {
  padding: 25px 10px;
  display: inline-block;
  text-align: left;
}
.section-box .disk-chart .pie-chart-container {
  margin: 0 0 11px -20px;
}
.pie-chart-container .legend-free {
  fill: #58585b;
}
.pie-chart-container .pie-part-with-stroke {
  stroke: white;
  stroke-width: 2px;
}
.pie-chart-container .pie-part-without-stroke {
  display: none;
}
.pie-chart-container .pie-legend {
  font-size: 12px;
}
.pie-chart-descr {
  font-size: 12px;
}
.pie-chart-summary {
  font-size: 48px;
  line-height: 1.6;
  font-weight: lighter;
  color: #9e9ea2;
}
.db-ip-address {
  padding-top: 9px;
}
.not-set-label:after {
  content: ':';
}
/*modal dialogs*/
.mac-os.chrome body.modal-open {
  /**
        #446910: A workaround that fixes scrolling in item pickers in modal dialogs when dialog height is greater
        than page height.
      */
  height: 101%;
}
body.modal-open .modal {
  overflow-x: auto;
  overflow-y: auto;
}
.modal {
  display: block;
}
.modal .modal-header {
  padding: 25px 25px 5px 25px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
.modal .modal-header .modal-title {
  color: #555;
  font-weight: normal;
  font-size: 24px;
  line-height: normal;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
}
.modal .modal-content {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
  border: none;
}
.modal .upper-modal-layer {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.modal .general-errors {
  background-color: white;
  margin-bottom: 0;
  padding: 0 25px;
}
.modal .general-errors .alert-danger .icon-cancel {
  left: 0;
  font-size: 16px;
}
.modal .general-success {
  margin: 0;
}
.modal .page-success {
  padding: 0 15px;
}
.modal .modal-footer {
  z-index: 0;
  padding: 5px 25px 25px 25px;
  background: #f9f9f9;
  border: none;
  border-radius: 0 0 5px 5px;
}
.modal .modal-footer .hint {
  float: left;
  margin: 15px 10px 10px 0;
  color: #9e9ea2;
  font-size: 13px;
}
.modal .modal-footer .btn-dropdown .btn.btn-select {
  height: 36px;
}
.modal .modal-footer .btn {
  position: relative;
  min-width: 100px;
  border: none;
}
.modal .modal-footer .btn.btn-success,
.modal .modal-footer .btn.btn-select {
  border: 0;
  height: 36px;
  line-height: 36px;
}
.modal .modal-footer .btn.btn-success .icon-chevron-down,
.modal .modal-footer .btn.btn-select .icon-chevron-down {
  line-height: 36px;
}
.modal .modal-footer .btn + .btn {
  margin-left: 15px;
}
.modal .modal-footer .info-hint {
  font-size: 13px;
  max-width: 385px;
  float: left;
  padding: 0 0 0 19px;
  text-align: left;
  margin: 4px 0 0 10px;
  position: relative;
}
.modal .modal-footer .info-hint:before {
  font-size: 16px;
  color: #049fd9;
  position: absolute;
  left: -8px;
  top: 1px;
}
.modal .modal-footer.top-separated {
  border-top: 1px solid #e5e5e5;
}
.modal .modal-footer.text-center {
  text-align: center;
}
.modal .delete-dialog .modal-footer .btn .spinner {
  left: 3px;
}
.modal .modal-content-loader {
  margin: auto;
}
.modal-dialog {
  background: white;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
.modal-dialog.edit-picker-items {
  width: 420px;
}
.modal-dialog.edit-picker-items.modal-lg {
  width: 700px;
}
.modal-dialog.edit-picker-items.ssl-rules-url-edit-modal {
  width: 520px;
}
.modal-dialog.edit-picker-items .modal-header .modal-title {
  font-size: 22px;
  white-space: nowrap;
}
.modal-dialog.edit-picker-items .item-picker .selected-items-list .list-item {
  max-width: 100%;
}
.modal-dialog.edit-picker-items .item-picker .selected-items-list .list-item a,
.modal-dialog.edit-picker-items .item-picker .selected-items-list .list-item .item-name {
  margin-bottom: 0;
}
.modal-dialog.edit-picker-items .item-picker .selected-items-list .list-item .btn-default {
  line-height: 30px;
}
.modal-dialog.warning-dialog .btn-primary {
  background: #cf2030;
}
.modal-dialog.warning-dialog .btn-primary:hover {
  background: #d43645;
}
.modal-dialog.warning-dialog .btn-primary:active {
  background: #ba1d2b;
}
.modal-dialog.with-sidebar {
  width: 980px;
  max-height: 685px;
  min-height: 400px;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.modal-dialog.with-sidebar > .ember-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.modal-dialog.with-sidebar .modal-data {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.modal-dialog.with-sidebar .modal-data > .ember-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.modal-dialog.with-sidebar .modal-data.readonly .btn-edit-all {
  position: absolute;
  left: 283px;
  top: 25px;
}
.modal-dialog.with-sidebar .modal-data.readonly .sidebar-content .tab-content {
  margin-top: 85px;
  padding-top: 0;
}
.modal-dialog.with-sidebar .modal-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.modal-dialog.with-sidebar .modal-body > .ember-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (max-width: 768px) {
  .modal-dialog .double-controls input:first-child {
    margin-bottom: 5px;
  }
}
.modal-body {
  z-index: 1;
  padding: 0;
}
.modal-body .control-group {
  line-height: 34px;
}
.justified-content .modal-data,
.modal-header {
  padding: 0;
}
.modal-data,
.modal-header {
  padding: 25px 25px 0;
  background-color: white;
}
.modal-data .tab-content,
.modal-header .tab-content {
  background-color: #fff;
  padding: 15px 0;
  border: none;
}
.modal-data .form-control,
.modal-header .form-control {
  border-radius: 0px;
  color: inherit;
  font-size: 15px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  padding-left: 15px;
  padding-right: 15px;
}
.modal-data .control-label,
.modal-header .control-label {
  padding-top: 0;
}
.modal-data .modal-sub-title,
.modal-header .modal-sub-title {
  font-weight: bold;
  color: #58585b;
  border-bottom: 1px solid #c6c7ca;
  padding-bottom: 5px;
}
.modal-data .small-form-control,
.modal-header .small-form-control {
  width: 40%;
}
.modal-data .middle-form-control,
.modal-header .middle-form-control {
  width: 90%;
}
.modal-data .ike-lifetime .tip,
.modal-header .ike-lifetime .tip {
  white-space: nowrap;
}
.modal-data .filter-data,
.modal-header .filter-data {
  margin: -25px;
  padding: 25px;
  border: solid 1px #049fd9;
}
.modal-data .filter-data .select-row,
.modal-header .filter-data .select-row {
  margin: 0 0 14px;
}
.modal-data .filter-data .select-row .title,
.modal-header .filter-data .select-row .title {
  line-height: 24px;
  margin: 0 0 8px;
}
.modal-data .filtered-applications,
.modal-header .filtered-applications {
  margin: 24px -25px -25px -25px;
  padding: 25px;
  border: solid 1px #049fd9;
}
.modal-data .filtered-applications .list-header,
.modal-header .filtered-applications .list-header {
  margin: 0 0 5px;
}
.modal-data .filtered-applications .list-header .col-xs-5,
.modal-header .filtered-applications .list-header .col-xs-5 {
  padding-left: 10px;
}
.modal-data .select-holder,
.modal-header .select-holder {
  width: 160px;
}
.modal-data h4 {
  margin: 0 0 15px;
}
.double-controls .ssl-decrypt-re-sign-holder {
  float: left;
  width: calc(100% - (36px + 5px));
  padding-right: 15px;
}
.double-controls .ssl-decrypt-re-sign-holder ~ .btn-iconic .icon-download {
  font-size: 14px;
  line-height: 36px;
}
.double-controls .ssl-decrypt-re-sign-holder ~ .btn-iconic .icon-download:before {
  border-bottom-width: 3px;
}
.double-controls .col-sm-7 {
  padding: 0;
}
.col-middle-align {
  line-height: 36px;
}
.dialog-content {
  padding: 20px;
}
.dialog-content .description {
  padding: 0 0 15px 0;
}
.add-rule .modal-data.modal-nat {
  background-color: white;
}
.textarea-dialog {
  height: 400px;
}
.textarea-dialog .monospace-textarea {
  min-height: 100%;
}
.monospace-textarea {
  background-color: #fff;
  font: normal 12px/18px Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
}
.modal .private-key-cert-create-options .double-colored-popup.modal-data .titles {
  margin-bottom: 20px;
}
.modal .private-key-cert-create-options .double-colored-popup.modal-data h2 {
  color: #58585b;
  margin: 15px 0 11px;
}
.modal .private-key-cert-create-options .double-colored-popup.modal-data .gray-part {
  background-color: #f0f0f0;
  margin: 0 -25px;
  padding: 30px 0 15px;
}
.modal .private-key-cert-create-options .double-colored-popup.modal-data .item header {
  position: static;
}
.modal .private-key-cert-create-options .double-colored-popup.modal-data .item header [class^="icon-"] {
  text-align: left;
  left: 20px;
  top: 25px;
}
.modal .private-key-cert-create-options .double-colored-popup.modal-data .item h3 {
  margin: 0;
  font-size: 18px;
  color: #58585b;
  padding: 0 0 10px;
}
/* .common-dialog-holder is used for Policy Rules popups with exception of Identity Conf Modal */
.common-dialog-holder {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 1024px;
}
.common-dialog-holder img {
  max-width: 100%;
}
.common-dialog-holder .modal-content {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.common-dialog-holder .object-table thead tr > th,
.common-dialog-holder .object-table thead tr > td {
  width: 16.66666666666667%;
  border: none;
}
.common-dialog-holder .object-table thead tr > th,
.common-dialog-holder .object-table thead tr > td {
  background-color: transparent;
}
.common-dialog-holder .object-table thead tr > th:first-child,
.common-dialog-holder .object-table thead tr > td:first-child {
  border-right: 1px solid #e5e5e5;
}
.common-dialog-holder .object-table thead tr > th .cell-value,
.common-dialog-holder .object-table thead tr > td .cell-value {
  color: #58585b;
  background-color: transparent;
  font-weight: normal;
  font-size: 11px;
}
.common-dialog-holder .object-table thead tr > td {
  border-right: 1px solid #e5e5e5;
}
.common-dialog-holder .object-table thead tr > td:last-child {
  border-right: none;
}
.common-dialog-holder .object-table tbody td {
  border: none;
}
.common-dialog-holder .object-table tbody td:last-child .item-picker-popup.open {
  left: auto;
  right: 0;
}
.common-dialog-holder .object-table tbody td .item-picker .btn-open-holder .btn-xs {
  margin-top: 6px;
}
.common-dialog-holder .object-table tbody td .item-picker .selected-items-list .list-item {
  max-width: 145px;
}
.common-dialog-holder h5 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #58585b;
  margin-bottom: 0;
}
.common-dialog-holder h5.underline {
  border-bottom: 1px solid #c6c7ca;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
}
.common-dialog-holder .modal-header {
  padding: 15px 25px 15px 25px;
}
.common-dialog-holder .modal-header label {
  line-height: 34px;
  font-weight: normal;
  text-transform: uppercase;
}
.common-dialog-holder .modal-header .short-input {
  width: 33px;
}
.common-dialog-holder .modal-header .btn-holder {
  width: 5%;
  float: right;
}
.common-dialog-holder .modal-header .form-control {
  height: 36px;
  background-color: #fff;
  padding: 6px 15px;
}
.common-dialog-holder .modal-data {
  padding: 0;
  background-color: #fff;
}
.common-dialog-holder select {
  background-color: #dfdfdf;
  height: 20px;
  font-size: 12px;
  padding: 1px 5px;
  box-shadow: none;
}
.common-dialog-holder select.small {
  width: 68px;
}
.common-dialog-holder select.large {
  width: 138px;
}
.common-dialog-holder .dashed {
  border-style: dashed;
}
.common-dialog-holder .form-group {
  margin-bottom: 7px;
}
.common-dialog-holder label {
  color: #323232;
  font-weight: normal;
}
.common-dialog-holder .selected-part-holder {
  background-color: #f9f9f9;
  padding: 20px 20px;
}
.common-dialog-holder .not-selected-part-holder {
  padding: 20px 25px 0 20px;
}
.common-dialog-holder .modal-footer {
  text-align: left;
  border-top: 1px solid #d7d7d7;
  -webkit-border-bottom-left-radius: 12px;
  -moz-border-bottom-left-radius: 12px;
  border-bottom-left-radius: 12px;
  -webkit-border-bottom-right-radius: 12px;
  -moz-border-bottom-right-radius: 12px;
  border-bottom-right-radius: 12px;
  padding: 8px 25px 12px 25px;
  background-color: #fff;
}
.common-dialog-holder .modal-footer h4 {
  display: none;
}
.common-dialog-holder .modal-footer .diagram-holder {
  background: transparent;
  box-shadow: none;
  float: none;
  margin: 0 auto;
  position: relative;
  top: -40px;
  margin-bottom: -40px;
  height: 215px;
}
.common-dialog-holder .modal-footer .btn-group {
  margin-top: -24px;
}
.common-dialog-holder .modal-footer .btn-group .btn ~ .btn {
  margin-left: 15px;
}
.common-dialog-holder .modal-footer .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle),
.common-dialog-holder .modal-footer .btn-group > .btn:last-child:not(:first-child),
.common-dialog-holder .modal-footer .btn-group > .dropdown-toggle:not(:first-child) {
  border-radius: 4px;
}
.common-dialog-holder .collapsed-link {
  color: #323232;
  line-height: 23px;
}
.common-dialog-holder .collapsed-link:hover {
  text-decoration: none;
}
.common-dialog-holder .counter-holder {
  border-bottom: 1px solid #c6c7ca;
  line-height: normal;
  margin-top: -20px;
}
.common-dialog-holder .counter-holder span {
  text-transform: uppercase;
  font-size: 10px;
}
.common-dialog-holder .counter-holder .counter {
  font-size: 18px;
  font-weight: normal;
  margin-right: 12px;
  display: inline-block;
  vertical-align: bottom;
}
.common-dialog-holder .tab-pane {
  padding: 0 20px;
}
.common-dialog-holder .tab-pane .empty-label {
  line-height: 16px;
  padding: 6px 0 0 6px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
}
.common-dialog-holder .item-picker-popup .tab-pane {
  padding: 0;
}
.common-dialog-holder .item-picker-popup .create-new-link-holder {
  border: none;
}
.common-dialog-holder label,
.common-dialog-holder .checkbox label,
.common-dialog-holder .form-group .control-label {
  color: #58585b;
}
.common-dialog-holder a.collapsed-link {
  line-height: 26px;
}
.common-dialog-holder .msg-error {
  position: relative;
  top: -6px;
  margin-bottom: -31px;
  left: 7px;
}
.common-dialog-holder .nav-tabs {
  display: block;
  background: #f7f7f7;
  padding: 0 24px;
}
.common-dialog-holder .nav-tabs li {
  display: inline-block;
}
.common-dialog-holder .tab-content {
  background: white;
  padding: 0;
}
.common-dialog-holder .tab-pane {
  height: 458px;
  overflow-y: auto;
}
.common-dialog-holder .tab-pane.tab-pane-with-table {
  margin: -15px 0;
  height: 488px;
}
.common-dialog-holder .item-picker-popup .tab-pane {
  height: auto;
  overflow-y: visible;
}
.common-dialog-holder .modal-footer .btn-group {
  margin-top: 0;
}
.common-dialog-holder .modal-footer .diagram-full {
  border-bottom: 1px solid #c6c7ca;
  border-radius: 0;
  margin: 40px 0 16px;
}
.common-dialog-holder .modal-footer .diagram-full:before,
.common-dialog-holder .modal-footer .diagram-full:after {
  content: " ";
  display: table;
}
.common-dialog-holder .modal-footer .diagram-full:after {
  clear: both;
}
.common-dialog-holder .modal-footer .diagram-full:before,
.common-dialog-holder .modal-footer .diagram-full:after {
  content: " ";
  display: table;
}
.common-dialog-holder .modal-footer .diagram-full:after {
  clear: both;
}
.common-dialog-holder .policy-source-destination-content {
  margin: 0 -5px;
}
.common-dialog-holder .rule-table thead tr > th {
  border: none;
}
.common-dialog-holder .rule-table thead tr > th .cell-value {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  display: block;
  margin-top: 8px;
}
.common-dialog-holder .rule-table thead tr > td .cell-value {
  border-bottom: 1px solid #e5e5e5;
  padding: 4px 10px 6px;
  display: block;
}
.common-dialog-holder .rule-table thead tr > td {
  padding: 0;
}
.common-dialog-holder .rule-table thead tr > td .cell-value {
  color: #58585b;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0;
}
.common-dialog-holder .rule-table tbody tr td {
  border-right: 1px solid #e5e5e5;
  height: 400px;
}
.common-dialog-holder .rule-table tbody tr td div {
  text-transform: none;
  color: #58585b;
}
.common-dialog-holder .rule-table tbody tr td .item-picker {
  position: relative;
  margin-top: -3px;
}
.common-dialog-holder .rule-table tbody tr td .item-picker .btn-open-holder {
  position: absolute;
  top: -44px;
  right: 0;
  margin: 0;
}
.common-dialog-holder .rule-table tbody tr td .item-picker .selected-items-list {
  line-height: 34px;
  float: left;
  width: 100%;
}
.common-dialog-holder .rule-table tbody tr td .item-picker .selected-items-list .list-item {
  max-width: 170px;
}
.common-dialog-holder .rule-table tbody tr td .item-picker .item-picker-popup {
  top: -16px;
}
.common-dialog-holder .rule-table tbody tr td .selected-items-list .list-item a:hover,
.common-dialog-holder .rule-table tbody tr td .selected-items-list .list-item .item-name:hover {
  cursor: default;
  background: #e5e5e5;
}
.common-dialog-holder .rule-table tbody tr td:last-child {
  border-right: none;
}
/*diagram*/
.objects-table .cs-diagram .cs-diagram-row.align-top {
  top: 48px;
}
.objects-table .cs-diagram .cs-diagram-row .square,
.objects-table .cs-diagram .cs-diagram-row .circle {
  top: -26px;
}
.objects-table .bg-none {
  background: none;
}
.cs-diagram {
  margin: 55px auto 0;
  position: relative;
  width: 520px;
  z-index: 0;
}
.cs-diagram .counters .counter {
  display: inline-block;
  min-width: 26px;
  font-weight: bold;
  font-size: 11px;
  margin-left: 5px;
  line-height: 20px;
}
.cs-diagram .counters .counter .counter-box {
  display: block;
  width: 100%;
  padding: 0px 3px;
  border-radius: 4px;
  background: #9e9ea2;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.cs-diagram .counters .warning .counter-box {
  background: #ff7300;
}
.cs-diagram .counters .warning:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 4px;
}
.cs-diagram .counters .error {
  color: #cf2030;
}
.cs-diagram .counters .error .counter-box {
  background: #cf2030;
}
.cs-diagram .counters .error:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin-right: 4px;
}
.cs-diagram .diagram-src-title,
.cs-diagram .diagram-dst-title {
  position: absolute;
  top: -30px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.cs-diagram .diagram-src-title {
  left: 78px;
}
.cs-diagram .diagram-dst-title {
  right: 65px;
}
.cs-diagram .block {
  display: block;
}
.cs-diagram hr {
  border-bottom: 2px dashed #c6c7ca;
  border-top: none;
  width: 106%;
  position: absolute;
  top: 43px;
  margin-top: -10px;
  z-index: 5;
}
.cs-diagram .cs-diagram-holder {
  z-index: 10;
}
.cs-diagram .cs-diagram-row {
  position: absolute;
  color: #323232;
  text-transform: uppercase;
  font-size: 12px;
  display: inline-block;
  z-index: 990;
}
.cs-diagram .cs-diagram-row.align-top {
  top: 11px;
}
.cs-diagram .cs-diagram-row .square {
  height: 16px;
  width: 16px;
  position: absolute;
  border: 2px solid #049fd9;
  background-color: #fff;
  top: 15px;
  left: 12px;
  box-shadow: 0 0 2px #fff;
}
.cs-diagram .cs-diagram-row .square.on {
  background-color: #049fd9;
}
.cs-diagram .cs-diagram-row .circle {
  height: 23px;
  width: 23px;
  position: absolute;
  box-sizing: border-box;
  border: 2px solid #049fd9;
  background-color: #fff;
  top: 15px;
  left: 12px;
  border-radius: 12px;
}
.cs-diagram .cs-diagram-row.align-bottom {
  top: 22px;
}
.cs-diagram .cs-diagram-row.align-bottom .circle {
  height: 23px;
  width: 23px;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 12px;
}
.cs-diagram .cs-diagram-row .circle.on {
  background-color: #049fd9;
}
.cs-diagram .cs-diagram-row .circle.off {
  background-color: #ffffff;
}
.cs-diagram .align-outside {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 20px;
  text-align: right;
}
.cs-diagram .align-outside.left {
  left: -150px;
  top: 5px;
}
.cs-diagram .align-outside.right {
  right: -170px;
  top: -2px;
  text-align: left;
}
.cs-diagram .align-outside.right .counter {
  float: right;
}
.cs-diagram .align-outside > span {
  display: block;
  position: relative;
  margin-bottom: 3px;
}
.cs-diagram .src-label {
  left: -4px;
  text-align: center;
}
.cs-diagram .ports-label {
  left: 60px;
}
.cs-diagram .zones-label {
  left: 21%;
}
.cs-diagram .zones-label .square {
  left: 44px;
}
.cs-diagram .zones-label.empty {
  left: 71%;
}
.cs-diagram .zones-label.empty .square {
  left: -6px;
}
.cs-diagram .port-label.empty {
  right: 40px;
}
.cs-diagram .dst-label {
  right: 20px;
}
.cs-diagram .img-bricks {
  position: absolute;
  top: 17px;
  text-align: center;
  left: 50%;
  margin-left: -100px;
  width: 200px;
}
.cs-diagram .img-bricks > img {
  width: 50px;
  height: 50px;
  margin-bottom: 5px;
}
.cs-diagram .dashed {
  position: absolute;
  border-left: 2px dashed #e5e5e5;
  height: 23px;
  top: 78px;
  left: 25px;
}
.cs-diagram .img-cloud {
  width: 50px;
  height: 30px;
  margin-top: 30px;
}
.cs-diagram .app-label {
  position: absolute;
  right: -111px;
}
.cs-diagram .urls-label {
  position: absolute;
  right: -60px;
  top: 15px;
}
.cs-diagram .y-direction {
  margin-top: 5px;
}
.cs-diagram .y-direction .icons-block {
  position: relative;
}
.cs-diagram .y-direction .cs-diagram-row {
  position: relative;
  width: 98px;
}
.cs-diagram .y-direction .cs-diagram-row hr {
  border: none;
  height: 1px;
  background: #c6c7ca;
  position: relative;
  top: 0;
  margin: 0 0 6px;
}
.cs-diagram .icons-block ul {
  padding: 0;
  margin: 4px 0 0;
}
.cs-diagram .icons-block ul li {
  list-style: none;
  display: inline-block;
  margin-left: 6px;
}
.cs-diagram .icons-block ul li:first-child {
  margin-left: 0;
}
.cs-diagram .icons-block [class^="icon-"] {
  font-size: 24px;
}
.cs-diagram .arrow.first {
  position: absolute;
  z-index: 990;
  top: 21px;
  left: -20px;
  width: 24px;
  height: 24px;
  background: url(/assets/images/x-sprite-2537d58443df155e6c3760dd9171334c.png) no-repeat -72px -24px;
  opacity: .5;
}
.cs-diagram .arrow.second {
  position: absolute;
  z-index: 990;
  top: 21px;
  right: -40px;
  width: 24px;
  height: 24px;
  opacity: .5;
  background: url(/assets/images/x-sprite-2537d58443df155e6c3760dd9171334c.png) no-repeat -72px -24px;
}
.cs-diagram .counter {
  font-size: 12px;
  text-transform: lowercase;
}
.cs-diagram .allow {
  color: #000;
  font-weight: bold;
}
.cs-diagram .allow .icon-deny:before {
  color: #cf2030;
}
.cs-diagram .allow [class^='icon-'] {
  margin-right: 6px;
}
.cs-diagram .allow .icon-permit {
  color: #6ebd4b;
}
.cs-diagram .allow .icon-trust {
  color: #9e9ea2;
}
.cs-diagram .cs-diagram-row.align-bottom.original-packet-label,
.cs-diagram .cs-diagram-row.align-bottom.translated-packet-label {
  width: 90px;
  text-align: center;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.cs-diagram .cs-diagram-row.align-bottom.original-packet-label .circle,
.cs-diagram .cs-diagram-row.align-bottom.translated-packet-label .circle {
  left: 38px;
}
.cs-diagram .cs-diagram-row.align-bottom.original-packet-label {
  left: -45px;
}
.cs-diagram .cs-diagram-row.align-bottom.translated-packet-label {
  right: -45px;
}
.cs-diagram .info-block {
  top: 0;
}
.cs-diagram .info-block .info-section {
  margin-bottom: 10px;
}
.cs-diagram .info-block .info-section p {
  margin-bottom: 0;
}
.cs-diagram .info-block .info-section .info-label {
  color: #777;
}
.cs-diagram .info-block .info-section .info-value {
  cursor: help;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-transform: none;
}
.cs-diagram .point-left,
.cs-diagram .point-right {
  position: absolute;
  width: 300px;
  text-transform: none;
}
.cs-diagram .point-right {
  right: 290px;
  text-align: right;
}
.cs-diagram .point-right .square {
  right: 0;
  left: auto;
}
.cs-diagram .point-left {
  left: 270px;
  text-align: left;
}
.cs-diagram .point-left .square {
  right: auto;
  left: 0;
}
.cs-diagram .align-outside.left.info-block {
  left: -175px;
  top: 0;
  max-width: 120px;
}
.cs-diagram .align-outside.right.info-block {
  right: -175px;
  top: 0;
  max-width: 120px;
}
.identity-diagram .cs-diagram {
  width: 285px;
  margin: 25px auto;
}
.identity-diagram .cs-diagram hr {
  width: 100%;
  border-bottom: 2px dashed #c6c7ca;
}
.identity-diagram .cs-diagram .diagram-src-title {
  left: 0;
}
.identity-diagram .cs-diagram .diagram-dst-title {
  right: -25px;
}
.identity-diagram .cs-diagram .src-label {
  left: 12px;
}
.identity-diagram .cs-diagram .dst-label {
  right: 35px;
}
.identity-diagram .cs-diagram .arrow.second {
  right: -16px;
}
.identity-diagram .cs-diagram .arrow.second.up {
  transform: rotate(-90deg);
}
.identity-diagram .cs-diagram .arrow.second.down {
  transform: rotate(90deg);
}
.identity-diagram .cs-diagram .cs-diagram-row.align-bottom .circle {
  top: 0;
  left: 0;
}
.identity-diagram .cs-diagram .cs-diagram-row.align-outside.right {
  right: -150px;
  top: 0;
}
.identity-diagram .cs-diagram .cs-diagram-row.align-outside.left {
  left: -150px;
  top: 0;
}
.identity-diagram .cs-diagram .cs-diagram-row span {
  text-transform: none;
}
.identity-diagram .cs-diagram .img-center {
  position: absolute;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  top: 17px;
  text-align: center;
}
.identity-diagram .cs-diagram .img-center .inline-loader {
  padding: 0;
}
.identity-diagram .cs-diagram .auth-type {
  padding-top: 6px;
  text-transform: none;
  border-top: 1px solid #c6c7ca;
  margin: 0 -80px;
}
.identity-diagram .cs-diagram .auth-text-detail {
  display: block;
  color: #58585b;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.identity-diagram .cs-diagram .action-status {
  padding: 10px 5px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  margin: 0;
}
.identity-diagram.static {
  margin: 0;
  height: 240px;
  overflow: hidden;
  padding: 0;
  width: 100%;
  background: transparent;
  box-shadow: none;
}
.identity-diagram.static .server-connection {
  width: 2px;
  position: absolute;
  left: 143px;
  margin-left: -1px;
  height: 68px;
  border-left: 2px dashed #c6c7ca;
  top: 50px;
}
.identity-diagram.static .server-connection .arrow.up {
  right: -11px;
  top: 21px;
}
.identity-diagram.static .server-connection .arrow.down {
  top: 33px;
  right: -12px;
}
.identity-diagram.static .authenticate {
  position: absolute;
  right: 41px;
  top: 70px;
  color: #58585b;
}
.identity-diagram.static .icon-people,
.identity-diagram.static .icon-cloud {
  font-size: 38px;
  line-height: 20px;
  margin-top: -13px;
}
.identity-diagram.static .identity-sources {
  position: absolute;
  right: -85px;
  top: 122px;
}
.identity-diagram.static .identity-sources .title {
  text-transform: uppercase;
  width: 200px;
  text-align: right;
  display: block;
}
.identity-diagram.static .identity-sources .identity-sources-arrow {
  position: absolute;
  width: 30px;
  height: 3px;
  background: #c6c7ca;
  right: -35px;
  top: 14px;
}
.identity-diagram.static .identity-sources .identity-sources-arrow:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #c6c7ca;
  right: -3px;
  top: -4px;
}
.identity-diagram.static .diagram-server {
  color: #58585b;
  top: 117px;
  position: absolute;
  left: 143px;
  width: 200px;
  margin-left: -100px;
}
.identity-diagram.static .diagram-server .icon-server {
  font-size: 38px;
  line-height: 22px;
}
.identity-diagram.static .diagram-server .icon-certificate {
  font-size: 30px;
}
.identity-diagram.static .diagram-server .action-status {
  max-width: 100%;
}
.identity-diagram.static .full-width .y-direction {
  position: relative;
  top: 11px;
}
.identity-diagram.static .full-width .y-direction .icon-badge {
  background: #6ebd4b;
}
.identity-diagram.static .cs-diagram {
  height: 100px;
}
.identity-diagram.static .cs-diagram .diagram-src-title {
  top: 26px;
  left: -175px;
  width: 150px;
  text-align: right;
  font-weight: normal;
  overflow: visible;
}
.identity-diagram.static .cs-diagram .diagram-dst-title {
  top: 21px;
  right: -175px;
  width: 150px;
  text-align: left;
  font-weight: normal;
  overflow: visible;
  white-space: nowrap;
}
.identity-diagram.static .cs-diagram .action-title {
  text-align: center;
  position: absolute;
  top: -25px;
  width: 200px;
  left: 144px;
  margin-left: -100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-transform: uppercase;
}
.identity-diagram.static .login-form {
  width: 32px;
  height: 34px;
  padding: 6px;
  display: block;
  position: absolute;
  left: 60px;
  top: 17px;
  z-index: 5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #c6c7ca;
  background: #f7f7f7;
}
.identity-diagram.static .login-form .input1 {
  height: 6px;
  display: block;
  border: 1px solid #9e9ea2;
  margin-bottom: 3px;
  width: 100%;
}
.identity-diagram.static .login-form .login-button {
  background: #049fd9;
  height: 5px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  display: block;
  width: 14px;
  position: relative;
  left: 50%;
  margin-left: -7px;
}
.identity-diagram.static .login-form .login-button:before {
  width: 4px;
  height: 2px;
  background: white;
  position: absolute;
  left: 50%;
  top: 50%;
}
.identity-diagram.static .login-form .login-form-label {
  text-transform: uppercase;
  font-size: 11px;
  line-height: 14px;
  display: block;
  position: absolute;
  left: 50%;
  top: 40px;
  width: 50px;
  margin-left: -25px;
  text-align: center;
}
.identity-diagram.static.active-auth {
  position: relative;
  margin-bottom: -100px;
}
.ssl-diagram.no-decryption .connection-links hr {
  border-bottom-style: solid;
}
.ssl-diagram.block .connection-links hr.first {
  width: 45%;
}
.ssl-diagram.block .connection-links hr.second {
  left: 55%;
  width: 51%;
}
.ssl-diagram.block .connection-links hr.first:after,
.ssl-diagram.block .connection-links hr.second:before {
  background: #c6c7ca;
  content: '';
  width: 3px;
  height: 15px;
  display: block;
  position: absolute;
  right: 0;
  top: -6px;
}
.ssl-diagram.block .connection-links hr.second:before {
  left: -2px;
}
.ssl-diagram .diagram-src-title {
  left: 25%;
  margin-left: -100px;
  width: 200px;
  text-align: center;
}
.ssl-diagram .diagram-dst-title {
  left: 75%;
  margin-left: -100px;
  width: 200px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow {
  width: 17%;
  height: 1px;
  background: #9e9ea2;
  position: absolute;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow:after,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow:after {
  width: 8px;
  height: 8px;
  content: '';
  transform: rotate(45deg);
  border: 1px solid #9e9ea2;
  border-width: 1px 1px 0 0;
  display: block;
  position: absolute;
  top: -3px;
  right: -1px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.bold,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.bold {
  height: 2px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.bold:after,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.bold:after {
  border-width: 2px 2px 0 0 ;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.thin:after,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.thin:after {
  border-width: 0 0 1px 1px;
  left: -1px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.first,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.first {
  left: 26%;
  top: 27px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.first.thin,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.first.thin {
  top: 38px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.second,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.second {
  left: 56.5%;
  top: 27px;
}
.ssl-diagram.decrypt-re-sign .connection-links .link-arrow.second.thin,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.second.thin {
  top: 38px;
}
.ssl-diagram.decrypt-re-sign .connection-links hr.first,
.ssl-diagram.decrypt-known-key .connection-links hr.first {
  width: 21%;
}
.ssl-diagram.decrypt-re-sign .connection-links hr.second,
.ssl-diagram.decrypt-known-key .connection-links hr.second {
  left: 79%;
  width: 26%;
}
.ssl-diagram.decrypt-re-sign .connection-links .icon-lock,
.ssl-diagram.decrypt-known-key .connection-links .icon-lock {
  position: absolute;
  left: 165px;
  top: 18px;
  background: white;
  border-radius: 50%;
  padding: 4px;
}
.ssl-diagram.decrypt-re-sign .connection-links .icon-lock ~ .icon-lock,
.ssl-diagram.decrypt-known-key .connection-links .icon-lock ~ .icon-lock {
  left: 325px;
}
.ssl-diagram.decrypt-re-sign .zones-label,
.ssl-diagram.decrypt-known-key .zones-label {
  left: 18% !important;
  margin-left: 0 !important;
}
.ssl-diagram.decrypt-re-sign .zones-label.empty,
.ssl-diagram.decrypt-known-key .zones-label.empty {
  left: 73% !important;
}
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.first.bold,
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.second.thin {
  width: 47%;
  left: 26%;
}
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.first.bold:after {
  left: 0;
  border-width: 0 0 2px 2px;
}
.ssl-diagram.decrypt-known-key .connection-links .link-arrow.second:after {
  right: 0;
  left: auto;
  border-width: 1px 1px 0 0 ;
}
.ssl-diagram.decrypt-known-key .icon-lock {
  left: 180px;
}
.ssl-diagram.decrypt-known-key .icon-lock ~ .icon-lock {
  left: 310px;
}
.ssl-diagram.decrypt-known-key .arrow.first,
.ssl-diagram.decrypt-known-key .arrow.second {
  transform: scaleX(-1);
}
.modal-footer .cs-diagram .connection-links .icon-lock {
  background: #f0f0f0;
}
.explanation {
  background: #e5e5e5;
  border-left: 1px solid #c6c7ca;
  padding: 16px;
  position: relative;
}
.explanation .explanation-title [class*='icon-'] {
  padding-right: 4px;
}
.explanation .explanation-title .icon-warning-1 {
  color: #ff7300;
}
.explanation:before,
.explanation:after {
  content: "";
  border-width: 10px;
  border-style: solid;
  position: absolute;
  top: 52px;
  right: 100%;
}
.explanation:before {
  border-color: transparent #c6c7ca transparent transparent;
}
.explanation:after {
  border-color: transparent #e5e5e5 transparent transparent;
  margin-right: -1px;
}
.explanation h5 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
  padding: 12px 6px 6px 0;
  position: relative;
  line-height: 1;
  letter-spacing: 0.04em;
  margin: 0 0 6px;
  padding: 0;
}
.explanation h6 {
  margin: 0 0 2px;
}
.explanation hr {
  border-color: #c6c7ca;
  margin: 8px 0 12px;
}
.explanation.reset-call-out {
  background: transparent;
  border-left: none;
}
.explanation.reset-call-out:before,
.explanation.reset-call-out:after {
  display: none;
}
.call-out-block {
  position: relative;
}
.call-out-block:before {
  content: '';
  display: block;
  border-right: 1px solid #e5e5e5;
  height: 100%;
  width: 1px;
  position: absolute;
  right: -30px;
}
.call-out-block .call-out-target-control:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 12px;
  right: -35px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  background-color: #fff;
  transform: rotate(-45deg);
}
#ember-basic-dropdown-wormhole {
  height: auto;
  min-height: inherit;
}
.validatable-power-select .disabled-placeholder {
  font-style: italic;
  color: #9e9ea2;
  padding: 11px 0 10px 0;
}
.validatable-power-select.readonly .ember-power-select-trigger {
  background-color: transparent;
}
.validatable-power-select.readonly .ember-power-select-status-icon {
  display: none;
}
.validatable-power-select.readonly .ember-power-select-trigger-multiple-input {
  display: none;
}
.validatable-power-select.readonly .ember-power-select-multiple-options {
  margin: -5px;
}
.validatable-power-select.readonly .form-control {
  overflow: visible;
}
.ember-power-select-trigger {
  padding: 0;
  border: 0;
  overflow: visible;
}
.ember-power-select-trigger .form-control {
  overflow: hidden;
  height: auto;
}
.ember-power-select-trigger .ember-power-select-multiple-options {
  float: left;
  color: #323232;
  font-size: 14px;
  padding: 0;
  margin: -2px 0 -4px 0;
  list-style: none;
  text-align: left;
  height: auto;
  cursor: pointer;
  overflow: inherit;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-left: -10px;
}
.ember-power-select-trigger .ember-power-select-multiple-options:focus {
  outline: none;
}
.ember-power-select-trigger .ember-power-select-multiple-options.with-icon-outside {
  margin-left: 4px;
}
.ember-power-select-trigger .ember-power-select-multiple-options.with-icon-outside .option-list-icon {
  float: left;
  margin: 3px 5px 0 0;
}
.ember-power-select-trigger .ember-power-select-multiple-options.readonly {
  cursor: default;
}
.ember-power-select-trigger .ember-power-select-multiple-options.readonly .selected-option-tag {
  padding-right: 6px;
}
.ember-power-select-trigger .ember-power-select-multiple-options.readonly .selected-option-tag.with-icon [class^='icon-'] {
  margin: 0 3px;
  font-size: 13px;
}
.ember-power-select-trigger .ember-power-select-multiple-options .ember-power-select-multiple-option {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ember-power-select-trigger .ember-power-select-multiple-options .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn {
  transition: none;
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background: none !important;
  opacity: 0.5;
  height: auto;
  width: 19px;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 24px;
}
.ember-power-select-trigger .ember-power-select-multiple-options .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn:hover {
  color: white;
  opacity: 1.0;
  text-decoration: none;
}
.ember-power-select-trigger .ember-power-select-multiple-options .ember-power-select-trigger-multiple-input {
  padding: 3px 7px;
}
.ember-power-select-trigger .ember-power-select-status-icon {
  border: 0;
  width: 12px;
  height: 12px;
  top: 3px;
  right: 10px;
}
.ember-power-select-trigger .ember-power-select-status-icon:after {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  color: #58585b;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.smart-cli-terminal .line-node {
  max-width: calc(100% - 20px);
}
.smart-cli-terminal .line-node .smart-cli-multi-select {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.smart-cli-terminal .line-node .ember-power-select-trigger {
  min-height: 0;
  line-height: 1;
}
.smart-cli-terminal .line-node .ember-power-select-trigger,
.smart-cli-terminal .line-node .ember-power-select-trigger--active {
  display: inline-block;
  background: transparent;
  color: #18ff5f;
  outline: none;
  border: none;
}
.smart-cli-terminal .line-node .ember-power-select-trigger .form-control,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .form-control,
.smart-cli-terminal .line-node .ember-power-select-trigger .form-control:focus,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .form-control:focus {
  background: transparent;
  outline: none;
  padding: 0 15px 0 0;
  min-height: 0;
  border: none;
  position: relative;
}
.smart-cli-terminal .line-node .ember-power-select-trigger .form-control .ember-power-select-status-icon,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .form-control .ember-power-select-status-icon,
.smart-cli-terminal .line-node .ember-power-select-trigger .form-control:focus .ember-power-select-status-icon,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .form-control:focus .ember-power-select-status-icon {
  right: 4px;
}
.smart-cli-terminal .line-node .ember-power-select-trigger .form-control .ember-power-select-status-icon:after,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .form-control .ember-power-select-status-icon:after,
.smart-cli-terminal .line-node .ember-power-select-trigger .form-control:focus .ember-power-select-status-icon:after,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .form-control:focus .ember-power-select-status-icon:after {
  font-size: 8px;
  color: #18ff5f;
}
.smart-cli-terminal .line-node .ember-power-select-trigger .ember-power-select-status-icon:after,
.smart-cli-terminal .line-node .ember-power-select-trigger--active .ember-power-select-status-icon:after {
  color: #18ff5f;
}
.smart-cli-terminal .line-node .ember-power-select-trigger ul.ember-power-select-multiple-options,
.smart-cli-terminal .line-node .ember-power-select-trigger--active ul.ember-power-select-multiple-options {
  margin: 0;
}
.smart-cli-terminal .line-node .ember-power-select-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option,
.smart-cli-terminal .line-node .ember-power-select-trigger--active ul.ember-power-select-multiple-options li.ember-power-select-multiple-option {
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1;
  margin: 1px 0 1px 10px;
  padding: 3px 16px 4px 8px;
  border: none;
  color: #18ff5f;
  background: #2c653d;
}
.smart-cli-terminal .line-node .ember-power-select-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option .ember-power-select-multiple-remove-btn,
.smart-cli-terminal .line-node .ember-power-select-trigger--active ul.ember-power-select-multiple-options li.ember-power-select-multiple-option .ember-power-select-multiple-remove-btn {
  top: -2px;
  color: #18ff5f;
}
.smart-cli-terminal .line-node .ember-power-select-trigger ul.ember-power-select-multiple-options li.ember-power-select-multiple-option:first-child,
.smart-cli-terminal .line-node .ember-power-select-trigger--active ul.ember-power-select-multiple-options li.ember-power-select-multiple-option:first-child {
  margin: 1px 0 1px 0;
}
.smart-cli-terminal .line-node .ember-power-select-trigger ul.ember-power-select-multiple-options .ember-power-select-placeholder,
.smart-cli-terminal .line-node .ember-power-select-trigger--active ul.ember-power-select-multiple-options .ember-power-select-placeholder {
  color: #18ff5f;
  margin: 0 4px 0 0;
}
.smart-cli-terminal .line-node .ember-power-select-dropdown {
  width: auto;
}
.smart-cli-terminal .line-node .ember-power-select-dropdown ul.ember-power-select-options[role="listbox"] li.ember-power-select-option:not([aria-selected="true"]) {
  color: #58585b;
}
.smart-cli-terminal .line-node .ember-power-select-dropdown ul.ember-power-select-options[role="listbox"] li.ember-power-select-option:not([aria-selected="true"]):hover {
  color: #58585b;
}
.smart-cli-terminal .line-node .ember-power-select-dropdown ul.ember-power-select-options[role="listbox"] li.ember-power-select-option.ember-power-select-option--no-matches-message {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  font-style: italic;
}
.smart-cli-terminal .line-node .ember-power-select-dropdown ul.ember-power-select-options[role="listbox"] li.ember-power-select-option.ember-power-select-option--no-matches-message:hover {
  color: #9e9ea2;
  background-color: inherit;
}
.smart-cli-terminal .line-node .multi-bracket {
  vertical-align: middle;
  color: #18ff5f;
  line-height: 1;
}
.smart-cli-terminal .line-node.optional .ember-power-select-trigger .ember-power-select-status-icon:after,
.smart-cli-terminal .line-node.optional .ember-power-select-trigger--active .ember-power-select-status-icon:after {
  color: #00b136;
}
.smart-cli-terminal .line-node.optional .ember-power-select-trigger ul.ember-power-select-multiple-options .ember-power-select-placeholder,
.smart-cli-terminal .line-node.optional .ember-power-select-trigger--active ul.ember-power-select-multiple-options .ember-power-select-placeholder {
  color: #00b136;
  font-style: italic;
}
.has-error .ember-power-select-trigger .ember-power-select-status-icon {
  top: 18px;
}
.ember-basic-dropdown-trigger[aria-expanded="true"] .ember-power-select-status-icon {
  transform: rotate(0);
}
.ember-power-select-dropdown {
  overflow: auto;
  padding: 0;
  margin: 0;
  border: 0 !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.ember-power-select-dropdown ul,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] {
  max-height: 186px;
}
.ember-power-select-dropdown ul li.ember-power-select-option,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option,
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"],
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"] {
  display: block;
  border-bottom: 1px solid #e9f2f8;
  line-height: 36px;
  height: 36px;
  padding: 0 13px 0 30px;
  position: relative;
  background: transparent;
  cursor: pointer;
  font-size: 12px;
  color: inherit;
}
.ember-power-select-dropdown ul li.ember-power-select-option:last-child,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option:last-child,
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"]:last-child,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"]:last-child {
  border-bottom: 0;
}
.ember-power-select-dropdown ul li.ember-power-select-option:hover,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option:hover,
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"]:hover,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"]:hover {
  background: #f0f0f0;
  color: inherit;
}
.ember-power-select-dropdown ul li.ember-power-select-option[aria-selected="true"],
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option[aria-selected="true"],
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"][aria-selected="true"],
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"][aria-selected="true"] {
  background: #64bbe3;
  color: white;
}
.ember-power-select-dropdown ul li.ember-power-select-option[aria-selected="true"]:before,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option[aria-selected="true"]:before,
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"][aria-selected="true"]:before,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"][aria-selected="true"]:before {
  color: #64bbe3;
  background: white;
  position: absolute;
  top: 9px;
  left: 9px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 1px 0 0;
  transform: scale(0.75);
  top: 7px;
  left: 5px;
}
.ember-power-select-dropdown ul li.ember-power-select-option[aria-selected="true"] .hint-in-brackets.warning,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option[aria-selected="true"] .hint-in-brackets.warning,
.ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"][aria-selected="true"] .hint-in-brackets.warning,
.ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"][aria-selected="true"] .hint-in-brackets.warning {
  color: white;
}
.modal-data .ember-power-select-trigger--active .form-control {
  background: #58585b;
  color: white;
}
.modal-data .ember-power-select-trigger--active .form-control > .ember-power-select-status-icon:after {
  color: white;
}
.modal-data .ember-power-select-trigger--active .ember-power-select-trigger-multiple-input {
  color: white;
}
.modal-data .ember-power-select-trigger--active .ember-power-select-multiple-option {
  background: white;
  color: #58585b;
  border-color: white;
}
.modal-data .ember-power-select-trigger--active .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn {
  color: #58585b;
}
.modal-data .ember-power-select-trigger--active .ember-power-select-multiple-option .ember-power-select-multiple-remove-btn:hover {
  color: black;
}
.radio-wrapp {
  position: relative;
  padding-left: 30px;
  margin-right: -15px;
  line-height: 20px;
  width: 100%;
}
.radio-wrapp.horiz-radio-item {
  margin: 0 14px 0 0;
  padding-left: 27px;
  padding-right: 15px;
  min-height: 1px;
}
.radio-wrapp.horiz-radio-item .title {
  float: none;
}
.radio-wrapp.horiz-radio-item input {
  width: 27px;
}
.radio-wrapp label {
  margin-bottom: 0;
  cursor: pointer;
  line-height: 20px;
}
.radio-wrapp input {
  opacity: 0;
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  width: 30px;
  height: 20px;
  z-index: 10;
  cursor: pointer;
}
.radio-wrapp .radio-emulate {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: white;
  border: 2px solid #9e9ea2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.radio-wrapp input:checked + .radio-emulate {
  background-color: #049fd9;
  border-color: #049fd9;
  box-shadow: 0 0 0 3px white inset;
}
.radio-wrapp .title {
  display: block;
  float: left;
  line-height: 20px;
  text-transform: none;
  font-weight: normal;
  font-size: 14px;
  vertical-align: top;
  cursor: pointer;
  word-break: break-word;
}
.radio-wrapp + .radio-wrapp-addon {
  margin-bottom: 10px;
  padding-left: 30px;
}
.horizontal-radio-button-tab-with-description .selected:after {
  content: " ";
  position: absolute;
  display: block;
  height: 15px;
  width: 15px;
  transform: rotate(45deg);
  transform-origin: center center;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  left: 49%;
  top: 27px;
  background: white;
}
.horizontal-radio-button-tab-with-description .radio-button-group {
  border-bottom: 1px solid #e5e5e5;
  padding: 0 0 14px;
}
.horizontal-radio-button-tab-with-description .description {
  margin-top: 8px;
}
.dropdown-menu {
  width: 100%;
  min-width: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  list-style: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.dropdown-menu.scrollable {
  overflow: auto;
  max-height: 261px;
}
.dropdown-menu.cli-commands {
  width: 210px;
  right: 0;
  float: right;
  left: unset;
}
.dropdown-menu.cli-commands .content {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  padding-left: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.dropdown-menu.cli-commands .dropdown-title {
  padding-left: 15px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.dropdown-menu.auto-width {
  width: auto;
}
.dropdown-menu li {
  color: #323232;
  line-height: 1.5;
  padding: 10px 15px 10px 20px;
  border-bottom: 1px solid #e9f2f8;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.dropdown-menu li.actionable {
  padding: 0;
}
.dropdown-menu li.actionable .clickable {
  padding: 10px 15px 10px 20px;
  display: block;
}
.dropdown-menu li [class^="icon-"] {
  color: #58585b;
  margin-right: 16px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.dropdown-menu li .icon-close {
  font-size: 12px;
  line-height: 23px;
}
.dropdown-menu li .spinner {
  position: absolute;
  left: 16px;
  top: 8px;
}
.dropdown-menu li .spinner + [class^="icon-"] {
  display: none;
}
.dropdown-menu li.active {
  color: #323232;
  font-weight: bold;
}
.dropdown-menu li .pseudo-link {
  transition: none;
  padding: 0;
}
.dropdown-menu li:last-child {
  border-bottom: none;
}
.dropdown-menu li.active,
.dropdown-menu li.active:hover,
.dropdown-menu li.active > .list-item-description,
.dropdown-menu li.active:hover > .list-item-description {
  color: white;
  background: #64bbe3;
}
.dropdown-menu li.active .pseudo-link,
.dropdown-menu li.active:hover .pseudo-link,
.dropdown-menu li.active > .list-item-description .pseudo-link,
.dropdown-menu li.active:hover > .list-item-description .pseudo-link {
  color: white;
  background: transparent;
}
.dropdown-menu li.active .secondary-value,
.dropdown-menu li.active:hover .secondary-value,
.dropdown-menu li.active > .list-item-description .secondary-value,
.dropdown-menu li.active:hover > .list-item-description .secondary-value {
  color: white;
}
.dropdown-menu li.active .hint-in-brackets.warning,
.dropdown-menu li.active:hover .hint-in-brackets.warning,
.dropdown-menu li.active > .list-item-description .hint-in-brackets.warning,
.dropdown-menu li.active:hover > .list-item-description .hint-in-brackets.warning {
  color: white;
  font-weight: 400;
}
.dropdown-menu li:hover {
  background: #f7f7f7;
}
.dropdown-menu li:hover .pseudo-link {
  background: transparent;
}
.dropdown-menu li.dropdown-title {
  pointer-events: none;
  border-bottom: none;
  color: #9e9ea2;
}
.dropdown-menu li .main-value {
  max-width: 170px;
  display: 'block';
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  float: left;
  margin-right: 4px;
}
.dropdown-menu li .secondary-value {
  font-style: italic;
  color: #9e9ea2;
}
.dropdown-menu .custom-divider {
  cursor: auto;
  position: inherit;
}
.dropdown-menu .list-item-description {
  color: #9e9ea2;
  font-size: 12px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.timepicker .dropdown {
  display: inline-block;
  vertical-align: top;
  min-width: auto;
}
.timepicker .dropdown.time-hours {
  padding-right: 20px;
}
.timepicker .dropdown.time-hours:after {
  content: ":";
  line-height: 36px;
  position: absolute;
  top: 0;
  right: 9px;
}
.timepicker .dropdown-menu {
  width: auto;
}
.timepicker .dropdown-menu li {
  padding: 10px 20px;
}
.timepicker .zone {
  display: block;
  padding: 8px 0 0;
  font-size: 10px;
  color: #9e9ea2;
}
.other-protocols .dropdown {
  width: 200px;
}
.dropdown.rule-position-select {
  min-width: 75px;
}
.dropdown .btn-select {
  position: relative;
  text-transform: none;
  color: #323232;
  font-size: 14px;
  padding: 0 28px 0 10px;
  text-align: left;
  width: 100%;
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: 0;
  font-weight: normal;
  background: #e5e5e5;
  border: none;
}
.dropdown .btn-select:focus {
  outline: none;
}
.dropdown .btn-select:active:hover {
  border-color: transparent;
}
.dropdown .btn-select [class^='icon-'] {
  font-size: 14px;
  line-height: 36px;
}
.dropdown .btn-select .icon-chevron-down {
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 10px;
  line-height: 36px;
}
.dropdown .btn-select .label-text {
  margin-left: 10px;
}
.dropdown .btn-select:disabled,
.dropdown .btn-select[disabled] {
  pointer-events: none;
  background: #e5e5e5;
  color: #323232;
}
.dropdown .btn-select.not-selected {
  color: #58585b;
}
.dropdown .btn-select.not-selected [class^='icon-'] {
  color: #58585b;
}
.dropdown .btn-select:hover,
.dropdown .btn-select.not-selected:hover {
  background: #9e9ea2;
  color: white;
}
.dropdown .btn-select:hover [class^='icon-'],
.dropdown .btn-select.not-selected:hover [class^='icon-'] {
  color: white;
}
.dropdown .btn-select.btn-primary {
  background: #049fd9;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  line-height: inherit;
}
.dropdown .btn-select.btn-primary.not-selected [class^="icon-"] {
  color: white;
}
.dropdown .btn-select.btn-primary:hover,
.dropdown .btn-select.btn-primary.not-selected:hover {
  background: #0387b8;
}
.dropdown .btn-select.btn-primary.btn-select-center {
  text-align: center;
}
.dropdown .btn-select:hover .hint-in-brackets.warning {
  color: #ffe3cc;
}
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli),
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli):hover {
  background: #58585b;
  color: white;
  border-color: transparent;
}
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli).btn-primary,
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli):hover.btn-primary {
  background: #0387b8;
}
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli) > [class^='icon-'],
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli):hover > [class^='icon-'] {
  color: white;
}
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli) .hint-in-brackets.warning,
.dropdown.open .btn-select:not([class*='action-']):not(.btn-select-cli):hover .hint-in-brackets.warning {
  color: #ffc799;
}
.dropdown:focus {
  outline: none;
}
.dropdown .line-item-tooltip {
  padding: 0;
}
.dropdown .line-item-tooltip .tooltip-opener {
  padding: 10px 15px 10px 20px;
}
.dropdown.dropdown-btn .btn-select {
  font-size: 12px;
  text-transform: uppercase;
}
.dropdown.dropdown-btn .btn-select .icon-chevron-down {
  line-height: 36px;
}
.dropdown.dropdown-btn .btn-select:hover {
  background: #9e9ea2;
  color: white;
}
.dropdown.dropdown-btn .btn-select:hover .icon-chevron-down {
  color: white;
}
.dropdown.dropdown-btn .dropdown-menu {
  min-width: 250px;
}
.dropdown.dropdown-mini {
  line-height: 1;
}
.dropdown.dropdown-mini .btn-select:not([class*='action-']) {
  height: 30px;
  min-height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0 20px 0 8px;
  border-radius: 3px;
}
.dropdown.dropdown-mini .btn-select:not([class*='action-']) .icon-chevron-down {
  line-height: 30px;
  right: 5px;
}
.dropdown.dropdown-mini .dropdown-menu {
  width: auto;
}
.dropdown.dropdown-mini .dropdown-menu li {
  padding: 7px 12px 7px 15px;
  font-size: 12px;
}
.dropdown.dropdown-easy {
  display: inline-block;
}
.dropdown.dropdown-easy .btn-select:not(.btn-select-cli):not([class*='action-']),
.dropdown.dropdown-easy:not(.open) .btn-select:not([class*='action-']):hover {
  background: transparent;
  color: #049fd9;
  border: 1px solid transparent;
}
.dropdown.dropdown-easy .btn-select:not(.btn-select-cli):not([class*='action-']) > [class^='icon-'],
.dropdown.dropdown-easy:not(.open) .btn-select:not([class*='action-']):hover > [class^='icon-'] {
  color: #049fd9;
}
.dropdown.dropdown-easy:not(.open) .btn-select:not([class*='action-']):hover {
  border-color: #049fd9;
}
.dropdown.dropdown-easy.open .btn-select:not([class*='action-']),
.dropdown.dropdown-easy.open .btn-select:not([class*='action-']):hover {
  background: #58585b;
  color: white;
  border-color: transparent;
  border-color: #58585b;
}
.dropdown.dropdown-easy.open .btn-select:not([class*='action-']).btn-primary,
.dropdown.dropdown-easy.open .btn-select:not([class*='action-']):hover.btn-primary {
  background: #0387b8;
}
.dropdown.dropdown-easy.open .btn-select:not([class*='action-']) > [class^='icon-'],
.dropdown.dropdown-easy.open .btn-select:not([class*='action-']):hover > [class^='icon-'] {
  color: white;
}
.right-alignment-popup .dropdown-menu {
  right: 0;
  left: auto;
  overflow: auto;
  width: auto;
  white-space: nowrap;
}
.colored-dropdown [class*='icon-'] {
  display: inline-block;
  margin: 0 3px 0 0;
  vertical-align: middle;
}
.colored-dropdown .dropdown-item-label {
  display: inline-block;
}
.colored-dropdown .dropdown-menu [class*='icon-'] {
  margin: 0 5px 0 1px;
}
.colored-dropdown .dropdown-menu .active [class*='icon-'] {
  color: #64bbe3;
  border: 1px solid white;
  background: white;
}
.update-footer {
  background: white;
  border-radius: 0 0 5px 5px;
  text-align: left;
  display: inline-block;
}
.update-footer a.pull-left {
  margin-top: 12px;
  display: inline-block;
}
.update-footer .btn.btn-success {
  padding: 0 37px;
}
.update-footer .btn.button-remove {
  background: #e5e5e5;
}
.update-footer .btn.button-remove:hover {
  background: #cf2030;
  color: white;
}
.update-footer.grouped-buttons-holder .btn.btn-primary {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  padding: 7px 15px;
}
.update-footer.grouped-buttons-holder .drop-down-block-footer .btn.btn-primary {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.update-footer.grouped-buttons-holder .dropdown-menu {
  min-width: 192px;
  margin: 6px 0 0 0;
  box-shadow: 0 3px 12px 3px rgba(0, 0, 0, 0.2);
}
.update-footer.grouped-buttons-holder .dropdown-menu li {
  position: relative;
  padding: 10px 15px 10px 15px;
  color: #58585b;
  text-transform: none;
  font-size: 14px;
}
.update-footer.grouped-buttons-holder .dropdown-menu li i {
  position: relative;
  font-size: 18px;
  top: 0px;
  left: 0px;
  color: #58585b;
}
.update-footer.grouped-buttons-holder .dropdown-menu li.active,
.update-footer.grouped-buttons-holder .dropdown-menu li:hover {
  background: #f7f7f7;
  color: #58585b;
}
.update-footer.grouped-buttons-holder .dropdown-menu li.active i,
.update-footer.grouped-buttons-holder .dropdown-menu li:hover i {
  color: #58585b;
}
.update-footer.grouped-buttons-holder .dropdown-menu li.dropdown-title {
  padding-left: 15px;
  color: #9e9ea2;
  border-bottom: none;
}
.update-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn.btn-primary {
  min-width: 0;
  padding: 0 16px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.update-footer.grouped-buttons-holder .grouped-buttons-dropdown:hover .btn-select {
  background-color: #037aa7;
}
.update-footer.grouped-buttons-holder .grouped-buttons-dropdown.open .btn-select {
  background-color: #037aa7;
}
.update-footer.grouped-buttons-holder .loading {
  padding: 39px 10px 0 0;
  display: inline-block;
}
.update-footer.grouped-buttons-holder .loading:before {
  margin-bottom: 0px;
}
.update-footer.grouped-buttons-holder .general-success {
  margin: 0;
  border-bottom: none;
}
.update-footer.grouped-buttons-holder .general-success .success-item {
  border-bottom: none;
  padding: 14px 10px 6px 20px;
}
.update-footer.grouped-buttons-holder .general-success .success-item .icon-checkmark {
  left: 0px;
}
.update-footer.grouped-buttons-holder + .cs-tooltip {
  margin-left: 15px;
}
/* Change Password */
.fullwidth.authpage.changepass header {
  border-bottom: 1px solid #f0f0f0;
  padding: 26px 32px;
  text-align: left;
}
.fullwidth.authpage.changepass header h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 6px;
}
.fullwidth.authpage.changepass header p {
  margin: 0;
}
.fullwidth.authpage.changepass form {
  padding: 20px 110px 0;
}
.fullwidth.authpage.changepass form label {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}
.fullwidth.authpage.changepass .form-footer {
  border-top: 1px solid #f0f0f0;
  padding: 20px;
  text-align: right;
  margin: 30px -110px 0;
  box-sizing: border-box;
  width: auto;
  float: none;
  clear: both;
}
.wrapper.device-initial-setup {
  top: 52px;
}
.wrapper.device-initial-setup .chart .arrow.dashed-bottom {
  border: 1px dashed #9e9ea2;
  border-top: none;
}
.wrapper.device-initial-setup .chart .arrow.dashed-bottom:after {
  border-top: 1px solid #9e9ea2;
  border-left: 1px solid #9e9ea2;
}
.wrapper.device-initial-setup .chart + .row {
  margin-top: 40px;
}
.wrapper.device-initial-setup .card-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 21%;
  margin: 1.5%;
  border: 1px solid #e5e5e5;
  border-bottom-width: 3px;
  border-bottom-color: #64bbe3;
  padding: 15px 12px 10px;
  min-height: 130px;
  background: white;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  height: 150px;
}
.wrapper.device-initial-setup .card-item .bold-link {
  font-weight: bold;
}
.wrapper.device-initial-setup .card-item:first-child {
  float: right;
  width: 24%;
  min-height: 332px;
}
.wrapper.device-initial-setup .card-item.warning-type {
  border-bottom-color: #ffcc00;
}
.wrapper.device-initial-setup .card-item.all-right-type {
  border-bottom-color: #6ebd4b;
}
.wrapper.device-initial-setup .card-item.error-type {
  border-bottom-color: #cf2030;
}
.wrapper.device-initial-setup .card-item h3 {
  font-size: 19px;
  color: #58585b;
  margin: 0 0 10px;
}
.wrapper.device-initial-setup .card-item p {
  font-size: 13px;
  color: #323232;
  margin-bottom: 10px;
}
.wrapper.device-initial-setup .card-item p strong {
  font-weight: bold;
  padding-right: 5px;
  display: inline-block;
}
.wrapper.device-initial-setup .card-item p span {
  display: inline-block;
}
.wrapper.device-initial-setup .card-item .yellow-disc {
  width: 44px;
  height: 44px;
  background-color: #ff7300;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  right: -8px;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 19px;
  font-weight: bold;
}
.wrapper.device-initial-setup .card-item .blue-disc {
  width: 20px;
  height: 20px;
  background-color: #049fd9;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  right: -8px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}
.wrapper.device-initial-setup .card-item ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wrapper.device-initial-setup .card-item ul:before,
.wrapper.device-initial-setup .card-item p ~ p:before {
  content: "";
  display: block;
  height: 1px;
  background: #e5e5e5;
  width: 100%;
  margin-bottom: 10px;
}
.wrapper.device-initial-setup .card-item li {
  font-size: 13px;
  padding-bottom: 12px;
  position: relative;
}
.wrapper.device-initial-setup .double-colored-popup {
  padding: 20px;
}
.wrapper.device-initial-setup ul.whats-next-list {
  padding: 0;
  margin: 0;
  list-style: none;
  max-width: 500px;
}
.wrapper.device-initial-setup ul.whats-next-list li {
  padding: 12px 12px 12px 50px;
  border: 1px solid #9e9ea2;
  border-radius: 8px;
  margin-bottom: 10px;
  position: relative;
}
.wrapper.device-initial-setup ul.whats-next-list p {
  font-size: 13px;
  margin-bottom: 5px;
}
.wrapper.device-initial-setup ul.whats-next-list p:last-child {
  margin-bottom: 0;
}
.event-types {
  margin-bottom: 10px;
}
.event-types .event-types-container {
  list-style: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.event-types .event-types-container .event-types-item {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding-right: 8px;
  max-width: 112px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.smart-license-registration-form {
  padding: 0;
}
.initialsetup .smart-license-registration-form.radio-item {
  margin-left: 30px;
}
.smart-license-registration-form .step {
  margin: 0 0 17px;
  padding: 0 0 0 40px;
  position: relative;
  min-height: 32px;
  font-weight: normal;
  list-style: none;
}
.smart-license-registration-form .step .token-textarea .control-label {
  margin-bottom: 0;
}
.smart-license-registration-form .step .num {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  text-align: center;
  color: #9e9ea2;
  position: absolute;
  left: 0;
  top: -6px;
  font-size: 12px;
}
.smart-license-registration-form .step .num:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 9px;
  background: #9e9ea2;
  top: 100%;
  left: 50%;
  margin: 6px 0 0 -1px;
}
.smart-license-registration-form .step .num:after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-color: #9e9ea2;
  border-style: solid;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  top: 100%;
  left: 50%;
  margin: 8px 0 0 -4px;
}
.smart-license-registration-form .step.last .num:before,
.smart-license-registration-form .step.last .num:after {
  display: none;
}
.smart-license-registration-form .step .telemetry-description {
  margin: 0 0 15px;
}
.body-entry {
  background-color: #fff !important;
  border-radius: 25px;
  padding: 15px;
}
.default-action-dialog .form-horizontal {
  padding: 0;
}
.default-action-dialog .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.default-action-dialog .form-horizontal .form-group .row {
  margin-bottom: 10px;
}
.default-action-dialog .form-control.search-disabled {
  cursor: default;
}
.default-action-dialog label,
.default-action-dialog legend {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 8px;
  color: #323232;
  display: inline-block;
  max-width: 100%;
  border-bottom: none;
  vertical-align: top;
}
.default-action-dialog legend {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
}
.default-action-dialog .secondary-label {
  text-transform: capitalize;
  font-weight: normal;
  font-size: 14px;
}
.default-action-dialog .policy-title {
  margin: 5px 0 6px;
  float: left;
}
.default-action-dialog .policy-title i {
  height: 18px;
  padding-right: 4px;
}
.default-action-dialog .wrapp-error {
  color: #cf2030;
  line-height: 1.5;
  font-size: 14px;
}
.default-action-dialog .wrapp-error strong {
  display: block;
  margin-bottom: 5px;
}
.default-action-dialog .wrapp-error ol {
  padding-left: 25px;
  line-height: 1.5;
}
.default-action-dialog .border {
  margin: 0 -10px !important;
  border: 2px solid transparent;
  padding: 12px 8px 8px;
  border-radius: 3px;
}
.default-action-dialog .border.has-error {
  border-color: #cf2030;
}
.default-action-dialog .policy-slider .slider {
  margin-top: 5px;
}
.default-action-dialog .policy-slider .loader {
  padding: 0;
}
.default-action-dialog .description {
  margin: 20px 0;
  position: relative;
}
.default-action-dialog .description strong {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
  line-height: 1.5;
  font-size: 12px;
}
.default-action-dialog .description p {
  line-height: 1.5;
  font-size: 12px;
}
.default-action-dialog .syslog-dropdown.item-picker.item-picker-dropdown input {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.default-action-dialog .cs-hitcount .value-line {
  line-height: 12px;
}
.ssl-default-action .explanation {
  margin: -25px -10px -25px 0px;
  min-height: 113px;
}
.ssl-default-action.modal-data {
  background: #f0f0f0;
}
.ssl-default-action.modal-data .ssl-default-action-content {
  background: white;
  margin: 0 -25px;
  padding: 25px 40px;
}
.ssl-default-action.modal-data .ssl-default-action-content fieldset {
  padding: 0;
}
.ssl-default-action.modal-data .action-selection {
  margin: 0 -40px 25px -25px !important;
  padding: 0 10px;
}
.default-action-panel {
  width: 100%;
  height: 60px;
}
.default-action-panel .default-action {
  position: relative;
  padding: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
}
.default-action-panel .default-action .icon-info-1 {
  height: 18px;
}
.default-action-panel .default-action .inline-success .icon-checkmark {
  top: 12px;
}
.default-action-panel .default-action .title {
  display: inline-block;
}
.default-action-panel .default-action .cs-hitcount {
  display: inline-block;
  position: relative;
  margin-left: 24px;
  min-height: unset;
  vertical-align: middle;
  margin-bottom: 0;
}
.default-action-panel .default-action .cs-hitcount .hit-count-data-block .date-value {
  font-weight: normal;
}
.default-action-panel .default-action .default-action-content-holder {
  margin-left: 24px;
  font-size: 12px;
  color: #58585b;
  font-weight: lighter;
  text-decoration: none;
  display: inline-block;
}
.default-action-panel .default-action .default-action-content-holder + .cs-tooltip {
  margin-left: 15px;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action {
  padding: 7px 15px;
  background: #f0f0f0;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select {
  padding-right: 35px;
  padding-left: 10px;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"],
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"] {
  color: white;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-permit,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-permit,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-permit,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-permit,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-passive,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-passive,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-passive,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-passive {
  background-color: #6ebd4b;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-block,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-block,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-block,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-block,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-deny,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-deny,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-deny,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-deny,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-noauth,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-noauth,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-noauth,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-noauth {
  background-color: #cf2030;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-trust,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-trust,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-trust,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-trust,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-do_not_decrypt,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-do_not_decrypt,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-do_not_decrypt,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-do_not_decrypt {
  background: #9e9ea2;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover [class^="icon-"],
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover [class^="icon-"],
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"] [class^="icon-"],
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"] [class^="icon-"] {
  color: white;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select .icon-policy-not-active,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action .icon-policy-not-active {
  color: #cf2030;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select .icon-passive-auth,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action .icon-passive-auth {
  color: #6ebd4b;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select .icon-chevron-down,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action .icon-chevron-down {
  margin-right: 0;
  right: 15px;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select .action-value [class^="icon-"],
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action .action-value [class^="icon-"] {
  font-size: 18px;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select [class^="icon-"]:before,
.default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action [class^="icon-"]:before {
  vertical-align: middle;
}
.default-action-panel .default-action .default-action-content-holder .default-action-content [class^="icon-"] {
  margin-top: 0;
  margin-bottom: 0;
}
.default-action-panel .default-action .default-action-content-holder .additional-icons {
  border-style: solid;
  border-width: 0 1px;
  border-color: rgba(0, 0, 0, 0.1);
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0 9px 0 3px;
}
.default-action-panel .default-action .default-action-content-holder .identity-additional-description {
  padding-left: 9px;
}
.default-action-panel .default-action .default-action-content-holder [class^="icon-"] {
  margin: 2px 3px -4px 8px;
}
.default-action-panel .default-action .default-action-content-holder .icon-chevron-down {
  margin: -1px -3px -4px 7px;
  font-size: 10px;
}
.default-action-panel .default-action .default-action-content-holder .action-value {
  display: inline-block;
  vertical-align: middle;
}
.default-action-panel .default-action .default-action-content-holder .status-color-trust {
  color: #9e9ea2;
}
.default-action-panel .default-action .default-action-content-holder .status-color-permit {
  color: #6ebd4b;
}
.default-action-panel .default-action .default-action-content-holder .status-color-deny {
  color: #cf2030;
}
.default-action-panel .default-action .default-action-content-holder .icon-ipsPolicy,
.default-action-panel .default-action .default-action-content-holder .icon-logging-list {
  color: #58585b;
  opacity: 0.5;
}
.default-action-panel .default-action .default-action-content-holder .icon-ipsPolicy.active,
.default-action-panel .default-action .default-action-content-holder .icon-logging-list.active {
  opacity: 1;
}
.default-action-panel .default-action .dropdown-menu {
  bottom: 44px;
  right: auto;
  left: 0;
  top: auto;
  font-weight: normal;
}
.tabbed-router-wrapper {
  display: inline-block;
}
.tabbed-router-wrapper .tabbed-router {
  display: inline-block;
  border-radius: 3px;
}
.tabbed-router-wrapper .tabbed-router ul {
  list-style: none;
  margin-bottom: 0;
  padding: 0;
}
.tabbed-router-wrapper .tabbed-router ul li {
  float: left;
}
.tabbed-router-wrapper .tabbed-router ul li a {
  background: #e5e5e5;
  display: inline-block;
  padding: 6px 12px 4px;
  min-width: 50px;
  text-align: center;
  color: #58585b;
  font-size: 12px;
  text-decoration: none;
  border: 3px solid #e5e5e5;
}
.tabbed-router-wrapper .tabbed-router ul li a:hover {
  color: #049fd9;
}
.tabbed-router-wrapper .tabbed-router ul li:first-child a {
  border-radius: 3px 0 0 3px;
}
.tabbed-router-wrapper .tabbed-router ul li:last-child a {
  border-radius: 0 3px 3px 0;
}
.tabbed-router-wrapper .tabbed-router ul li.active a {
  background-color: #fff;
  border-color: #049fd9;
  color: #049fd9;
}
.tabbed-router-wrapper.select-one-of-two {
  display: block;
  text-align: center;
  margin: 24px 0 10px;
}
.tag-list .tag {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 7px 8px 5px 8px;
}
.modal-data.readonly .tag-list .control-label {
  display: inline-block;
}
/* on-off switcher */
.onoffswitch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
}
.onoffswitch.process .onoffswitch-label {
  cursor: default;
}
.onoffswitch.process .onoffswitch-label:before {
  background: white url('/branding/default/images/ajax-loader.gif') no-repeat 50% 50%;
  background-size: 12px;
  border: 2px solid #9e9ea2;
}
.onoffswitch.process .onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
  background-size: 14px;
  border: none;
}
.onoffswitch .onoffswitch-checkbox {
  display: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
  right: -8px;
  left: auto;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label .off {
  display: none;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label .on {
  display: inline-block;
}
.onoffswitch .onoffswitch-label {
  padding-top: 3px;
  border: 0;
  border-radius: 6px;
  height: 32px;
  line-height: 24px;
  font-size: 13px;
  display: inline-block;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-style: normal;
  color: #fff;
  font-weight: normal;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  cursor: pointer;
}
.onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 18px;
  margin: 1px;
  background: #58585b;
  border: 0;
  border-radius: 6px;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: -8px;
  right: auto;
  height: 28px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.onoffswitch .onoffswitch-label .on {
  display: none;
  background-color: rgba(122, 122, 122, 0.12);
  color: #6ebd4b;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  padding: 0 20px;
  border-radius: 4px;
  line-height: 25px;
  border-color: #6ebd4b;
}
.onoffswitch .onoffswitch-label .off {
  display: inline-block;
  text-transform: uppercase;
  background-color: #c6c7ca;
  color: #FFFFFF;
  padding: 0 20px;
  border-radius: 4px;
  line-height: 25px;
}
.onoffswitch.disabled {
  opacity: 0.5;
}
.onoffswitch.disabled .onoffswitch-label {
  cursor: not-allowed;
}
.onoffswitch.mini {
  height: 22px;
}
td > .onoffswitch.mini {
  top: -5px;
  display: block;
}
.onoffswitch.mini .onoffswitch-label span {
  min-width: 44px;
  height: 22px;
}
.onoffswitch.mini .onoffswitch-label:before {
  width: 14px;
  height: 14px;
}
.onoffswitch.inline {
  margin-left: 10px;
}
.max-count-label {
  font-style: italic;
}
.dynamic-list .dynamic-list-item {
  margin-bottom: 8px;
  position: relative;
}
.dynamic-list .dynamic-list-item .remove-link {
  color: #c6c7ca;
  position: absolute;
  right: -34px;
  top: 9px;
}
.dynamic-list .dynamic-list-item .remove-link:hover {
  color: #cf2030;
}
.dynamic-list .dynamic-list-item .remove-follows-inline ~ .remove-link {
  right: auto;
}
.dynamic-list .dynamic-list-item .half-a-row-item ~ .remove-link {
  right: 0px;
}
.dynamic-list .dynamic-list-item .col-compensation {
  margin-left: -15px;
  margin-right: -15px;
}
.dynamic-list .dynamic-list-item:nth-child(1) .remove-follows-inline ~ .remove-link {
  top: 32px;
}
.dynamic-list .empty-list-message {
  color: #9e9ea2;
  font-style: italic;
}
.dynamic-list .add-item {
  margin-top: 5px;
}
.dynamic-list .add-item:focus {
  text-decoration: none;
}
/*
 * Given an ember-notify instance {{ember-notify classPrefix="custom-notify"}}
 * the following styles will position the notify box in the top center of the screen.
 * They also include custom animations for bouncing in and out.
 * These styles were shamelessly copied from https://github.com/Blooie/ember-cli-notifications/tree/master/addon/styles
 */
.notifier {
  position: fixed;
  top: 80px;
  right: 0;
  left: 0;
  z-index: 1100;
  width: 80%;
  max-width: 400px;
  margin: auto;
  opacity: 0.9;
}
.notifier.vpn-connections-notifier {
  z-index: 500;
}
.notifier .callout {
  font: 14px Helvetica, Arial, sans-serif;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 2px;
  max-height: 800px;
  color: #fff;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
.notifier .ember-notify-show {
  animation: notification-show 250ms cubic-bezier(0.175, 0.885, 0.32, 1.27499);
  -webkit-animation: notification-show 250ms cubic-bezier(0.175, 0.885, 0.32, 1.27499);
}
.notifier .ember-notify-hide {
  animation: notification-hide 350ms;
  -webkit-animation: notification-hide 350ms;
}
/**
 * @aokladov:2019-04-23
 * As the messages are closed programmatically (i.e. not using the default `close()` method
 * of `ember-notify/message`), and the `ember-notify` library has no option to disable
 * message's hiding delay on hover, here is the style `pointer-events-none` workaround for it.
 *
 * This issue requires periodical recheck and has to be switched off if the mentioned option
 * will be available in the possible following `ember-notify` library updates.
 */
.notifier .ember-notify-hide,
.notifier .ember-notify-disappearing {
  pointer-events: none;
}
.notifier .custom-notify-icon {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 30px;
  color: rgba(255, 255, 255, 0.1);
  text-align: center;
}
.notifier .custom-notify-icon span {
  position: relative;
  top: 10px;
}
.notifier .message {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 30px;
}
.notifier .close {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .3;
  cursor: pointer;
}
.notifier .close:hover,
.notifier .close:focus {
  opacity: 1;
}
.notifier .error {
  background-color: #cf2030;
}
.notifier .error .custom-notify-icon {
  background-color: #cf2030;
}
.notifier .error .close {
  color: #cf2030;
}
.notifier .success {
  background-color: #14a792;
}
.notifier .success .custom-notify-icon {
  background-color: #6ebd4b;
}
.notifier .success .close {
  color: #000;
}
.notifier .info {
  background-color: #049fd9;
}
.notifier .info .custom-notify-icon {
  background-color: #037aa7;
}
.notifier .info .close {
  color: #037aa7;
}
.notifier .warning {
  background-color: #ff7300;
}
.notifier .warning .custom-notify-icon {
  background-color: #ff7300;
}
.notifier .warning .close {
  color: #ff7300;
}
.notifier .alert {
  padding: 0;
  margin: 0;
  border-radius: 0;
  font-size: 12px;
  border: none;
  background: none;
}
.notifier .alert .alert-inner {
  padding: 15px;
  margin-bottom: 15px;
  position: relative;
  color: #6ebd4b;
  background: #e6f4e0;
  border: 1px solid #aad896;
  box-shadow: 0 0 0 4px white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.notifier .alert .alert-inner.in-dialog {
  top: 30px;
}
.notifier .alert.alert-danger .alert-inner {
  color: #cf2030;
  background: #f6c5c9;
  border: 1px solid #e86d78;
}
.notifier .alert.alert-warning .alert-inner {
  color: #ff7300;
  background: #ffe3cc;
  border: 1px solid #ffab66;
}
.notifier .alert .status-icon {
  position: absolute;
  top: 12px;
  left: 15px;
}
.notifier .alert .text {
  margin: 0 25px;
}
.notifier .alert .text a {
  color: inherit;
  text-decoration: underline;
  white-space: nowrap;
}
.notifier .alert .btn-close {
  position: absolute;
  top: 10px;
  right: 11px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  font-size: 10px;
  line-height: 28px;
  padding: 0 0 0 1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.notifier .alert .btn-close:hover {
  background: rgba(0, 0, 0, 0.04);
}
/* animations used above */
@keyframes notification-show {
  0% {
    opacity: 0;
    transform: perspective(450px) translate(0, -30px);
  }
  100% {
    opacity: 1;
    transform: perspective(450px) translate(0, 0);
  }
}
@-webkit-keyframes notification-show {
  0% {
    opacity: 0;
    transform: perspective(450px) translate(0, -30px);
  }
  100% {
    opacity: 1;
    transform: perspective(450px) translate(0, 0);
  }
}
@keyframes notification-shrink {
  0% {
    opacity: 0;
    max-height: 800px;
    margin-bottom: 2px;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    transform: scale(0.8);
  }
}
@-webkit-keyframes notification-shrink {
  0% {
    opacity: 0;
    max-height: 800px;
    margin-bottom: 2px;
    -webkit-transform: scale(0.8);
  }
  100% {
    opacity: 0;
    max-height: 0;
    margin-bottom: 0;
    -webkit-transform: scale(0.8);
  }
}
@keyframes notification-hide {
  100% {
    opacity: 0;
    transform: perspective(450px) translate(0, -30px);
  }
  0% {
    opacity: 1;
    transform: perspective(450px) translate(0, 0);
  }
}
@-webkit-keyframes notification-hide {
  100% {
    opacity: 0;
    transform: perspective(450px) translate(0, -30px);
  }
  0% {
    opacity: 1;
    transform: perspective(450px) translate(0, 0);
  }
}
.cli-page {
  height: 100%;
}
.cli-page .container-fluid {
  height: 100%;
}
.cli-page .container-fluid#main {
  padding: 0;
}
.cli-page .container-fluid .terminal-page-container {
  height: 100%;
  position: fixed;
  right: 0;
  left: 0;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: column;
  /* Safari 6.1+ */
  flex-direction: column;
}
.cli-page .container-fluid .terminal-page-container .dialog-header {
  border-radius: 0;
}
.cli-page .container-fluid .terminal-page-container .dialog-header:hover {
  cursor: default;
}
.cli-page .container-fluid .terminal-page-container .terminal {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.terminal-page-container-header {
  background-color: #525252;
  flex: 0 0 40px;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari 6.1+ */
  flex-direction: row;
  -webkit-justify-content: space-between;
  /* Safari 6.1+ */
  justify-content: space-between;
  -webkit-align-items: center;
  /* Safari 6.1+ */
  align-items: center;
}
.terminal-page-container-header .title {
  color: #fff;
  padding-left: 8px;
}
.terminal-page-container-header .actions {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari 6.1+ */
  flex-direction: row;
  -webkit-justify-content: space-between;
  /* Safari 6.1+ */
  justify-content: space-between;
}
.terminal-page-container-header .actions .flex-icon {
  padding: 8px;
}
.active-cli-icon {
  color: #323232;
}
.single-line-dialog .modal-content {
  height: 34px;
}
.single-line-dialog .modal-content .cs-cli-dialog-body {
  height: 34px;
}
.single-line-dialog .modal-content .cs-cli-dialog-body .dialog-single-line-title {
  height: 34px;
}
.single-line-dialog .modal-content .cs-cli-dialog-body .terminal {
  height: 34px;
}
.single-line-dialog .modal-content .cs-cli-dialog-body .terminal .resizer {
  height: 34px;
}
.single-line-dialog .modal-content .cs-cli-dialog-body .dialog-single-line-actions {
  height: 34px;
  background: #323232;
  padding-left: 8px;
}
.cs-cli-dialog.draggable-element {
  top: 10%;
  left: 50%;
  bottom: auto;
  right: auto;
  z-index: 500;
  overflow: visible;
}
.cs-cli-dialog.draggable-element.is-hidden {
  z-index: -1;
}
.cs-cli-dialog.draggable-element .modal-dialog {
  margin-top: 0;
  margin-bottom: 10px;
}
.dialog-header {
  background-color: #58585b;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari 6.1+ */
  flex-direction: row;
  -webkit-justify-content: space-between;
  /* Safari 6.1+ */
  justify-content: space-between;
  border-radius: 5px;
  height: 34px;
}
.dialog-header:hover {
  cursor: move;
}
.dialog-title-block {
  border-top-left-radius: 5px;
}
.cs-cli-dialog .dialog-title,
.cli-page .dialog-title {
  color: #fff;
  font-size: 14px;
  padding-right: 10px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
}
.cli-page .terminal-page-container .dialog-title {
  padding-left: 10px;
}
.dialog-single-line-title {
  border-bottom-left-radius: 5px;
}
.dialog-single-line-title:hover {
  cursor: move;
}
.dialog-single-line-actions {
  border-bottom-right-radius: 5px;
}
.cs-cli-dialog-header {
  margin-bottom: -1px;
}
.cs-cli-dialog-body {
  display: -webkit-flex;
  /* Safari */
  display: flex;
  -webkit-flex-direction: row;
  /* Safari 6.1+ */
  flex-direction: row;
  -webkit-justify-content: space-between;
  /* Safari 6.1+ */
  justify-content: space-between;
  background-color: #323232;
  border-radius: 5px;
}
.flex-container {
  background-color: #58585b;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  align-items: center;
}
.flex-icon-wrapper {
  text-decoration: none !important;
}
.dialog-actions-block {
  border-top-right-radius: 5px;
}
.dialog-title-block,
.dialog-actions-block {
  position: relative;
}
.dialog-title-block .floating-circle,
.dialog-actions-block .floating-circle {
  position: absolute;
  width: 28px;
  height: 28px;
  box-sizing: content-box;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #58585b;
  top: 40px;
}
.dialog-title-block .floating-circle a,
.dialog-actions-block .floating-circle a {
  display: block;
  height: 100%;
  border: 4px solid #323232;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.dialog-title-block .floating-circle .flex-icon,
.dialog-actions-block .floating-circle .flex-icon {
  display: block;
  margin: 0;
  padding: 0;
}
.dialog-title-block .floating-circle .flex-icon:before,
.dialog-actions-block .floating-circle .flex-icon:before {
  line-height: 20px;
  font-size: 11px;
}
.dialog-title-block .floating-circle.copy-link,
.dialog-actions-block .floating-circle.copy-link {
  right: 20px;
}
.dialog-title-block .floating-circle.clear-link,
.dialog-actions-block .floating-circle.clear-link {
  right: 50px;
}
.dialog-title-block .floating-circle:hover,
.dialog-actions-block .floating-circle:hover {
  box-shadow: 0 0 0 1px #049fd9;
}
.dialog-title-block .flex-icon,
.dialog-actions-block .flex-icon {
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  padding: 5px;
  color: #fff;
}
.dialog-title-block .flex-icon.icon-help-sign,
.dialog-actions-block .flex-icon.icon-help-sign {
  font-size: 15px;
}
.dialog-title-block .flex-icon.icon-separate-window,
.dialog-actions-block .flex-icon.icon-separate-window {
  font-size: 15px;
}
.dialog-title-block .flex-icon.icon-move,
.dialog-actions-block .flex-icon.icon-move {
  padding: 10px;
}
.dialog-title-block .flex-icon.icon-close-thin,
.dialog-actions-block .flex-icon.icon-close-thin {
  width: 35px;
}
.dialog-title-block .flex-icon.icon-close-thin:before,
.dialog-actions-block .flex-icon.icon-close-thin:before,
.dialog-title-block .flex-icon.icon-close-thin:after,
.dialog-actions-block .flex-icon.icon-close-thin:after {
  content: '';
  width: 15px;
  height: 1px;
  background-color: white;
  position: absolute;
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.dialog-title-block .flex-icon.icon-close-thin:after,
.dialog-actions-block .flex-icon.icon-close-thin:after {
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.dialog-title-block .flex-icon.icon-window-mode,
.dialog-actions-block .flex-icon.icon-window-mode {
  padding-right: 15px;
}
.dialog-actions-block .flex-icon-wrapper:hover .flex-icon {
  color: #049fd9;
}
.dialog-actions-block .flex-icon-wrapper:hover .icon-close-thin:before,
.dialog-actions-block .flex-icon-wrapper:hover .icon-close-thin:after {
  background: #049fd9;
}
.vert-icon-separator {
  display: -webkit-flex;
  display: flex;
  width: 1px;
  height: 16px;
  background: #717174;
  margin: 0 10px;
}
.terminal-wrapper * {
  background-color: #323232;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-legatures: none;
  /*background, color, and font-size for all nested elements*/
  font-size: 13px;
  color: white;
}
.terminal {
  min-height: 34px;
  display: flow-root;
  flex-grow: 1;
  background-color: #323232;
  color: white;
}
@-webkit-keyframes terminal-blink {
  0%,
  100% {
    background-color: #323232;
    color: white;
  }
  50% {
    background-color: white;
    color: #323232;
  }
}
@-ms-keyframes terminal-blink {
  0%,
  100% {
    background-color: #323232;
    color: white;
  }
  50% {
    background-color: white;
    color: #323232;
  }
}
@-moz-keyframes terminal-blink {
  0%,
  100% {
    background-color: #323232;
    color: white;
  }
  50% {
    background-color: white;
    color: #323232;
  }
}
@keyframes terminal-blink {
  0%,
  100% {
    background-color: #323232;
    color: white;
  }
  50% {
    background-color: white;
    color: #323232;
  }
}
.terminal .cmd,
.terminal .terminal-output div div {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: none;
  background: inherit;
  font-size: inherit;
  color: inherit;
}
.terminal .cmd .prompt,
.terminal .terminal-output div div .prompt,
.terminal .cmd span,
.terminal .terminal-output div div span {
  color: inherit;
  font-size: inherit;
}
.terminal .cmd .prompt .cursor.blink,
.terminal .terminal-output div div .prompt .cursor.blink,
.terminal .cmd span .cursor.blink,
.terminal .terminal-output div div span .cursor.blink {
  color: red;
  background: blue;
  font-size: inherit;
}
.terminal .terminal-output div.autocompletion-container > div {
  display: inline-block;
}
.terminal .terminal-output div.autocompletion-container .autocompletion-columns {
  display: block;
  float: left;
}
.terminal .terminal-output div.autocompletion-container .autocompletion-columns .autocompletion-item {
  width: 100%;
}
@keyframes a {
  0%,
  to {
    background-color: var(--background, #323232);
    color: var(--color, white);
  }
  50% {
    background-color: var(--color, white);
    color: var(--background, #323232);
  }
}
@-o-keyframes a {
  0%,
  to {
    background-color: var(--background, #323232);
    color: var(--color, white);
  }
  50% {
    background-color: var(--color, white);
    color: var(--background, #323232);
  }
}
@-webkit-keyframes a {
  0%,
  to {
    background-color: var(--background, #323232);
    color: var(--color, white);
  }
  50% {
    background-color: var(--color, white);
    color: var(--background, #323232);
  }
}
@-moz-keyframes a {
  0%,
  to {
    background-color: var(--background, #323232);
    color: var(--color, white);
  }
  50% {
    background-color: var(--color, white);
    color: var(--background, #323232);
  }
}
.single-line-terminal .terminal-wrapper {
  overflow: hidden;
}
.single-line-terminal .terminal-output {
  display: none;
}
.multiple-lines-terminal.terminal {
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.variables-wrapper.has-error .btn-add-flex-variable {
  box-shadow: none;
  border: none;
}
.cli-template-block-variables-table {
  overflow-y: auto;
  max-height: 242px;
  width: 100%;
}
.cli-template-block-variables-table .table-holder {
  margin-bottom: 0;
}
.cli-template-block-variables-table .objects-table {
  font-size: 12px;
}
.cli-template-block-variables-table .objects-table thead > tr > th {
  background-color: transparent;
  border-color: #c6c7ca;
}
.cli-template-block-variables-table .objects-table thead > tr > th .cell-value {
  background: #e5e5e5;
  color: #58585b;
  padding: 0 4px 0 10px;
}
.cli-template-block-variables-table .objects-table tbody > tr td {
  vertical-align: middle;
  padding: 6px 10px 4px;
}
.cli-template-block-variables-table .objects-table .cell-name {
  background: #323232;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cli-template-block-variables-table .objects-table .cell-name .cell-value {
  font-size: 14px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 22px;
  font-weight: normal;
  color: white;
  background: #323232;
  line-height: inherit;
  color: #18ff5f;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 100px;
}
.cli-template-block-variables-table .objects-table .variable-type .cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 90px;
}
.cli-template-block-variables-table .objects-table .cell-variable-value .cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 180px;
}
.cli-template-block-variables-table .objects-table .cell-value {
  border-bottom: 1px solid transparent;
}
.cli-template-block-variables-table .objects-table .cell-value ul.enum {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cli-template-block-variables-table .objects-table .cell-value ul.enum li {
  display: inline-block;
}
.cli-template-block-variables-table .objects-table .cell-value ul.enum li:not(:last-child):after {
  content: ',';
}
.cli-template-block-variables-table .objects-table .cell-value.selected-items-list {
  overflow: hidden;
}
.cli-template-block-variables-table .objects-table .cell-value.selected-items-list .list {
  margin: 0;
}
.cli-template-block-variables-table .objects-table .cell-value.selected-items-list .list .list-item {
  margin: 0;
}
.cli-template-block-variables-table .objects-table .cell-value.selected-items-list .list .list-item .item-name {
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 180px;
}
.cli-template-block-variables-table .objects-table .cell-value.selected-items-list .list .list-item [class*='icon'] {
  font-size: 14px;
  line-height: 20px;
  top: 1px;
}
.cli-template-block-variables-table .objects-table .cell-description .cell-value {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 185px;
  max-height: 16.8px;
  /* Fallback for non-webkit */
  font-size: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal-data textarea.form-control.one-row-height {
  height: 36px;
}
.modal-data textarea.form-control.two-rows-height {
  height: 120px;
  resize: none;
}
.cli-select-chevron {
  color: #18ff5f;
  top: 8px;
  right: 2px;
  font-size: 8px;
  line-height: 1;
}
.cli-color-and-bg {
  background-color: transparent;
  color: #18ff5f;
}
.cli-input {
  border: none;
  height: 22px;
  min-height: 22px;
  line-height: 22px;
  width: 100%;
  padding: 0 4px !important;
  outline: none;
  display: inline-block;
  background-color: transparent;
  color: #18ff5f;
}
.smart-cli-terminal {
  font-size: 14px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 22px;
  font-weight: normal;
  color: white;
  background: #323232;
  padding: 8px 0 8px 0;
  counter-reset: line;
  user-select: none;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.smart-cli-terminal.no-cli-terminal-separator:before {
  display: none;
}
.smart-cli-terminal:before {
  content: "";
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 76px;
}
.smart-cli-terminal .cli-terminal-wrapper {
  width: 100%;
  display: table;
  border-collapse: collapse;
}
.smart-cli-terminal .cli-terminal-wrapper .cli-fixed-column,
.smart-cli-terminal .cli-terminal-wrapper .cli-terminal-content {
  display: table-cell;
  height: 22px;
  vertical-align: middle;
}
.smart-cli-terminal .cli-terminal-wrapper .cli-fixed-column {
  width: 76px;
  vertical-align: top;
}
.smart-cli-terminal.view-state:before {
  left: 56px;
}
.smart-cli-terminal.view-state .smart-cli-line:hover,
.smart-cli-terminal.view-state .smart-cli-line.selected {
  cursor: default;
}
.smart-cli-terminal.view-state .smart-cli-line:hover .cli-fixed-column,
.smart-cli-terminal.view-state .smart-cli-line.selected .cli-fixed-column,
.smart-cli-terminal.view-state .smart-cli-line:hover .cli-terminal-content,
.smart-cli-terminal.view-state .smart-cli-line.selected .cli-terminal-content {
  background: none;
}
.smart-cli-terminal.view-state .cli-terminal-content {
  padding-left: 16px;
  padding-right: 16px;
}
.smart-cli-terminal.view-state .cli-terminal-wrapper .cli-fixed-column {
  width: 56px;
}
.smart-cli-terminal.view-state .line-controls:before {
  width: 32px;
}
.smart-cli-terminal .line-depth-1 .cli-terminal-content {
  padding-left: 16px;
}
.smart-cli-terminal .line-depth-2 .cli-terminal-content {
  padding-left: 32px;
}
.smart-cli-terminal .line-depth-3 .cli-terminal-content {
  padding-left: 48px;
}
.smart-cli-terminal .line-depth-4 .cli-terminal-content {
  padding-left: 64px;
}
.smart-cli-terminal .line-depth-5 .cli-terminal-content {
  padding-left: 80px;
}
.smart-cli-terminal .line-depth-6 .cli-terminal-content {
  padding-left: 96px;
}
.smart-cli-terminal .line-depth-7 .cli-terminal-content {
  padding-left: 112px;
}
.smart-cli-terminal .line-depth-8 .cli-terminal-content {
  padding-left: 128px;
}
.smart-cli-terminal .line-depth-9 .cli-terminal-content {
  padding-left: 144px;
}
.smart-cli-terminal .line-depth-10 .cli-terminal-content {
  padding-left: 160px;
}
.smart-cli-terminal .line-controls {
  padding: 0 8px 0 6px;
  position: relative;
  height: 100%;
}
.smart-cli-terminal .line-controls:before {
  counter-increment: line;
  content: counter(line);
  color: #c6c7ca;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 1px;
  left: 0;
  width: 76px;
  padding: 0 4px;
}
.smart-cli-terminal .line-controls a {
  color: rgba(255, 255, 255, 0.7);
}
.smart-cli-terminal .line-controls a:hover {
  color: white;
  text-decoration: none;
}
.smart-cli-terminal .line-controls .toggle {
  float: left;
  margin-left: 3px;
  font-size: 13px;
  position: relative;
}
.smart-cli-terminal .line-node,
.smart-cli-terminal .cli-width-regulator {
  display: inline-block;
  white-space: nowrap;
}
.smart-cli-terminal .line-node {
  transition: opacity 0.4s ease;
  position: relative;
  vertical-align: text-bottom;
}
.smart-cli-terminal .line-node.selected {
  background-color: #18ff5f;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.smart-cli-terminal .line-node.selected input {
  color: #58585b;
  opacity: 1;
  background: none;
}
.smart-cli-terminal .line-node.selected ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #58585b;
  opacity: 1;
}
.smart-cli-terminal .line-node.selected ::-moz-placeholder {
  /* Firefox 19+ */
  color: #58585b;
  opacity: 1;
}
.smart-cli-terminal .line-node.selected :-ms-input-placeholder {
  /* IE 10+ */
  color: #58585b;
  opacity: 1;
}
.smart-cli-terminal .line-node.selected :-moz-placeholder {
  /* Firefox 18- */
  color: #58585b;
  opacity: 1;
}
.smart-cli-terminal .line-node.selected .highlight {
  color: #58585b;
}
.smart-cli-terminal .line-node .d-inline-block {
  display: inline-block;
}
.smart-cli-terminal .cli-width-regulator input {
  border: none;
  height: 22px;
  min-height: 22px;
  line-height: 22px;
  width: 100%;
  padding: 0 4px !important;
  outline: none;
  display: inline-block;
  background-color: transparent;
  color: #18ff5f;
}
.smart-cli-terminal .item-picker-dropdown > .icon-chevron-down {
  color: #18ff5f;
  top: 8px;
  right: 2px;
  font-size: 8px;
  line-height: 1;
}
.smart-cli-terminal .item-picker-dropdown input {
  border: none;
  height: 22px;
  min-height: 22px;
  line-height: 22px;
  width: 100%;
  padding: 0 4px !important;
  outline: none;
  display: inline-block;
  background-color: transparent;
  color: #18ff5f;
}
.smart-cli-terminal .item-picker-dropdown .item-picker-popup {
  color: #58585b;
  font: normal 14px/1.3 'CiscoSans', Helvetica, Arial, sans-serif;
  margin-top: -6px;
}
.smart-cli-terminal .optional .item-picker input {
  color: #00b136;
}
.smart-cli-terminal .more-actions {
  display: inline-block;
  float: left;
}
.smart-cli-terminal .more-actions > a {
  text-decoration: none;
  position: relative;
  top: 3px;
}
.smart-cli-terminal .more-actions .icon-more {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  vertical-align: top;
  width: 16px;
  text-align: center;
  font-size: 11.8px;
  margin-right: 3px;
  opacity: 0;
  border-radius: 50%;
}
.smart-cli-terminal .more-actions .icon-more:before {
  height: 16px;
  line-height: 16px;
  vertical-align: top;
}
.smart-cli-terminal .more-actions .dropdown-menu {
  font: normal 12px/1.3 'CiscoSans', Helvetica, Arial, sans-serif;
  background: #58585b;
  min-width: 100px;
}
.smart-cli-terminal .more-actions .dropdown-menu li {
  padding: 6px 16px 6px;
  color: #f9f9f9;
  border-bottom-color: rgba(255, 255, 255, 0.2);
}
.smart-cli-terminal .more-actions .dropdown-menu li:hover {
  background: rgba(255, 255, 255, 0.2);
}
.smart-cli-terminal .more-actions.open .icon-more {
  opacity: 1;
  background: white;
  color: #58585b;
}
.smart-cli-terminal .icon-minus-sign-thin {
  position: relative;
  top: 4.4px;
}
.smart-cli-terminal .icon-minus-sign-thin,
.smart-cli-terminal .icon-minus-sign-thin:before {
  height: 14px;
  line-height: 14px;
  vertical-align: top;
}
.smart-cli-terminal .cli-line-tooltip-toggler {
  font-size: 15px;
  color: #ff7575;
  margin: 4px 5px 0 0;
}
.smart-cli-terminal .smart-cli-line {
  transition: background 0.2s ease;
  position: relative;
  display: table-row;
}
.smart-cli-terminal .smart-cli-line .cli-line-tooltip-toggler {
  position: absolute;
  right: 0;
}
.smart-cli-terminal .smart-cli-line:hover,
.smart-cli-terminal .smart-cli-line.selected {
  cursor: pointer;
  background: rgba(255, 255, 255, 0.1);
}
.smart-cli-terminal .smart-cli-line:hover .cli-terminal-content,
.smart-cli-terminal .smart-cli-line.selected .cli-terminal-content {
  border-bottom-color: transparent;
}
.smart-cli-terminal .smart-cli-line:hover .more-actions .icon-more {
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line.disabled {
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line.disabled:not(:hover) .line-node {
  opacity: 0.5;
}
.smart-cli-terminal .smart-cli-line.disabled:not(:hover) .line-node:before {
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line.disabled:not(:hover) :disabled {
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line.disabled:hover {
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line.inactive .icon-minus-sign-thin:before {
  color: rgba(255, 255, 255, 0.2);
}
.smart-cli-terminal .smart-cli-line.line-has-error {
  background-color: rgba(207, 32, 48, 0.3);
}
.smart-cli-terminal .smart-cli-line ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #18ff5f;
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line ::-moz-placeholder {
  /* Firefox 19+ */
  color: #18ff5f;
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line :-ms-input-placeholder {
  /* IE 10+ */
  color: #18ff5f;
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line :-moz-placeholder {
  /* Firefox 18- */
  color: #18ff5f;
  opacity: 1;
}
.smart-cli-terminal .smart-cli-line .dropdown-menu {
  min-width: 160px;
  max-width: 300px;
}
.smart-cli-terminal .smart-cli-line:nth-of-type(even) .cli-terminal-content {
  background-color: rgba(255, 255, 255, 0.05);
}
.smart-cli-terminal .highlight {
  color: #18ff5f;
}
.smart-cli-terminal.empty {
  padding-left: 16px;
}
.smart-cli-terminal.empty:before {
  display: none;
}
.smart-cli-terminal.empty p {
  color: rgba(255, 255, 255, 0.4);
  margin: 0;
}
.smart-cli-terminal .symbol-marker {
  background: #ff4c5c;
  font-weight: bold;
}
.smart-cli-terminal .marker {
  color: #ff4c5c;
}
.smart-cli-terminal-has-error .smart-cli-terminal {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #cf2030;
}
.smart-cli-terminal-has-error .smart-cli-terminal .item-picker-dropdown .form-control {
  border: none;
  box-shadow: none;
}
.smart-cli-terminal-has-error .help-block {
  color: #cf2030;
}
.smart-cli-terminal-has-error.form-group.expanded .smart-cli-terminal {
  -webkit-box-shadow: 0 0 0 2px #cf2030, 0 0 12px #58585b;
  -moz-box-shadow: 0 0 0 2px #cf2030, 0 0 12px #58585b;
  box-shadow: 0 0 0 2px #cf2030, 0 0 12px #58585b;
}
.template-actions {
  float: right;
}
.template-actions ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.template-actions ul li {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.template-actions ul li:not(:last-child):after {
  content: ' ';
  display: inline-block;
  height: 3ex;
  width: 1px;
  vertical-align: middle;
  margin: 0 0.6em;
  background: transparent;
  border-right: 1px dotted rgba(0, 0, 0, 0.2);
  height: 12px;
  margin: 0 8px 0 12px;
}
.template-actions [class^="icon-"] {
  margin-right: 4px;
  line-height: 14px;
}
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected,
.form-group.form-group-cli .btn-select-cli {
  border: none;
  height: 22px;
  min-height: 22px;
  line-height: 22px;
  width: 100%;
  padding: 0 4px !important;
  outline: none;
  display: inline-block;
  background-color: transparent;
  color: #18ff5f;
  padding: 0 14px 0 4px !important;
  transition: inherit;
  vertical-align: top;
  border: 1px solid transparent;
}
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected [class^='icon-'],
.form-group.form-group-cli .btn-select-cli [class^='icon-'] {
  color: #18ff5f;
  top: 8px;
  right: 2px;
  font-size: 8px;
  line-height: 1;
}
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected:active,
.form-group.form-group-cli .btn-select-cli:active {
  box-shadow: none;
}
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected:hover,
.form-group.form-group-cli .btn-select-cli:hover {
  background: transparent;
  border-color: #18ff5f;
  color: #18ff5f;
}
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected:hover [class^='icon-'],
.form-group.form-group-cli .btn-select-cli:hover [class^='icon-'] {
  color: #18ff5f;
  top: 8px;
  right: 2px;
  font-size: 8px;
  line-height: 1;
}
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected:disabled,
.form-group.form-group-cli .btn-select-cli:disabled,
.form-group.form-group-cli:not(.action-list-dropdown) > .btn-select.not-selected.disabled,
.form-group.form-group-cli .btn-select-cli.disabled {
  background-color: transparent;
  color: #18ff5f;
}
.form-group.form-group-cli .line-node.selected .btn-select-cli {
  color: #58585b;
  background: transparent;
}
.form-group.form-group-cli .line-node.selected .icon-chevron-down {
  color: #58585b;
}
.form-group.form-group-cli .line-node.optional ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #00b136;
  opacity: 1;
}
.form-group.form-group-cli .line-node.optional ::-moz-placeholder {
  /* Firefox 19+ */
  color: #00b136;
  opacity: 1;
}
.form-group.form-group-cli .line-node.optional :-ms-input-placeholder {
  /* IE 10+ */
  color: #00b136;
  opacity: 1;
}
.form-group.form-group-cli .line-node.optional :-moz-placeholder {
  /* Firefox 18- */
  color: #00b136;
  opacity: 1;
}
.form-group.form-group-cli .line-node.optional .btn-select.not-selected,
.form-group.form-group-cli .line-node.optional .btn-select-cli {
  color: #00b136;
  font-style: italic;
}
.form-group.form-group-cli .line-node.optional .open .btn-select.not-selected,
.form-group.form-group-cli .line-node.optional .open .btn-select-cli {
  color: #58585b;
}
.form-group.form-group-cli .line-node.optional .open .btn-select.not-selected .icon-chevron-down,
.form-group.form-group-cli .line-node.optional .open .btn-select-cli .icon-chevron-down {
  color: #58585b;
}
.form-group.form-group-cli .line-node.optional .open.item-picker-dropdown .form-control::placeholder {
  color: #58585b;
}
.form-group.form-group-cli .line-node.optional .open.item-picker-dropdown .icon-chevron-down {
  color: #58585b;
}
.form-group.form-group-cli .line-node.optional input {
  font-style: italic;
}
.form-group.form-group-cli .line-node.optional .icon-chevron-down {
  color: #00b136;
}
.cli-template-scrollable {
  padding: 1px 0;
  overflow-y: auto;
  min-height: 44px;
  max-height: 220px;
}
.cli-template-scrollable .cli-template-wrapper {
  position: relative;
}
.cli-template [contenteditable]:focus {
  outline: none;
}
.cli-template .cli-template-line {
  min-height: 22px;
  position: relative;
  padding-left: 72px;
  padding-right: 16px;
  caret-color: #fff;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.cli-template .cli-template-line [contenteditable] {
  white-space: pre-wrap;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.cli-template .cli-template-line:before,
.cli-template .cli-template-line .line-number {
  counter-increment: line;
  content: counter(line);
  color: #c6c7ca;
  font-size: 12px;
  text-align: right;
  position: absolute;
  top: 1px;
  left: 8px;
  width: 48px;
  padding: 0 8px 0 0;
}
.cli-template .cli-template-line.no-line-number:before {
  display: none;
  content: '';
}
.cli-template .cli-template-line.comment-line {
  color: #9e9ea2;
  font-style: italic;
}
.cli-template .cli-template-line.comment-line .console-variable {
  color: #9e9ea2;
}
.cli-template .cli-template-line .line-number,
.cli-template .cli-template-line.no-counter:before {
  counter-increment: none;
  content: '';
}
.cli-template .cli-template-line.marker-line {
  line-height: 13px;
}
.cli-template .cli-template-line.has-error {
  background-color: rgba(207, 32, 48, 0.3);
}
.cli-template .cli-template-line.no-counter-place {
  padding-left: 12px;
}
.flex-inline-error-container {
  min-height: 22px;
  position: absolute;
  right: 0;
}
.form-group {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.form-group ~ .shadow {
  opacity: 0;
}
.form-group.expanded {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  left: 15px;
  padding: 24px;
  height: 100%;
  margin-bottom: 0;
}
.form-group.expanded .col-sm-12 {
  height: 100%;
}
.form-group.expanded .smart-cli-terminal {
  height: 100%;
  -webkit-box-shadow: 0 0 10px #58585b;
  -moz-box-shadow: 0 0 10px #58585b;
  box-shadow: 0 0 10px #58585b;
}
.form-group.expanded ~ .shadow {
  border-radius: 0 0 5px 5px;
  opacity: 1;
  background-color: white;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  height: calc(100% + 24px);
}
.form-group.expanded ~ .shadow:before {
  content: '';
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  height: calc(100% + 80px);
}
.form-group.expanded .control-label {
  color: #323232;
}
.form-group.expanded .template-actions a {
  color: #323232;
}
.form-group.expanded .template-actions li:before {
  border-color: #323232;
}
.form-group.expanded .cli-template-scrollable {
  padding: 1px 0;
  overflow-y: auto;
  min-height: 44px;
  max-height: 100%;
}
.form-group.expanded .help-block {
  display: none;
}
.cli-preview {
  color: white;
  background: #323232;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  position: relative;
}
.cli-preview:before {
  content: "";
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
}
.cli-preview .btn {
  color: #58585b;
}
.cli-preview .cli-preview-heading {
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  background: #323232;
  position: relative;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.cli-preview .cli-preview-heading h3 {
  margin: 0;
  color: white;
}
.cli-preview .cli-preview-heading .cli-preview-heading-col {
  display: table-cell;
  padding: 15px 20px;
  vertical-align: middle;
}
.cli-preview .cli-preview-heading .cli-preview-heading-col.refresh-note-col {
  text-align: right;
  line-height: 1;
  position: relative;
  color: #9e9ea2;
  padding-left: 5px;
}
.cli-preview .cli-preview-heading .cli-preview-heading-col.refresh-note-col:after {
  content: '';
  position: absolute;
  right: -1px;
  top: 50%;
  margin-top: -12px;
  height: 24px;
  width: 1px;
  border-right: 1px dotted rgba(255, 255, 255, 0.2);
}
.cli-preview .cli-preview-heading .cli-preview-heading-col.refresh-note-col .btn {
  margin-top: 3px;
  margin-left: 20px;
}
.cli-preview .cli-preview-heading .cli-preview-heading-col.refresh-note-col .btn .icon-sync {
  font-size: 14px;
  line-height: 1;
}
.cli-preview .cli-preview-heading .refresh-note {
  margin: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.1;
  display: inline;
}
.cli-preview .expand-col {
  text-align: right;
}
.cli-preview .expand-link {
  display: inline-block;
  line-height: 30px;
  color: #15bcfb;
}
.cli-preview .expand-link i {
  height: 14px;
  margin-right: 3px;
}
.cli-preview .expand-link:hover {
  color: white;
}
.cli-preview .cli-preview-content .cli-template-line {
  white-space: pre-wrap;
}
.cli-preview .cli-preview-content .cli-template.warning:hover {
  background: #3f3f41;
}
.cli-preview .cli-preview-content .cli-template:hover {
  background: #717175;
}
.cli-preview .cli-preview-content .cli-template-scrollable {
  padding: 1px 0;
  overflow-y: auto;
  min-height: 308px;
  max-height: 462px;
}
.cli-card {
  margin-bottom: 20px;
}
.cli-group {
  width: 100%;
  display: flex;
  align-items: stretch;
}
.cli-group .cli-group-col {
  width: 50%;
}
.cli-group.expanded .cli-list {
  display: none;
}
.cli-group.expanded .cli-preview {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 100%;
}
.cli-group .cli-list {
  padding: 0 20px;
}
.cli-group .cli-list .form-group {
  margin-bottom: 12px;
}
.cli-group .selected-items-list {
  padding: 4px 8px 8px;
  margin-left: -8px;
  overflow-y: auto;
  max-height: 444px;
}
.cli-group .selected-items-list > .list {
  margin-bottom: -8px;
}
.cli-group .form-group .control-label,
.cli-group h3 {
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 19px;
  line-height: 1;
}
.selected-items-list .dnd-holder {
  background: #f0f0f0;
  border: 2px dashed #c6c7ca;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 0 0 8px;
  line-height: 32px;
}
.selected-items-list .dnd-hover-mixin {
  background: #e9f2f8;
  cursor: move !important;
}
.selected-items-list .ui-sortable-helper {
  background: #e9f2f8;
  cursor: move !important;
  box-shadow: 0 5px 7px 0 rgba(0, 0, 0, 0.2);
}
.selected-items-list .ui-sortable-helper .item-name {
  background: #e9f2f8;
  cursor: move !important;
}
.selected-items-list .ui-sortable:not(.ui-sortable-disabled) > .list-item:not(.warning):hover {
  background: #e9f2f8;
  cursor: move !important;
}
.selected-items-list .ui-sortable:not(.ui-sortable-disabled) > .list-item:not(.warning):hover .item-name {
  background: #e9f2f8;
  cursor: move !important;
}
.selected-items-list .ui-sortable:not(.ui-sortable-disabled) > .list-item.warning:hover {
  cursor: move;
}
.deployment-dialog .general-errors {
  margin: 0;
}
.deployment-dialog .deployment-license-warning {
  margin-bottom: 0;
}
.deployment-dialog .drop-down-block {
  right: 18px;
  bottom: 18px;
}
.deployment-dialog .entity-row-heading h3 {
  color: #58585b;
  font-size: 13px;
}
.deployment {
  min-height: 250px;
}
.deployment button,
.deployment h6 {
  text-transform: uppercase;
}
.deployment button.btn-grey:hover {
  background-color: #e5e5e5;
  color: inherit;
}
.deployment h6 {
  font-weight: bold;
  color: #000;
  margin-top: 20px;
  margin-bottom: 5px;
}
.deployment .deployment-action {
  min-height: 40px;
}
.deployment .loader-small {
  margin: 10px 0;
}
.deployment .deployment-history {
  margin: 30px 0 10px;
}
.deployment .deployment-description {
  font-size: 15px;
  line-height: 1.5;
  padding-top: 3px;
}
.deployment .deployment-description h5 {
  line-height: 34px;
  margin: 0;
}
.deployment .deployment-description .loader {
  padding: 0 10px 0 0;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
  top: -1px;
}
.deployment .deployment-content-loader {
  margin: auto;
}
.deployment .deployment-table-wrapper {
  max-height: 400px;
  overflow-y: auto;
  margin: 0 -25px -25px;
  padding: 0 25px 20px;
}
.deployment .deployment-table-wrapper .table > thead > tr > th {
  border-bottom: 0;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
}
.deployment .deployment-table-wrapper table {
  margin: 0;
  overflow: auto;
}
.deployment .deployment-table-wrapper table th:first-child,
.deployment .deployment-table-wrapper table .cell-id {
  padding-left: 0;
  padding-right: 0;
}
.deployment .deployment-table-wrapper table tbody td:nth-child(2) {
  min-width: 140px;
}
.deployment .deployment-table-wrapper table tbody .cell-id .cell-value {
  padding-top: 5px;
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects {
  max-width: 350px;
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects > div {
  width: 350px;
  word-wrap: break-word;
  display: block;
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type {
  padding-left: 0;
  margin-bottom: 2px;
  position: relative;
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type .arrow-holder {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 22px;
  height: 22px;
  line-height: 26px;
  padding-left: 1px;
  margin-right: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type .arrow-holder:hover,
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type .arrow-holder.open {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type .arrow-holder .icon-chevron-right,
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type .arrow-holder .icon-chevron-down {
  font-size: 12px;
  left: 6px;
  position: relative;
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-type .arrow-holder .icon-chevron-down {
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.deployment .deployment-table-wrapper table tbody .cell-modified-objects .modified-objects-info div {
  padding-left: 29px;
}
.deployment .deployment-table-wrapper table tbody .cell-status {
  max-width: 225px;
  word-wrap: break-word;
}
.deployment .deployment-table-wrapper table tbody .cell-status .toggle-link-row {
  padding-left: 26px;
  line-height: 1;
  font-size: 11px;
}
.deployment .deployment-table-wrapper table tbody .status-messages {
  color: #cf2030;
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
}
.deployment .deployment-table-wrapper table tbody .status-messages li {
  padding: 5px 0 5px 30px;
  position: relative;
  list-style: none;
}
.deployment .deployment-table-wrapper table tbody .status-messages li:before {
  position: absolute;
  left: 8px;
  top: 9px;
  content: '';
  width: 5px;
  height: 5px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #cf2030;
}
.deployment .deployment-table-wrapper table tbody .status-messages li a {
  text-decoration: underline;
}
.deployment .deployment-table-wrapper table tbody .status-messages .marker {
  position: relative;
  left: -1px;
}
.deployment .deployment-table-wrapper table tbody .status-messages .marker:before {
  font-family: 'firewall';
  font-size: 11px;
}
.deployment .deployment-table-wrapper table tbody .bg-none td {
  border-top: none;
}
.deployment .deployment-table-wrapper table tbody .bg-none + tr td {
  border-top: 2px solid #cf2030;
}
.deployment .deployment-table-wrapper table .cell-value-error:first-child,
.deployment .deployment-table-wrapper table .cell-value-success:first-child,
.deployment .deployment-table-wrapper table .cell-value-progress:first-child,
.deployment .deployment-table-wrapper table .cell-value-queue:first-child {
  margin-bottom: 3px;
}
.deployment .deployment-table-wrapper table .cell-value-error:first-child:before,
.deployment .deployment-table-wrapper table .cell-value-success:first-child:before,
.deployment .deployment-table-wrapper table .cell-value-progress:first-child:before,
.deployment .deployment-table-wrapper table .cell-value-queue:first-child:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 5px;
  width: 17px;
  height: 17px;
  text-align: center;
}
.deployment .deployment-table-wrapper table .cell-value-error:first-child {
  color: #cf2030;
}
.deployment .deployment-table-wrapper table .cell-value-error:first-child:before {
  font-size: 17px;
  color: #cf2030;
}
.deployment .deployment-table-wrapper table .cell-value-success:first-child:before {
  background-color: #6ebd4b;
  color: white;
  font-size: 10px;
  top: 0;
  padding: 4px 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.deployment .deployment-table-wrapper table .cell-value-progress:first-child:before {
  font-size: 13px;
  line-height: 17px;
  padding-left: 1px;
  background: #049fd9;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.deployment .deployment-table-wrapper table .cell-value-queue:first-child:before {
  font-size: 17px;
  color: #9e9ea2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.deployment .deployment-table-wrapper > div {
  margin-top: 10%;
  text-align: center;
}
.deployment .deployment-table-wrapper .spinner-holder {
  padding: 5px 0 5px 30px;
}
.deployment .deployment-table-wrapper .spinner-holder .spinner {
  background-size: 32px;
  width: 32px;
  height: 32px;
}
.deployment .modal-data.modal-data-error .general-errors,
.deployment .modal-header.modal-data-error .general-errors {
  max-height: none;
}
.deployment .smart-cli-terminal {
  margin-top: 10px;
}
.deployment .smart-cli-terminal .cli-template-scrollable {
  min-height: auto;
}
.deployment-tooltip {
  width: 260px;
}
.deployment-tooltip .warning-title {
  display: block;
  margin-bottom: 10px;
}
.deployment-tooltip .warning-title.error {
  position: absolute;
  left: 0;
  top: -3px;
}
.deployment-tooltip .with-issue {
  padding-left: 25px;
  display: block;
}
.deployment-tooltip [class*='icon'] {
  margin: 0 4px 4px 0;
}
.deployment-tooltip .icon-cancel:before,
.deployment-tooltip .icon-warning-small:before {
  z-index: 1;
  text-shadow: 0px 0px 1px #ffffff;
}
.deployment-tooltip .icon-cancel:after,
.deployment-tooltip .icon-warning-small:after {
  width: 12px;
  height: 12px;
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-radius: 50px;
  background: white;
  content: '';
  display: block;
  z-index: -1;
}
.deployment-tooltip .icon-cancel:before,
.deployment-tooltip .icon-warning-small:before {
  font-size: 15px;
  color: #ff7300;
}
.deployment-tooltip .icon-cancel:after,
.deployment-tooltip .icon-warning-small:after {
  left: 2px;
  top: 5px;
}
.deployment-tooltip .icon-cancel:before {
  color: #cf2030;
}
.icon-deployment-indicator:after,
.icon-deployment-error:after {
  content: "";
  border: 3px solid #fff;
  border-radius: 50%;
  position: absolute;
  right: -3px;
  bottom: -3px;
  background: #ff7300;
  padding: 5px;
}
.icon-deployment-error:after {
  background: #cf2030;
}
@media (max-width: 991px) {
  .modal-dialog.deployment-dialog {
    width: auto;
    margin: 30px 15px;
  }
}
@media (max-width: 870px) {
  .deployment .deployment-table-wrapper table tbody .cell-modified-objects {
    max-width: 300px;
  }
  .deployment .deployment-table-wrapper table tbody .cell-status {
    max-width: 200px;
  }
}
@media (max-width: 800px) {
  .deployment .deployment-table-wrapper table tbody .cell-modified-objects {
    max-width: 250px;
  }
  .deployment .deployment-table-wrapper table tbody .cell-status {
    max-width: 80px;
  }
}
.dashed--vert-line,
.dashed--horiz-line {
  width: 1px;
  height: 100%;
  border-right: 1px dashed #d1d2d5;
  content: '';
  display: block;
  position: absolute;
}
.dashed--horiz-line {
  width: 100%;
  height: 1px;
  border-right: none;
  border-top: 1px dashed #d1d2d5;
}
.deployment-history .history-event-holder {
  padding-bottom: 24px;
  position: relative;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.deployment-history .history-event-holder .row {
  position: relative;
  z-index: 1;
}
.deployment-history .history-event-holder:not(:last-of-type):after,
.deployment-history .history-event-holder.expanded:after {
  width: 1px;
  height: 100%;
  border-right: 1px dashed #d1d2d5;
  content: '';
  display: block;
  position: absolute;
  left: 25px;
  top: 0;
}
.deployment-history .history-event-holder .summary-expanded-copy {
  display: none;
}
.deployment-history .history-event-holder.expanded {
  width: 151.64%;
}
.deployment-history .history-event-holder.expanded .history-point-brief-info {
  margin: 20px 0 0 0;
}
.deployment-history .history-event-holder.expanded .history-point-brief-info:before {
  display: none;
}
.deployment-history .history-event-holder.expanded .history-point-holder {
  top: 0;
  border: none;
  background: #6ebd4b;
}
.deployment-history .history-event-holder.expanded .history-point-holder.fail {
  background: #cf2030;
}
.deployment-history .history-event-holder.expanded .history-point-holder .status {
  display: none;
}
.deployment-history .history-event-holder.expanded .history-point-holder .date {
  color: white;
}
.deployment-history .history-event-holder.expanded .summary-expanded-copy {
  display: block;
  margin-left: 75px;
  padding-top: 6px;
}
.deployment-history .history-event-holder.expanded .summary-expanded-copy .expand-collapse-button {
  right: 0;
  top: 30px;
}
.deployment-history .history-event-holder.expanded .summary-expanded-copy .summary-title {
  font-size: 18px;
  margin-bottom: 5px;
}
.deployment-history .history-event-holder.expanded .summary-expanded-copy .status {
  font-size: 13px;
}
.deployment-history .history-event-holder.expanded:last-of-type:after {
  height: 50%;
}
.deployment-history .history-event-holder .expand-collapse-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  background: transparent;
  display: table;
}
.deployment-history .history-event-holder .expand-collapse-button [class^='icon'] {
  color: #049fd9;
  transform: scale(0.85);
  vertical-align: middle;
  line-height: 34px;
  display: table-cell;
}
.deployment-history .history-event-holder .expand-collapse-button [class^='icon']:before {
  vertical-align: middle;
}
.deployment-history .history-event-holder .expand-collapse-button:hover {
  background: rgba(4, 159, 217, 0.1);
}
.deployment-history .history-point-holder {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: white;
  border: 1px solid #d1d2d5;
  width: 48px;
  height: 48px;
  display: table;
  position: absolute;
  z-index: 1;
}
.deployment-history .history-point-holder .date {
  display: table-cell;
  vertical-align: middle;
  line-height: 16px;
  text-align: center;
  color: #58585b;
}
.deployment-history .history-point-holder .status {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -8px;
  bottom: -6px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  box-shadow: 0 0 0 2px white;
  box-sizing: content-box;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background: white;
}
.deployment-history .history-point-holder .status [class^='icon'] {
  font-size: 19px;
}
.deployment-history .history-point-holder .status [class^='icon']:before {
  font-size: 19px;
  line-height: 19px;
}
.deployment-history .history-point-holder .status.done [class*='icon'] {
  color: #6ebd4b;
}
.deployment-history .history-point-holder .status.fail [class*='icon'] {
  color: #cf2030;
}
.deployment-history .history-point-brief-info {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 24px 54px 24px 24px;
  margin-left: 75px;
  z-index: 1;
  position: relative;
}
.deployment-history .history-point-brief-info .general-errors,
.deployment-history .history-point-brief-info .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.deployment-history .history-point-brief-info header ~ div .general-errors {
  margin-top: 0;
}
.deployment-history .history-point-brief-info .summary {
  margin-bottom: 10px;
}
.deployment-history .history-point-brief-info .summary strong {
  font-style: italic;
}
.deployment-history .history-point-brief-info .add-info,
.deployment-history .history-point-brief-info .error-message {
  font-size: 13px;
}
.deployment-history .history-point-brief-info .add-info {
  color: #58585b;
}
.deployment-history .history-point-brief-info .add-info .status,
.deployment-history .history-point-brief-info .add-info .date {
  display: inline-block;
  line-height: 20px;
}
.deployment-history .history-point-brief-info .add-info .status.fail {
  color: #cf2030;
}
.deployment-history .history-point-brief-info .date {
  margin-left: 20px;
}
.deployment-history .history-point-brief-info .date [class*='icon-'] {
  color: #c6c7ca;
  font-size: 16px;
  line-height: 16px;
  margin-right: 6px;
  vertical-align: top;
}
.deployment-history .history-point-brief-info .date [class*='icon-']:before {
  vertical-align: middle;
}
.deployment-history .history-point-brief-info .date:before {
  display: inline-block;
  height: 3ex;
  width: 1px;
  vertical-align: middle;
  margin: 0 0.6em;
  background: transparent;
  border-right: 1px dotted rgba(0, 0, 0, 0.2);
  content: '';
  margin: 0 20px 0 0;
  height: 16px;
}
.deployment-history .history-point-brief-info .error-message {
  color: #cf2030;
  display: block;
  margin-top: 5px;
}
.deployment-history .history-point-brief-info .expand-collapse-button {
  top: 50%;
  right: 50px;
  margin-top: -17px;
}
.deployment-history .history-point-brief-info:before {
  width: 1px;
  height: 100%;
  border-right: 1px dashed #d1d2d5;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border-right: none;
  border-top: 1px dashed #d1d2d5;
  top: 24px;
  left: -28px;
  height: 30px;
  width: 28px;
  z-index: 0;
}
.pending-changes-col-mixin {
  float: left;
}
.diff-area .diff-line.removed-color,
.removed-color {
  background: #fbedee;
}
.diff-area .diff-line.removed-color .value,
.removed-color .value {
  color: #961723;
}
.diff-area .diff-line.added-color,
.added-color {
  background: #e5f3df;
}
.diff-area .diff-line.added-color .value,
.added-color .value {
  color: #366023;
}
.pending-changes-container .diff-area .removed-color + .added-color td,
.pending-changes-container .diff-area .added-color + .removed-color td {
  border-top: 1px solid rgba(0, 0, 0, 0.01);
}
.pending-changes-container .diff-area .removed-color + .added-color:after,
.pending-changes-container .diff-area .added-color + .removed-color:after {
  width: 100%;
  height: 1px;
  content: '';
  display: block;
  background-color: rgba(0, 0, 0, 0.01);
}
.diff-area .diff-line.edited-color,
.edited-color {
  background: #e0f1f9;
}
.form-horizontal .pending-changes-container {
  margin: 0 -25px;
}
.form-horizontal .pending-changes-container:first-child {
  margin-top: -25px;
}
.pending-changes-container .scrollable-area {
  overflow-y: scroll;
  min-height: 200px;
}
.pending-changes-header {
  padding: 0 23px 0 51px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background: #f6f6f6;
  overflow: hidden;
}
.pending-changes-header .pending-changes-header-col {
  float: left;
  font-size: 18px;
  line-height: 29px;
  padding-top: 7px;
  padding-bottom: 4px;
  color: #58585b;
  font-weight: normal;
}
.pending-changes-header .pending-changes-header-col:first-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.deployment-dialog .pending-changes-header .pending-changes-header-col:first-child {
  width: 410px;
}
.timeline-list .pending-changes-header .pending-changes-header-col:first-child {
  width: 470px;
}
@media (min-width: 1870px) {
  .timeline-list .pending-changes-header .pending-changes-header-col:first-child {
    width: 600px;
  }
}
.pending-changes-header .pending-changes-header-col .pending-changes-header-date {
  font-size: 13px;
  vertical-align: middle;
}
.pending-changes-header .pending-changes-header-col .pending-changes-header-date:before {
  content: '(';
}
.pending-changes-header .pending-changes-header-col .pending-changes-header-date:after {
  content: ')';
}
.pending-changes-header .pending-changes-header-col:not(:first-child) {
  padding-left: 10px;
}
.pending-changes-header .pending-changes-legend {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  display: flex;
  right: 0;
  align-items: center;
  padding: 0 8px;
  border-left: 1px solid transparent;
  transition: transform 0.45s ease-in-out, background 0.15s ease-in, border 0.15s ease-in;
  transform: translateX(calc(100% - 65px));
}
.pending-changes-header .pending-changes-legend.is-open {
  transform: translateX(0);
  background: white;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.pending-changes-header .pending-changes-legend.is-open .legend-label {
  color: #58585b;
}
.pending-changes-header .pending-changes-legend.is-open .legend-toggle:after {
  transform: rotate(180deg);
}
.pending-changes-header .pending-changes-legend .legend-toggle-wrapper {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.pending-changes-header .pending-changes-legend .legend-toggle {
  position: relative;
  text-align: center;
  margin-right: 8px;
  opacity: 0.8;
  transition: opacity 0.15s ease-in;
  cursor: pointer;
  margin-left: -17px;
}
.pending-changes-header .pending-changes-legend .legend-toggle:hover:before {
  background: #29b0e2;
}
.pending-changes-header .pending-changes-legend .legend-toggle:before {
  content: "";
  display: block;
  background: #049fd9;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  transition: background 0.15s ease-in;
}
.pending-changes-header .pending-changes-legend .legend-toggle:after {
  content: "«";
  margin: auto;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  right: 0;
  font-weight: 600;
  font-size: 14px;
  bottom: 0;
  line-height: 17px;
  transition: transform 0.15s ease-in;
}
.pending-changes-header .pending-changes-legend .legend-label {
  padding: 0;
  display: inline-block;
  text-transform: uppercase;
  font-size: 11px;
  margin-top: 1px;
  color: #049fd9;
}
.pending-changes-header .pending-changes-legend .legend-items {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.pending-changes-header .pending-changes-legend .legend-items .legend-item {
  display: inline-block;
  padding: 3px 5px;
  margin: 0 0 0 6px;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 12px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 1;
  font-weight: normal;
  color: #58585b;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.entity-row {
  padding: 8px 8px 0 21px;
  margin-bottom: 6px;
}
.entity-row:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.entity-row-info {
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
}
.entity-row-info li {
  display: inline-block;
  font-size: 12px;
}
.entity-row-info li > [class^="icon-"] {
  color: #9e9ea2;
  font-size: 14px;
  line-height: 14px;
  margin-right: 4px;
}
.entity-row-info li:not(:last-child):after {
  content: ' ';
  display: inline-block;
  height: 3ex;
  width: 1px;
  vertical-align: middle;
  margin: 0 0.6em;
  background: transparent;
  border-right: 1px dotted rgba(0, 0, 0, 0.2);
  height: 12px;
  margin: -3px 8px 0 12px;
}
.entity-row-heading {
  padding: 4px 0 10px;
}
.entity-row-heading h3 {
  color: #323232;
  font-size: 14px;
  line-height: 1;
  font-weight: bold;
  margin: 0;
}
.entity-row-heading h3 > [class^="icon-"] {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.4);
  margin-right: 8px;
  margin-top: -2px;
}
.entity-row-heading h3 > [class^="icon-"]:before {
  line-height: 18px;
}
.diff-area {
  display: table;
  width: calc(100% - 30px);
  margin-bottom: 20px;
  margin-left: 30px;
  font-size: 12px;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  line-height: 1.5;
  font-weight: normal;
  color: #000;
}
.diff-area .diff-list {
  margin: 0;
  padding: 0;
  display: table;
  width: 100%;
}
.diff-area .diff-list .diff-col:first-child {
  padding-left: 40px;
}
.diff-area .tbody {
  display: table-row-group;
}
.diff-area .diff-line {
  display: table-row;
  background-color: #f7f7f7;
}
.diff-area .diff-col {
  position: relative;
  display: table-cell;
  vertical-align: top;
  float: left;
  padding: 1px 10px;
}
.diff-area .diff-col .entity-ellipsis-wrapper {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 385px;
  display: inline-block;
  vertical-align: top;
}
.diff-area .diff-col .entity-ellipsis-wrapper .value:after {
  content: '\00a0';
}
.diff-area .diff-col .entity {
  font-weight: 600;
  color: #58585b;
}
.diff-area .diff-col:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.deployment-dialog .diff-area .diff-col:not(:last-child) {
  width: 410px;
}
.timeline-list .diff-area .diff-col:not(:last-child) {
  width: 470px;
}
@media (min-width: 1870px) {
  .timeline-list .diff-area .diff-col:not(:last-child) {
    width: 600px;
  }
}
.diff-area .diff-col > a {
  text-decoration: underline;
}
.diff-area .diff-col .add-to-filter {
  border-bottom: 1px dashed transparent;
}
.diff-area .diff-col .add-to-filter:hover {
  text-decoration: none;
  color: #049fd9;
  border-bottom: 1px dashed #049fd9;
}
.diff-area .diff-scrollable-col {
  padding: 0;
  background-color: #f7f7f7;
}
.diff-area .diff-scrollable-col:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.diff-area .diff-scrollable-col .h-scrollable-wrapper {
  overflow-x: scroll;
  overflow-y: visible;
  width: calc(100% - 56px);
  max-width: 768px;
}
.diff-area .diff-scrollable-col .h-scrollable-wrapper .h-scrollable-line {
  white-space: nowrap;
}
.diff-area .diff-scrollable-col .h-scrollable {
  width: 100%;
}
.diff-area .diff-scrollable-col .h-scrollable .fixed-column {
  width: 56px;
  position: absolute;
  padding: 1px 10px;
  background: inherit;
}
.diff-area .diff-scrollable-col .h-scrollable .scrollable-content {
  padding: 1px 10px;
}
.diff-area .diff-scrollable-col:first-child .h-scrollable-wrapper {
  margin-right: 56px;
}
.diff-area .diff-scrollable-col:first-child .h-scrollable .fixed-column {
  right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.diff-area .diff-scrollable-col:last-child .h-scrollable-wrapper {
  margin-left: 56px;
}
.diff-area .diff-scrollable-col:last-child .h-scrollable .fixed-column {
  left: 0;
  text-align: right;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.info-container {
  text-align: center;
  color: #9e9ea2;
  padding: 16px 0;
  margin: 0 auto;
  width: 80%;
}
.info-container h3 {
  color: #58585b;
}
.info-container a {
  text-decoration: underline;
}
.info-container > [class^="icon-"] {
  margin-bottom: 16px;
  font-size: 42px;
  height: 42px;
  color: #c6c7ca;
}
.info-container .icon-deployment-1 {
  position: relative;
}
.info-container .icon-deployment-1 .icon-checkmark-thin {
  bottom: -10px;
  right: -10px;
  font-size: 10px;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  background-color: #6ebd4b;
  padding-top: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  box-shadow: 0 0 0 2px #ffffff;
}
.info-container .info-text-separator {
  display: block;
  max-width: 50%;
  margin: 24px auto;
  height: 1px;
  line-height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
.info-container .btn-primary {
  margin-top: 16px;
}
.info-container .deployment-loader {
  padding: 30px;
}
.info-container-minified ~ .form-horizontal .pending-changes-header {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.progress-dialog .info-container {
  padding: 32px 0 48px;
}
.confirmation-dialog .icon-confirmation .icon-user {
  font-size: 60px;
  height: 60px;
  color: rgba(255, 115, 0, 0.5);
}
.confirmation-dialog .icon-confirmation .warning-icon {
  position: absolute;
  bottom: -10px;
  right: 20px;
}
.confirmation-dialog .icon-confirmation .warning-icon:after {
  color: #ff7300;
  font-size: 18px;
  line-height: 18px;
  box-shadow: 0 0 0 3px #ffffff;
  border-radius: 50%;
}
.confirmation-dialog .important-text {
  display: block;
  margin-bottom: 8px;
}
.confirmation-dialog .form-group {
  margin-bottom: 16px;
}
.expandable-card .pending-changes-container {
  margin-left: -36px;
  margin-right: -15px;
}
.expandable-card .pending-changes-container .pending-changes-header {
  padding-left: 36px;
}
.expandable-card .pending-changes-container .pending-changes-header .pending-changes-header-col:not(:first-child) {
  padding-left: 10px;
}
.expandable-card .pending-changes-container .entity-row-heading h3 > [class^="icon-"] {
  margin-right: 3px;
  margin-left: 5px;
}
.expandable-card .pending-changes-container .entity-row {
  padding-left: 6px;
}
.expandable-card .pending-changes-container.without-headers {
  margin-left: 0;
  margin-right: 0;
}
.expandable-card .pending-changes-container.without-headers .pending-changes-header {
  padding: 0;
}
.expandable-card .pending-changes-container.without-headers .pending-changes-header .pending-changes-legend {
  right: 0;
}
.expandable-card .pending-changes-container.without-headers .entity-row {
  padding: 0;
}
.expandable-card .pending-changes-container.without-headers .diff-area {
  width: 100%;
  margin-left: 0;
}
.error-item .last-deployment-info,
.alert-success .last-deployment-info {
  margin: 0;
  font-size: 13px;
  padding-top: 4px;
}
.error-item .last-deployment-info a,
.alert-success .last-deployment-info a {
  text-transform: capitalize;
  text-decoration: underline;
}
.info-container-minified {
  padding: 8px 0 0 0;
}
.info-container-minified .deployment-inline-loader {
  display: inline-block;
  padding: 26px;
}
.info-container-minified .sub-title {
  font-size: 16px;
}
.info-container-minified .secondary-text {
  color: #9e9ea2;
}
.info-container-minified div {
  display: inline-block;
  vertical-align: middle;
}
.info-container-minified p {
  margin: 0;
}
.button-hover-expanded-mixin {
  background-color: #c6c7ca;
}
.button-hover-expanded-mixin i {
  color: #323232;
}
.audit-holder {
  padding-top: 16px;
}
.expandable-card {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  padding: 8px 16px 8px 36px;
  margin: 4px 0;
  border-left: 4px solid transparent;
  position: relative;
}
.expandable-card .general-errors,
.expandable-card .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.expandable-card header ~ div .general-errors {
  margin-top: 0;
}
.expandable-card .expand-collapse-button {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  left: 8px;
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.expandable-card .expand-collapse-button i {
  color: #9e9ea2;
  font-size: 10px;
  width: inherit;
  line-height: inherit;
}
.expandable-card .expand-collapse-button i:before {
  line-height: inherit;
}
.expandable-card .expand-collapse-button:hover {
  background-color: #c6c7ca;
}
.expandable-card .expand-collapse-button:hover i {
  color: #323232;
}
.expandable-card .expandable-card-title {
  margin: 7px 0 6px;
  color: #58585b;
  font-size: 13px;
  font-weight: bold;
  float: left;
  cursor: pointer;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  max-width: 820px;
}
@media (max-width: 1870px) {
  .expandable-card .expandable-card-title {
    max-width: 590px;
  }
}
.expandable-card .expandable-card-info {
  list-style: none;
  margin: 4px 0 0;
  padding: 0;
  float: right;
}
.expandable-card .expandable-card-info li {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
}
.expandable-card .expandable-card-info li [class^="icon-"] {
  color: #9e9ea2;
  font-size: 14px;
  line-height: 14px;
  margin-right: 4px;
}
.expandable-card .expandable-card-info li span.text-ellipsis {
  vertical-align: top;
  max-width: 200px;
  display: inline-block;
}
.expandable-card .expandable-card-info li .add-to-filter {
  color: #049fd9;
}
.expandable-card .expandable-card-info li .add-to-filter > span {
  border-bottom: 1px dashed transparent;
  line-height: 14px;
  padding-top: 3px;
}
.expandable-card .expandable-card-info li .add-to-filter [class^="icon-"] {
  color: rgba(4, 159, 217, 0.4);
}
.expandable-card .expandable-card-info li .add-to-filter:hover {
  text-decoration: none;
}
.expandable-card .expandable-card-info li .add-to-filter:hover > span {
  text-decoration: none;
  border-bottom-color: inherit;
}
.expandable-card .expandable-card-info li:not(:last-child):after {
  content: ' ';
  display: inline-block;
  height: 3ex;
  width: 1px;
  vertical-align: middle;
  margin: 0 0.6em;
  background: transparent;
  border-right: 1px dotted rgba(0, 0, 0, 0.2);
  height: 12px;
  margin: -1px 12px 0;
}
.expandable-card .expandable-card-info .ip-address {
  text-align: right;
  min-width: 100px;
}
.expandable-card .expandable-card-info .ip-address span.text-ellipsis {
  max-width: 115px;
}
.expandable-card .expandable-card-heading .dropdown-btn {
  margin-top: 3px;
  margin-bottom: -6px;
  display: none;
}
.expandable-card .expanded-card-additional-info {
  padding-top: 10px;
  display: none;
}
.expandable-card .expanded-card-additional-info .scrollable-area {
  max-height: 600px;
}
.expandable-card .nav-tabs {
  margin: 0 0 8px -8px;
}
.expandable-card .nav-tabs li a {
  padding: 0 8px;
}
.expandable-card .nav-tabs li ~ li a {
  margin-left: 5px;
}
.expandable-card .nav.nav-tabs ~ .tab-content {
  padding-bottom: 0;
}
.expandable-card.expanded {
  border-left-color: #64bbe3;
}
.expandable-card.expanded .expand-collapse-button {
  background-color: #c6c7ca;
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.expandable-card.expanded .expand-collapse-button i {
  color: #323232;
}
.expandable-card.expanded .expandable-card-title {
  font-size: 16px;
  color: black;
  margin-top: 5px;
  font-weight: normal;
  max-width: 100%;
}
.expandable-card.expanded .expandable-card-info {
  display: none;
}
.expandable-card.expanded .expandable-card-heading .dropdown-btn {
  display: block;
}
.expandable-card.expanded .expanded-card-additional-info {
  display: block;
}
.expandable-card.expanded .expanded-card-additional-info .general-errors {
  margin: -5px 0 13px -23px;
  padding: 0 20px 10px 0;
}
.expandable-card.expanded .expanded-card-additional-info .general-errors .inline-loader {
  margin-left: 40px;
}
.expandable-card.expanded .expanded-card-additional-info .general-errors .error-item {
  margin: 0 0 0 -17px;
  padding: 0;
}
.expandable-card .details-list {
  width: 100%;
  margin: 0 -8px 16px;
}
.expandable-card .details-list td {
  padding: 9px 8px 8px;
  border-bottom: 1px solid #f0f0f0;
  line-height: 1;
  min-width: 140px;
  font-size: 13px;
  vertical-align: top;
}
.expandable-card .details-list td .detail-value + [class^="icon-"] {
  visibility: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #049fd9;
  color: white;
  width: 20px;
  height: 20px;
  font-size: 12px;
  margin-left: 8px;
  float: right;
}
.expandable-card .details-list td .detail-value + [class^="icon-"]:before {
  line-height: 20px;
}
.expandable-card .details-list td .add-to-filter {
  border-bottom: 1px dashed transparent;
}
.expandable-card .details-list td .add-to-filter:hover {
  text-decoration: none;
  color: #049fd9;
  border-bottom: 1px dashed #049fd9;
}
.expandable-card .details-list td .detail-value,
.expandable-card .details-list td .detail-value a,
.expandable-card .details-list td .detail-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.expandable-card .details-list td .detail-value a,
.expandable-card .details-list td .detail-value {
  max-width: 320px;
}
.expandable-card .details-list td .detail-name {
  max-width: 132px;
}
.expandable-card .details-list td .detail-value-multiline {
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 320px;
  max-height: 109.2px;
  /* Fallback for non-webkit */
  font-size: 13px;
  line-height: 1.4;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.timeline-list {
  position: relative;
}
.timeline-list:before {
  content: '';
  position: absolute;
  top: 0;
  left: 4px;
  height: 100%;
  width: 3px;
  background-color: #f0f0f0;
}
.timeline-list .event-date {
  padding-left: 30px;
  color: black;
  font-weight: bold;
  margin-bottom: 16px;
  font-size: 12px;
}
.timeline-list .event-date .events-count {
  font-weight: normal;
}
.timeline-list .event-list {
  margin: 0 0 16px;
  padding: 0;
  list-style: none;
}
.timeline-list .event-list .event-item {
  position: relative;
  padding-left: 100px;
}
.timeline-list .event-list .event-item .event-time {
  left: 0;
  top: 18px;
  position: absolute;
  width: 100px;
  padding-left: 30px;
  font-size: 12px;
}
.timeline-list .event-list .event-item .event-time:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #9e9ea2;
  width: 7px;
  height: 7px;
  line-height: 7px;
  box-shadow: 0 0 0 3px #f7f7f7;
}
.timeline-list .event-list .event-item .event-time.expanded {
  font-weight: bold;
  color: black;
}
.timeline-list .event-list .event-item.failed .event-time {
  color: #cf2030;
}
.timeline-list .event-list .event-item.failed .event-time:before {
  background-color: #cf2030;
  width: 11px;
  height: 11px;
  line-height: 11px;
  left: 0;
  top: 0;
}
.timeline-list .event-list .event-item.failed .expandable-card .expandable-card-title {
  color: #cf2030;
}
.filter-section {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
  /* Filter search element styles  */
}
.filter-section .filter-wrapper {
  padding-bottom: 8px;
}
.filter-section .filter-wrapper .range-col {
  float: right;
  margin-left: 16px;
}
.filter-section .filter-wrapper .search-col {
  overflow: hidden;
}
.filter-section .search-holder {
  position: relative;
}
.filter-section .search-holder .icon-filter-single {
  position: absolute;
  top: 10px;
  left: 10px;
}
.filter-section .search-holder .clear-filter-search {
  color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 9px;
  right: 10px;
}
.filter-section .search-holder .clear-filter-search:hover {
  color: rgba(0, 0, 0, 0.7);
}
.filter-section .search-holder .ui-widget-content {
  border: none;
  background: #e5e5e5;
}
.filter-section .search-holder .ui-widget {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.filter-section .search-holder .ui-widget input {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.filter-section .search-holder ul.tagit {
  padding: 1px 36px 6px;
  margin-bottom: 0;
}
.filter-section .search-holder ul.tagit li {
  margin: 5px 5px 0;
  padding: 6px 4px 3px 4px;
}
.filter-section .search-holder ul.tagit li.tagit-choice .tagit-close .ui-icon-close {
  display: none;
}
.filter-section .search-holder ul.tagit li.tagit-choice .tagit-close .text-icon {
  display: block;
  transition: none;
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background: none !important;
  opacity: 0.5;
  height: auto;
  width: 19px;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 24px;
  top: -3px;
}
.filter-section .search-holder ul.tagit li.tagit-choice .tagit-close .text-icon:hover {
  color: white;
  opacity: 1.0;
  text-decoration: none;
}
.filter-section .search-holder ul.tagit li.tagit-choice-editable {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  border: none;
  margin: 5px 2px 0;
  padding: 7px 24px 5px 8px;
}
.filter-section .search-holder ul.tagit li.tagit-choice-editable .filter-value {
  font-weight: bold;
}
.filter-section .presets-wrapper {
  margin-bottom: 12px;
}
.time-range-dropdown .btn-select i[class^='icon-'] {
  top: 2px;
  color: inherit;
  font-size: 18px;
  line-height: 30px;
  position: relative;
  margin-right: 6px;
}
.time-range-dropdown .dropdown-menu {
  min-width: 160px;
}
.tagit-autocomplete {
  border: none;
  background: white;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  margin-top: 8px;
}
.tagit-autocomplete .ui-menu-item {
  border-bottom: 1px solid #e9f2f8;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding: 12px 8px;
}
.tagit-autocomplete .ui-menu-item.ui-state-focus {
  background: #f7f7f7;
  border: none;
  border-bottom: 1px solid #e9f2f8;
  margin: 0;
}
.tagit-autocomplete .ui-menu-item-wrapper {
  padding: 0;
}
.custom-range-form {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
  display: table;
  width: 100%;
}
.custom-range-form .custom-range-form-row {
  display: table-row;
}
.custom-range-form .custom-range-form-row .col {
  display: table-cell;
  padding-bottom: 24px;
  vertical-align: middle;
}
.custom-range-form .custom-range-form-row .col .date-picker {
  float: left;
  width: 100px;
  margin: 0 4px;
  padding: 0 10px;
}
.custom-range-form .custom-range-form-row .col .time-picker {
  float: left;
  width: 63px;
  margin: 0 4px;
}
.custom-range-form .custom-range-form-row .col .time-picker.dropdown.open .btn-select:not([class*='action-']) {
  background: #e9f2f8;
  color: #323232;
}
.custom-range-form .custom-range-form-row .col .time-picker.dropdown .btn-select.not-selected {
  color: #323232;
}
.custom-range-form .custom-range-form-row .col .time-picker .btn-select {
  padding: 0 10px;
  border: none;
}
.custom-range-form .custom-range-form-row .col .time-picker .dropdown-menu.scrollable {
  min-width: 100px;
}
.custom-range-form .custom-range-form-row .text-col {
  padding: 0 12px 24px;
}
.custom-range-form .form-group .control-label {
  font-size: 12px;
  color: #9e9ea2;
  margin-bottom: 0;
}
.audit-empty-state {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  font-style: italic;
  margin: 20px 0 20px;
}
.dns .dns-info-icon {
  position: absolute;
  bottom: 6px;
  right: -18px;
}
.ha-config-page #main.container-fluid {
  position: relative;
  height: auto;
  min-height: 100%;
  background-color: white;
  width: 100%;
  max-width: inherit;
  margin: 0;
  padding: 66px 0 0 0;
}
.ha-config-page #main .container-fluid {
  max-width: 1400px;
  margin: 24px auto;
}
.ha-config-page #main .container-fluid:before,
.ha-config-page #main .container-fluid:after {
  content: '';
  width: 100%;
  display: block;
  clear: both;
}
.ha-config-page #main .explanation-box .container-fluid {
  margin: 0 auto;
}
.page-section {
  padding-top: 10px;
  background-color: #f7f7f7;
}
.explanation-box {
  padding: 0 0 32px;
  border-bottom: 1px solid #f0f0f0;
}
.explanation-box .explanation-box-heading {
  font-size: 24px;
  font-weight: 100;
  margin-top: 0;
  margin-bottom: 20px;
}
.explanation-box .explanation-box-heading [class^='icon-'] {
  position: relative;
  width: 21px;
  height: 21px;
  font-size: 9px;
}
.explanation-box .explanation-box-heading [class^='icon-']:before {
  margin-left: 2px;
  line-height: 19px;
}
.explanation-box .explanation-box-heading a {
  color: #58585b;
}
.explanation-box .explanation-box-heading a:hover {
  text-decoration: none;
}
.explanation-box .explanation-box-heading a:active {
  text-decoration: none;
}
.explanation-box .explanation-box-heading a:focus {
  border-bottom: none;
  text-decoration: none;
}
.explanation-box .explanation-box-sub-heading {
  font-size: 24px;
  font-weight: 100;
}
.explanation-box .choose {
  padding: 5px 0;
}
.explanation-box.no-border {
  border-bottom: none;
}
.square {
  width: 28px;
  height: 28px;
}
.solid-connection {
  border: 2px solid #9e9ea2;
}
.dashed-connection {
  border: 2px dashed #c6c7ca;
}
.ha-how-works-diagram {
  position: relative;
  width: 334px;
  height: 190px;
  margin: 40px 0 10px;
  left: 50%;
  top: 0;
  margin-left: -167px;
}
.ha-how-works-diagram * {
  box-sizing: content-box;
}
.ha-how-works-diagram .device-label {
  text-transform: uppercase;
  font-size: 11px;
}
.ha-how-works-diagram .device-state {
  font-weight: bold;
  color: #6ebd4b;
}
.ha-how-works-diagram .device-state.failed {
  color: #cf2030;
}
.ha-how-works-diagram .icon-device {
  color: #6ebd4b;
  font-size: 46px;
}
.ha-how-works-diagram .icon-device.failed {
  color: #cf2030;
}
.ha-how-works-diagram .icon-device.standby {
  color: #c6c7ca;
}
.ha-how-works-diagram .standby {
  color: #9e9ea2;
}
.ha-how-works-diagram .circle {
  width: 10px;
  height: 10px;
  border: 2px solid #049fd9;
  top: 62px;
  background: white;
  position: absolute;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ha-how-works-diagram .traffic-label {
  position: absolute;
  left: 25px;
  color: #9e9ea2;
  top: 40px;
  max-width: 65px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ha-how-works-diagram .src-label,
.ha-how-works-diagram .dst-label {
  position: absolute;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  top: 63px;
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ha-how-works-diagram .source .circle {
  left: 0;
}
.ha-how-works-diagram .source .src-label {
  right: 344px;
  text-align: right;
}
.ha-how-works-diagram .destination .circle {
  left: auto;
  right: 0;
}
.ha-how-works-diagram .destination .dst-label {
  left: 344px;
}
.ha-how-works-diagram .sync {
  position: absolute;
  left: 50%;
  top: 52px;
  width: 90px;
  margin-left: -45px;
  text-align: center;
}
.ha-how-works-diagram .sync .sync-label-1 {
  font-size: 11px;
  text-transform: uppercase;
}
.ha-how-works-diagram .sync .sync-label-2 {
  color: #c6c7ca;
  font-size: 12px;
  margin-top: 10px;
}
.ha-how-works-diagram .sync .icon-sync {
  font-size: 30px;
  color: #c6c7ca;
  transform: rotate(45deg);
}
.ha-how-works-diagram .sync .arrow-1,
.ha-how-works-diagram .sync .arrow-2 {
  position: absolute;
  width: 20px;
  overflow: hidden;
}
.ha-how-works-diagram .sync .arrow-1 {
  left: 0;
  top: -11px;
}
.ha-how-works-diagram .sync .arrow-2 {
  right: 0;
  top: -11px;
}
.ha-how-works-diagram .sync .arrow-2 .icon-sync {
  position: relative;
  left: -20px;
}
.ha-how-works-diagram .primary-device-block {
  position: absolute;
  left: 50%;
  top: -33px;
  width: 120px;
  margin-left: -60px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ha-how-works-diagram .primary-device-block .device-state {
  margin-bottom: -10px;
}
.ha-how-works-diagram .primary-device-block .circle[class*='failed-connection'] {
  border-color: #c6c7ca;
  text-align: center;
  vertical-align: middle;
  top: 36px;
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.ha-how-works-diagram .primary-device-block .circle[class*='failed-connection'] .icon-cross {
  color: #cf2030;
  font-size: 10px;
  text-align: center;
  vertical-align: baseline;
  width: 11px;
  height: 11px;
  line-height: 12px;
}
.ha-how-works-diagram .primary-device-block .circle[class*='failed-connection'].failed-connection-1 {
  left: 16px;
}
.ha-how-works-diagram .primary-device-block .circle[class*='failed-connection'].failed-connection-2 {
  right: 16px;
}
.ha-how-works-diagram .secondary-device-block {
  position: absolute;
  left: 50%;
  width: 120px;
  margin-left: -60px;
  text-align: center;
  bottom: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ha-how-works-diagram .secondary-device-block .device-label {
  margin-top: -20px;
}
.ha-how-works-diagram .diagram-connections [class*='primary-'] {
  border: 2px solid #9e9ea2;
  position: absolute;
}
.ha-how-works-diagram .diagram-connections [class*='secondary-'] {
  position: absolute;
  border: 2px dashed #c6c7ca;
}
.ha-how-works-diagram [class*='chevron-'] {
  color: #9e9ea2;
  position: absolute;
  font-size: 14px;
  top: 62px;
}
.ha-how-works-diagram .arrows .icon-chevron-right {
  right: 30px;
}
.ha-how-works-diagram .arrows .icon-chevron-right ~ .icon-chevron-right {
  left: 45px;
  right: auto;
}
.ha-how-works-diagram .arrows .icon-chevron-left {
  right: 45px;
}
.ha-how-works-diagram .arrows .icon-chevron-left ~ .icon-chevron-left {
  left: 30px;
  right: auto;
}
.ha-how-works-diagram.fine .sync {
  display: block;
}
.ha-how-works-diagram.fine .diagram-connections [class*='secondary-'] {
  z-index: 0;
}
.ha-how-works-diagram.fine .diagram-connections [class*='primary-'] {
  z-index: 1;
  outline: 2px;
  outline-color: white;
}
.ha-how-works-diagram.fine .diagram-connections .primary-1 {
  border-color: #9e9ea2;
  border-style: solid;
  width: 96px;
  height: 28px;
  left: 0;
  top: 38px;
  border-left-color: transparent;
  border-top-color: transparent;
  border-radius: 0 0 28px 0;
}
.ha-how-works-diagram.fine .diagram-connections .primary-2 {
  border-style: solid;
  border-color: #9e9ea2;
  left: 98px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 28px 0 0;
}
.ha-how-works-diagram.fine .diagram-connections .primary-3 {
  border-style: solid;
  border-color: #9e9ea2;
  right: 98px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0 28px 0 0;
}
.ha-how-works-diagram.fine .diagram-connections .primary-4 {
  border-style: solid;
  border-color: #9e9ea2;
  right: 0;
  top: 38px;
  width: 96px;
  height: 28px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 28px;
}
.ha-how-works-diagram.fine .diagram-connections .secondary-1 {
  border-color: #c6c7ca;
  border-style: dashed;
  left: 0;
  top: 68px;
  height: 28px;
  width: 96px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0 28px 0 0;
}
.ha-how-works-diagram.fine .diagram-connections .secondary-2 {
  border-style: dashed;
  border-color: #c6c7ca;
  left: 98px;
  top: 94px;
  width: 28px;
  height: 28px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 28px;
}
.ha-how-works-diagram.fine .diagram-connections .secondary-3 {
  border-style: dashed;
  border-color: #c6c7ca;
  right: 98px;
  top: 94px;
  width: 28px;
  height: 28px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 0 0 28px 0;
}
.ha-how-works-diagram.fine .diagram-connections .secondary-4 {
  border-style: dashed;
  border-color: #c6c7ca;
  right: 0;
  top: 68px;
  width: 96px;
  height: 28px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 28px 0 0 0;
}
.ha-how-works-diagram.fine .failed-crossout,
.ha-how-works-diagram.fine [class*='failed-connection'] {
  display: none;
}
.ha-how-works-diagram.failed .sync {
  display: none;
}
.ha-how-works-diagram.failed .failed-crossout {
  display: block;
  position: absolute;
  width: 32px;
  height: 4px;
  transform: rotate(45deg);
  background: #cf2030;
  left: 45px;
  top: 44px;
  outline: 4px solid white;
}
.ha-how-works-diagram.failed [class*='failed-connection'] {
  display: block;
}
.ha-how-works-diagram.failed .primary-device-block .icon-device {
  color: #c6c7ca;
}
.ha-how-works-diagram.failed .secondary-device-block .icon-device {
  color: #6ebd4b;
}
.ha-how-works-diagram.failed .diagram-connections .primary-1 {
  border-color: #f0f0f0;
  border-style: solid;
  width: 96px;
  height: 28px;
  left: 0;
  top: 38px;
  border-left-color: transparent;
  border-top-color: transparent;
  border-radius: 0 0 28px 0;
}
.ha-how-works-diagram.failed .diagram-connections .primary-2 {
  border-style: solid;
  border-color: #f0f0f0;
  left: 98px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 28px 0 0;
}
.ha-how-works-diagram.failed .diagram-connections .primary-3 {
  border-style: solid;
  border-color: #f0f0f0;
  right: 98px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0 28px 0 0;
}
.ha-how-works-diagram.failed .diagram-connections .primary-4 {
  border-style: solid;
  border-color: #f0f0f0;
  right: 0;
  top: 38px;
  width: 96px;
  height: 28px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 28px;
}
.ha-how-works-diagram.failed .diagram-connections .secondary-1 {
  border-color: #9e9ea2;
  border-style: solid;
  left: 0;
  top: 68px;
  height: 28px;
  width: 96px;
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-radius: 0 28px 0 0;
}
.ha-how-works-diagram.failed .diagram-connections .secondary-2 {
  border-style: solid;
  border-color: #9e9ea2;
  left: 98px;
  top: 94px;
  width: 28px;
  height: 28px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-radius: 0 0 0 28px;
}
.ha-how-works-diagram.failed .diagram-connections .secondary-3 {
  border-style: solid;
  border-color: #9e9ea2;
  right: 98px;
  top: 94px;
  width: 28px;
  height: 28px;
  border-top-color: transparent;
  border-left-color: transparent;
  border-radius: 0 0 28px 0;
}
.ha-how-works-diagram.failed .diagram-connections .secondary-4 {
  border-style: solid;
  border-color: #9e9ea2;
  right: 0;
  top: 68px;
  width: 96px;
  height: 28px;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-radius: 28px 0 0 0;
}
.ha-configuration .how-works article {
  text-align: center;
}
.ha-configuration .page-section .ha-helper-wrapper {
  margin: 0 10px;
}
.ha-configuration .page-section .feature-state {
  padding: 0 0 8px 0;
}
.ha-configuration .page-section .feature-state.ha-is-loading {
  padding: 0 0 8px 60px;
}
.ha-configuration .page-section .feature-state.ha-is-loading .titles {
  vertical-align: bottom;
  margin-bottom: 5px;
}
.ha-configuration .page-section .feature-state.ha-is-loading .titles .icon-badge,
.ha-configuration .page-section .feature-state.ha-is-loading .titles .icon-no-badge {
  top: 20px;
}
.ha-configuration .summary .form-group {
  margin-bottom: 8px;
}
.ha-configuration .summary .form-group-heading {
  margin-bottom: 12px;
}
.ha-configuration .summary .info-block2 {
  margin-top: 0;
}
.ha-configuration .btn-copy {
  margin-right: 26px;
}
.ha-configuration .large-textarea {
  min-height: 260px;
}
.ha-configuration .general-wait-card {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 35px 24px 45px;
  width: 580px;
  margin: 0 auto;
}
.ha-configuration .general-wait-card .general-errors,
.ha-configuration .general-wait-card .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.ha-configuration .general-wait-card header ~ div .general-errors {
  margin-top: 0;
}
.ha-configuration .general-wait-card img.loader {
  margin: 0 24px 24px;
  width: 60px;
  height: auto;
  display: inline-block;
  padding: 0;
}
.ha-configuration .ha-saving-status-holder {
  display: inline-block;
  position: relative;
}
.ha-configuration .ha-saving-status-holder .saving {
  position: absolute;
  left: 55px;
  top: 9px;
  display: block;
}
.ha-configuration .ha-saving-status-holder .ha-saving-status {
  position: absolute;
  width: 300px;
  margin-left: 10px;
  padding-left: 50px;
  text-align: left;
  left: 0;
  top: -9px;
}
.ha-configuration .ha-saving-status-holder .ha-saving-status .loading {
  position: absolute;
  display: block;
  left: 0;
  top: 10px;
}
.ha-configuration .ha-empty-page-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #f7f7f7;
}
.ha-diagram {
  width: 100%;
  height: 80px;
  position: relative;
}
.ha-diagram .primary-device,
.ha-diagram .secondary-device {
  position: absolute;
  left: 120px;
  width: 130px;
  text-align: center;
}
.ha-diagram .primary-device .icon-device,
.ha-diagram .secondary-device .icon-device {
  font-size: 48px;
  color: #9e9ea2;
  text-align: center;
}
.ha-diagram .primary-device .green-circle,
.ha-diagram .secondary-device .green-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 81px;
  top: 0;
  border: 2px solid white;
  background: #6ebd4b;
  text-align: center;
}
.ha-diagram .primary-device .green-circle .icon-checkmark-thin,
.ha-diagram .secondary-device .green-circle .icon-checkmark-thin {
  font-size: 10px;
  color: white;
  line-height: 22px;
  vertical-align: middle;
}
.ha-diagram .primary-device .device-label,
.ha-diagram .secondary-device .device-label {
  font-size: 11px;
  text-transform: uppercase;
  color: #58585b;
  display: block;
  position: relative;
  height: 20px;
  text-align: center;
  top: -20px;
  max-width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
}
.ha-diagram .primary-device.pending .icon-device,
.ha-diagram .secondary-device.pending .icon-device {
  color: #c6c7ca;
}
.ha-diagram .primary-device.pending .device-label,
.ha-diagram .secondary-device.pending .device-label {
  color: #9e9ea2;
}
.ha-diagram .secondary-device {
  right: 120px;
  left: auto;
}
.ha-diagram .connection-line {
  position: absolute;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  left: 215px;
  top: 24px;
  width: 120px;
}
.ha-configuration-form .form-group.ip-type-controll-group {
  margin-bottom: 14px;
}
.ha-configuration-form legend.control-label {
  margin-bottom: 0;
}
/* Styles for the table empty state placeholder. */
.create-rule-container {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 48px 0 64px 0;
  top: -20px;
  width: 100%;
  position: relative;
  min-height: 1px;
  text-align: center;
  color: #9e9ea2;
  overflow: hidden;
  overflow: visible;
  float: left;
}
.create-rule-container .general-errors,
.create-rule-container .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.create-rule-container header ~ div .general-errors {
  margin-top: 0;
}
.create-rule-container .message,
.create-rule-container .create-rule-message {
  margin: 0 0 20px;
}
.create-rule-container strong {
  font-weight: normal;
  font-size: 18px;
}
.create-rule-container .choose {
  margin-top: 35px;
}
.create-rule-container .dropdown {
  display: inline-block;
}
.policies-page .create-rule-container .create-rule-message {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  font-style: italic;
  margin: 0 0 20px;
}
.policies-page tr.empty-state .create-rule-container {
  top: 0;
}
.modal .form-group .create-rule-container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.modal .form-group .create-rule-container {
  padding: 5px 0 0;
  top: 0;
  text-align: left;
}
.modal .form-group .create-rule-container .create-rule-message {
  font-size: 12px;
  margin-bottom: 15px;
}
.modal .form-group .create-rule-container .create-rule-message p {
  margin: 0;
}
.sidebar-content {
  display: flex;
  flex: 1;
  max-height: 542px;
}
.sidebar-content .sidebar-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  background: #f0f0f0;
  width: 258px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d7d7d7;
}
.sidebar-content .search-bar {
  padding: 15px 12px;
}
.sidebar-content .tab-nav {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow-y: auto;
  list-style: none;
  margin: 0;
  padding: 15px 0;
}
.sidebar-content .tab-nav .tab-muted {
  opacity: 0.5;
}
.sidebar-content .tab-nav .nav-group-item {
  padding: 0;
  line-height: 36px;
  vertical-align: middle;
}
.sidebar-content .tab-nav .nav-group-item .nav-group-link {
  position: relative;
  padding-left: 50px;
  padding-right: 25px;
  color: #58585b;
  text-decoration: none;
  display: block;
  background: none;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.sidebar-content .tab-nav .nav-group-item .nav-group-link:before {
  content: '\25CF';
  font-size: 9px;
  color: #cf2030;
  opacity: 0;
  visibility: hidden;
  line-height: 0;
  position: absolute;
  display: block;
  top: 48%;
  transform: translateX(-13px);
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-transition: all 0.15s ease;
}
.sidebar-content .tab-nav .nav-group-item .nav-group-link.has-error {
  color: #cf2030;
}
.sidebar-content .tab-nav .nav-group-item .nav-group-link.has-error:hover {
  background: rgba(207, 32, 48, 0.1);
}
.sidebar-content .tab-nav .nav-group-item .nav-group-link.has-error:before {
  opacity: 1;
  visibility: visible;
}
.sidebar-content .tab-nav .nav-group-item .nav-group-title {
  padding-left: 25px;
  padding-right: 25px;
}
.sidebar-content .tab-nav .nav-group-item:hover .nav-group-link {
  color: #58585b;
  background: rgba(4, 159, 217, 0.1);
}
.sidebar-content .tab-nav .nav-group-item:hover .nav-group-link.has-error {
  color: #cf2030;
}
.sidebar-content .tab-nav .nav-group-item.active .nav-group-link {
  color: white;
  cursor: default;
  background: #049fd9;
}
.sidebar-content .tab-nav .nav-group-item.active .nav-group-link.has-error {
  background: #f3c7cb;
  color: #cf2030;
}
.sidebar-content .tab-content {
  width: calc(100% - 258px);
  overflow: auto;
  padding: 25px 25px 0;
  border-bottom: 1px solid #d7d7d7;
}
.sidebar-content .tab-content .label-tip {
  color: #9e9ea2;
  font-size: 14px;
}
.sidebar-content .tab-content .form-section-heading {
  border: none;
}
.sidebar-content .tab-content .form-section-heading h5 {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
  margin-bottom: 8px;
}
.cs-slider.dropdown {
  position: static;
}
.cs-slider .reputation-slider {
  padding: 0;
}
.cs-slider .reputation-slider .ui-slider {
  border: none;
}
.cs-slider .reputation-slider .wrap-pip {
  width: 90%;
}
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).green-state .wrap-pip:before {
  background: #6ebd4b;
}
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).green-state .ui-slider .ui-slider-handle,
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).green-state .ui-slider .slider-range-start {
  border-color: #6ebd4b;
}
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).green-state .ui-slider .ui-slider-range {
  background: #6ebd4b;
}
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).neutral-state .wrap-pip:before {
  background: #9e9ea2;
}
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).neutral-state .ui-slider .ui-slider-handle,
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).neutral-state .ui-slider .slider-range-start {
  border-color: #9e9ea2;
}
.cs-slider .reputation-slider.left-oriented:not(.no-selected-value).neutral-state .ui-slider .ui-slider-range {
  background: #9e9ea2;
}
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).green-state .wrap-pip {
  background: #6ebd4b;
}
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).green-state .wrap-pip:after {
  background: #6ebd4b;
}
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).green-state .ui-slider .ui-slider-handle,
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).green-state .ui-slider .slider-range-start {
  border-color: #6ebd4b;
}
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).red-state .wrap-pip {
  background: #cf2030;
}
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).red-state .wrap-pip:after {
  background: #cf2030;
}
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).red-state .ui-slider .ui-slider-handle,
.cs-slider .reputation-slider.right-oriented:not(.no-selected-value).red-state .ui-slider .slider-range-start {
  border-color: #cf2030;
}
.cs-slider .reputation-slider.right-oriented .wrap-pip {
  z-index: inherit;
}
.cs-slider .reputation-slider.right-oriented .wrap-pip:before {
  width: 1px;
  background: #b0d7ec;
}
.cs-slider .reputation-slider.right-oriented .wrap-pip:after {
  content: "";
  width: 2px;
  height: 11px;
  position: absolute;
  right: 0;
  top: -4px;
}
.cs-slider .reputation-slider.right-oriented .wrap-pip .pip {
  z-index: -1;
}
.cs-slider .reputation-slider.right-oriented .ui-slider .ui-slider-range {
  background: #ccebf7;
}
.cs-slider .reputation-slider.no-selected-value .wrap-pip {
  background: #ccebf7;
}
.cs-slider .reputation-slider.no-selected-value .wrap-pip:before,
.cs-slider .reputation-slider.no-selected-value .wrap-pip:after {
  width: 1px;
  background: #b0d7ec;
}
.cs-slider .reputation-slider.no-selected-value .ui-slider .ui-slider-handle,
.cs-slider .reputation-slider.no-selected-value .ui-slider .ui-slider-range {
  opacity: 0;
}
.cs-slider .reputation-slider.no-selected-value .reputations-list {
  opacity: 0.75;
}
.cs-slider .reputation-slider.no-selected-value:hover .reputations-list:not([disabled]) {
  opacity: 1;
}
.cs-slider .reputations-list {
  clear: both;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.cs-slider .reputations-list .reputation-label {
  position: relative;
  display: inline-block;
  height: 20px;
  float: left;
  box-sizing: border-box;
  line-height: 1.3;
  width: 18%;
  margin-left: 5%;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  color: #9e9ea2;
}
.cs-slider .reputations-list .reputation-label:first-child {
  padding-left: 0;
  text-align: left;
  width: 14%;
  margin-left: -6%;
}
.cs-slider .reputations-list .reputation-label:last-child {
  padding-right: 0;
  text-align: right;
  margin-left: 4%;
}
.cs-slider .reputations-list .reputation-label:not([disabled]) {
  cursor: pointer;
}
.cs-slider .reputations-list .reputation-label:not([disabled]):hover {
  color: #049fd9;
}
.cs-slider .reputations-list .reputation-label.selected {
  color: #323232;
}
.cs-slider .reputations-list .reputation-label.selected .reputation-label-text {
  top: -35px;
}
.cs-slider .reputations-list .reputation-label .reputation-label-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 20px;
  transition: top 0.3s;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.cs-slider .any-url-reputation {
  padding-left: 0;
  margin-top: -10px;
}
.cs-slider .any-url-reputation .wrapp-emulate {
  line-height: 24px;
}
.cs-slider .any-url-reputation input[type="checkbox"] {
  margin-right: 2px;
  margin-left: 0;
}
.cs-slider .any-url-reputation label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.cs-slider .selected-reputation-label {
  padding-bottom: 10px;
}
.wrap-slider-range {
  padding: 0 !important;
}
.wrap-slider-range .slider-holder {
  padding: 35px 20px 20px;
  font-size: 13px;
  line-height: 1.5;
  min-height: 75px;
}
.wrap-slider-range .message-holder {
  padding: 0 20px 20px;
}
.wrap-slider-range p {
  line-height: 1.5;
  font-size: 13px;
}
.wrap-slider-range strong,
.slider strong {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.wrap-slider-range strong.light-color,
.slider strong.light-color {
  color: #9e9ea2;
}
.ui-slider {
  height: 3px;
  margin: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}
.ui-slider .ui-slider-range {
  background: #abc233;
  border-radius: 0;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.ui-slider .ui-slider-handle,
.ui-slider .slider-range-start {
  position: absolute;
  width: 13px;
  height: 13px;
  border: 4px solid #abc233;
  box-shadow: 0 0 0 2px #fff;
  background: #fff;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.ui-slider .ui-slider-handle:focus,
.ui-slider .slider-range-start:focus {
  outline: none;
}
.ui-slider .ui-slider-handle {
  top: -5px;
  cursor: pointer;
  z-index: 3;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.ui-slider .slider-range-start {
  left: -6px;
  top: -4px;
}
.wrap-pip {
  width: 100%;
  background: #ccebf7;
  height: 3px;
  position: relative;
  left: 0;
  z-index: 0;
}
.wrap-pip:before {
  content: "";
  width: 2px;
  height: 11px;
  float: left;
  background: #abc233;
  margin: -4px -1px 0;
}
.wrap-pip .pip {
  width: 25%;
  position: relative;
  top: -4px;
  height: 11px;
  float: left;
  border-right: 1px solid #b0d7ec;
  z-index: 0;
}
.wrap-pip .pip:last-child {
  border-right-width: 2px;
  right: 0;
  position: absolute;
}
.search-bar {
  border-bottom: 1px solid #d7d7d7;
}
.search-bar .search-holder {
  position: relative;
}
.search-bar .search-holder.warning .form-control.active {
  background: #f3c7cb;
}
.search-bar .search-holder .form-control {
  background: none;
  padding-left: 35px;
  padding-right: 35px;
}
.readonly .search-bar .search-holder .form-control {
  padding-left: 35px;
  padding-right: 35px;
}
.search-bar .search-holder .form-control:focus,
.search-bar .search-holder .form-control.active {
  background: white;
}
.search-bar .search-holder .form-control:focus + .icon-search,
.search-bar .search-holder .form-control.active + .icon-search {
  color: #58585b;
}
.search-bar .search-holder [class*='icon-'] {
  position: absolute;
  line-height: 1;
  top: 50%;
  transform: translateY(-50%);
  color: #9e9ea2;
}
.search-bar .search-holder .icon-search {
  left: 10px;
}
.search-bar .search-holder .icon-cancel {
  cursor: pointer;
  right: 10px;
  transition: color 0.15s ease-in;
}
.search-bar .search-holder .icon-cancel:hover {
  color: #6b6b6f;
}
.ui-autocomplete {
  z-index: 1100;
  box-shadow: -1px 2px 9px 0 rgba(0, 0, 0, 0.1);
  border: none;
  color: #58585b;
  max-width: 260px;
}
.ui-autocomplete.ui-widget {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
}
.ui-autocomplete.ui-menu .ui-menu-item {
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.15s ease-in;
  padding: 6px 10px;
  font-size: 12px;
}
.ui-autocomplete.ui-menu .ui-menu-item:last-child {
  border-bottom: none;
}
.ui-autocomplete .ui-state-focus {
  border: none;
  background: #ffffff;
  margin: 0;
  color: #3f3f41;
}
.search-with-presets {
  float: right;
  width: auto;
  margin-bottom: 10px;
}
.search-with-presets .cs-search-input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 29px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -ms-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  background: #e5e5e5;
  color: #323232;
  box-shadow: none;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  min-height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  color: #58585b;
  padding-left: 25px;
  position: relative;
  display: flex;
  min-width: 400px;
  width: auto;
  margin-bottom: 5px;
}
.search-with-presets .cs-search-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.search-with-presets .cs-search-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.search-with-presets .cs-search-input:-ms-input-placeholder {
  color: #999;
}
.search-with-presets .cs-search-input::-webkit-input-placeholder {
  color: #999;
}
.search-with-presets .cs-search-input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.search-with-presets .cs-search-input[disabled],
.search-with-presets .cs-search-input[readonly],
fieldset[disabled] .search-with-presets .cs-search-input {
  background-color: #eeeeee;
  opacity: 1;
}
.search-with-presets .cs-search-input[disabled],
fieldset[disabled] .search-with-presets .cs-search-input {
  cursor: not-allowed;
}
textarea.search-with-presets .cs-search-input {
  height: auto;
}
.search-with-presets .cs-search-input:focus {
  background: #e9f2f8;
  box-shadow: none;
}
.search-with-presets .cs-search-input.ongray {
  background: #fff;
  border: 1px solid transparent;
}
.search-with-presets .cs-search-input.ongray:focus {
  border: 1px solid #c6c7ca;
}
.search-with-presets .cs-search-input.short {
  width: 110px;
}
.search-with-presets .cs-search-input:disabled,
.search-with-presets .cs-search-input.disabled {
  background: #e5e5e5;
}
.smart-cli-terminal .search-with-presets .cs-search-input:disabled,
.smart-cli-terminal .search-with-presets .cs-search-input.disabled {
  background: transparent;
}
.search-with-presets .cs-search-input .search {
  position: absolute;
  left: 8px;
  top: 8px;
}
.search-with-presets .cs-search-input .provided-filters {
  flex: 1 auto;
  padding-left: 10px;
}
.search-with-presets .cs-search-input .provided-filters:before,
.search-with-presets .cs-search-input .provided-filters:after {
  content: " ";
  display: table;
}
.search-with-presets .cs-search-input .provided-filters:after {
  clear: both;
}
.search-with-presets .cs-search-input .provided-filters:before,
.search-with-presets .cs-search-input .provided-filters:after {
  content: " ";
  display: table;
}
.search-with-presets .cs-search-input .provided-filters:after {
  clear: both;
}
.search-with-presets .cs-search-input .provided-filters .filter {
  position: relative;
  float: left;
  padding: 6px 20px 4px 8px;
  margin: 0 5px 2px 0;
  background: #58585b;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.search-with-presets .cs-search-input .provided-filters .filter .remove-filter {
  transition: none;
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
  background: none !important;
  opacity: 0.5;
  height: auto;
  width: 19px;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 24px;
}
.search-with-presets .cs-search-input .provided-filters .filter .remove-filter:hover {
  color: white;
  opacity: 1.0;
  text-decoration: none;
}
.search-with-presets .cs-search-input .provided-filters .filter .remove-filter:before {
  content: '×';
}
.search-with-presets .cs-search-input .provided-filters .filter .remove-filter:hover {
  cursor: pointer;
}
.search-with-presets .cs-search-input .provided-filters + .input-wrapper input {
  padding-left: 10px;
}
.search-with-presets .cs-search-input .input-wrapper {
  flex: 1 auto;
}
.search-with-presets .cs-search-input .input-wrapper ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9e9ea2;
  opacity: 1;
}
.search-with-presets .cs-search-input .input-wrapper ::-moz-placeholder {
  /* Firefox 19+ */
  color: #9e9ea2;
  opacity: 1;
}
.search-with-presets .cs-search-input .input-wrapper :-ms-input-placeholder {
  /* IE 10+ */
  color: #9e9ea2;
  opacity: 1;
}
.search-with-presets .cs-search-input .input-wrapper :-moz-placeholder {
  /* Firefox 18- */
  color: #9e9ea2;
  opacity: 1;
}
.search-with-presets .cs-search-input .input-wrapper input {
  border: none;
  background: transparent;
  outline: none;
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0 25px 0 15px;
  line-height: 20px;
  height: 20px;
}
.search-with-presets .cs-search-input .input-wrapper .clear {
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -8px;
}
.search-with-presets .cs-search-input .input-wrapper .clear i {
  font-size: 14px;
  line-height: 1;
  display: block;
}
.form-horizontal .directory-server-conf .tab-section-heading {
  margin-bottom: 10px;
}
.directory-server-conf-list .directory-server-conf-item {
  position: relative;
  margin: 0 0 8px;
}
.directory-server-conf-list .directory-server-conf-item .title {
  padding-right: 75px;
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.directory-server-conf-list .directory-server-conf-item .icon-server {
  color: #58585b;
  padding: 0 5px 0 10px;
}
.directory-server-conf-list .directory-server-conf-item .icon-server:before {
  vertical-align: middle;
}
.directory-server-conf-list .directory-server-conf-item .form-group:last-child {
  margin-bottom: 0;
}
.directory-server-conf-list .directory-server-conf-item.expanded {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.directory-server-conf-list .directory-server-conf-item.expanded .general-errors,
.directory-server-conf-list .directory-server-conf-item.expanded .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.directory-server-conf-list .directory-server-conf-item.expanded header ~ div .general-errors {
  margin-top: 0;
}
.directory-server-conf-list .directory-server-conf-item.expanded .title {
  font-size: 15px;
  font-weight: bold;
}
.directory-server-conf-list .directory-server-conf-item.expanded .icon-server,
.directory-server-conf-list .directory-server-conf-item.expanded .icon-dropdown-down,
.directory-server-conf-list .directory-server-conf-item.expanded .icon-remove {
  color: #58585b;
}
.directory-server-conf-list .directory-server-conf-item.expanded .icon-remove:hover {
  color: #cf2030;
}
.directory-server-conf-list .directory-server-conf-item.collapsed {
  display: flex;
  align-items: center;
  text-decoration: none;
  background: #e5e5e5;
  color: #444;
  border-radius: 3px;
}
.directory-server-conf-list .directory-server-conf-item.collapsed.hasErrors {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #cf2030;
}
.directory-server-conf-list .directory-server-conf-item.collapsed .remove-button {
  display: none;
}
.directory-server-conf-list .directory-server-conf-item.collapsed:hover {
  background: #f2f2f2;
}
.directory-server-conf-list .directory-server-conf-item.collapsed:hover .icon-dropdown-down,
.directory-server-conf-list .directory-server-conf-item.collapsed:hover .icon-remove {
  color: #58585b;
}
.directory-server-conf-list .directory-server-conf-item.collapsed:hover .icon-remove:hover {
  color: #cf2030;
}
.directory-server-conf-list .directory-server-conf-item.collapsed:hover .remove-button {
  display: block;
}
.directory-server-conf-list .directory-server-conf-item .header {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 100%;
  height: 36px;
}
.directory-server-conf-list .directory-server-conf-item .directory-server-conf-content {
  padding: 10px 0;
  margin: 0 10px;
  border-top: #e5e5e5 1px solid;
}
.directory-server-conf-list .directory-server-conf-item .directory-server-conf-content.collapsed {
  display: none;
}
.directory-server-conf-list .directory-server-conf-item .remove-button {
  position: absolute;
  right: 8px;
  top: 10px;
}
.directory-server-conf-list .directory-server-conf-item .remove-button [class^='icon-'] {
  font-size: 16px;
}
.directory-server-conf-list .directory-server-conf-item .expandable-toggler {
  position: absolute;
  right: 45px;
  top: 12px;
  font-size: 11px;
  color: #9e9ea2;
}
.directory-server-conf-list .directory-server-conf-item .expandable-toggler:before {
  vertical-align: middle;
}
.directory-server-conf-list .directory-server-conf-item .expandable-toggler.expanded {
  transform: rotate(180deg);
}
.directory-server-conf-list .directory-server-conf-item .test-button {
  position: absolute;
  right: 70px;
  font-size: 12px;
}
.directory-server-conf-list .help-block {
  color: #cf2030;
}
.problem-url-categories-warning .multi-counters {
  display: inline-block;
}
.problem-url-categories-warning .problem-url-categories-filter {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
}
.problem-url-categories-warning .problem-url-categories-filter .pseudo-link {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.problem-url-categories-warning .problem-url-categories-filter .pseudo-link:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.problem-url-categories-warning .problem-url-categories-filter .pseudo-link:hover {
  text-decoration: none;
}
.listing-warning .multi-counters {
  display: inline-block;
}
.listing-warning .actions {
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
}
.listing-warning .actions .pseudo-link {
  margin-top: 0;
}
.listing-warning .warning-counter {
  color: #ff7300;
}
.cs-update-poller {
  display: inline-block;
  vertical-align: middle;
  color: #9e9ea2;
  line-height: 36px;
  margin-bottom: 10px;
  font-style: italic;
}
.reset-dialog .icon {
  color: #9e9ea2;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.reset-dialog .count {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.reset-dialog .count .count-value-wrapper {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  padding-right: 0;
}
.reset-dialog .count .count-value {
  max-width: 162px;
  font-size: 30px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.reset-dialog .count .reset-link {
  font-size: 14px;
  margin: 0 0 3px 4px;
  text-decoration: underline dashed;
}
.reset-dialog .date {
  display: flex;
  margin-top: 15px;
  margin-bottom: 20px;
}
.reset-dialog .date .date-value em {
  color: #9e9ea2;
  font-style: italic;
}
.cs-hitcount {
  position: relative;
  min-height: 32px;
  min-width: 68px;
  margin-bottom: -5px;
}
.cs-hitcount .loader {
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -21px;
}
.cs-hitcount .value-line {
  display: block;
  vertical-align: middle;
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  font-size: 11px;
  text-align: left;
}
.cs-hitcount .value-line:not(:first-child) {
  margin-top: 1px;
}
.cs-hitcount .value-line em {
  font-size: 12px;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  vertical-align: middle;
}
.cs-hitcount .value-line .icon {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  width: 25px;
  color: #9e9ea2;
  vertical-align: middle;
}
.cs-hitcount .value-line .count-value,
.cs-hitcount .value-line .date-value {
  display: inline-block;
  vertical-align: top;
  line-height: 17px;
}
.cs-hitcount .value-line .count-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
}
.cs-hitcount .value-line .count-value .reset-link {
  text-decoration: underline dashed;
  font-weight: normal;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
}
.cs-hitcount.with-icons {
  /*
     * Current section contains styles for the block which is displayed
     * in the 'Edit Access Rule' dialog, which is the only place to show hit count
     * info with icons on the left.
     */
  float: left;
  border-left: 1px solid #e5e5e5;
  padding-left: 12px;
}
.cs-hitcount.with-icons .hit-count-data-block {
  font-size: 13px;
}
.cs-hitcount.with-icons.without-border {
  border-left: unset;
  padding-left: 0;
}
.scanned-interfaces .nav-tabs {
  padding: 0 10px;
}
.scanned-interfaces .tab-pane {
  padding: 0 25px;
}
.scanned-interfaces .tab-content {
  max-height: 450px;
  overflow-y: auto;
}
.scanned-interfaces .two-lines-icon-list .two-lines-icon-item .icon-subinterface {
  font-size: 14px;
}
.scanned-interfaces .two-lines-icon-list .two-lines-icon-item .icon-subinterface.warning:after {
  top: 17px;
  right: -2px;
}
.scanned-interfaces .removed-interfaces-warning-text {
  margin-bottom: 10px;
}
.two-lines-icon-list {
  padding: 0;
}
.two-lines-icon-list > li {
  margin: 0;
}
.two-lines-icon-list .two-lines-icon-item {
  display: flex;
  height: 56px;
}
.two-lines-icon-list .two-lines-icon-item .entity-icon {
  position: relative;
  width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  color: #c6c7ca;
  text-align: left;
}
.two-lines-icon-list .two-lines-icon-item .entity-icon.warning:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 15px;
  right: -4px;
  font-size: 9px;
  display: inline-block;
  color: #ff7300;
}
.two-lines-icon-list .two-lines-icon-item .item-text-content {
  max-width: 100%;
  flex-grow: 1;
  padding: 10px 0;
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
}
.two-lines-icon-list .two-lines-icon-item .item-text-content .item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.two-lines-icon-list .two-lines-icon-item .item-text-content .item-hint {
  font-size: 12px;
  line-height: 18px;
  color: #9e9ea2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.two-lines-icon-list .two-lines-icon-item:last-child .item-text-content {
  border-bottom: none;
}
.router-model {
  font-size: 12px;
  position: absolute;
  top: 8px;
  left: 12px;
  color: #9e9ea2;
  width: 88%;
  text-align: left;
}
.router-model strong {
  max-width: calc(100% - 21px);
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.router-model .device-diagram-info-tooltip-wrapper {
  display: inline-block;
  vertical-align: top;
  margin: -2px 0 0 2px;
}
.router-model .device-diagram-info-tooltip-wrapper i {
  font-size: 15px;
}
.info-tooltip.device-diagram-info-tooltip {
  max-width: none;
  width: 380px;
}
.blocking-popup-dialog {
  margin-top: 150px;
  width: 620px;
}
.blocking-popup {
  padding: 20px 15px 60px;
  text-align: center;
  font-size: 14px;
  line-height: 1.6em;
}
.blocking-popup .icon-wrapper {
  width: 100%;
  padding: 28px 0;
}
.blocking-popup .icon-wrapper i[class^=icon] {
  line-height: 1em;
  font-size: 70px;
  width: 70px;
  height: 70px;
  color: #049fd9;
}
.blocking-popup .icon-wrapper i[class^=icon].icon-power-inverted {
  color: #cf2030;
}
.blocking-popup h1 {
  font-size: 37px;
  margin-bottom: 10px;
}
.blocking-popup hr {
  margin-top: 25px;
  margin-bottom: 30px;
}
.cs-tooltip .hint {
  display: none;
}
.cs-tooltip.warning i {
  line-height: 1;
}
.cs-tooltip:hover,
.cs-tooltip:active,
.cs-tooltip:focus {
  text-decoration: none;
}
.cs-tooltip .tooltip-handler {
  cursor: pointer;
}
.cs-tooltip.form-group-tooltip {
  display: inline-block;
  margin-top: 34px;
}
.ui-tooltip {
  min-width: 300px;
}
.ui-tooltip .ui-tooltip-content p:last-child,
.ui-tooltip .ui-tooltip-content ul:last-child,
.ui-tooltip .ui-tooltip-content ol:last-child {
  margin-bottom: 0;
}
.ui-tooltip .ui-tooltip-content ul {
  padding: 0 0 0 6px;
  list-style-type: none;
  margin-bottom: 5px;
}
.ui-tooltip .ui-tooltip-content ul li {
  display: flex;
}
.ui-tooltip .ui-tooltip-content ul li:before {
  display: inline-block;
  margin-right: 4px;
}
.info-tooltip {
  /**
   * Used for non-script (hover) tooltips
   */
}
.info-tooltip .ui-tooltip-content {
  position: relative;
}
.info-tooltip .ui-tooltip-content:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
}
.info-tooltip .ui-tooltip-content.left-bottom:before,
.info-tooltip .ui-tooltip-content.center-bottom:before,
.info-tooltip .ui-tooltip-content.right-bottom:before,
.info-tooltip .ui-tooltip-content.left-top:before,
.info-tooltip .ui-tooltip-content.center-top:before,
.info-tooltip .ui-tooltip-content.right-top:before,
.ci-device li .info-tooltip .ui-tooltip-content:before {
  transform: translateX(-50%);
}
.info-tooltip .ui-tooltip-content.left-bottom:before,
.info-tooltip .ui-tooltip-content.center-bottom:before,
.info-tooltip .ui-tooltip-content.right-bottom:before {
  bottom: -16px;
  border-width: 6px 6px 0;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent;
}
.info-tooltip .ui-tooltip-content.left-top:before,
.info-tooltip .ui-tooltip-content.center-top:before,
.info-tooltip .ui-tooltip-content.right-top:before,
.ci-device li .info-tooltip .ui-tooltip-content:before {
  top: -16px;
  border-width: 0 6px 6px;
  border-color: transparent transparent rgba(0, 0, 0, 0.7);
}
.info-tooltip .ui-tooltip-content.left-bottom:before,
.info-tooltip .ui-tooltip-content.left-top:before {
  left: 20px;
}
.info-tooltip .ui-tooltip-content.center-bottom:before,
.info-tooltip .ui-tooltip-content.center-top:before,
.ci-device li .info-tooltip .ui-tooltip-content:before {
  left: 50%;
}
.info-tooltip .ui-tooltip-content.right-bottom:before,
.info-tooltip .ui-tooltip-content.right-top:before {
  right: 7px;
}
.info-tooltip .ui-tooltip-content.top-right:before,
.info-tooltip .ui-tooltip-content.middle-right:before,
.info-tooltip .ui-tooltip-content.bottom-right:before,
.info-tooltip .ui-tooltip-content.top-left:before,
.info-tooltip .ui-tooltip-content.middle-left:before,
.info-tooltip .ui-tooltip-content.bottom-left:before {
  transform: translateY(-50%);
}
.info-tooltip .ui-tooltip-content.top-right:before,
.info-tooltip .ui-tooltip-content.middle-right:before,
.info-tooltip .ui-tooltip-content.bottom-right:before {
  right: -18px;
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.7);
}
.info-tooltip .ui-tooltip-content.top-left:before,
.info-tooltip .ui-tooltip-content.middle-left:before,
.info-tooltip .ui-tooltip-content.bottom-left:before {
  left: -18px;
  border-width: 6px 6px 6px 0;
  border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
}
.info-tooltip .ui-tooltip-content.top-right:before,
.info-tooltip .ui-tooltip-content.top-left:before {
  top: 20px;
}
.info-tooltip .ui-tooltip-content.middle-right:before,
.info-tooltip .ui-tooltip-content.middle-left:before {
  top: 50%;
}
.info-tooltip .ui-tooltip-content.bottom-right:before,
.info-tooltip .ui-tooltip-content.bottom-left:before {
  bottom: 14px;
}
.info-tooltip.centered {
  text-align: center;
  width: auto;
}
.info-tooltip.scrollable .ui-tooltip-content {
  padding-right: 10px;
  max-height: 200px;
  overflow-y: auto;
}
.info-tooltip .break-all {
  word-break: break-all;
}
.info-tooltip.safe-space:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 15px;
}
.info-tooltip.safe-space:after.bottom-text:after {
  height: 28px;
}
.list-of-links {
  opacity: 0.5;
}
.list-of-links ul {
  padding: 0;
}
.list-of-links ul li .action-link {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  font-size: 13px;
  margin-top: 0;
  font-weight: bold;
}
.list-of-links ul li .action-link:before {
  bottom: 1px;
}
.list-of-links ul li .action-link:hover {
  color: #037aa7;
}
.list-of-links ul li i {
  color: #049fd9;
  font-size: 13px;
}
tr:hover .list-of-links {
  opacity: 1;
}
.cs-breadcrumbs .common-wrapper {
  position: relative;
}
.cs-breadcrumbs .common-wrapper .back-button {
  display: block;
  float: left;
  line-height: 26px;
  padding: 17px 20px 0 0;
}
.cs-breadcrumbs .common-wrapper .back-button a {
  color: #9e9ea2;
}
.cs-breadcrumbs .common-wrapper .back-button a:hover {
  color: #58585b;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper ul.breadcrumbs-list {
  padding: 0;
  margin: 0;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper ul.breadcrumbs-list li {
  display: inline-block;
  vertical-align: middle;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper ul.breadcrumbs-list li:before {
  content: ' / ';
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper ul.breadcrumbs-list li:first-child:before {
  display: none;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search {
  display: inline-block;
  margin-left: -10px;
  margin-bottom: 10px;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search > button {
  padding-left: 10px;
  font-size: 24px;
  font-weight: 200;
  line-height: 25px;
  color: #58585b;
  background: transparent;
  border: none;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search.open > button,
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search:hover > button {
  background: #58585b;
  color: white;
  border-color: transparent;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search.open > button.btn-primary,
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search:hover > button.btn-primary {
  background: #0387b8;
}
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search.open > button > .icon-chevron-down,
.cs-breadcrumbs .common-wrapper .breadcrumbs-wrapper .item-picker-dropdown-with-popup-search:hover > button > .icon-chevron-down {
  color: white;
}
.cs-page-title h1 {
  margin: 4px 0 20px;
  vertical-align: top;
}
.cs-action-icons {
  border-left-width: 2px;
  border-left-style: dotted;
  display: inline-block;
  vertical-align: top;
  color: #9e9ea2;
  padding: 2px 0 0 10px;
  margin: 6px 0 0 -7px;
  font-size: 14px;
  line-height: 15px;
}
.cs-action-icons a {
  cursor: pointer;
  color: inherit;
}
.cs-action-icons a:not(.disabled):hover {
  color: #58585b;
}
.cs-action-icons a:not(.disabled) .icon-remove:hover {
  color: #cf2030;
}
.route-leak-warning-message {
  margin-bottom: 12px;
}
.vrf-interface-usage-indicator {
  position: relative;
  padding: 26px 0 0 15px;
  font-size: 12px;
}
.vrf-interface-usage-indicator .used-vrf-info-message {
  position: absolute;
  top: 5px;
  left: 15px;
}
.vrf-interface-usage-indicator .dotted-wrapper {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  border: 1px dotted #9e9ea2;
}
.vrf-interface-usage-indicator .dotted-wrapper > .item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: block;
  padding: 0 30px 0 34px;
  margin: 0;
  font-size: 12px;
  line-height: 36px;
}
.vrf-interface-usage-indicator .dotted-wrapper .entity-icon {
  position: absolute;
  left: 11px;
  font-size: 18px;
  opacity: 0.7;
}
.vrf-interface-usage-indicator .dotted-wrapper .entity-icon:before {
  vertical-align: middle;
}
.vrf-interface-usage-indicator .dotted-wrapper.with-loader {
  padding: 10px 0 11px;
  text-align: center;
}
.vrf-interface-usage-indicator .dotted-wrapper:before {
  content: '';
  position: absolute;
  left: -42px;
  top: 50%;
  width: 36px;
  height: 0;
  border-top: 1px dotted #9e9ea2;
}
.vrf-interface-usage-indicator .dotted-wrapper .entity-icon.icon-virtualrouter {
  left: 7px;
  top: 6px;
  font-size: 16px;
  color: #9e9ea2;
}
.vrf-interface-usage-indicator .dotted-wrapper .entity-icon.icon-external-link {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  width: 18px;
  height: 18px;
  left: -32px;
  top: 9px;
  color: #ffffff;
  background: #ff7300;
  opacity: 1;
  font-size: 12px;
  line-height: 17px;
  padding: 1px 0 0 1px;
}
.vrf-interface-usage-indicator.has-warning .dotted-wrapper {
  border-color: #ff7300;
}
.vrf-interface-usage-indicator.is-loading .dotted-wrapper {
  border-color: #c6c7ca;
}
.vrf-interface-usage-indicator.not-selected .dotted-wrapper > .item-name {
  opacity: .5;
}
.how-multi-vrf-works.inline {
  flex-grow: 1;
}
.router-top-panel .routing-panel-buttons {
  display: flex;
  flex-direction: row;
}
.router-top-panel .routing-panel-buttons .item {
  margin-left: 16px;
}
/**
 * The modifier is valid only for WM1010, as the device does not have VRF support, hence no 'How VRF Works?'
 * dropdown is going to be rendered.
 * NB: This is valid for FTD 6.6.0 and is probably to be updated in future releases.
 **/
.buttons-only-wrapper .routing-panel-buttons {
  display: block;
  position: absolute;
  top: -15px;
  right: 15px;
}
.buttons-only-wrapper .routing-panel-buttons:before,
.buttons-only-wrapper .routing-panel-buttons:after {
  content: " ";
  display: table;
}
.buttons-only-wrapper .routing-panel-buttons:after {
  clear: both;
}
.buttons-only-wrapper .routing-panel-buttons:before,
.buttons-only-wrapper .routing-panel-buttons:after {
  content: " ";
  display: table;
}
.buttons-only-wrapper .routing-panel-buttons:after {
  clear: both;
}
.buttons-only-wrapper .routing-panel-buttons .item {
  float: right;
}
.how-multi-vrf-work-diagram {
  margin-top: 24px;
}
.how-multi-vrf-work-diagram .diagram-objects {
  position: relative;
  width: 460px;
  height: 280px;
  margin: 0 auto;
}
.how-multi-vrf-work-diagram .diagram-objects .ftd-device {
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -65px;
  width: 130px;
  height: 244px;
  border: 2px solid #c6c7ca;
}
.how-multi-vrf-work-diagram .diagram-objects .ftd-device .device-object {
  position: absolute;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  top: -42px;
  text-align: center;
}
.how-multi-vrf-work-diagram .diagram-objects .ftd-device .device-object .icon-device {
  text-shadow: -4px -4px 0 white, 4px -4px 0 white, -4px 4px 0 white, 4px 4px 0 white;
  font-size: 48px;
  color: #9e9ea2;
}
.how-multi-vrf-work-diagram .diagram-objects .ftd-device .device-object .device-label {
  font-size: 10px;
  display: block;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  top: 12px;
  position: relative;
  color: #9e9ea2;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group {
  position: relative;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-1,
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-2 {
  position: absolute;
  width: 150px;
  overflow: hidden;
  background: white;
  top: 6px;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-1 .network-label,
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-2 .network-label {
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  text-align: right;
  width: 100px;
  display: block;
  float: left;
  color: #9e9ea2;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-1 .icon-network2,
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-2 .icon-network2 {
  font-size: 24px;
  float: right;
  margin: 0 6px;
  position: relative;
  top: -12px;
  color: #9e9ea2;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .vrf-object {
  position: absolute;
  left: 50%;
  width: 50px;
  margin-left: -25px;
  text-align: center;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .vrf-object .vrf {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: white;
  box-shadow: 0 0 0 8px white;
  width: 38px;
  height: 38px;
  line-height: 38px;
  vertical-align: middle;
  border: 2px solid #9e9ea2;
  text-align: center;
  display: inline-block;
  color: #9e9ea2;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .vrf-object .vrf-label {
  font-size: 10px;
  color: #9e9ea2;
  display: block;
  position: absolute;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  left: -70%;
  text-align: center;
  width: 120px;
  margin-top: 6px;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-2 {
  right: 0;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-2 .network-label {
  text-align: left;
  float: right;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .network-entity-2 .icon-network2 {
  float: left;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group .connection-line {
  position: absolute;
  width: 100%;
  height: 0;
  border-bottom: 1px dashed #9e9ea2;
  top: 19px;
  box-shadow: 0 0 0 4px white;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-a {
  top: 48px;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-a .icon-network2 {
  color: #abc233;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-a .connection-line {
  border-bottom-color: #abc233;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-a .vrf {
  border-color: #abc233;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-b {
  top: 118px;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-b .icon-network2 {
  color: #2471a7;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-b .connection-line {
  border-bottom-color: #2471a7;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-b .vrf {
  border-color: #2471a7;
}
.how-multi-vrf-work-diagram .diagram-objects .vrf-group.customer-n {
  top: 210px;
}
.how-multi-vrf-work-diagram .diagram-objects .ellipsis {
  height: 15px;
  width: 0;
  border-right: 4px dotted #c6c7ca;
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin-left: -2px;
}
.how-works {
  margin-bottom: 20px;
}
.how-works h4 {
  font-size: 16px;
  margin: 0;
}
.how-works h5 {
  margin: 25px 0;
}
.how-works .base {
  color: #323232;
  position: relative;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.how-works .base .general-errors,
.how-works .base .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.how-works .base header ~ div .general-errors {
  margin-top: 0;
}
.how-works.expanded .base {
  padding: 23px 18px;
}
.how-works .dropdown-title {
  color: #58585b;
  margin: 0;
  font-size: 16px;
  padding: 10px 18px 9px;
  cursor: pointer;
}
.how-works .toggler-holder {
  padding: 7px 0 7px 7px;
  position: absolute;
  right: 20px;
  top: 4px;
  cursor: pointer;
  z-index: 11;
}
.how-works .toggler-holder .icon {
  font-size: 12px;
}
.how-works .toggler-holder.open {
  right: -75px;
}
.how-works .description-wrapper {
  width: 42%;
  float: left;
}
.how-works .diagram-wrapper {
  width: 56%;
  float: right;
  position: relative;
  box-sizing: border-box;
  padding: 0 45px;
}
.how-works .diagram-wrapper header {
  text-align: center;
}
.how-works .diagram-wrapper .divider {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #f0f0f0;
}
.how-works .diagram-wrapper .buttons-wrapper {
  padding-bottom: 0;
}
.how-works .diagram-description {
  color: #58585b;
  line-height: 1.5;
}
.how-works .description-separator {
  display: block;
  margin: 10px 0;
}
.how-works .description {
  margin: 2px 0;
  color: #58585b;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  white-space: pre-line;
}
.how-works .description p {
  margin: 0 0 20px;
  line-height: 1.5;
}
.see-more-links-tooltip {
  min-width: 200px;
}
.see-more-links-tooltip .ui-tooltip-content ul li {
  line-height: 1.8;
}
.see-more-links-tooltip .ui-tooltip-content ul li:before {
  display: none;
}
.ip-address-subnet-mask {
  display: flex;
  flex-direction: column;
}
.ip-address-subnet-mask .slash {
  position: absolute;
  top: 0;
  right: -3px;
  line-height: 36px;
}
.ip-address-subnet-mask .empty-dynamic-ip-value {
  font-style: italic;
}
.switchable-element.child-control-indented .child-control-offset {
  padding-top: 20px;
}
.customlogginglist .dynamic-list .add-item {
  white-space: nowrap;
}
.ike-dialog .dropdown-menu {
  width: auto;
  min-width: 100%;
}
.ember-power-select-trigger .cs-power-select-option.with-warning .hint-in-brackets.warning {
  color: #ffc799;
}
.ember-power-select-trigger--active .cs-power-select-option.with-warning .hint-in-brackets.warning {
  color: #ff7300;
}
.success-inline-info {
  padding: 15px;
  margin-bottom: 15px;
  position: relative;
  color: #6ebd4b;
  background: #e6f4e0;
  border: 1px solid #aad896;
  box-shadow: 0 0 0 4px white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.success-inline-info .title-card {
  display: block;
  margin-bottom: 5px;
}
.success-inline-info .status-icon {
  position: absolute;
}
.success-inline-info .text {
  margin: 0 0 0 25px;
}
.upgrade-options-heading {
  border-bottom: 1px solid #e5e5e5;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 24px;
  margin-top: 17px;
  margin-bottom: 9px;
}
.upgrade-options {
  margin-bottom: 22px;
}
/**
 * FAMFAMFAM flag icons CSS.
 */
.flag {
  display: inline-block;
  width: 16px;
  height: 11px;
  background-image: url(/assets/images/flags-famfamfam-e401254d471f759451dd6f869cb00735.png);
}
.flag.flag-zw {
  background-position: 0px 0px;
}
.flag.flag-zm {
  background-position: -16px 0px;
}
.flag.flag-za {
  background-position: 0px -11px;
}
.flag.flag-yt {
  background-position: -16px -11px;
}
.flag.flag-ye {
  background-position: -32px 0px;
}
.flag.flag-ws {
  background-position: -32px -11px;
}
.flag.flag-wf {
  background-position: 0px -22px;
}
.flag.flag-wales {
  background-position: -16px -22px;
}
.flag.flag-vu {
  background-position: -32px -22px;
}
.flag.flag-vn {
  background-position: 0px -33px;
}
.flag.flag-vi {
  background-position: -16px -33px;
}
.flag.flag-vg {
  background-position: -32px -33px;
}
.flag.flag-ve {
  background-position: -48px 0px;
}
.flag.flag-vc {
  background-position: -48px -11px;
}
.flag.flag-va {
  background-position: -48px -22px;
}
.flag.flag-uz {
  background-position: -48px -33px;
}
.flag.flag-uy {
  background-position: 0px -44px;
}
.flag.flag-us {
  background-position: -16px -44px;
}
.flag.flag-um {
  background-position: -16px -44px;
}
.flag.flag-ug {
  background-position: -32px -44px;
}
.flag.flag-ua {
  background-position: -48px -44px;
}
.flag.flag-tz {
  background-position: -64px 0px;
}
.flag.flag-tw {
  background-position: -64px -11px;
}
.flag.flag-tv {
  background-position: -64px -22px;
}
.flag.flag-tt {
  background-position: -64px -33px;
}
.flag.flag-tr {
  background-position: -64px -44px;
}
.flag.flag-to {
  background-position: 0px -55px;
}
.flag.flag-tn {
  background-position: -16px -55px;
}
.flag.flag-tm {
  background-position: -32px -55px;
}
.flag.flag-tl {
  background-position: -48px -55px;
}
.flag.flag-tk {
  background-position: -64px -55px;
}
.flag.flag-tj {
  background-position: 0px -66px;
}
.flag.flag-th {
  background-position: -16px -66px;
}
.flag.flag-tg {
  background-position: -32px -66px;
}
.flag.flag-tf {
  background-position: -48px -66px;
}
.flag.flag-td {
  background-position: -64px -66px;
}
.flag.flag-tc {
  background-position: -80px 0px;
}
.flag.flag-sz {
  background-position: -80px -11px;
}
.flag.flag-sy {
  background-position: -80px -22px;
}
.flag.flag-sx {
  background-position: -80px -33px;
}
.flag.flag-sv {
  background-position: -80px -44px;
}
.flag.flag-st {
  background-position: -80px -55px;
}
.flag.flag-ss {
  background-position: -80px -66px;
}
.flag.flag-sr {
  background-position: 0px -77px;
}
.flag.flag-so {
  background-position: -16px -77px;
}
.flag.flag-sn {
  background-position: -32px -77px;
}
.flag.flag-sm {
  background-position: -48px -77px;
}
.flag.flag-sl {
  background-position: -64px -77px;
}
.flag.flag-sk {
  background-position: -80px -77px;
}
.flag.flag-si {
  background-position: -96px 0px;
}
.flag.flag-sh {
  background-position: -96px -11px;
}
.flag.flag-sg {
  background-position: -96px -22px;
}
.flag.flag-se {
  background-position: -96px -33px;
}
.flag.flag-sd {
  background-position: -96px -44px;
}
.flag.flag-scotland {
  background-position: -96px -55px;
}
.flag.flag-sc {
  background-position: -96px -66px;
}
.flag.flag-sb {
  background-position: -96px -77px;
}
.flag.flag-sa {
  background-position: 0px -88px;
}
.flag.flag-rw {
  background-position: -16px -88px;
}
.flag.flag-ru {
  background-position: -32px -88px;
}
.flag.flag-rs {
  background-position: -48px -88px;
}
.flag.flag-ro {
  background-position: -64px -88px;
}
.flag.flag-qa {
  background-position: -80px -88px;
}
.flag.flag-py {
  background-position: -96px -88px;
}
.flag.flag-pw {
  background-position: 0px -99px;
}
.flag.flag-pt {
  background-position: -16px -99px;
}
.flag.flag-ps {
  background-position: -32px -99px;
}
.flag.flag-pr {
  background-position: -48px -99px;
}
.flag.flag-pn {
  background-position: -64px -99px;
}
.flag.flag-pm {
  background-position: -80px -99px;
}
.flag.flag-pl {
  background-position: -96px -99px;
}
.flag.flag-pk {
  background-position: -112px 0px;
}
.flag.flag-ph {
  background-position: -112px -11px;
}
.flag.flag-pg {
  background-position: -112px -22px;
}
.flag.flag-pf {
  background-position: -112px -33px;
}
.flag.flag-pe {
  background-position: -112px -44px;
}
.flag.flag-pa {
  background-position: -112px -55px;
}
.flag.flag-om {
  background-position: -112px -66px;
}
.flag.flag-nz {
  background-position: -112px -77px;
}
.flag.flag-nu {
  background-position: -112px -88px;
}
.flag.flag-nr {
  background-position: -112px -99px;
}
.flag.flag-no {
  background-position: 0px -110px;
}
.flag.flag-bv {
  background-position: 0px -110px;
}
.flag.flag-sj {
  background-position: 0px -110px;
}
.flag.flag-nl {
  background-position: -16px -110px;
}
.flag.flag-ni {
  background-position: -32px -110px;
}
.flag.flag-ng {
  background-position: -48px -110px;
}
.flag.flag-nf {
  background-position: -64px -110px;
}
.flag.flag-ne {
  background-position: -80px -110px;
}
.flag.flag-nc {
  background-position: -96px -110px;
}
.flag.flag-na {
  background-position: -112px -110px;
}
.flag.flag-mz {
  background-position: -128px 0px;
}
.flag.flag-my {
  background-position: -128px -11px;
}
.flag.flag-mx {
  background-position: -128px -22px;
}
.flag.flag-mw {
  background-position: -128px -33px;
}
.flag.flag-mv {
  background-position: -128px -44px;
}
.flag.flag-mu {
  background-position: -128px -55px;
}
.flag.flag-mt {
  background-position: -128px -66px;
}
.flag.flag-ms {
  background-position: -128px -77px;
}
.flag.flag-mr {
  background-position: -128px -88px;
}
.flag.flag-mq {
  background-position: -128px -99px;
}
.flag.flag-mp {
  background-position: -128px -110px;
}
.flag.flag-mo {
  background-position: 0px -121px;
}
.flag.flag-mn {
  background-position: -16px -121px;
}
.flag.flag-mm {
  background-position: -32px -121px;
}
.flag.flag-ml {
  background-position: -48px -121px;
}
.flag.flag-mk {
  background-position: -64px -121px;
}
.flag.flag-mh {
  background-position: -80px -121px;
}
.flag.flag-mg {
  background-position: -96px -121px;
}
.flag.flag-me {
  background-position: 0px -132px;
  height: 12px;
}
.flag.flag-md {
  background-position: -112px -121px;
}
.flag.flag-mc {
  background-position: -128px -121px;
}
.flag.flag-ma {
  background-position: -16px -132px;
}
.flag.flag-ly {
  background-position: -32px -132px;
}
.flag.flag-lv {
  background-position: -48px -132px;
}
.flag.flag-lu {
  background-position: -64px -132px;
}
.flag.flag-lt {
  background-position: -80px -132px;
}
.flag.flag-ls {
  background-position: -96px -132px;
}
.flag.flag-lr {
  background-position: -112px -132px;
}
.flag.flag-lk {
  background-position: -128px -132px;
}
.flag.flag-li {
  background-position: -144px 0px;
}
.flag.flag-lc {
  background-position: -144px -11px;
}
.flag.flag-lb {
  background-position: -144px -22px;
}
.flag.flag-la {
  background-position: -144px -33px;
}
.flag.flag-kz {
  background-position: -144px -44px;
}
.flag.flag-ky {
  background-position: -144px -55px;
}
.flag.flag-kw {
  background-position: -144px -66px;
}
.flag.flag-kr {
  background-position: -144px -77px;
}
.flag.flag-kp {
  background-position: -144px -88px;
}
.flag.flag-kn {
  background-position: -144px -99px;
}
.flag.flag-km {
  background-position: -144px -110px;
}
.flag.flag-ki {
  background-position: -144px -121px;
}
.flag.flag-kh {
  background-position: -144px -132px;
}
.flag.flag-kg {
  background-position: 0px -144px;
}
.flag.flag-ke {
  background-position: -16px -144px;
}
.flag.flag-jp {
  background-position: -32px -144px;
}
.flag.flag-jo {
  background-position: -48px -144px;
}
.flag.flag-jm {
  background-position: -64px -144px;
}
.flag.flag-je {
  background-position: -80px -144px;
}
.flag.flag-it {
  background-position: -96px -144px;
}
.flag.flag-is {
  background-position: -112px -144px;
}
.flag.flag-ir {
  background-position: -128px -144px;
}
.flag.flag-iq {
  background-position: -144px -144px;
}
.flag.flag-io {
  background-position: -160px 0px;
}
.flag.flag-in {
  background-position: -160px -11px;
}
.flag.flag-im {
  background-position: -160px -22px;
  height: 9px;
}
.flag.flag-il {
  background-position: -160px -31px;
}
.flag.flag-ie {
  background-position: -160px -42px;
}
.flag.flag-id {
  background-position: -160px -53px;
}
.flag.flag-hu {
  background-position: -160px -64px;
}
.flag.flag-ht {
  background-position: -160px -75px;
}
.flag.flag-hr {
  background-position: -160px -86px;
}
.flag.flag-hn {
  background-position: -160px -97px;
}
.flag.flag-hk {
  background-position: -160px -108px;
}
.flag.flag-gy {
  background-position: -160px -119px;
}
.flag.flag-gw {
  background-position: -160px -130px;
}
.flag.flag-gu {
  background-position: -160px -141px;
}
.flag.flag-gt {
  background-position: 0px -155px;
}
.flag.flag-gs {
  background-position: -16px -155px;
}
.flag.flag-gr {
  background-position: -32px -155px;
}
.flag.flag-gq {
  background-position: -48px -155px;
}
.flag.flag-gp {
  background-position: -64px -155px;
}
.flag.flag-gn {
  background-position: -80px -155px;
}
.flag.flag-gm {
  background-position: -96px -155px;
}
.flag.flag-gl {
  background-position: -112px -155px;
}
.flag.flag-gi {
  background-position: -128px -155px;
}
.flag.flag-gh {
  background-position: -144px -155px;
}
.flag.flag-gg {
  background-position: -160px -155px;
}
.flag.flag-ge {
  background-position: -176px 0px;
}
.flag.flag-gd {
  background-position: -176px -11px;
}
.flag.flag-gb {
  background-position: -176px -22px;
}
.flag.flag-ga {
  background-position: -176px -33px;
}
.flag.flag-fr {
  background-position: -176px -44px;
}
.flag.flag-gf {
  background-position: -176px -44px;
}
.flag.flag-re {
  background-position: -176px -44px;
}
.flag.flag-mf {
  background-position: -176px -44px;
}
.flag.flag-bl {
  background-position: -176px -44px;
}
.flag.flag-fo {
  background-position: -176px -55px;
}
.flag.flag-fm {
  background-position: -176px -66px;
}
.flag.flag-fk {
  background-position: -176px -77px;
}
.flag.flag-fj {
  background-position: -176px -88px;
}
.flag.flag-fi {
  background-position: -176px -99px;
}
.flag.flag-fam {
  background-position: -176px -110px;
}
.flag.flag-eu {
  background-position: -176px -121px;
}
.flag.flag-et {
  background-position: -176px -132px;
}
.flag.flag-es {
  background-position: -176px -143px;
}
.flag.flag-er {
  background-position: -176px -154px;
}
.flag.flag-england {
  background-position: 0px -166px;
}
.flag.flag-eh {
  background-position: -16px -166px;
}
.flag.flag-eg {
  background-position: -32px -166px;
}
.flag.flag-ee {
  background-position: -48px -166px;
}
.flag.flag-ec {
  background-position: -64px -166px;
}
.flag.flag-dz {
  background-position: -80px -166px;
}
.flag.flag-do {
  background-position: -96px -166px;
}
.flag.flag-dm {
  background-position: -112px -166px;
}
.flag.flag-dk {
  background-position: -128px -166px;
}
.flag.flag-dj {
  background-position: -144px -166px;
}
.flag.flag-de {
  background-position: -160px -166px;
}
.flag.flag-cz {
  background-position: -176px -166px;
}
.flag.flag-cy {
  background-position: 0px -177px;
}
.flag.flag-cx {
  background-position: -16px -177px;
}
.flag.flag-cw {
  background-position: -32px -177px;
}
.flag.flag-cv {
  background-position: -48px -177px;
}
.flag.flag-cu {
  background-position: -64px -177px;
}
.flag.flag-cs {
  background-position: -80px -177px;
}
.flag.flag-cr {
  background-position: -96px -177px;
}
.flag.flag-co {
  background-position: -112px -177px;
}
.flag.flag-cn {
  background-position: -128px -177px;
}
.flag.flag-cm {
  background-position: -144px -177px;
}
.flag.flag-cl {
  background-position: -160px -177px;
}
.flag.flag-ck {
  background-position: -176px -177px;
}
.flag.flag-ci {
  background-position: -192px 0px;
}
.flag.flag-cg {
  background-position: -192px -11px;
}
.flag.flag-cf {
  background-position: -192px -22px;
}
.flag.flag-cd {
  background-position: -192px -33px;
}
.flag.flag-cc {
  background-position: -192px -44px;
}
.flag.flag-catalonia {
  background-position: -192px -55px;
}
.flag.flag-ca {
  background-position: -192px -66px;
}
.flag.flag-bz {
  background-position: -192px -77px;
}
.flag.flag-by {
  background-position: -192px -88px;
}
.flag.flag-bw {
  background-position: -192px -99px;
}
.flag.flag-bt {
  background-position: -192px -110px;
}
.flag.flag-bs {
  background-position: -192px -121px;
}
.flag.flag-br {
  background-position: -192px -132px;
}
.flag.flag-bq {
  background-position: -192px -143px;
}
.flag.flag-bo {
  background-position: -192px -154px;
}
.flag.flag-bn {
  background-position: -192px -165px;
}
.flag.flag-bm {
  background-position: -192px -176px;
}
.flag.flag-bj {
  background-position: 0px -188px;
}
.flag.flag-bi {
  background-position: -16px -188px;
}
.flag.flag-bh {
  background-position: -32px -188px;
}
.flag.flag-bg {
  background-position: -48px -188px;
}
.flag.flag-bf {
  background-position: -64px -188px;
}
.flag.flag-be {
  background-position: -80px -188px;
}
.flag.flag-bd {
  background-position: -96px -188px;
}
.flag.flag-bb {
  background-position: -112px -188px;
}
.flag.flag-ba {
  background-position: -128px -188px;
}
.flag.flag-az {
  background-position: -144px -188px;
}
.flag.flag-ax {
  background-position: -160px -188px;
}
.flag.flag-aw {
  background-position: -176px -188px;
}
.flag.flag-au {
  background-position: -192px -188px;
}
.flag.flag-hm {
  background-position: -192px -188px;
}
.flag.flag-at {
  background-position: -208px 0px;
}
.flag.flag-as {
  background-position: -208px -11px;
}
.flag.flag-ar {
  background-position: -208px -22px;
}
.flag.flag-ao {
  background-position: -208px -33px;
}
.flag.flag-an {
  background-position: -208px -44px;
}
.flag.flag-am {
  background-position: -208px -55px;
}
.flag.flag-al {
  background-position: -208px -66px;
}
.flag.flag-ai {
  background-position: -208px -77px;
}
.flag.flag-ag {
  background-position: -208px -88px;
}
.flag.flag-af {
  background-position: -208px -99px;
}
.flag.flag-ae {
  background-position: -208px -110px;
}
.flag.flag-ad {
  background-position: -208px -121px;
}
.flag.flag-np {
  background-position: -208px -132px;
}
.flag.flag-ch {
  background-position: -208px -143px;
}
.flag.flag-aq {
  background-position: -208px -154px;
}
.btn.has-spinner {
  padding: 2px 30px;
  position: relative;
}
table caption {
  height: 0;
  padding: 0;
  overflow: hidden;
}
.warning {
  color: #ff7300;
}
.centered {
  margin: 0 auto;
  width: 90%;
}
.infinite-table,
.table-holder {
  width: 100%;
  float: left;
}
img.loader {
  padding-left: 10px;
}
img.loader.inline-loader {
  padding: 0 10px 0 0;
  display: inline-block;
  position: relative;
}
img.loader.dropdown-loader {
  display: block;
  margin: 12px 0 36px;
}
.full-width {
  width: 100% !important;
}
.inline-block {
  display: inline-block;
}
.padding0 {
  padding: 0;
}
.modal-header {
  padding: 25px 25px 5px 25px;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
}
.modal-header .modal-title {
  color: #555;
  font-weight: normal;
  font-size: 24px;
}
.modal-content .advanced-options-link {
  color: #049fd9;
  border-bottom: 1px solid #049fd9;
  font-weight: normal;
}
.modal-content .advanced-options-link:hover {
  text-decoration: none;
}
.modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.form-group-title {
  color: #58585b;
  text-transform: uppercase;
  font-weight: bold;
}
.nested-cell {
  margin-left: 20px;
  font-weight: 500 !important;
}
/* Create/Edit Interface Dialog */
.lists .objects-name {
  display: inline-block;
}
.lists .create-delete-holder {
  display: inline-block;
}
.cell-content-class {
  margin-left: 20px;
}
.nested-cell {
  margin-left: 20px;
}
/* Create/Edit Interface Dialog */
.new-interface-dialog {
  margin-top: 20px;
  padding: 0 40px 20px 0;
}
.new-interface-dialog div div label {
  display: block;
  text-align: right;
}
.new-interface-dialog .form-control {
  border-radius: 0;
}
/*Create/Edit Internal Certificate Dialog*/
.new-certificate {
  width: 900px;
}
.new-certificate .upload-section button {
  margin: 0 10px;
}
body {
  min-width: 1000px;
}
body > div:nth-of-type(1),
body > .ember-view {
  height: 100%;
}
#main {
  box-sizing: border-box;
  padding-top: 100px;
}
a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
h1 {
  margin: 24px 0 32px;
  font-weight: 200;
}
.rounded {
  border-radius: 50px;
}
.btn-color {
  background: #049fd9;
}
.device .content {
  margin: 0 auto 60px;
  width: 980px;
}
/* device */
.router-wrapper {
  margin: 0 auto 60px;
  width: 980px;
}
.router-wrapper .socket {
  display: inline-block;
  margin: 5px;
}
.router-wrapper .socket > span {
  display: inline-block;
  text-align: center;
  padding: 0 0 0 7px;
}
.router-wrapper .socket-tabs-holder {
  margin: 0 auto;
}
.has-banner #header {
  top: 47px;
}
.has-banner #main {
  padding-top: 147px;
}
.has-banner .device-page {
  padding-top: 33px;
}
.has-banner .navigation-sidebar {
  top: 114px;
}
#notification-banner {
  background-color: #049fd9;
  position: fixed;
  width: 100%;
  min-height: 47px;
  color: #fff;
  z-index: 10;
  text-align: center;
  padding-top: 5px;
}
#notification-banner .link-external {
  color: #fff;
  text-decoration: #fff underline;
}
/* section-box styles */
.section-box {
  display: inline-block;
  vertical-align: top;
  float: none;
  padding-right: 10px;
  padding-left: 10px;
  min-height: 100px;
  margin: 32px -4px 32px 0;
}
.section-box .box {
  min-height: 98px;
  background: #fff;
  position: relative;
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid #abc233;
  border-top: 1px solid rgba(176, 176, 176, 0.29);
}
.section-box .box .title {
  position: absolute;
  top: -24px;
  left: 0;
  background: #abc233;
  color: #fff;
  padding: 0 24px 0 12px;
  min-width: 100px;
  height: 24px;
  line-height: 22px;
  text-transform: uppercase;
  font-size: 10px;
  border-radius: 2px 13px 0 0;
  font-weight: bold;
}
.section-box .box .box-content {
  position: relative;
  padding: 12px 0 0;
  font-size: 14px;
}
.section-box .box .box-content .text {
  padding: 0 24px 12px;
}
.section-box .box .box-content .text p {
  margin: 0 0 4px;
}
.section-box .box .box-content .value {
  font-weight: bold;
}
.section-box .box .box-content .table {
  margin: 0;
}
.section-box .box .box-content .table > thead > tr > th,
.section-box .box .box-content .table > tbody > tr > th,
.section-box .box .box-content .table > tfoot > tr > th,
.section-box .box .box-content .table > thead > tr > td,
.section-box .box .box-content .table > tbody > tr > td,
.section-box .box .box-content .table > tfoot > tr > td {
  padding: 8px 24px;
}
.section-box .box .box-content .charts {
  min-height: 154px;
  overflow: hidden;
}
.section-box .box .box-content .charts#destChart {
  margin-top: 50px;
  margin-bottom: 50px;
}
.section-box .box .box-content .charts#cpuChart {
  margin-top: 20px;
}
.section-box .box .box-content .charts#usageChart {
  margin-top: 20px;
}
.section-box .box .icons {
  margin: 0;
  padding: 3px 12px 3px 16px;
  list-style: none;
  line-height: 10px;
  position: absolute;
  right: 0;
  top: -30px;
  background: rgba(211, 211, 211, 0.3);
  border-radius: 16px 2px 0 0;
}
.section-box .box .icons li {
  display: inline-block;
}
.section-box .box .icons a {
  opacity: 0.32;
}
.section-box .box .icons a:hover {
  opacity: 1.0;
}
.section-box.placeholder:after {
  content: '';
  position: absolute;
  left: 15px;
  right: 15px;
  top: 0;
  bottom: 0;
  border: 1px dashed #000;
}
.monitor .section-box {
  min-height: 200px;
}
.monitor .section-box .box {
  min-height: 198px;
}
.system-info-box .section-box {
  overflow: visible;
}
.system-info-box .section-box .entry {
  overflow: visible;
}
/* dashboard page */
.sub-menu {
  padding: 0 0 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(102, 102, 102, 0.09);
}
.nav-pills > li > a {
  padding: 5px 15px;
  color: #58585b;
  font-weight: 600;
}
.btn-add,
.btn-add:hover {
  margin-left: -100px;
  z-index: 1;
  font-size: 11px;
  color: #fff;
  font-weight: 600;
  border: none;
  text-transform: uppercase;
  line-height: 18px;
}
.charts-area .chart-container .cs-chart {
  width: 100%;
  height: 340px;
  padding: 25px 5px;
}
.charts-area .mainValue.status-critical {
  color: #cf2030;
}
.charts-area .mainValue.status-warning {
  color: #ff7300;
}
.charts-area .mainValue.status-neutral {
  color: #9e9ea2;
}
.charts-area .mainValue.status-good {
  color: #abc233;
}
.open-create-btn {
  cursor: pointer;
}
/* objects page */
.objects-page {
  position: absolute;
  width: 100%;
  top: 51px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
}
.objects-page .content {
  margin: 0 24px 0 282px;
  position: relative;
}
.objects-page .objects-table {
  margin-top: 22px;
}
.objects-page .objects-table .cell-actions {
  width: 100px;
  text-align: right;
  padding: 4px 10px;
  vertical-align: middle;
}
.port-input {
  padding-left: 0;
}
.port-input-port {
  width: 150px;
}
.table-shadow {
  box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.26);
}
.sidebar {
  float: left;
  width: 258px;
  background: #fff;
  font-size: 12px;
  min-height: 100%;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
}
.sidebar h1 {
  margin-left: 32px;
  margin-right: 20px;
}
.sidebar .tree-menu {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.sidebar .tree-menu a {
  display: block;
  color: #000;
  padding: 6px 6px 6px 32px;
  position: relative;
  text-decoration: none;
}
.sidebar .tree-menu a.active {
  background: #F2F2F2;
}
.sidebar .tree-menu a:hover {
  background: #F2F2F2;
}
.sidebar .tree-menu ul {
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}
.sidebar .tree-menu ul a {
  padding-left: 52px;
}
/* charts styles */
.charts text.label,
.charts text.score {
  text-anchor: end;
  font-size: 11px;
}
.charts line.y-axis {
  stroke: #f3f3f3;
}
.charts .axis path,
.charts .axis line {
  fill: none;
  stroke: #e8e8e8;
  shape-rendering: crispEdges;
}
.charts .area {
  fill: #15bdf4;
  opacity: 0.6;
}
.charts text.r-label,
.charts text.b-label {
  fill: #aeacac;
  font-size: 10px;
}
.charts line.max-line {
  stroke: #adadad;
  stroke-dasharray: 10, 5;
}
.charts line.warning-line {
  stroke: orange;
}
.charts circle.warning-circle {
  fill: orange;
}
.charts text.percent-warning-label,
.charts text.percent-cpu-warning-label {
  font: 700 16px Helvetica, Arial, sans-serif;
}
.charts text.text-warning-label {
  font: 10px Helvetica, Arial, sans-serif;
}
.charts text.text-cpu-warning-label {
  font: 10px Helvetica, Arial, sans-serif;
  fill: #f00;
  text-transform: uppercase;
}
.charts .y.axis path.domain {
  display: none;
}
.charts .x.axis text {
  font-size: 8px;
}
.charts.bar-chart rect {
  fill: #15bdf4 !important;
}
/* policy page */
.policy {
  padding-bottom: 60px;
}
.policy h1 {
  margin-left: 32px;
}
.policy .sub-menu li.inactive:before {
  opacity: 0.3;
  border-top-style: dotted;
}
.policy .sub-menu li.inactive:after {
  opacity: 0.3;
}
.policy .sub-menu li.inactive a {
  color: #c6c7ca;
}
.policy .listing-card {
  padding: 0 25px;
}
.policy .listing-card header .icon {
  display: inline-block;
  margin-right: 8px;
}
.policy .listing-card header .icon[class^="icon"] {
  font-size: 24px;
}
.policy .listing-card header .icon.allow {
  color: #6ebd4b;
}
.policy .listing-card header .icon.deny {
  color: #cf2030;
}
.policy .listing-card h3 {
  font-size: 19px;
}
.policy .listing-card .listing-card-list {
  max-height: 450px;
  min-height: 200px;
  padding: 0 25px 0 0;
  margin-right: -25px;
  overflow-y: auto;
}
.policy .listing-card .listing-card-list label {
  display: none;
}
.policy .col-xs-offset-1.compensate-center {
  margin-left: 4.1%;
}
.policy .si-diagram-holder {
  height: 210px;
  position: relative;
  width: 600px;
  margin: 0 auto;
}
.policy .si-diagram-holder .si-holder,
.policy .si-diagram-holder .feed-holder,
.policy .si-diagram-holder .incoming-packets-holder {
  position: absolute;
}
.policy .si-diagram-holder .si-holder {
  width: 215px;
  height: 145px;
  border: 2px solid #c6cccf;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-align: center;
  top: 8px;
  margin-top: 30px;
}
.policy .si-diagram-holder .si-holder .si-label {
  font-size: 10px;
  color: #9e9ea2;
  display: block;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  top: 113px;
}
.policy .si-diagram-holder .si-holder .diagram-list-elem {
  top: 32px;
}
.policy .si-diagram-holder .si-holder .blacklist {
  left: 30px;
}
.policy .si-diagram-holder .si-holder .blacklist .icon {
  color: #cf2030;
}
.policy .si-diagram-holder .si-holder .blacklist .label {
  font-size: 10px;
  color: #9e9ea2;
  display: block;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  left: -19px;
  bottom: -25px;
  width: 80px;
}
.policy .si-diagram-holder .si-holder .do-not-block {
  right: 30px;
}
.policy .si-diagram-holder .si-holder .do-not-block .icon {
  color: #6ebd4b;
}
.policy .si-diagram-holder .si-holder .do-not-block .label {
  font-size: 10px;
  color: #9e9ea2;
  display: block;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  left: -31px;
  bottom: -25px;
  width: 100px;
}
.policy .si-diagram-holder .si-holder .circle {
  border: inherit;
  background: white;
  width: 38px;
  height: 38px;
  display: inline-block;
  position: relative;
  top: -21px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
}
.policy .si-diagram-holder .si-holder .circle .icon {
  display: inline-block;
  font-size: 16px;
  color: #58585b;
  margin-top: 3px;
}
.policy .si-diagram-holder .si-holder .diagram-list-elem {
  border: inherit;
  width: 44px;
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
}
.policy .si-diagram-holder .si-holder .diagram-list-elem .line {
  width: 100%;
  height: 3px;
  background: #c6cccf;
  margin: 3px 0;
}
.policy .si-diagram-holder .incoming-packets-holder {
  left: 28px;
  top: 82px;
  width: 200px;
}
.policy .si-diagram-holder .incoming-packets-holder .icon {
  font-size: 34px;
  color: #58585b;
}
.policy .si-diagram-holder .incoming-packets-holder .packets-label {
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
  position: absolute;
  right: 129px;
  top: 4px;
}
.policy .si-diagram-holder .incoming-packets-holder .icon-layers {
  position: absolute;
  display: block;
  left: 92px;
}
.policy .si-diagram-holder .other-policies {
  right: -40px;
  top: 82px;
  position: absolute;
  text-transform: uppercase;
  font-size: 12px;
  width: 110px;
}
.policy .si-diagram-holder .other-policies .icon-policies {
  font-size: 34px;
  color: #58585b;
}
.policy .si-diagram-holder .other-policies .policies-label {
  float: right;
  width: 60px;
  position: relative;
  top: 4px;
}
.policy .si-diagram-holder .action-drop {
  position: absolute;
  width: 100px;
  text-align: center;
  top: 153px;
  left: 18px;
}
.policy .si-diagram-holder .action-drop .icon-deny {
  display: block;
  color: #cf2030;
}
.policy .si-diagram-holder .action-drop .label {
  font-size: 10px;
  color: #9e9ea2;
  display: block;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 0;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  position: static;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: inline-block;
  width: 64px;
}
.policy .si-diagram-holder .si-label {
  font-size: 12px;
}
.policy .si-diagram-holder .solid {
  border-style: solid;
}
.policy .si-diagram-holder .dashed {
  border-style: dashed;
}
.policy .si-diagram-holder .route-incoming {
  left: 166px;
  width: 70px;
}
.policy .si-diagram-holder .route-blacklist {
  left: 306px;
  width: 32px;
}
.policy .si-diagram-holder .route-other-policies {
  left: 410px;
  width: 100px;
}
.policy .si-diagram-holder .route-drop {
  border-color: #c6c7ca;
  display: block;
  border-radius: 0 24px 0 0;
  width: 20px;
  height: 42px;
  position: absolute;
  right: 131px;
  border-width: 1px 1px 0 0;
  bottom: 65px;
}
.policy .si-diagram-holder .route-drop:before {
  position: absolute;
  right: -2px;
  width: 10px;
  height: 1px;
  transform: rotate(45deg);
  content: ' ';
  display: block;
  border-top: inherit;
  bottom: 3px;
}
.policy .si-diagram-holder .route-drop:after {
  bottom: 3px;
  position: absolute;
  right: -9px;
  width: 10px;
  height: 1px;
  transform: rotate(-45deg);
  content: ' ';
  display: block;
  border-top: inherit;
}
.policy .si-diagram-holder .route-left {
  height: 1px;
  border-width: 1px 0 0 0;
  border-top-color: #c6c7ca;
  position: absolute;
  top: 103px;
  box-shadow: 0px 0px 0px 4px white;
}
.policy .si-diagram-holder .route-left:before {
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  transform: rotate(45deg);
  content: ' ';
  display: block;
  border-top: inherit;
  top: -5px;
}
.policy .si-diagram-holder .route-left:after {
  top: 3px;
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  transform: rotate(-45deg);
  content: ' ';
  display: block;
  border-top: inherit;
}
.policy .si-diagram-holder .route-right {
  height: 1px;
  border-width: 1px 0 0 0;
  border-top-color: #c6c7ca;
  position: absolute;
  top: 103px;
  box-shadow: 0px 0px 0px 4px white;
  transform: rotate(180deg);
}
.policy .si-diagram-holder .route-right:before {
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  transform: rotate(45deg);
  content: ' ';
  display: block;
  border-top: inherit;
  top: -5px;
}
.policy .si-diagram-holder .route-right:after {
  top: 3px;
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  transform: rotate(-45deg);
  content: ' ';
  display: block;
  border-top: inherit;
}
.policy .si-diagram-holder .route-bottom {
  height: 1px;
  border-width: 1px 0 0 0;
  border-top-color: #c6c7ca;
  position: absolute;
  top: 103px;
  box-shadow: 0px 0px 0px 4px white;
  transform: rotate(90deg);
  border-top-width: 1px;
}
.policy .si-diagram-holder .route-bottom:before {
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  transform: rotate(45deg);
  content: ' ';
  display: block;
  border-top: inherit;
  top: -5px;
}
.policy .si-diagram-holder .route-bottom:after {
  top: 3px;
  position: absolute;
  right: 0;
  width: 10px;
  height: 1px;
  transform: rotate(-45deg);
  content: ' ';
  display: block;
  border-top: inherit;
}
.security-intelligence {
  margin-top: 20px;
}
.logging-holder {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  text-align: right;
  line-height: 28px;
  vertical-align: baseline;
}
.logging-holder .icon {
  font-size: 22px;
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
}
.logging-holder .inspection-engine {
  display: inline;
}
.logging-holder .separator {
  width: 5px;
  height: 25px;
  display: inline-block;
  border-right: 1px solid #c6c7ca;
  margin: 5px 0 0 3px;
  vertical-align: top;
}
.intelligence-page .si-enabled-license-info {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .policy .sub-menu li {
    padding: 0 2px 0 40px;
  }
  .policy .sub-menu li a {
    font-size: 11px;
  }
}
.url-object-search .add-url-object {
  cursor: pointer;
}
.navigation-sidebar ~ section .col-lg-12 {
  padding-left: 310px;
}
.navigation-sidebar ~ section .col-lg-12 h1 {
  display: block;
}
.content .top-bar .btn-iconic {
  margin-bottom: 10px;
  overflow: hidden;
}
.dropdown-toggle.btn-plus {
  padding: 7px 25px;
}
.dropdown-toggle.btn-plus:before {
  content: '+';
  color: #9e9ea2;
  font-size: 35px;
  display: inline;
  float: left;
  line-height: 16px;
  margin-right: 14px;
}
.select-sm {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.select-sm .bootstrap-select .btn {
  padding: 0 8px;
  font-size: 12px;
}
.select-sm .bootstrap-select .dropdown-menu {
  font-size: 12px;
}
.select-sm .bootstrap-select .filter-option {
  padding: 2px 0;
}
.sample .sample-table .search-wrapper {
  margin-bottom: 5px;
}
.sample .sample-table .search-wrapper .clear {
  cursor: pointer;
}
/* navigation-sidebar */
.navigation-sidebar {
  z-index: 10;
  height: calc(100% - 65px);
  overflow-y: auto;
  position: fixed;
  top: 92px;
  width: 290px;
  background-color: #049fd9;
  margin-top: -25px;
  padding: 0;
}
.navigation-sidebar .search-form {
  padding-left: 70px;
}
.navigation-sidebar .nav-header {
  padding: 7px 10px 12px 40px;
  margin: 0;
  line-height: 1.55;
  background: transparent;
  font-weight: bold;
  font-size: 18px;
  color: white;
}
.navigation-sidebar .nav-header:first-of-type {
  padding-right: 40px;
}
.navigation-sidebar .nav-header i {
  margin: 0 5px 0px -9px;
  vertical-align: middle;
}
.navigation-sidebar .nav-header h6 {
  font-size: 18px;
  margin: 0;
  color: white;
  font-weight: 600;
  padding: 12px 0 12px 45px;
}
.navigation-sidebar .nav-header.sub-menu {
  padding-top: 24px;
  font-size: 16px;
}
.navigation-sidebar .nav-header .icon-bg.circle-30 {
  background-color: rgba(255, 255, 255, 0.2);
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 14px;
}
.navigation-sidebar .nav-header .icon.icon-hide-sidebar {
  display: block;
  width: 12px;
  height: 12px;
  background-color: rgba(255, 255, 255, 0.4);
  position: absolute;
  left: 9px;
  top: 9px;
}
.navigation-sidebar .nav-stacked {
  width: 100%;
  border-bottom: 1px solid #64bbe3;
}
.navigation-sidebar .nav-stacked.collapse,
.navigation-sidebar .nav-stacked.collapsing {
  margin: 8px -5px 0;
}
.navigation-sidebar .nav-stacked li {
  padding: 5px 10px;
  padding-left: 70px;
}
.navigation-sidebar .nav-stacked li a {
  text-transform: capitalize;
  cursor: pointer;
  padding: 0;
  margin: 0;
  line-height: 24px;
  font-weight: normal;
  color: #ccebf7;
}
.navigation-sidebar .nav-stacked li.active a {
  color: #fff;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.1);
}
.navigation-sidebar .nav-stacked li.active a:hover {
  cursor: default;
}
.navigation-sidebar .nav-stacked li:hover {
  background: #64bbe3;
}
.navigation-sidebar .nav-stacked li .glyphicon-chevron-left,
.navigation-sidebar .nav-stacked li .glyphicon-chevron-down {
  display: none;
  position: absolute;
  right: 10px;
  top: 5px;
}
.navigation-sidebar .nav-stacked li:hover .glyphicon-chevron-left {
  display: inline-block;
}
@media screen and (max-width: 1240px) {
  .navigation-sidebar {
    position: absolute;
  }
}
/* clear button in input*/
.clear {
  cursor: pointer;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: -30px;
  position: relative;
}
.clear .collapsiblePaneLabel {
  cursor: default;
}
/* Search */
.search-form {
  position: relative;
}
.search-form .form-group {
  width: 100%;
}
.search-form input.form-control {
  padding: 0 23px 0 14px;
  display: inline-block;
}
.search-form.search-wrapper {
  width: 20%;
  float: right;
  min-width: 250px;
}
.gray-search {
  background-color: #f8f7f9;
}
/* Buttons */
.btn-gray {
  background-color: #e4e4e4;
}
.btn-plus {
  padding-left: 35px;
  height: 34px;
  position: relative;
}
.btn .spinner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-top: 0;
  background: url('/branding/default/images/ajax-loader-white.gif') no-repeat 50% 40%;
  background-size: 42px 12px;
}
/* counter */
.btn-sb-add {
  height: 34px;
  width: 34px;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 34px;
  border-radius: 3px;
  background-color: #f6f6f6;
  border: solid 1px #e5e5e5;
}
.btn-sb-add:hover {
  background-color: #ffffff;
}
.btn-sb-add:focus,
.btn-sb-add:active,
.btn-sb-add.active,
.btn-sb-add.active:hover {
  outline: none;
  background: #58585b;
  cursor: default;
}
.btn-sb-add:before {
  content: '+';
  color: #9e9ea2;
  font-size: 28px;
}
.btn-sb-add.labeled {
  width: auto;
  padding: 0 20px;
}
.btn-sb-add.labeled.btn-xs {
  height: 24px;
  line-height: 24px;
  padding: 0 5px;
}
.btn-sb-add.labeled .label-add {
  display: inline-block;
  position: relative;
  top: -5px;
  padding: 0 0 0 5px;
}
/* on-off switcher */
.onoffswitch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  display: inline-block;
}
.onoffswitch.process .onoffswitch-label {
  cursor: default;
}
.onoffswitch.process .onoffswitch-label:before {
  background: white url('/branding/default/images/ajax-loader.gif') no-repeat 50% 50%;
  background-size: 12px;
  border: 2px solid #9e9ea2;
}
.onoffswitch.process .onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
  background-size: 14px;
  border: none;
}
.onoffswitch .onoffswitch-checkbox {
  display: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
  right: -8px;
  left: auto;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label .off {
  display: none;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label .on {
  display: inline-block;
}
.onoffswitch .onoffswitch-label {
  padding-top: 3px;
  margin-bottom: 0;
  border: 0;
  border-radius: 6px;
  height: 32px;
  line-height: 24px;
  font-size: 13px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  font-style: normal;
  color: #fff;
  font-weight: normal;
  -webkit-transition: all 1s ease-in;
  -moz-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
  -ms-transition: all 1s ease-in;
  cursor: pointer;
}
.onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 18px;
  margin: 1px;
  background: #58585b;
  border: 0;
  border-radius: 6px;
  position: absolute;
  top: -3px;
  bottom: 0;
  left: -8px;
  right: auto;
  height: 28px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.onoffswitch .onoffswitch-label .on {
  display: none;
  background-color: rgba(122, 122, 122, 0.12);
  color: #6ebd4b;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  padding: 0 20px;
  border-radius: 4px;
  line-height: 25px;
  border-color: #abc233;
}
.onoffswitch .onoffswitch-label .off {
  display: inline-block;
  text-transform: uppercase;
  background-color: #c6c7ca;
  color: #FFFFFF;
  padding: 0 20px;
  border-radius: 4px;
  line-height: 25px;
}
.onoffswitch.has-error .onoffswitch-label .on,
.onoffswitch.has-error .onoffswitch-label .off {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  box-shadow: 0 0 0 2px white, 0 0 0 4px #cf2030;
}
.onoffswitch.disabled {
  opacity: 0.5;
}
.onoffswitch.disabled .onoffswitch-label {
  cursor: not-allowed;
}
/*nav tabs*/
.nav-tabs {
  border-bottom: none;
}
.nav-tabs > li a {
  color: #9e9ea2;
  font-weight: bold;
  border: none;
  border-bottom: 4px solid transparent;
  text-transform: uppercase;
}
.nav-tabs > li a:hover,
.nav-tabs > li a:focus {
  border: none;
  border-bottom: 4px solid transparent;
  background: none;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:focus {
  color: #555;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #64bbe3;
  cursor: default;
  font-weight: bold;
}
.nav-tabs-title h1 {
  margin: 0 0 6px;
}
.nav-tabs-title .nav-tabs {
  margin: 0 0 10px -15px;
}
.container-fluid .nav-tabs-holder {
  position: relative;
}
.container-fluid .nav-tabs {
  border-bottom: 1px solid #c6c7ca;
}
.container-fluid .nav-tabs > li a {
  font-size: 14px;
  font-weight: normal;
  border: none;
  border-bottom: 4px solid transparent;
  text-transform: none;
}
.container-fluid .nav-tabs > li.active a,
.container-fluid .nav-tabs > li.active a:hover,
.container-fluid .nav-tabs > li.active a:focus {
  font-weight: normal;
  color: #555;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #64bbe3;
  cursor: default;
}
/*modal dialogs*/
.modal-dialog-bg {
  background: rgba(83, 88, 90, 0.85);
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.modal-container {
  position: fixed;
  z-index: 1001;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}
.modal-dialog {
  width: 600px;
}
.modal-dialog.modal-extra-small {
  width: 500px;
}
.modal-dialog.modal-small {
  width: 650px;
}
.modal-dialog.modal-medium {
  width: 750px;
}
.modal-dialog.modal-medium-lg {
  width: 800px;
}
.modal-dialog.modal-lg {
  width: 900px;
}
@media (min-width: 1200px) {
  .modal-xl {
    width: 1150px;
  }
}
.modal-container .modal-dialog {
  position: relative;
  top: auto !important;
  left: auto !important;
}
.fade.center-cell {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  display: block !important;
}
.in.center-cell {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal.fade {
  transition: opacity .3s linear;
}
.empty-label {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
}
.white {
  background-color: #fff !important;
}
.color-grey {
  color: #9e9ea2;
}
.color-green {
  color: #6ebd4b;
}
.color-orange {
  color: #ff7300;
}
.color-blue {
  color: #049fd9;
}
.color-red {
  color: #cf2030;
}
.cell-value-error {
  color: #cf2030;
}
#tab-source .item-picker .item-picker-popup {
  top: -8px;
}
/*.add-rule .applications .selected-items-list {
  margin: 8px 0 0;
}*/
.add-rule .users .selected-items-list {
  margin: 8px 0 0 !important;
}
.add-rule .form-section-heading > .h5-group-header {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
  padding: 12px 6px 6px 0;
  position: relative;
  line-height: 1;
  margin-bottom: 0;
  margin-top: 10px;
}
.search-container .search-form {
  display: none;
}
.search-container .btn.btn-transparent {
  float: right;
  margin-right: 10px;
  padding: 2px 0;
}
.search-container .btn.btn-transparent i {
  font-size: 24px;
}
.search-container form + .btn-transparent {
  margin-right: 20px;
}
.search-container .cs-tooltip {
  margin-top: 10px;
  margin-right: 20px;
}
.identity-section .col-lg-8 {
  border-left: 1px solid #e9f2f8;
}
.has-error .control-label {
  color: #58585b;
}
.relative {
  position: relative;
}
div.disabled {
  position: relative;
  z-index: 1;
}
div.disabled div.blocker {
  cursor: default;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  opacity: 0.5;
}
a.disabled-link {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.component-fix .fixed {
  position: fixed;
  z-index: 1;
  width: auto;
  display: none;
  border: none;
}
.tip {
  margin-left: 0;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 24px;
}
.tip.top-hint {
  display: block;
  line-height: 16px;
  margin: -3px 0 6px;
}
.tip.multi-line {
  line-height: 16px;
  display: block;
  margin-top: 6px;
}
.show-hide-pass {
  position: relative;
}
.show-hide-pass .show-hide-link {
  position: absolute;
  right: 10px;
  text-transform: uppercase;
  color: gray;
  font-size: 10px;
  line-height: 36px;
  top: 0;
  text-decoration: none;
}
.warning-in-description {
  font-weight: bold;
  color: #ff7300;
}
.readonly .onoffswitch-label {
  cursor: auto;
}
.h4-with-info-holder h4 {
  display: inline-block;
}
input::-ms-clear,
input::-ms-reveal {
  display: none !important;
  position: absolute;
  right: 0;
  visibility: hidden;
}
input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
  display: none !important;
  width: 0;
  height: 0;
  margin: 0;
  visibility: hidden;
  pointer-events: none;
}
.central-spinner {
  padding-top: 100px;
  text-align: center;
  clear: both;
}
.central-spinner .spinner {
  background-size: 32px;
  width: 60px;
  height: 60px;
}
.font-weight-bold {
  font-weight: bold;
}
.text-block {
  line-height: 22px;
}
.info-ordered-list {
  margin-bottom: 15px;
}
.info-ordered-list .expanding-toggler:hover {
  text-decoration: none;
}
.info-ordered-list .expanding-toggler .title {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.info-ordered-list .expanding-toggler .title:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.info-ordered-list .expanding-toggler .title:hover {
  text-decoration: none;
}
.info-ordered-list .expanding-toggler .title:before {
  left: 0;
  right: 14px;
  width: auto;
}
.info-ordered-list .expanding-toggler .title.expanded {
  font-weight: bold;
}
.info-ordered-list ol {
  list-style: none;
  counter-reset: li;
  padding-left: 15px;
}
.info-ordered-list ol ol {
  padding: 0;
}
.info-ordered-list ol li:before {
  counter-increment: li;
  content: counters(li, ".") ". ";
  font-weight: bold;
}
.info-ordered-list ol li.fake-counter:before {
  visibility: hidden;
  position: absolute;
}
.info-ordered-list ol li.item-with-or-separator {
  margin-bottom: 22px;
  position: relative;
}
.info-ordered-list ol li.item-with-or-separator .or-separator {
  position: absolute;
  left: 0;
  bottom: -22px;
  font-weight: bold;
  font-style: italic;
}
/*general size variables*/
/*filtered color palette*/
/*Black and white palette*/
/*Blue colors*/
/*Faded Colors - colors used as background color for info/warning/error messages and messages with arrow*/
/*Status Colors*/
/*RGBA variables*/
/*Other Colors inherited from basic set*/
/* old definitions */
/* header */
/* navigation sidebar */
/* section-box styles */
/* complecated table */
/* table */
/* Navbar */
/*modal dialogs*/
/* help button */
/* theme images*/
/* fonts */
/* icon fonts */
/* card */
/*form controls*/
/* severity colors */
.applications > div:first-child,
.users > div:first-child {
  padding-left: 0;
}
.applications .save-filter,
.users .save-filter {
  font-size: 12px;
  margin: 11px 38px 0 0;
  position: relative;
  z-index: 2;
}
.applications .item-picker .btn-open-holder,
.users .item-picker .btn-open-holder {
  position: absolute;
  top: -46px;
  right: 0;
}
.applications .item-picker .item-picker-popup,
.users .item-picker .item-picker-popup {
  top: 0;
  left: 0;
}
.applications .inline-picker,
.users .inline-picker,
.applications .inline-applications-picker,
.users .inline-applications-picker {
  position: relative;
}
.applications .inline-picker .item-picker-popup,
.users .inline-picker .item-picker-popup,
.applications .inline-applications-picker .item-picker-popup,
.users .inline-applications-picker .item-picker-popup {
  top: 30px;
  left: 0;
}
.applications .inline-picker .item-picker .btn-open-holder,
.users .inline-picker .item-picker .btn-open-holder,
.applications .inline-applications-picker .item-picker .btn-open-holder,
.users .inline-applications-picker .item-picker .btn-open-holder {
  position: relative;
  top: 0;
}
.applications .inline-picker .form-section-heading,
.users .inline-picker .form-section-heading,
.applications .inline-applications-picker .form-section-heading,
.users .inline-applications-picker .form-section-heading {
  border: none;
  z-index: 1;
  position: relative;
}
.applications .inline-picker .save-filter,
.users .inline-picker .save-filter,
.applications .inline-applications-picker .save-filter,
.users .inline-applications-picker .save-filter {
  margin: 10px 3px 0 5px;
}
.applications .inline-picker h5,
.users .inline-picker h5,
.applications .inline-applications-picker h5,
.users .inline-applications-picker h5 {
  display: none;
}
.applications .selected-items-list {
  margin: 8px 0 0;
}
.users .selected-items-list {
  margin: 8px 0 0;
}
.urls-table > div:first-child {
  padding-left: 0;
}
.urls-table .col-sm-2 {
  width: 17%;
}
.urls-table .selected-items-list {
  margin: 0 0 0;
}
.urls-table .btn-open-holder {
  position: static;
  float: right;
  margin: -44px 0 0 0;
}
.urls-table .inline-urls-picker .item-picker > img.loader {
  padding: 10px 0 20px;
}
.urls-table .inline-urls-picker .form-section-heading {
  border: none;
}
.urls-table .inline-urls-picker .form-section-heading h5 {
  padding-left: 35px;
  top: -14px;
}
.urls-table .inline-urls-picker .warning-block,
.urls-table .inline-urls-picker .info-block,
.urls-table .inline-urls-picker .error-block {
  margin-bottom: 20px;
}
.urls-table .inline-urls-picker .form-control {
  margin-bottom: 3px;
  background-color: #fff;
}
.urls-table .inline-urls-picker .item-picker {
  margin-top: -10px;
}
.urls-table .inline-urls-picker .item-picker .btn-open-holder {
  position: absolute;
  top: 5px;
  width: 100%;
}
.urls-table .inline-urls-picker .item-picker .item-picker-popup {
  top: -6px;
  left: 0;
}
.urls-table .inline-urls-picker .item-picker .filter-toggler-holder {
  float: right;
  margin-right: 0;
}
.urls-table .inline-urls-picker .item-picker .filter-toggler-holder:not(.on) {
  padding-right: 0;
}
.urls-table .item-picker .item-picker-popup {
  top: 0;
  left: 0;
}
.urls-table .form-group-heading {
  margin-bottom: 10px;
  margin-top: 24px;
}
.file-policy-content .policy-description {
  margin-top: 15px;
}
.file-policy-content .form-section-heading .icon-file-policy:before {
  margin-right: 4px;
  vertical-align: middle;
}
.ips-policy-content .slider {
  padding: 20px 5px 0;
}
.ips-policy-content .description {
  margin: 25px 0 0;
  padding-top: 20px;
  border-top: 1px solid #f0f0f0;
  position: relative;
}
.ips-policy-content .description:before {
  content: '';
  width: 10px;
  height: 10px;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  background-color: #fff;
  position: absolute;
  top: -6px;
  left: 50px;
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.ips-policy-content .description strong {
  margin-bottom: 10px;
  display: block;
  line-height: 1.5;
}
.ips-policy-content .description p {
  line-height: 1.5;
  font-size: 12px;
}
.policy-source-destination-content .wrapp-error {
  margin-top: 10px;
}
.policy-source-destination-content .wrapp-error,
.file-policy-content .wrapp-error,
.ips-policy-content .wrapp-error,
.log-actions .wrapp-error {
  color: #cf2030;
  line-height: 1.5;
  font-size: 12px;
}
.policy-source-destination-content .wrapp-error strong,
.file-policy-content .wrapp-error strong,
.ips-policy-content .wrapp-error strong,
.log-actions .wrapp-error strong {
  display: block;
  margin-bottom: 5px;
}
.policy-source-destination-content .wrapp-error ol,
.file-policy-content .wrapp-error ol,
.ips-policy-content .wrapp-error ol,
.log-actions .wrapp-error ol {
  padding-left: 25px;
  line-height: 1.5;
}
.policy-source-destination-content .form-control.search-disabled,
.file-policy-content .form-control.search-disabled,
.ips-policy-content .form-control.search-disabled,
.log-actions .form-control.search-disabled {
  cursor: default;
}
.section-block {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
  color: #323232;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.policy-intro {
  margin: auto;
  margin-top: 46px;
  width: 775px;
  padding: 26px 26px 50px;
  font-size: 14px;
  color: #58585b;
}
.identity-section,
.warning-area,
.info-area {
  margin: auto;
  margin-top: 46px;
  width: 775px;
  padding: 26px 26px 50px;
  font-size: 14px;
  color: #58585b;
}
.identity-section-width {
  width: 975px;
}
.identity-section {
  width: 975px;
}
.identity-section-errors {
  width: 975px;
  margin: 0 auto -26px auto;
}
.warning-area .message-info {
  position: relative;
  margin: 30px 125px;
  padding: 40px 26px 30px;
  border: 1px solid #ff7300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.warning-area .message-info .message-title {
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
}
.warning-area button {
  margin-top: 10px;
}
.warning-area [class*='icon-'] {
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  border: 10px solid #fff;
  color: #fff;
  font-size: 24px;
  border-radius: 50%;
  line-height: 55px;
}
.warning-area .icon-warning-1 {
  background: #ff7300;
}
.warning-area .icon-info-1 {
  background: #049fd9;
  line-height: 58px;
}
.info-area {
  margin: auto;
  margin-top: 46px;
  width: 775px;
  padding: 26px 26px 50px;
  font-size: 14px;
  color: #58585b;
}
.info-area .message-info {
  position: relative;
  margin: 30px 125px;
  padding: 40px 26px 30px;
  border: 1px solid #ff7300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.info-area .message-info .message-title {
  text-align: center;
  font-weight: bold;
  padding: 0;
  margin-bottom: 10px;
}
.info-area button {
  margin-top: 10px;
}
.info-area [class*='icon-'] {
  position: absolute;
  top: -35px;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 70px;
  border: 10px solid #fff;
  color: #fff;
  font-size: 24px;
  border-radius: 50%;
  line-height: 55px;
}
.info-area .icon-warning-1 {
  background: #ff7300;
}
.info-area .icon-info-1 {
  background: #049fd9;
  line-height: 58px;
}
.info-area .message-info {
  border: 1px solid #049fd9;
}
.external-label {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
}
.diagram-round-badge {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 58px;
  font-size: 30px;
  color: white;
  background: #9e9ea2;
  margin-bottom: 6px;
}
.ssl-diagram {
  text-align: center;
  margin: 30px 0 80px;
}
.ssl-diagram .node {
  color: #9e9ea2;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-top: -2px;
}
.ssl-diagram .node i {
  font-size: 28px;
  background: white;
}
.ssl-diagram .node strong {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 10px;
  display: block;
}
.ssl-diagram .node small {
  display: block;
}
.ssl-diagram .action i {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 58px;
  font-size: 30px;
  color: white;
  background: #9e9ea2;
  margin-bottom: 6px;
  line-height: 55px;
}
.ssl-diagram .action strong {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
}
.ssl-diagram .action.decrypt-resign i,
.ssl-diagram .action.decrypt-known i {
  background: #6ebd4b;
}
.ssl-diagram .action.block i {
  background: #cf2030;
}
.ssl-diagram .exclusions {
  display: block;
  height: 40px;
  width: 444px;
  margin: 0 auto 20px;
  border-color: #c6c7ca;
  border-style: solid;
  border-width: 1px 1px 0;
  border-radius: 20px 20px 0 0;
  line-height: 1;
}
.ssl-diagram .exclusions:before,
.ssl-diagram .exclusions:after {
  border-color: #c6c7ca;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  bottom: 0;
}
.ssl-diagram .exclusions:before {
  left: -5px;
}
.ssl-diagram .exclusions:after {
  right: -5px;
}
.ssl-diagram .exclusions i {
  margin: -26px auto -6px;
}
.ssl-diagram .connection-traffic {
  border-color: #c6c7ca;
  border-style: solid;
  border-width: 2px 0 1px;
  height: 12px;
  width: 140px;
  line-height: 1;
  margin: 18px 10px 0;
}
.ssl-diagram .connection-traffic:before,
.ssl-diagram .connection-traffic:after {
  border-color: #c6c7ca;
  border-style: solid;
  border-width: 1px 1px 0 0;
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  position: absolute;
}
.ssl-diagram .connection-traffic:before {
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 0;
  bottom: -5px;
}
.ssl-diagram .connection-traffic:after {
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
  top: -5px;
}
.ssl-diagram .connection-traffic small {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
  top: -30px;
}
.ssl-diagram .connection-traffic i {
  margin: -15px 0 0;
}
.ssl-diagram.resign .connection-traffic:after {
  border-width: 2px 2px 0 0;
  width: 8px;
  height: 8px;
}
.ssl-diagram.known .connection-traffic {
  width: 357px;
}
.ssl-diagram.known .connection-traffic:before {
  border-width: 2px 2px 0 0;
  width: 8px;
  height: 8px;
  top: -5px;
}
.ssl-diagram.known .connection-traffic:after {
  top: auto;
  bottom: -5px;
}
.ssl-diagram.known .action {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.ssl-diagram.known .lock {
  position: absolute;
  transform: translateX(-50%);
}
.ssl-diagram.known .lock.left {
  left: 20%;
}
.ssl-diagram.known .lock.right {
  left: 80%;
}
.ssl-diagram .network strong {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 120px;
}
.ssl-diagram .network .icon-network {
  background: none;
  color: white;
  font-size: 21px;
  z-index: 2;
  position: relative;
}
.ssl-diagram .network.source .badgeicon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 58px;
  font-size: 30px;
  color: white;
  background: #9e9ea2;
  margin-bottom: 6px;
}
.ssl-diagram .network.destination .badgeicon {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 58px;
  font-size: 30px;
  color: white;
  background: #9e9ea2;
  margin-bottom: 6px;
  color: #9e9ea2;
  background: none;
}
.ssl-diagram .network.destination .badgeicon:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: scaleX(-1);
  font-size: 56px;
  position: absolute;
  top: -7px;
  left: -4px;
}
.ssl-diagram .network.destination .icon-network {
  top: -3px;
}
.ssl-settings .enabled-status {
  color: #6ebd4b;
}
.ssl-settings .disabled-status {
  color: #9e9ea2;
}
.ssl-settings .init-decryption-configuration-note {
  margin-left: 30px;
}
.ssl-settings .init-decryption-configuration-note .alert-warning {
  background: none;
  padding: 0;
  font-size: 14px;
  line-height: 23px;
}
.ssl-settings .init-decryption-configuration-note .alert-warning .icon-warning-1 {
  margin-right: 5px;
  font-size: 10px;
  line-height: 2;
  background-color: #ff7300;
  border-radius: 50%;
  color: #fff;
  width: 18px;
  height: 18px;
}
.ssl-settings hgroup h4 {
  display: inline-block;
  margin-right: 10px;
}
.download-instructions.info-banner {
  padding-left: 37px;
  margin-bottom: 0;
  margin-top: 15px;
}
.policy-explanation {
  padding: 16px 20px 0 20px;
  margin: -12px -20px -53px 0;
  width: 440px;
  min-height: 133px;
  float: right;
}
.policy-explanation h5 {
  margin: 0 0 6px;
}
.policy-explanation p.small {
  min-height: 43px;
}
.policy-explanation .certificates {
  margin: 0 0 6px;
  width: 100%;
  float: left;
}
.policy-explanation .certificates .cert-label {
  font-size: 12px;
  margin: 0 10px 0 0;
  float: left;
  line-height: 20px;
}
.policy-explanation .certificates .selected-option-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-size: 12px;
  max-width: 144px;
}
.policy-explanation .certificates .selected-option-tag.single-item {
  max-width: 230px;
}
.add-ssl-rule form {
  margin-bottom: 0 !important;
}
.add-ssl-rule .select-action {
  width: 220px;
}
.add-ssl-rule .select-action .icon-decrypt-re-sign:before,
.add-ssl-rule .select-action .icon-decrypt-known-key:before,
.add-ssl-rule .select-action .icon-passive-auth:before {
  font-size: 20px;
  line-height: 1;
}
.add-ssl-rule .addrule-annotation {
  padding-bottom: 0;
}
.add-ssl-rule .addrule-annotation h6 {
  margin: 4px 0 6px;
}
.add-ssl-rule .addrule-annotation p:last-child {
  margin: 0;
}
.add-ssl-rule .tab-pane-logging,
.add-ssl-rule .tab-pane-advanced {
  padding-top: 15px;
}
.identity-setup-dialog .general-errors {
  margin: 0 !important;
}
.identity-setup-dialog .empty-message {
  margin: 5px 0 0;
}
.identity-setup-dialog .passive-auth-diagram-holder {
  margin: 20px 0 24px 0;
  position: relative;
}
.identity-setup-dialog .passive-auth-diagram-holder .diagram-call-out:before {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 285px;
  top: 20px;
  transform: rotate(45deg);
  border: 1px solid #c6c7ca;
  border-width: 1px 1px 0 0;
  background: white;
  z-index: 1;
}
.identity-setup-dialog .passive-auth-diagram-holder .diagram-call-out .vertical-line {
  height: 100%;
  width: 1px;
  background: #c6c7ca;
  position: absolute;
  left: 53%;
}
.identity-setup-dialog .passive-auth-diagram-holder .diagram-call-out .vertical-line:before {
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background: #c6c7ca;
  position: absolute;
  left: -10px;
}
.identity-setup-dialog .passive-auth-diagram-holder .diagram-call-out .vertical-line:after {
  content: '';
  display: block;
  width: 10px;
  height: 1px;
  background: #c6c7ca;
  position: absolute;
  bottom: 0;
  left: -10px;
}
.identity-setup-dialog .passive-auth-description {
  padding: 0 0 0 20px;
}
.identity-setup-dialog .passive-auth-description .icon-server {
  font-size: 27px;
  position: relative;
  top: -7px;
  margin: 0 -1px 0 -5px;
}
.identity-setup-dialog .passive-auth-description p {
  margin: 0;
}
.identity-setup-dialog .passive-auth-description h6.sub-title {
  margin: 15px 0 5px 0;
}
.identity-setup-dialog .integrate {
  display: block;
  margin-top: 5px;
}
.add-identity-rule .nav-tabs.fake-explanation-bg,
.add-ssl-rule .nav-tabs.fake-explanation-bg {
  background-image: linear-gradient(right, #e5e5e5 439px, transparent 439px, transparent 100%), linear-gradient(right, #c6c7ca 440px, transparent 440px, transparent 100%);
  background-image: -webkit-linear-gradient(right, #e5e5e5 439px, transparent 439px, transparent 100%), -webkit-linear-gradient(right, #c6c7ca 440px, transparent 440px, transparent 100%);
  background-image: -moz-linear-gradient(right, #e5e5e5 439px, transparent 439px, transparent 100%), -moz-linear-gradient(right, #c6c7ca 440px, transparent 440px, transparent 100%);
  background-image: -o-linear-gradient(right, #e5e5e5 439px, transparent 439px, transparent 100%), -o-linear-gradient(right, #c6c7ca 440px, transparent 440px, transparent 100%);
  background-position: right  0;
  background-repeat: no-repeat;
}
.realm-dialog .content label {
  font-weight: normal;
}
.realm-dialog .warning-block {
  padding: 0 25px 10px 25px;
  margin: 0 -25px 15px -25px;
}
.realm-dialog .directory-server-configuration .upload-section .upload-certificate {
  margin: 0 10px 0 0;
}
.realm-dialog .directory-server-configuration h4 {
  margin-bottom: 20px;
}
.realm-dialog .directory-server-configuration .help-link {
  margin-top: 10px;
}
.modal-data .warning-area,
.modal-data .info-area {
  width: auto;
  box-shadow: none;
  padding: 0;
  margin: 20px 0 16px;
}
.modal-data .warning-area .message-info,
.modal-data .info-area .message-info {
  margin: 0;
  width: auto;
}
.modal-data .warning-area p,
.modal-data .info-area p {
  font-size: 15px;
  line-height: 1.5;
}
.modal-data .tab-pane .warning-area,
.modal-data .tab-pane .info-area {
  margin: 30px auto 0;
  max-width: 470px;
}
.error-block,
.info-block,
.warning-block {
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.error-block p,
.info-block p,
.warning-block p {
  font-size: 12px;
  line-height: 1.5;
  margin: 2px 0 0 22px;
  color: #58585b;
}
.error-block p.multi-counters,
.info-block p.multi-counters,
.warning-block p.multi-counters {
  margin-left: 0;
  color: #58585b;
}
.error-block p.multi-counters [class*='icon'],
.info-block p.multi-counters [class*='icon'],
.warning-block p.multi-counters [class*='icon'] {
  font-size: 14px;
  line-height: 1;
}
.error-block p .warning-counter,
.info-block p .warning-counter,
.warning-block p .warning-counter {
  color: #ff7300;
}
.error-block p .error-counter,
.info-block p .error-counter,
.warning-block p .error-counter {
  color: #cf2030;
}
.error-block .filter-toggler,
.info-block .filter-toggler,
.warning-block .filter-toggler {
  margin-left: 8px;
}
.error-block .page-success,
.info-block .page-success,
.warning-block .page-success {
  border-bottom: none;
  margin-bottom: 0;
  padding: 0;
}
.error-block i[class^="icon"],
.info-block i[class^="icon"],
.warning-block i[class^="icon"] {
  font-size: 15px;
  margin-right: 4px;
}
.error-block .clear-categories,
.info-block .clear-categories,
.warning-block .clear-categories {
  margin: 0 0 10px 20px;
}
.error-block:after,
.info-block:after,
.warning-block:after {
  clear: both;
  display: table;
}
.error-block {
  border-bottom: 2px solid #cf2030;
  color: #cf2030;
}
.info-block {
  border-bottom: 2px solid #049fd9;
  color: #049fd9;
}
.info-block [class^="icon-info"] {
  margin: 3px 2px -1px -1px;
}
.info-block.no-border {
  border-bottom: none;
}
.warning-block {
  border-bottom: 2px solid #ff7300;
  color: #ff7300;
}
.warning-block .icon-warning-small,
.warning-block .icon-warning-1 {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 7px;
  float: left;
}
.warning-block .icon-warning-1 {
  font-size: 16px;
}
.info-banner {
  background: #e6f5fb;
  color: #58585b;
  padding: 10px 12px 10px 37px;
  font-size: 13px;
  line-height: 1.3;
  background: #fff5cc;
  position: relative;
  font-size: 12px;
}
.info-banner header {
  font-weight: bold;
  line-height: 1.3;
}
.info-banner [class*="icon-info"],
.info-banner [class*="icon-cancel"],
.info-banner [class*="icon-warning"] {
  color: #049fd9;
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: 16px;
}
.info-banner [class*="icon-info"]:before,
.info-banner [class*="icon-cancel"]:before,
.info-banner [class*="icon-warning"]:before {
  vertical-align: middle;
}
.info-banner [class*="icon-info"] + span,
.info-banner [class*="icon-cancel"] + span,
.info-banner [class*="icon-warning"] + span {
  position: relative;
  top: 1px;
}
.info-banner ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
}
.info-banner ul li {
  padding-bottom: 4px;
  line-height: 1.3;
}
.info-banner ul li:before {
  content: '-';
  margin-right: 5px;
}
.info-banner [class*="icon-"] {
  color: #ffcc00;
  font-size: 29px;
  position: absolute;
  top: 4px;
  left: 8px;
}
.info-banner p {
  line-height: 1.4;
}
.info-banner p:last-child {
  margin-bottom: 0;
}
.info-banner a {
  color: inherit;
  text-decoration: underline;
}
.info-banner .smallstep {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #58585b;
  border-radius: 50%;
  text-align: center;
  vertical-align: text-bottom;
  color: #58585b;
  font-size: 11px;
  line-height: 13px;
  margin-right: 4px;
}
.info-banner .smallstep ~ .smallstep {
  margin: 0 4px;
}
.info-banner .icon-warning-1 {
  color: #ffcc00;
  font-size: 16px;
  line-height: 16px;
  top: 7px;
  left: 10px;
}
.add-rule .explanation {
  padding: 16px 20px 0 20px;
  margin: -12px -20px -53px 0;
  width: 440px;
  min-height: 133px;
  float: right;
}
.add-rule .explanation h5 {
  margin: 0 0 6px;
}
.add-rule .explanation p.small {
  min-height: 43px;
}
.add-rule .explanation .certificates {
  margin: 0 0 6px;
  width: 100%;
  float: left;
}
.add-rule .explanation .certificates .cert-label {
  font-size: 12px;
  margin: 0 10px 0 0;
  float: left;
  line-height: 20px;
}
.add-rule .explanation .certificates .selected-option-tag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-size: 12px;
  max-width: 144px;
}
.add-rule .explanation .certificates .selected-option-tag.single-item {
  max-width: 230px;
}
.header-blocker {
  z-index: 999;
  background: #fff;
  opacity: 0.6;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-property: opacity, z-index;
  -moz-transition-property: opacity, z-index;
  -moz-transition-duration: 0.7s;
  transition-property: opacity, z-index;
  transition-duration: 0.7s;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 66px;
}
.header-blocker.out {
  opacity: 0;
  z-index: 0;
}
.sidebar-blocker {
  z-index: 999;
  background: #fff;
  opacity: 0.6;
  -webkit-transition-duration: 0.7s;
  -webkit-transition-property: opacity, z-index;
  -moz-transition-property: opacity, z-index;
  -moz-transition-duration: 0.7s;
  transition-property: opacity, z-index;
  transition-duration: 0.7s;
  position: fixed;
  top: 66px;
  left: 0;
  bottom: 0;
  width: 225px;
}
.sidebar-blocker.out {
  opacity: 0;
  z-index: 0;
}
.off .api-explorer-container {
  left: 0;
}
.api-explorer-container {
  position: absolute;
  left: 225px;
  right: 0;
  top: 66px;
  overflow: hidden;
  bottom: 0;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.api-explorer-container .breadcrumbs {
  margin-top: 0;
  top: 85px;
  left: 24px;
}
.api-explorer-container iframe {
  border-width: 0;
  width: 100%;
  height: 100%;
}
.form-group {
  margin-top: 0;
  margin-bottom: 24px;
}
.form-group .edit-subInterface-id {
  margin-top: 8px;
}
.form-group .control-label {
  text-align: left;
  font-weight: 400;
  line-height: 1.3;
  color: #58585b;
  padding: 0;
}
.form-group .control-label label {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.3;
}
.form-group .control-label[for] {
  cursor: pointer;
}
.form-group .control-label.disabled {
  opacity: 0.5;
}
.form-group .control-label.disabled:hover {
  cursor: not-allowed;
}
.form-group .control-label.disabled :disabled,
.form-group .control-label.disabled .disabled {
  opacity: 1 !important;
}
.form-group .control-label.block {
  display: block;
}
.form-group .control-label .sublabel {
  display: block;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 1.3;
}
.form-group .control-label .sublabel-large {
  font-size: 14px;
  margin: 5px 0 0;
}
.form-group .control-label .optional-label {
  color: #9e9ea2;
}
.form-group .control-label .label-hint {
  color: #9e9ea2;
  font-style: italic;
}
.form-group .control-label + .selected-items-list {
  margin: 0;
}
.form-group .control-label.no-pointer {
  cursor: default;
}
.with-info-icon-tooltip .form-group .control-label {
  width: 100%;
}
.form-group label.ellipsis-label {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.form-group .control-value {
  word-break: break-all;
  display: block;
}
.form-group .control-value.empty {
  color: #bebebe;
}
.form-group textarea {
  min-height: 84px;
}
.form-group .control-units-wrapper {
  padding-top: 2px;
  padding-left: 0;
}
.form-group .control-units {
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  font-size: 12px;
  color: #9e9ea2;
}
.form-group-copy {
  position: relative;
}
.form-group-copy .form-control,
.form-group-copy .form-control:focus {
  background: #fffae6;
}
.form-group-copy textarea {
  padding-bottom: 60px;
}
.form-group-copy .btn-copy {
  float: right;
  border-radius: 3px 0 0 0;
  position: relative;
  top: -46px;
  padding: 0;
}
.form-group-copy .btn-copy > span {
  display: inline-block;
  padding: 13px 30px;
}
.form-group.last {
  margin-bottom: 0;
}
.form-group.no-wrap {
  margin-bottom: 0;
}
.form-group .parent-select .btn-select,
.row .parent-select .btn-select,
.form-group .parent-select li,
.row .parent-select li,
.form-group .parent-select input,
.row .parent-select input {
  font-size: 12px;
}
.form-group .parent-select .btn-select strong,
.row .parent-select .btn-select strong,
.form-group .parent-select li strong,
.row .parent-select li strong,
.form-group .parent-select input strong,
.row .parent-select input strong {
  display: block;
  font-weight: bold;
  font-size: 12px;
}
.form-group .dropdown.readonly,
.row .dropdown.readonly {
  padding-top: 9px;
}
.form-group .control-label,
.row .control-label {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
}
.form-group .control-label label,
.row .control-label label {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}
.form-group input[type="text"] + .cs-tooltip,
.row input[type="text"] + .cs-tooltip,
.form-group .dropdown + .cs-tooltip,
.row .dropdown + .cs-tooltip,
.form-group .shift-for-icon-after + .cs-tooltip,
.row .shift-for-icon-after + .cs-tooltip {
  position: absolute;
  top: 35px;
  right: -17px;
}
.form-group .shift-for-icon-after,
.row .shift-for-icon-after {
  width: calc(100% - 20px);
}
.form-group .shift-for-icon-after + .cs-tooltip,
.row .shift-for-icon-after + .cs-tooltip {
  right: 5px;
}
.form-group .disabled .control-label[for],
.row .disabled .control-label[for] {
  cursor: not-allowed;
}
.form-group .disabled .wrapp-emulate .emulate,
.row .disabled .wrapp-emulate .emulate {
  cursor: not-allowed;
}
.form-sub-group {
  margin-bottom: 15px;
}
.form-sub-group:before,
.form-sub-group:after {
  content: " ";
  display: table;
}
.form-sub-group:after {
  clear: both;
}
.form-sub-group:before,
.form-sub-group:after {
  content: " ";
  display: table;
}
.form-sub-group:after {
  clear: both;
}
legend {
  border: none;
}
.form-disabled {
  opacity: 0.6;
}
.child-control-offset {
  padding-left: 30px;
}
.radio-dependent-control-group {
  padding-top: 5px;
}
.form-control,
.modal-data .form-control,
.modal-header .form-control {
  background: #e5e5e5;
  color: #323232;
  box-shadow: none;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  min-height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.form-control:focus,
.modal-data .form-control:focus,
.modal-header .form-control:focus {
  background: #e9f2f8;
  box-shadow: none;
}
.form-control.ongray,
.modal-data .form-control.ongray,
.modal-header .form-control.ongray {
  background: #fff;
  border: 1px solid transparent;
}
.form-control.ongray:focus,
.modal-data .form-control.ongray:focus,
.modal-header .form-control.ongray:focus {
  border: 1px solid #c6c7ca;
}
.form-control.short,
.modal-data .form-control.short,
.modal-header .form-control.short {
  width: 110px;
}
.form-control:disabled,
.modal-data .form-control:disabled,
.modal-header .form-control:disabled,
.form-control.disabled,
.modal-data .form-control.disabled,
.modal-header .form-control.disabled {
  background: #e5e5e5;
}
.smart-cli-terminal .form-control:disabled,
.smart-cli-terminal .modal-data .form-control:disabled,
.smart-cli-terminal .modal-header .form-control:disabled,
.smart-cli-terminal .form-control.disabled,
.smart-cli-terminal .modal-data .form-control.disabled,
.smart-cli-terminal .modal-header .form-control.disabled {
  background: transparent;
}
input.with-inline-action-go {
  padding-right: 45px;
}
.input-go {
  position: absolute;
  right: 10px;
  top: 26px;
  line-height: 36px;
  font-size: 12px;
}
.input-go:after {
  bottom: 0;
}
.has-dns-server-error .form-control {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #cf2030;
}
.has-dns-server-error .row:last-child .form-control {
  box-shadow: none;
  border: none;
}
.has-error .form-control,
.has-error .form-control:focus,
.has-error .btn-iconic,
.has-error .btn-selector {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #cf2030;
}
.has-error .help-block:first-letter {
  text-transform: capitalize;
}
.has-error.checkbox .control-label {
  color: #58585b;
}
.has-error.checkbox .help-message {
  color: #9e9ea2;
}
.has-error.checkbox .help-block {
  margin-top: 5px;
}
.has-error.checkbox .wrapp-emulate input + .emulate {
  border: 2px solid white;
  box-shadow: 0 0 0 2px #cf2030;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border 0s;
}
.has-error.checkbox .wrapp-emulate input + .emulate:before {
  vertical-align: top;
  line-height: 16px;
}
.has-error.checkbox .help-block {
  padding-left: 30px;
}
.error-border {
  border: 2px solid #cf2030 !important;
  border-radius: 3px;
}
textarea {
  resize: vertical;
}
.control-label,
.modal-data .control-label,
.modal-header .control-label {
  font-size: 14px;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
}
.btn:focus,
.btn:focus span,
button:focus,
button:focus span {
  outline: none;
}
.btn {
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  height: 36px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.btn.text-uppercase {
  text-transform: uppercase !important;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}
.btn:hover,
.btn:active {
  background: #037aa7;
  color: white;
}
.btn-default {
  background: #e5e5e5;
  color: #323232;
}
.btn-default:hover,
.btn-default:active {
  background: #9e9ea2;
  color: #fff;
}
.btn-default.btn-disabled:hover,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
.btn-default.btn-disabled:focus,
.btn-default.disabled:focus,
.btn-default[disabled]:focus {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn-success {
  background: #049fd9;
  color: white;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:active:focus {
  background: #037aa7;
}
.btn-success.btn-disabled:hover {
  background: #049fd9;
}
.btn-disabled,
.btn:disabled,
.btn.disabled {
  opacity: 0.5;
}
.btn-disabled:hover,
.btn:disabled:hover,
.btn.disabled:hover {
  cursor: not-allowed;
}
.btn-disabled :disabled,
.btn:disabled :disabled,
.btn.disabled :disabled,
.btn-disabled .disabled,
.btn:disabled .disabled,
.btn.disabled .disabled {
  opacity: 1 !important;
}
.btn-sm {
  line-height: 30px;
  height: 30px;
}
.btn-xs {
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  font-size: 11px;
  padding: 0 12px;
}
.btn-xs [class*="icon-"] {
  font-size: 10px;
  line-height: 10px;
  vertical-align: middle;
  color: inherit;
}
.btn-xs [class*="icon-"]:before {
  vertical-align: middle;
}
.btn-xs .loader-small {
  margin: -3px 7px 0 !important;
}
.btn.btn-iconic {
  padding: 0;
  height: 36px;
  min-width: 36px;
  line-height: 40px;
  width: auto;
  position: relative;
  text-align: center;
  outline: none;
  background: #e5e5e5;
}
.btn.btn-iconic:active,
.btn.btn-iconic:hover {
  background: #049fd9;
  color: white;
}
.btn.btn-iconic[disabled],
.btn.btn-iconic[class*="disabled"] {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-iconic[disabled] .icon-add,
.btn.btn-iconic[class*="disabled"] .icon-add {
  color: #9e9ea2;
}
.btn.btn-iconic[disabled]:hover,
.btn.btn-iconic[class*="disabled"]:hover,
.btn.btn-iconic[disabled]:focus,
.btn.btn-iconic[class*="disabled"]:focus {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-iconic[disabled]:hover .icon-add,
.btn.btn-iconic[class*="disabled"]:hover .icon-add,
.btn.btn-iconic[disabled]:focus .icon-add,
.btn.btn-iconic[class*="disabled"]:focus .icon-add {
  color: #9e9ea2;
}
.btn.btn-iconic.btn-sb-add:before {
  content: none;
  display: none;
}
.btn.btn-iconic.btn-primary,
.btn.btn-iconic.btn-success {
  background: #049fd9;
}
.btn.btn-iconic.btn-primary.btn-disabled:hover,
.btn.btn-iconic.btn-success.btn-disabled:hover,
.btn.btn-iconic.btn-primary.disabled:hover,
.btn.btn-iconic.btn-success.disabled:hover {
  background: #049fd9;
}
.btn.btn-iconic.btn-primary:hover,
.btn.btn-iconic.btn-success:hover {
  background: #04b1f2;
}
.btn.btn-iconic.btn-transparent {
  background-color: transparent;
  box-shadow: none;
}
.btn.btn-iconic.btn-transparent i {
  color: #58585b;
}
.btn.btn-iconic.btn-transparent:hover i {
  color: #049fd9;
}
.btn.btn-iconic.btn-xs {
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  padding: 0;
}
.btn.btn-iconic.btn-xs .icon-add {
  color: #9e9ea2;
}
.btn.btn-iconic.btn-xs .icon-add:before {
  font-size: 10px;
  line-height: 10px;
  vertical-align: middle;
}
.btn.btn-iconic.btn-xs:hover:not(.active) .icon-add {
  color: white;
}
.btn.btn-iconic.btn-xs.active {
  background-color: #58585b;
}
.btn.btn-iconic.btn-xs.active .icon-add {
  color: white;
}
.btn.btn-iconic.btn-xs[disabled],
.btn.btn-iconic.btn-xs[class*="disabled"] {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-iconic.btn-xs[disabled] .icon-add,
.btn.btn-iconic.btn-xs[class*="disabled"] .icon-add {
  color: #9e9ea2;
}
.btn.btn-iconic.btn-xs[disabled]:hover,
.btn.btn-iconic.btn-xs[class*="disabled"]:hover,
.btn.btn-iconic.btn-xs[disabled]:focus,
.btn.btn-iconic.btn-xs[class*="disabled"]:focus {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.btn.btn-iconic.btn-xs[disabled]:hover .icon-add,
.btn.btn-iconic.btn-xs[class*="disabled"]:hover .icon-add,
.btn.btn-iconic.btn-xs[disabled]:focus .icon-add,
.btn.btn-iconic.btn-xs[class*="disabled"]:focus .icon-add {
  color: #9e9ea2;
}
.btn.btn-iconic.on {
  background: #58585b;
  color: white;
}
.btn.btn-iconic .icon-add:before {
  font-size: 16px;
}
.btn.btn-iconic .icon-add-many:before {
  font-size: 20px;
}
.btn.btn-iconic .icon-add-many {
  top: 3px;
  position: relative;
}
.btn.btn-iconic .label-add {
  margin: 0 0 0 4px;
}
.btn.btn-iconic.btn-disabled .loader-small {
  opacity: 1;
  margin-left: 0;
}
.btn.btn-loading {
  color: transparent !important;
  position: relative !important;
  opacity: 1;
}
.btn.btn-loading .btn-text {
  visibility: hidden;
}
.btn.btn-disabled {
  opacity: .5;
}
.btn + .loading {
  display: inline-block;
  vertical-align: middle;
  margin: -12px -40px 0 15px;
}
.btn + .loading:before {
  background-image: url('/branding/default/images/ajax-loader.gif');
}
.btn + .help-link,
.btn + .cs-tooltip {
  margin-left: 15px;
}
.btn.btn-icon-text {
  padding: 7px 15px;
  text-transform: none;
}
.btn.btn-icon-text:not(:hover) {
  color: inherit;
}
.btn.btn-icon-text i {
  padding: 2px 8px 0 0;
  font-size: 16px;
}
.btn.btn-icon-text span {
  font-size: 14px;
}
.btn-bordered {
  border: 2px solid #c6c7ca;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.4);
  color: #58585b;
  padding: 0 24px;
  height: 56px;
}
.btn-bordered:hover {
  background-color: rgba(255, 255, 255, 0.7);
}
.btn-bordered:active {
  background-color: white;
}
.btn-bordered-active,
.btn-bordered-active:hover,
.btn-bordered-active:active {
  border-color: #049fd9;
  color: #049fd9;
  background-color: rgba(4, 159, 217, 0.03);
  cursor: default;
  position: relative;
}
.btn-bordered-active:after,
.btn-bordered-active:hover:after,
.btn-bordered-active:active:after {
  content: '';
  display: inline;
  width: 20px;
  height: 20px;
  background: white;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #d7d7d7;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: absolute;
  left: 50%;
  top: 81px;
  margin-left: -9px;
}
.form-group-toggle .onoffswitch {
  display: block;
}
.form-horizontal .form-group .control-label.label-with-sublabel {
  line-height: 36px;
}
.form-horizontal .form-group .toggler-label {
  width: 100%;
}
.form-horizontal > .form-group:first-child .form-section-heading {
  margin: 0 0 24px;
}
.form-horizontal .form-section-heading {
  margin: 10px 0 14px;
}
.form-horizontal .form-section-heading h5 {
  margin: 16px 15px 3px 0;
  padding: 0;
}
.form-horizontal .form-section-heading.first-control {
  margin-top: 0;
}
.form-horizontal .form-section-heading.first-control h5 {
  margin-top: 0;
}
.form-horizontal h6.sub-title {
  font-size: 11px;
  text-transform: uppercase;
  margin: 5px 0 10px;
  font-weight: bold;
}
.form-horizontal .info-block {
  margin: -4px -25px 24px;
  padding: 0 25px 20px;
}
.form-horizontal .control-label {
  text-align: left;
}
.cs-uploader {
  display: inline-block;
  margin: 0 0 10px;
}
.cs-uploader.readonly {
  display: none;
}
.cs-uploader .cs-upload-status {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.cs-uploader .cs-upload-status.error {
  color: #cf2030;
  font-size: 12px;
  line-height: 1.5;
}
.cs-uploader .cs-upload-status.error .icon-cancel {
  font-size: 12px;
}
.cs-uploader .cs-upload-filename {
  display: block;
  font-weight: bold;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.cs-uploader .chosen-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: inline-block;
  max-width: 200px;
  height: 13px;
  margin-bottom: -3px;
}
.cs-uploader .loader-small {
  position: absolute;
  top: 35px;
  opacity: 0.4;
  background: url('/branding/default/images/ajax-loader-small-black.gif') no-repeat;
}
.cs-uploader .btn {
  margin: 0 10px 0 0;
}
.cs-uploader span {
  font-size: 12px;
}
.cs-uploader form {
  margin: 0 !important;
}
.cs-uploader .uploader-errors {
  border: none;
  display: inline-block;
}
.cs-uploader .uploader-errors .alert-danger {
  font-weight: 400;
}
.is-disabled {
  display: block;
  line-height: 36px;
}
.datetime-frequency {
  width: 256px;
}
.datetime-row > div {
  display: inline-block;
  vertical-align: top;
}
.datetime-row .multiple-selection {
  width: 256px;
}
.datetime-row .preposition {
  line-height: 36px;
  text-align: center;
}
.datepicker input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 29px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -ms-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  border-radius: 0px;
  color: inherit;
  font-size: 15px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  background: #e5e5e5;
  color: #323232;
  box-shadow: none;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  min-height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.datepicker input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.datepicker input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.datepicker input:-ms-input-placeholder {
  color: #999;
}
.datepicker input::-webkit-input-placeholder {
  color: #999;
}
.datepicker input::-ms-expand {
  border: 0;
  background-color: transparent;
}
.datepicker input[disabled],
.datepicker input[readonly],
fieldset[disabled] .datepicker input {
  background-color: #eeeeee;
  opacity: 1;
}
.datepicker input[disabled],
fieldset[disabled] .datepicker input {
  cursor: not-allowed;
}
textarea.datepicker input {
  height: auto;
}
.datepicker input:focus {
  background: #e9f2f8;
  box-shadow: none;
}
.datepicker input.ongray {
  background: #fff;
  border: 1px solid transparent;
}
.datepicker input.ongray:focus {
  border: 1px solid #c6c7ca;
}
.datepicker input.short {
  width: 110px;
}
.datepicker input:disabled,
.datepicker input.disabled {
  background: #e5e5e5;
}
.smart-cli-terminal .datepicker input:disabled,
.smart-cli-terminal .datepicker input.disabled {
  background: transparent;
}
.datepicker input:focus {
  background: #e9f2f8;
  box-shadow: none;
}
.datepicker input.ongray {
  background: #fff;
  border: 1px solid transparent;
}
.datepicker input.ongray:focus {
  border: 1px solid #c6c7ca;
}
.datepicker input.short {
  width: 110px;
}
.datepicker input:disabled,
.datepicker input.disabled {
  background: #e5e5e5;
}
.smart-cli-terminal .datepicker input:disabled,
.smart-cli-terminal .datepicker input.disabled {
  background: transparent;
}
.ui-datepicker {
  border: none;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
  width: auto;
}
.ui-datepicker .ui-datepicker-header {
  border: none;
  background: none;
  padding: 4px 0 10px;
  border-bottom: 1px dotted #c6c7ca;
  border-radius: 0;
  text-align: right;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: auto;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .btn-default {
  background: none;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 36px;
  font-weight: bold;
  color: #9e9ea2;
  padding: 0 25px 0 5px;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .btn-default .caret {
  border: 2px solid #9e9ea2;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  display: inline-block;
  padding: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: 13px;
  right: 14px;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .ui-state-hover {
  background: none;
  border: none;
  color: #58585b;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .ui-state-hover .caret {
  border-right-color: #58585b;
  border-bottom-color: #58585b;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select.btn-group.open .dropdown-toggle {
  outline: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li {
  padding: 0;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected {
  background-color: #e5e5e5;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li > a {
  padding: 10px 15px 10px 20px;
}
.ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li > a:focus {
  background: none;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 12px;
  line-height: 1.8em;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: black;
  float: left;
}
.ui-datepicker .ui-datepicker-title .ui-datepicker-month {
  text-transform: uppercase;
  color: #58585b;
  font-size: 13px;
  line-height: 36px;
  display: inline-block;
  vertical-align: middle;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #049fd9;
  position: relative;
  width: 32px;
  height: 32px;
  display: inline-block;
  text-align: center;
  margin: 0 4px -2px;
  left: 0;
  top: 4px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
  border: none;
  background: none;
  color: #049fd9;
  opacity: 0.75;
  left: 0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-prev .ui-icon:hover,
.ui-datepicker .ui-datepicker-next .ui-icon:hover {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  display: inline-block;
  position: static;
  margin: 0;
  font-size: 0;
  text-indent: inherit;
  width: 32px;
  height: 32px;
  line-height: 30px;
}
.ui-datepicker .ui-datepicker-prev-hover.ui-state-disabled:hover,
.ui-datepicker .ui-datepicker-next-hover.ui-state-disabled:hover {
  opacity: .35;
}
.ui-datepicker .ui-datepicker-prev span:after {
  font-size: 14px;
}
.ui-datepicker .ui-datepicker-next span:after {
  font-size: 14px;
}
.ui-datepicker th {
  padding: 15px 0;
  font-size: 10px;
}
.ui-datepicker td {
  padding: 5px;
  font-size: 10px;
}
.ui-datepicker .ui-state-default {
  text-align: center;
  background: none;
  border: 1px solid transparent;
  padding: 0;
  margin: 0 auto;
  width: 29px;
  height: 29px;
  line-height: 29px;
  border-radius: 50%;
  font-size: 10px;
}
.ui-datepicker td:not([class*='-disabled']) .ui-state-default,
.ui-datepicker td:not([class*='unselectable']) .ui-state-default {
  font-weight: bold;
}
.ui-datepicker .disabled-by-end-date-range,
.ui-datepicker .disabled-by-start-date-range {
  font-weight: normal;
  font-style: italic;
}
.ui-datepicker .ui-datepicker-unselectable.ui-state-disabled:not([class *= 'disabled-by']) {
  opacity: .8;
}
.ui-datepicker .disabled-by-history {
  font-weight: normal;
  font-style: italic;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
  background: #049fd9;
  color: white;
}
.ui-datepicker .ui-datepicker-today .ui-state-default {
  border: 1px solid #049fd9;
}
.certificate-dialog .form-section-heading {
  border: none;
  padding-bottom: 0px;
  height: 45px;
}
.certificate-dialog .upload-section {
  padding-top: 0 !important;
}
.certificate-dialog .upload-section label {
  font-weight: normal;
  float: left;
  margin-top: 10px;
}
.certificate-dialog .upload-section button {
  margin: 0 10px;
}
.certificate-dialog .form-group {
  margin-bottom: 0px;
}
.certificate-dialog .form-group .form-section-heading {
  margin: 0 0 0;
}
.certificate-dialog .form-group.trustedcacertificate {
  margin-top: 24px;
}
.certificate-dialog .warning-block {
  padding: 0px 24px;
  margin: 0 -25px 15px;
}
.certificate-dialog .modal-footer {
  margin-top: 24px;
}
.view-certificate-dialog .private-key-certificate-name {
  background-color: #f9f9f9;
  padding-bottom: 5px;
}
.anyconnect-client-profile .upload-section > .help-block {
  margin-top: 0;
}
.anyconnect-client-profile .upload-section .cs-uploader .help-block {
  margin-bottom: 0;
}
.exta-hint-container {
  padding-left: 0;
  padding-top: 24px;
}
input::-ms-clear,
input::-ms-reveal {
  display: none !important;
  position: absolute;
  right: 0;
  visibility: hidden;
}
input[autocomplete="off"]::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-credentials-auto-fill-button {
  display: none !important;
  width: 0;
  height: 0;
  margin: 0;
  visibility: hidden;
  pointer-events: none;
}
.form-row-separator:before {
  display: block;
  margin: 0 15px 24px;
  content: '';
  border-top: 1px solid #f0f0f0;
}
.action-note {
  position: relative;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 1;
}
.action-note header {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.action-note [class^="icon-"] {
  margin-right: 10px;
}
.action-note ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
}
.action-note ul li {
  padding-bottom: 4px;
  line-height: 1.3;
}
.action-note ul li:before {
  content: '-';
  margin-right: 5px;
}
.action-note.multiline {
  width: 80%;
  text-align: left;
  margin: 0 auto;
}
.action-note.multi-hints [class^="icon-"] {
  position: absolute;
  top: 0;
  left: 0;
}
.action-note.multi-hints ul li.dashless {
  text-indent: -10px;
  overflow: hidden;
}
.buttons-wrapper {
  padding: 20px 0;
}
.buttons-wrapper.separator {
  border-top: 1px dotted #c6c7ca;
}
.buttons-wrapper .action-note {
  padding: 24px 0;
}
.validatable-input-units-container {
  line-height: 36px;
}
header.control-group-label {
  padding-bottom: 0 !important;
}
header.control-group-label label {
  line-height: 2 !important;
  font-weight: 900 !important;
  text-transform: uppercase;
}
ul.buttons-switch {
  list-style: none;
  padding: 0;
}
ul.buttons-switch * {
  transition: none;
}
ul.buttons-switch:before,
ul.buttons-switch:after {
  content: " ";
  display: table;
}
ul.buttons-switch:after {
  clear: both;
}
ul.buttons-switch:before,
ul.buttons-switch:after {
  content: " ";
  display: table;
}
ul.buttons-switch:after {
  clear: both;
}
ul.buttons-switch.no-bottom-space {
  margin: 0;
}
ul.buttons-switch li {
  margin-left: 1px;
  margin-right: 1px;
  float: left;
  position: relative;
}
ul.buttons-switch li .title {
  display: block;
  min-width: 80px;
  max-width: 215px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  height: 36px;
  line-height: 36px;
  background-color: #e4e4e4;
  border: 2px solid #e4e4e4;
  padding: 0 12px;
  text-align: center;
  color: #58585b;
  user-select: none;
  cursor: auto;
  box-sizing: content-box;
}
ul.buttons-switch li:first-child .title {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
ul.buttons-switch li:last-child .title {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
ul.buttons-switch li:hover:not(.active) .title {
  cursor: pointer;
  text-decoration: none;
}
ul.buttons-switch li:hover:not(.active) .title:not(.disabled) {
  color: #049fd9;
  background-color: #e9f2f8;
  border-color: #e9f2f8;
}
ul.buttons-switch li.active {
  margin-right: -1px;
  margin-left: -1px;
}
ul.buttons-switch li.active .title {
  padding: 0 14px;
  color: #049fd9;
  background-color: #fff;
  border-color: #049fd9;
  text-decoration: none;
  margin-left: 0;
}
ul.buttons-switch li.failures {
  color: #cf2030;
}
ul.buttons-switch li.failures.active,
ul.buttons-switch li.failures:hover {
  color: #cf2030;
}
.icon-collapse-expand {
  font-size: 10px;
  display: inline-block;
  border: 1px solid #049fd9;
  border-radius: 10px;
  width: 20px;
  padding: 3px;
  line-height: 16px;
  height: 20px;
}
.icon-collapse-expand.expanded {
  transform: rotate(180deg);
}
section.expandable .section-title {
  color: #049fd9;
  cursor: pointer;
  display: inline-block;
}
section.expandable .section-title .icon-collapse-expand {
  margin-right: 5px;
}
section.expandable .section-content {
  display: block;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
  border: 1px solid transparent;
  background: url(/assets/images/bg-expanded-section.svg) 8px 100% repeat-y;
}
section.expandable .section-content:before {
  content: '\25CF';
  display: block;
  height: 5px;
  font-size: 15px;
  position: absolute;
  bottom: 7px;
  left: 5px;
  color: #049fd9;
}
section.expandable.expanded .section-title span {
  transform: rotate(180deg);
}
.checkbox {
  min-height: auto;
  margin: 0;
  padding: 0;
}
.centered-checkbox .checkbox {
  padding-top: 33px;
}
.centered-checkbox-with-two-lines .checkbox {
  padding-top: 25px;
}
.checkbox .help-block {
  padding-left: 30px;
  margin: 5px 0 0;
}
.checkbox .help-block .help-message {
  font-size: 14px;
}
.with-child-controls .checkbox {
  margin-bottom: 5px;
}
.standalone .checkbox {
  margin-bottom: 20px;
}
.checkbox .wrapp-emulate {
  font-size: 14px;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
.checkbox .wrapp-emulate input {
  opacity: 0;
  margin-right: 10px;
  margin-left: 0;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.checkbox .wrapp-emulate input:checked + .emulate {
  color: white;
  background: #049fd9;
}
.checkbox .wrapp-emulate .emulate {
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 1px);
  left: 0;
  font-size: 12px;
  line-height: 24px;
  background-color: #e5e5e5;
  text-align: center;
  color: #e5e5e5;
  cursor: pointer;
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.checkbox .wrapp-emulate .sublabel {
  display: block;
  margin-top: -6px;
}
.checkbox .wrapp-emulate.control-label {
  margin-bottom: 0;
}
.checkbox .wrapp-emulate ~ label {
  padding-left: 30px;
}
input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
  visibility: hidden;
}
.input-with-units {
  display: -webkit-flex;
  /* Safari */
  display: flex;
}
.input-with-add-item-link {
  margin-bottom: 8px;
  position: relative;
}
.columns-with-separator {
  display: flex;
}
.columns-with-separator > [class*='col-sm'] ~ [class*='col-sm'] {
  border-left: 1px solid #f0f0f0;
}
.form-group.has-error .item-picker .btn-xs {
  line-height: 20px;
}
.empty-content-container {
  padding: 20px 0 40px 0;
  width: 100%;
  text-align: center;
}
.empty-content-container .empty-content-text {
  margin: 0 0 20px;
  font-style: italic;
  opacity: 0.7;
}
.empty-content-container .empty-content-text .empty-content-title {
  font-size: 18px;
  margin: 0;
}
.empty-content-container .empty-content-text .empty-content-message {
  white-space: pre-line;
}
#header {
  position: fixed;
  width: 100%;
  background-color: white;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 0;
  min-width: 1024px;
  z-index: 10;
}
#header .container-fluid {
  min-width: 1400px;
}
#header .navbar {
  border: none;
  margin-bottom: 10px;
}
#header .navbar .main-nav > li a {
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  padding: 16px 20px 12px;
  border-bottom: 4px solid transparent;
  text-transform: uppercase;
}
#header .navbar .main-nav > li.active a {
  border-color: transparent;
  background: #049fd9;
}
#header .navbar ul.nav li ul.nav.dropdown-menu {
  position: absolute;
  left: auto;
  right: 0;
  border: 1px solid #9e9ea2;
  white-space: nowrap;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 3px;
  min-width: 100px;
}
#header .navbar ul.nav li ul.nav.dropdown-menu:after,
#header .navbar ul.nav li ul.nav.dropdown-menu:before {
  bottom: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#header .navbar ul.nav li ul.nav.dropdown-menu:after {
  border-bottom-color: #f7f7f7;
  border-width: 5px;
  right: 20px;
}
#header .navbar ul.nav li ul.nav.dropdown-menu:before {
  border-bottom-color: #9e9ea2;
  border-width: 7px;
  right: 18px;
}
#header .navbar ul.nav li ul.nav.dropdown-menu hr {
  border-top: 1px solid #9e9ea2;
  width: 90%;
  margin-bottom: 2px;
  margin-top: 2px;
}
#header .navbar ul.nav li ul.nav.dropdown-menu li a {
  color: #323232;
  padding: 5px 20px;
}
#header .navbar ul.nav li ul.nav.dropdown-menu > .active > a,
#header .navbar ul.nav li ul.nav.dropdown-menu > .active > a:hover,
#header .navbar ul.nav li ul.nav.dropdown-menu > .active > a:focus {
  background-color: transparent;
}
#header .logo {
  float: left;
  width: 63px;
  height: 33px;
  margin: 13px 20px 0;
  text-indent: -999px;
  background: url('/branding/default/images/logo.svg');
  background-size: 63px 33px;
}
#header .logo:after {
  width: 1px;
  height: 37px;
  background-color: #f0f0f0;
  margin: 0 5px 0 60px;
  display: inline-block;
  content: '';
  vertical-align: middle;
}
#header .nav-product-manager-name {
  float: left;
  font-size: 18px;
  line-height: 66px;
  margin-right: 65px;
  font-weight: 200;
  color: #58585b;
}
#header .main-nav {
  margin: 0 0 0 -20px;
}
#header .main-nav > li > a,
#header .main-nav > li > span {
  font-size: 14px;
  padding: 11px 20px 0;
  min-height: 66px;
  color: #58585b;
  text-transform: none;
  margin-right: 2px;
  border-bottom: 0 solid;
  -webkit-transition: 0.05s ease all;
  -moz-transition: 0.05s ease all;
  -o-transition: 0.05s ease all;
  transition: 0.05s ease all;
}
#header .main-nav > li > a i,
#header .main-nav > li > span i {
  display: block;
  text-align: center;
  font-size: 18px;
  opacity: 0.6;
}
#header .main-nav > li > a [class^="icon-"]:before,
#header .main-nav > li > span [class^="icon-"]:before {
  font-size: 20px;
}
#header .main-nav > li > span,
#header .main-nav > li a:hover,
#header .main-nav > li.active a {
  border-bottom-width: 3px;
  background: transparent;
  color: #049fd9;
}
#header .main-nav > li > span i,
#header .main-nav > li a:hover i,
#header .main-nav > li.active a i {
  opacity: 1.0;
}
#header .main-nav > li:first-child,
#header .main-nav > li.device-link {
  margin-left: 15px;
}
#header .main-nav > li:first-child:before,
#header .main-nav > li.device-link:before {
  width: 1px;
  height: 37px;
  background-color: #f0f0f0;
  position: absolute;
  top: 12px;
  left: -15px;
  display: inline-block;
  content: '';
}
#header .main-nav > li.device-link:before {
  left: -5px;
}
#header .main-nav > li.device-link > a {
  font-size: 14px;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
#header .main-nav > li.device-link > a .icon-device {
  display: inline-block;
  overflow: hidden;
  height: 34px;
  margin-top: -10px;
}
#header .main-nav > li.device-link > a .icon-device:before {
  font-size: 44px;
}
#header .main-nav > li.device-link > a .device-title span {
  display: inline-block;
  margin: 0;
  padding: 0;
  border: none;
  height: auto;
  min-height: 0;
  vertical-align: bottom;
}
#header .main-nav > li.device-link > a .device-title span.t-hostname {
  font-weight: bold;
  max-width: 125px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
#header .main-nav > li.device-link.disabled {
  opacity: 1;
}
#header .main-nav > li.device-link:first-of-type:before {
  display: none;
}
#header .icons-menu > li > a,
#header .icons-menu .icon-wrapper {
  display: inline-block;
  min-height: 66px;
  margin: 0;
  padding: 16px 10px 0;
  color: #58585b;
  background-color: transparent;
  border-bottom: 0 solid #049fd9;
}
#header .icons-menu > li > a .num,
#header .icons-menu .icon-wrapper .num {
  color: #cf2030;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  margin: -2px 0 0;
  display: block;
}
#header .icons-menu > li.active [class^="icon-"]:not(.option-icon),
#header .icons-menu > li.active .user-name {
  color: #049fd9;
}
#header .icons-menu > li.active > a,
#header .icons-menu > li.active .icon-wrapper {
  border-bottom-width: 3px;
  background: transparent;
}
#header .icons-menu > li.active.dropdown:not(.open) .btn-select {
  background-color: #049fd9;
}
#header .icons-menu > li.active.dropdown:not(.open) .btn-select i {
  color: white;
}
#header .icons-menu > li.active.dropdown:not(.open) .btn-select:hover {
  opacity: 0.8;
}
#header .icons-menu > li.active.dropdown:not(.open) .btn-select:hover i {
  opacity: 1;
}
#header .icons-menu > li.active.dropdown .dropdown-menu li a.active {
  opacity: 1;
  box-shadow: 4px 0 0 0 #049fd9 inset;
  color: #049fd9;
  cursor: default;
}
#header .icons-menu > li.active.dropdown .dropdown-menu li a.active i {
  color: #049fd9;
}
#header .icons-menu > li.active.dropdown .dropdown-menu li a:not(.active) {
  background-color: #f7f7f7;
}
#header .icons-menu > li.active.dropdown .dropdown-menu li:hover {
  background: transparent;
}
#header .icons-menu > li:not(.open) > a:hover [class^="icon-"] {
  opacity: 0.8;
}
#header .icons-menu > li:not(.open) > a:hover [class^="icon-"] i {
  opacity: 1;
}
#header .icons-menu .help-link {
  display: block;
  width: 20px;
  height: 20px;
  font-size: 18px;
  margin-top: 10px;
}
#header .icons-menu .icon-more-vert:before {
  font-size: 22px;
}
#header .icons-menu .checkbox input {
  margin-top: 2px;
}
#header .icons-menu [class^="icon-"] {
  color: #9e9ea2;
  display: inline-block;
  font-size: 32px;
  position: relative;
}
#header .icons-menu [class^="icon-"].active-cli-icon {
  color: rgba(0, 0, 0, 0.7);
}
#header .icons-menu .icon-api-explorer {
  height: 32px;
  font-size: 32px;
}
#header .icons-menu .dropdown-iconic {
  padding: 16px 10px 0;
}
#header .icons-menu .dropdown-iconic .btn-select {
  padding: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: white;
  text-align: center;
}
#header .icons-menu .dropdown-iconic .btn-select:hover {
  background: white;
}
#header .icons-menu .dropdown-iconic .btn-select:hover i {
  opacity: 0.8;
}
#header .icons-menu .dropdown-iconic.open .btn-select {
  background: #58585b;
}
#header .icons-menu .dropdown-iconic.open .btn-select:hover {
  opacity: 0.8;
}
#header .icons-menu .dropdown-iconic.open .btn-select:hover i {
  opacity: 1;
}
#header .icons-menu .dropdown-iconic.open .btn-select i {
  color: white;
}
#header .icons-menu .dropdown-iconic:not(.open):not(.active) .btn-select.not-selected:hover {
  background: white;
}
#header .icons-menu .dropdown-iconic .icon-more-vert {
  bottom: 1px;
}
#header .icons-menu .dropdown-iconic .dropdown-menu {
  margin-top: 10px;
}
#header .icons-menu .dropdown-iconic .dropdown-menu li a:hover {
  background-color: unset;
}
#header .icons-menu .user-menu {
  margin-left: 10px;
}
#header .icons-menu .user-menu:before {
  content: '';
  position: absolute;
  left: -4px;
  top: 14px;
  width: 1px;
  height: 40px;
  background: #f0f0f0;
}
#header .icons-menu .user-menu .icon-chevron-down {
  margin: -2px 2px 0 2px;
}
#header .icons-menu .user-menu.open:not(.active) {
  background: #58585b;
}
#header .icons-menu .user-menu.open:not(.active) [class^="icon-"],
#header .icons-menu .user-menu.open:not(.active) .user-name,
#header .icons-menu .user-menu.open:not(.active) .user-role {
  color: white;
}
#header .icons-menu .user-menu.open:not(.active):before {
  background: transparent;
}
#header .icons-menu .user-menu .header-user-label {
  display: inline-block;
}
#header .icons-menu .user-menu .header-user-label .user-name {
  max-width: 150px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  padding-right: 4px;
}
#header .icons-menu .user-menu .header-user-label .user-role {
  display: block;
  font-style: italic;
  padding-right: 20px;
}
#header .icons-menu .user-menu .header-user-icon {
  display: inline-block;
  position: relative;
  top: -13px;
}
#header .icons-menu .dropdown-menu {
  left: auto;
  right: 0;
  min-width: 100px;
}
@media screen and (max-width: 1240px) {
  #header {
    position: absolute;
  }
}
@media screen and (max-width: 768px) {
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    background-color: white;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  }
  .navbar-nav .open .dropdown-menu:not(.auto-width) {
    width: 100%;
  }
}
.modal .modal-header {
  background-color: #037aa7;
  border-top: 3px solid #049fd9;
  border-bottom: none;
  padding: 20px 56px 20px 24px;
  position: relative;
  min-height: 60px;
}
.modal .modal-header .modal-title {
  display: flex;
  align-items: center;
}
.modal .modal-header .modal-title.has-subtitle {
  margin: -10px 0;
}
.modal .modal-header .modal-title i {
  margin-right: 10px;
}
.modal .modal-header .modal-title div.subtitle {
  font-size: 16px;
  font-weight: 600;
  position: relative;
  top: -3px;
}
.modal .modal-header .modal-title {
  font: 300 24px/1 'CiscoSans', Helvetica, Arial, sans-serif;
  color: white;
  padding: 0;
}
.modal .modal-header .close {
  font: 200 48px/44px 'CiscoSans', Helvetica, Arial, sans-serif;
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  width: 40px;
  height: 40px;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  text-align: center;
  right: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.modal .modal-header .close:hover {
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.modal .modal-header .icon-close-thin {
  position: absolute;
  left: 20px;
  top: 22px;
}
.modal .modal-header .icon-close-thin:before,
.modal .modal-header .icon-close-thin:after {
  content: '';
  width: 20px;
  height: 1px;
  background-color: #e9f2f8;
  position: absolute;
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal .modal-header .icon-close-thin:after {
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.modal .modal-header .icon-close-thin:before,
.modal .modal-header .icon-close-thin:after {
  top: -3px;
  left: -10px;
}
.modal .modal-header .btn-help {
  font: 200 48px/44px 'CiscoSans', Helvetica, Arial, sans-serif;
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  width: 40px;
  height: 40px;
  right: 56px;
}
.modal .modal-data .icon-close-thin {
  position: absolute;
  left: 20px;
  top: 22px;
}
.modal .modal-data .icon-close-thin:before,
.modal .modal-data .icon-close-thin:after {
  content: '';
  position: absolute;
  top: -3px;
  left: -10px;
  width: 20px;
  height: 1px;
  background-color: #9e9ea2;
}
.modal .modal-data .icon-close-thin:before {
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.modal .modal-data .icon-close-thin:after {
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.modal .modal-data .btn-edit-all {
  margin: 0 0 24px;
}
.modal .modal-data .btn-edit-all i {
  margin: 2px 0 0 2px;
}
.modal .modal-data .btn-success {
  background: #049fd9;
}
.modal .modal-data .btn-success:hover,
.modal .modal-data .btn-success:active {
  background: #037aa7;
}
.modal .modal-data .btn-success.btn-disabled:hover {
  background: #049fd9;
}
.modal .modal-data.double-colored-popup {
  padding: 25px 25px 0;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.modal .modal-data.double-colored-popup .close {
  z-index: 1;
  font: 200 48px/48px 'CiscoSans', Helvetica, Arial, sans-serif;
  color: rgba(0, 0, 0, 0.4);
  background: transparent;
  text-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  top: 12px;
  right: 12px;
  margin: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.modal .modal-data.double-colored-popup .close:hover {
  background: rgba(0, 0, 0, 0.1);
}
.modal .modal-data.double-colored-popup .titles .icon-checkmark {
  width: 60px;
  height: 60px;
  background-color: #6ebd4b;
  color: #fff;
  font-size: 34px;
  padding-top: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.modal .modal-data.double-colored-popup h2 {
  color: #6ebd4b;
  font-weight: 200;
  font-size: 18px;
  margin: 15px 0 5px;
  line-height: 28px;
}
.modal .modal-data.double-colored-popup h2 strong {
  font-weight: 500;
}
.modal .modal-data.double-colored-popup h2 ~ .sub-line {
  font-size: 18px;
  font-weight: 300;
}
.modal .modal-data.double-colored-popup h3 {
  font-weight: 200;
  font-size: 16px;
  margin: 15px 0 5px;
  line-height: 28px;
}
.modal .modal-data.double-colored-popup .gray-part {
  background-color: #f7f7f7;
  margin: 20px -25px 0;
  padding: 10px 0 15px;
  overflow: hidden;
}
.modal .modal-data.double-colored-popup .sub-content {
  margin-bottom: 20px;
}
.modal .modal-data.double-colored-popup .tab-content {
  padding: 0;
}
.modal .modal-data.double-colored-popup .tab-content .tab-pane {
  display: none;
}
.modal .modal-data.double-colored-popup .tab-content .tab-pane.active {
  display: block;
}
.modal .modal-data.double-colored-popup .item {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 15px;
}
.modal .modal-data.double-colored-popup .item header {
  padding: 10px 70px 10px 60px;
  margin: 0;
  border: none;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.modal .modal-data.double-colored-popup .item header:hover {
  background: #e9f2f8;
  cursor: pointer;
}
.modal .modal-data.double-colored-popup .item header [class^="icon-"] {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #049fd9;
  font-size: 28px;
}
.modal .modal-data.double-colored-popup .item h3 {
  margin-bottom: 5px;
}
.modal .modal-data.double-colored-popup .item p {
  margin: 0;
  line-height: 1.5;
}
.modal .modal-data.double-colored-popup .step {
  position: absolute;
  top: 25px;
  left: 20px;
  color: #049fd9;
  font-weight: bold;
  text-align: center;
  width: 33px;
  height: 33px;
  border: 2px solid #049fd9;
  line-height: 1;
  padding-top: 9px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.modal .modal-data.double-colored-popup .gray-part .modal-footer {
  margin-bottom: -15px;
}
.modal .modal-data.double-colored-popup .modal-footer {
  background: transparent;
}
.modal .modal-data .order-info-list {
  padding-left: 15px;
}
.modal .modal-footer {
  padding: 20px 24px;
  background: #f7f7f7;
  border-radius: 0 0 5px 5px;
}
.modal .modal-footer a.pull-left {
  margin-top: 12px;
  display: inline-block;
}
.modal .modal-footer .btn.btn-success {
  padding: 0 37px;
}
.modal .modal-footer .btn.button-remove {
  background: #e5e5e5;
}
.modal .modal-footer .btn.button-remove:hover {
  background: #cf2030;
  color: white;
}
.modal .modal-footer.grouped-buttons-holder :not(.grouped-buttons-dropdown) .btn.btn-primary {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.modal .modal-footer.grouped-buttons-holder .drop-down-block-footer .btn.btn-primary {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn.btn-primary {
  min-width: 0;
  padding: 0 16px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select:hover {
  background-color: #037aa7;
}
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select[disabled],
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select[class*="disabled"] {
  cursor: not-allowed;
  pointer-events: auto;
}
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select[disabled]:hover,
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select[class*="disabled"]:hover {
  background: #049fd9;
}
.modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown.open .btn-select {
  background-color: #037aa7;
}
.modal .modal-footer .cs-hitcount .value-line {
  font-size: 13px;
  line-height: 13px;
}
.modal .delete-dialog .btn-success {
  background: #cf2030;
}
.modal .delete-dialog .btn-success:hover {
  background: #d43645;
}
.modal .delete-dialog .btn-success:active {
  background: #ba1d2b;
}
.modal .delete-dialog .form-group p:last-child {
  margin-bottom: 0;
}
.modal .cs-diagram {
  margin-top: 25px;
}
.modal .cs-diagram > hr {
  border-bottom-style: dashed;
}
.modal .cs-diagram .align-outside {
  text-transform: none;
  text-align: right;
}
.modal .cs-diagram .align-outside.right.nat {
  text-align: left;
}
.modal .cs-diagram .cs-diagram-row.align-top {
  top: 48px;
}
.modal .cs-diagram .cs-diagram-row .square,
.modal .cs-diagram .cs-diagram-row .circle {
  top: -26px;
}
.modal .cs-diagram .cs-diagram-row.align-bottom {
  top: 22px;
}
.modal .cs-diagram .cs-diagram-row.align-bottom .circle {
  top: 0;
}
.modal .task-list .filter {
  font-size: 15px;
  margin-bottom: 20px;
}
.modal .task-list .filter .col-sm-6:last-child {
  padding-top: 11px;
}
.modal .task-list .task-list-table {
  overflow-y: scroll;
  max-height: 400px;
}
.modal .task-list .task-list-table .table {
  margin: 0;
}
.modal .task-list .task-list-table .table thead tr th:nth-child(1) {
  width: 35%;
}
.modal .task-list .task-list-table .table thead tr th:nth-child(2) {
  width: 15%;
}
.modal .task-list .task-list-table .table thead tr th:nth-child(3) {
  width: 15%;
}
.modal .task-list .task-list-table .table thead tr th:nth-child(4) {
  width: 25%;
}
.modal .task-list .task-list-table .table thead tr th:nth-child(5) {
  width: 10%;
}
.modal .task-list .task-list-table .table tbody tr:hover {
  background-color: #f7f7f7;
}
.modal .task-list .task-list-table .table tbody tr:hover .icon-remove {
  opacity: .65;
}
.modal .task-list .task-list-table .table tbody tr:hover .icon-remove:hover {
  opacity: 1;
}
.modal .task-list .task-list-table .table td {
  padding: 12px !important;
  vertical-align: middle !important;
  line-height: 1.28;
}
.modal .task-list .task-list-table .table td.cell-name {
  font-weight: bold;
}
.modal .task-list .task-list-table .table td.cell-time {
  text-align: right;
}
.modal .task-list .task-list-table .table td.cell-status {
  word-wrap: break-word;
}
.modal .task-list .task-list-table .table td.cell-status .cell-value {
  line-height: 20px;
}
.modal .task-list .task-list-table .table td.cell-status .status-failed {
  color: #cf2030;
}
.modal .task-list .task-list-table .table td.cell-status i[class^="icon-"] {
  margin: -4px 10px 0 0;
  line-height: 1;
  width: 17px;
  height: 17px;
}
.modal .task-list .task-list-table .table td.cell-status i[class^="icon-"].icon-checkmark-thin {
  font-size: 10px;
  color: #fff;
  background-color: #6ebd4b;
  padding-top: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.modal .task-list .task-list-table .table td.cell-status i[class^="icon-"].icon-cancel {
  font-size: 17px;
  color: #cf2030;
  vertical-align: middle;
}
.modal .task-list .task-list-table .table td.cell-status i[class^="icon-"].icon-sync {
  padding-top: 2px;
  font-size: 12px;
  background-color: #049fd9;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.modal .task-list .task-list-table .table td.cell-status i[class^="icon-"].icon-sync:before {
  margin-left: -1px;
}
.modal .task-list .task-list-table .table td .icon-remove {
  margin-right: 0;
  font-size: 20px;
  text-decoration: none;
  opacity: 0;
  color: #cf2030;
}
.modal .task-list .task-list-table .table td .icon-remove:before {
  vertical-align: middle;
}
.modal .task-list .task-list-table .empty-table {
  top: 0;
}
.modal .form-group .table-holder {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.modal .form-group .table-wrapper .top-bar .btn {
  margin-bottom: 8px;
}
.modal .form-group .table-wrapper .control-label {
  position: relative;
  top: 8px;
}
.nat-dialog {
  width: 800px !important;
}
.nat-dialog form {
  margin-top: 0;
}
.nat-dialog form .form-group > div:first-child {
  padding-left: 15px !important;
}
.nat-dialog .tab-pane {
  height: auto;
  padding: 0 15px;
}
.nat-dialog .tip.purpose {
  margin: 10px 0;
}
.nat-dialog .inner-content {
  padding: 20px 20px 0;
  background: white;
}
.nat-dialog .inner-content .nav-tabs {
  background: white;
  margin: 0 -5px;
  padding: 20px 15px 0;
}
.nat-dialog .inner-content .tab-content {
  padding: 20px 0 0;
}
.nat-dialog .inner-content h5.underline {
  margin-top: 0;
  border-bottom: none;
  padding: 0 0 15px;
  font-weight: bold;
}
.nat-dialog .inner-content .related-rules .item-picker-popup .list-item a,
.nat-dialog .inner-content .related-rules .item-picker-popup .list-item .item-name {
  padding-left: 36px;
}
.nat-dialog .inner-content .item-picker {
  position: relative;
}
.nat-dialog .inner-content .placement-hint {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 15px;
  font-size: 14px;
  color: #9e9ea2;
  line-height: 1.42857143;
  background: #e5e5e5;
  box-shadow: none;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.nat-dialog .inner-content .tab-pane {
  overflow: visible !important;
}
.nat-dialog .inner-content .tab-pane .inter-vrf-nat-rule-warning {
  margin-bottom: 15px;
}
.nat-dialog .inner-content .tab-pane input.form-control {
  margin-bottom: 15px;
}
.nat-dialog .inner-content .tab-pane#packettranslation {
  position: relative;
}
.nat-dialog .inner-content .tab-pane#packettranslation .divided {
  position: relative;
}
.nat-dialog .inner-content .tab-pane#packettranslation .divided:after {
  content: "";
  background: #e9f2f8;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
.nat-dialog .cs-diagram {
  height: 125px;
}
.nat-dialog .cs-diagram .info-block {
  border-bottom: none;
}
.nat-dialog .cs-diagram hr {
  width: 74%;
  margin-left: 13%;
}
.nat-dialog .cs-diagram .img-bricks .block {
  text-align: center;
  padding-top: 5px;
}
.nat-dialog .cs-diagram .arrow.first {
  left: 33px;
}
.nat-dialog .cs-diagram .arrow.second {
  right: 39px;
}
.nat-dialog .cs-diagram .align-outside.info-block {
  max-width: 150px;
  width: 150px;
}
.nat-dialog .cs-diagram .align-outside.info-block.left {
  left: -130px;
}
.nat-dialog .cs-diagram .align-outside.info-block.right.info-block {
  right: -105px;
}
.nat-dialog .cs-diagram .cs-diagram-row {
  color: #000;
}
.nat-dialog .cs-diagram .cs-diagram-row[class*="packet-label"] {
  color: #323232;
  font-size: 12px;
  font-weight: bold;
}
.nat-dialog .cs-diagram .cs-diagram-row .info-label,
.nat-dialog .cs-diagram .cs-diagram-row .info-value {
  color: #000;
}
.nat-dialog .cs-diagram .cs-diagram-row .circle {
  width: 23px;
  height: 23px;
}
.nat-dialog .cs-diagram .cs-diagram-row.original-packet-label {
  left: 122px;
  top: -25px;
}
.nat-dialog .cs-diagram .cs-diagram-row.original-packet-label .circle {
  left: -40px;
  top: 47px;
}
.nat-dialog .cs-diagram .cs-diagram-row.translated-packet-label {
  right: 122px;
  top: -25px;
}
.nat-dialog .cs-diagram .cs-diagram-row.translated-packet-label .circle {
  left: 100px;
  top: 47px;
}
.nat-dialog .cs-diagram .cs-diagram-row.point-right,
.nat-dialog .cs-diagram .cs-diagram-row.point-left {
  width: 150px;
  text-align: center;
  top: 5px;
  right: 280px;
}
.nat-dialog .cs-diagram .cs-diagram-row.point-right .square,
.nat-dialog .cs-diagram .cs-diagram-row.point-left .square {
  left: 65px;
  top: 21px;
}
.nat-dialog .cs-diagram .cs-diagram-row.point-left {
  left: 280px;
}
.nat-dialog .cs-diagram .info-block p {
  line-height: 1.5;
}
.nat-dialog .cs-diagram .info-block p.info-label {
  text-transform: none;
  font-weight: bold;
}
.nat-dialog .cs-diagram .icon-badge {
  color: #fff;
}
.nat-dialog .cs-diagram .icon-translation:before {
  font-size: 16px;
}
.step-number-hint {
  position: absolute;
  color: #fff;
  width: 380px;
  left: 50%;
  top: -60px;
  margin-left: -160px;
}
.step-number-hint div {
  width: 49%;
  display: inline-block;
  font-size: 12px;
}
.step-number-hint .step {
  display: inline-block;
  width: 33px;
  height: 33px;
  font-weight: bold;
  border: solid 3px #fff;
  padding: 8px 0 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.step-number-hint .step.active {
  background-color: #fff;
  color: #000;
}
.step-number-hint p {
  display: inline-block;
  line-height: 1.35;
  vertical-align: middle;
  padding-left: 10px;
}
.interface-dialog {
  width: 730px;
}
.interface-dialog .modal-data {
  padding-bottom: 0px;
}
.interface-dialog .bgi-dialog-info .selected-items-list {
  max-height: 290px;
}
.interface-dialog .subinterface-mode {
  padding-right: 0;
  width: 20%;
}
.interface-dialog .subinterface-status {
  padding-left: 24px;
}
.interface-dialog .nav-tabs {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 -25px 10px;
  padding: 0 10px;
}
.interface-dialog .tab-pane .info-block,
.interface-dialog .tab-pane .warning-block {
  margin: -4px -25px 24px;
  padding: 0 25px 20px;
}
.interface-dialog .warning-block .dhcp-warning-text {
  margin-left: 21px;
}
.interface-dialog .explanation {
  float: right;
  width: 300px;
  min-height: 261px;
  margin: -281px 0 10px 0px;
  border: none;
  z-index: 1;
  background: #f0f0f0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.interface-dialog .explanation:after {
  border-color: transparent #f0f0f0 transparent transparent;
  margin: 0;
  top: 125px;
}
.interface-dialog .explanation:before {
  display: none;
}
.interface-dialog .explanation .small {
  max-height: 136px;
  overflow-y: auto;
}
.interface-dialog .explanation .control-value {
  display: inline;
  font-weight: bold;
  font-size: 85%;
}
.interface-dialog .explanation .control-label {
  display: block;
  font-size: 85%;
  margin-bottom: 5px;
}
.interface-dialog .explanation .form-control {
  padding-right: 120px;
}
.interface-dialog .explanation .actions {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.interface-dialog .explanation.editing .actions {
  position: absolute;
  right: 12px;
  top: 29px;
}
.interface-dialog .tab-pane > .form-group:last-child {
  margin-bottom: 0;
}
.network-participation-dialog .enable-participation {
  margin: 24px 0 24px 0;
}
.vlan-members .info-block2 {
  margin-bottom: 10px;
}
.table {
  margin-top: 20px;
}
.table.rule-table thead th,
.table.rule-table thead td {
  vertical-align: bottom;
}
.table.rule-table thead th .cell-value,
.table.rule-table thead td .cell-value {
  line-height: 16px;
  min-height: 0;
}
.object-table {
  border-collapse: separate;
  margin: 0;
}
.object-table tr.expanded + tr td .loader {
  padding: 20px 20px 20px 40px;
}
.object-table .onoffswitch {
  position: relative;
  top: 3px;
}
.object-table .mark {
  font-weight: normal;
  padding: 0;
}
.object-table .cell-filter > .cell-value {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
}
.object-table .cell-embedded-filter > .cell-value {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 300px;
  overflow: hidden;
}
.object-table .cell-ips > .cell-value {
  text-overflow: ellipsis;
  max-width: 125px;
  overflow: hidden;
}
.object-table tr.empty-single-row td .cell-value {
  font-style: italic;
  color: #9e9ea2;
}
.object-table .cell-name {
  width: 380px;
  max-width: 400px;
}
.policies-page .object-table .cell-name {
  width: 140px;
  max-width: 200px;
}
.object-table .cell-name .cell-value {
  width: 100%;
}
.object-table .cell-name .cell-value [class*="icon-"] {
  margin-right: 3px;
  font-size: 14px;
  line-height: 14px;
  text-indent: 1px;
}
.object-table .cell-search-domain {
  max-width: 290px;
}
.object-table .cell-interfaces {
  max-width: 650px;
}
.object-table .cell-logical-name {
  max-width: 250px;
}
.object-table .cell-aaa {
  width: 300px;
}
.object-table .cell-group-policy {
  width: 300px;
}
.object-table .cell-ise-server .cell-value,
.object-table .cell-zones .cell-value,
.object-table .cell-networks .cell-value,
.object-table .cell-ports .cell-value,
.object-table .cell-users .cell-value,
.object-table .cell-urls .cell-value,
.object-table .cell-translated-src-ip .cell-value,
.object-table .cell-translated-dest-ip .cell-value,
.object-table .cell-translated-src-port .cell-value,
.object-table .cell-translated-dest-port .cell-value,
.object-table .cell-original-src-port .cell-value,
.object-table .cell-original-dest-port .cell-value,
.object-table .cell-original-src-ip .cell-value,
.object-table .cell-original-dest-ip .cell-value,
.object-table .cell-name .cell-value,
.object-table .cell-logical-name .cell-value,
.object-table .cell-search-domain .cell-value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.object-table .cell-authType .cell-value.empty {
  text-transform: none;
  font-style: italic;
}
.object-table .cell-type-cli .cell-value {
  width: auto;
  white-space: nowrap;
  display: inline;
}
.object-table .one-line-header .cell-value {
  white-space: nowrap;
}
.object-table td.cell-ise-server .cell-value {
  width: 130px;
}
.object-table .cell-action .icons {
  display: block;
  width: 140px;
}
.object-table .cell-action .icons > .holder {
  display: block;
}
.contains-nested-items .cell-name .cell-value:not(.nested-cell):before {
  content: "";
  height: 3px;
  width: 3px;
  background: black;
  display: inline-block;
  margin-right: 5px;
  line-height: 30px;
  border-radius: 50%;
  top: -3px;
  position: relative;
}
.table-wrapper .mark {
  font-weight: normal;
  padding: 0;
}
.table-wrapper .top-bar {
  padding: 0;
}
.table-wrapper .top-bar .btn {
  display: block;
  float: left;
  margin-left: 16px;
  margin-bottom: 14px;
}
.table-wrapper .top-bar input.form-control {
  font-style: italic;
  font-size: 0.857em;
  height: 2.2em;
  padding: 0.25em 3em 0.333em 1em;
}
.table-wrapper .top-bar .dropdown {
  height: 36px;
}
.table-wrapper .top-bar .dropdown .btn-select {
  width: auto;
}
.table-wrapper .btn-settings {
  padding: 0;
}
.table-wrapper .dropdown-menu {
  font-size: 12px;
}
.table-wrapper > h1 {
  float: left;
  margin: 0;
}
.table-wrapper.tabbed .breadcrumbs {
  float: none;
}
.top-bar .btn {
  margin-left: 16px;
  margin-bottom: 14px;
}
.top-bar .separator {
  width: 1px;
  height: 32px;
  display: inline-block;
  background: transparent;
  border-right: 1px solid #c6c7ca;
  margin-top: 3px;
  vertical-align: top;
}
.top-bar .hit-count-control-section {
  display: inline-block;
  vertical-align: middle;
  margin-left: 14px;
}
.top-bar .hit-count-control-section .btn {
  margin-left: 3px;
}
.top-bar .hit-count-control-section .btn-hitcounts-refresh {
  margin-left: 0;
}
.top-bar .hit-count-control-section .btn.disabled:hover {
  background: #e5e5e5;
  color: #c6c7ca;
}
.table-holder {
  margin: 0 0 20px;
  border-radius: 5px;
}
.table-holder .table {
  margin: 0;
}
.search-form.search-wrapper {
  width: 50%;
  margin-bottom: 10px;
}
.search-form .clear {
  right: 28px;
  top: 2px;
  color: #c6c7ca;
}
.search-form .clear .icon-cancel {
  position: absolute;
  left: 29px;
  top: 2px;
  font-size: 14px;
}
.search-form .search {
  opacity: .6;
}
.search-form .search .icon-search {
  position: absolute;
  font-size: 14px;
  left: 11px;
  top: 11px;
}
.search-form input.form-control {
  padding: 0 14px 0 35px;
}
.objects-table {
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
}
.objects-table thead > tr > th:first-child {
  border-top-left-radius: 4px;
}
.objects-table thead > tr > th:last-child {
  border-top-right-radius: 4px;
}
.objects-table tbody:last-child > tr:last-child th:first-child,
.objects-table tbody:last-child > tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.objects-table tbody:last-child > tr:last-child th:last-child,
.objects-table tbody:last-child > tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.objects-table tbody > tr.expanded ~ tr:last-child th:first-child,
.objects-table tbody > tr.expanded ~ tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
.objects-table tbody > tr.expanded ~ tr:last-child th:last-child,
.objects-table tbody > tr.expanded ~ tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.objects-table thead > tr > th,
.objects-table thead > tr > td {
  background-color: #037aa7;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  text-transform: uppercase;
  vertical-align: bottom;
}
.objects-table thead > tr > th:last-child,
.objects-table thead > tr > td:last-child {
  border-right: none;
}
.objects-table thead > tr > th .cell-value,
.objects-table thead > tr > td .cell-value {
  font-size: 10px;
  letter-spacing: 0.03em;
  color: #ffffff;
  padding: 8px 4px 8px 10px;
  display: block;
  line-height: 26px;
  font-weight: 500;
  white-space: nowrap;
}
.objects-table thead > tr > th .help-link,
.objects-table thead > tr > td .help-link {
  color: #ffffff;
  opacity: .9;
}
.objects-table thead > tr > th .help-link:hover,
.objects-table thead > tr > td .help-link:hover,
.objects-table thead > tr > th .help-link:focus,
.objects-table thead > tr > td .help-link:focus {
  opacity: 1;
}
.objects-table tbody tr {
  border-bottom: 1px solid #e5e5e5;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.objects-table tbody tr.expanded {
  background: #e9f2f8;
}
.objects-table tbody tr.expanded td,
.objects-table tbody tr.expanded th {
  background-color: transparent;
}
.objects-table tbody tr th,
.objects-table tbody tr td {
  vertical-align: top;
  padding: 10px;
}
.objects-table tbody tr th.header-cell .cell-value {
  color: #037aa7;
  font-size: 12px;
}
.objects-table tbody tr th.header-cell .cell-value i {
  line-height: 1;
  margin: -1px 4px 0 0;
}
.objects-table tbody tr th.header-cell .cell-value .icon-info-1 {
  margin: -2px 4px -3px 4px;
}
.objects-table tbody tr th.header-cell .cell-value .arrow-holder {
  top: -1px;
  margin: 0 4px 0 -8px;
}
.objects-table tbody tr:not(.expanded-row):hover {
  background: #e9f2f8 !important;
}
.objects-table tbody tr .help-link {
  color: #c6c7ca;
}
.objects-table tbody tr .icon-info-1 {
  font-size: 18px;
  color: #049fd9;
}
.objects-table tbody tr {
  border-bottom: 1px solid #eaeaea;
}
.objects-table tbody tr.expanded {
  background: #e9f2f8 !important;
}
.objects-table tbody tr.expanded td,
.objects-table tbody tr.expanded th {
  background-color: transparent;
}
.objects-table tbody tr th,
.objects-table tbody tr td {
  vertical-align: top;
  padding: 10px;
}
.objects-table .header-cell {
  background: white;
  text-align: left;
  font-weight: 600;
  padding-top: 12px;
  border-style: solid;
  border-width: 1px 0;
  border-color: #f0f0f0;
}
.objects-table .cell-id,
.objects-table .cell-gid,
.objects-table .cell-sid {
  width: 30px;
  padding-right: 5px;
  padding-top: 12px;
  text-align: right;
  font-size: 12px;
  font-weight: 400;
}
.objects-table .cell-gid {
  width: 65px;
}
.objects-table .cell-sid {
  width: 65px;
  text-align: left;
}
.objects-table .cell-msg {
  width: auto;
}
.objects-table .cell-status {
  width: 100px;
}
.objects-table .cell-onoffswitch {
  text-align: center;
  width: 80px;
}
.objects-table .cell-users {
  min-width: 80px;
}
.objects-table .cell-log-class-criteria .cell-value {
  display: table-row;
}
.objects-table .cell-log-class-criteria .cell-value .cell-group-name {
  display: table-cell;
  padding: 0 15px;
  position: relative;
}
.objects-table .cell-log-class-criteria .cell-value .cell-group-name .entity-icon {
  width: 8px;
  height: 8px;
  margin-bottom: 0;
  position: absolute;
  left: 0;
  top: 4px;
}
.objects-table .cell-log-class-criteria .cell-value .cell-group-value {
  display: table-cell;
  padding-left: 25px;
  position: relative;
}
.objects-table .cell-log-class-criteria .cell-value .cell-group-value:before {
  content: '\2192';
  position: absolute;
  left: 0;
  color: #9e9ea2;
}
.objects-table .cell-value {
  display: block;
  min-height: 0;
  color: #58585b;
  width: auto;
  max-width: none;
  white-space: normal;
}
.objects-table .cell-value.empty {
  color: #9e9ea2;
  font-size: 12px;
}
.objects-table .cell-value.empty a {
  color: #9e9ea2;
}
.objects-table .cell-value.icons {
  color: #c6c7ca;
  white-space: nowrap;
  text-align: center;
}
.objects-table .cell-value.icons .active {
  color: #58585b;
}
.objects-table .cell-name .cell-value {
  font-weight: bold;
}
.objects-table .cell-filter > .cell-value {
  max-width: none;
  white-space: normal;
}
.objects-table .cell-embedded-filter > .cell-value {
  max-width: 100px;
}
.objects-table .cell-icons {
  width: 72px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.objects-table .cell-icons.icons-3 {
  width: 108px;
}
.objects-table .cell-icons a,
.objects-table .cell-icons > span {
  opacity: 0;
  font-size: 20px;
  height: 20px;
  line-height: 1;
  cursor: pointer;
  text-decoration: none;
  transition: none;
}
.objects-table .cell-icons a.icon-info-1,
.objects-table .cell-icons > span.icon-info-1 {
  cursor: default;
}
.objects-table .cell-icons a.pseudo-link,
.objects-table .cell-icons > span.pseudo-link {
  color: #049fd9;
}
.objects-table .cell-icons .icon-search-replace {
  color: #9e9ea2;
}
.objects-table .cell-icons .icon-download:before {
  border: none;
}
.objects-table tr:hover .cell-icons a,
.objects-table tr:hover .cell-icons > span,
.objects-table tr:hover .cell-icons > span i {
  opacity: 1;
}
.objects-table tr:hover .cell-icons a.disabled,
.objects-table tr:hover .cell-icons > span.disabled,
.objects-table tr:hover .cell-icons > span i.disabled {
  opacity: 0.5;
}
.objects-table tr:hover .cell-icons a.disabled:hover,
.objects-table tr:hover .cell-icons > span.disabled:hover,
.objects-table tr:hover .cell-icons > span i.disabled:hover {
  cursor: not-allowed;
}
.objects-table tr:hover .cell-icons a.disabled :disabled,
.objects-table tr:hover .cell-icons > span.disabled :disabled,
.objects-table tr:hover .cell-icons > span i.disabled :disabled,
.objects-table tr:hover .cell-icons a.disabled .disabled,
.objects-table tr:hover .cell-icons > span.disabled .disabled,
.objects-table tr:hover .cell-icons > span i.disabled .disabled {
  opacity: 1 !important;
}
.objects-table tr:hover .cell-icons a.disabled.icon-remove,
.objects-table tr:hover .cell-icons > span.disabled.icon-remove,
.objects-table tr:hover .cell-icons > span i.disabled.icon-remove {
  color: #a31926;
}
.objects-table .cell-interfaces .interfaces-direction {
  padding: 0 0 0 14px;
  position: relative;
}
.objects-table .cell-interfaces .interfaces-direction:before {
  content: "";
  border-left: 1px solid #cecece;
  position: absolute;
  top: 8px;
  bottom: 10px;
  left: 0;
}
.objects-table .cell-interfaces .interfaces-direction:after {
  content: "";
  border-color: #cecece;
  width: 6px;
  height: 6px;
  border-width: 0 1px 1px 0;
  border-style: solid;
  position: absolute;
  bottom: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  left: -3px;
}
.objects-table .cell-title {
  display: inline-block;
  min-width: 102px;
}
.objects-table .pseudo-link {
  color: #58585b;
}
.objects-table .icon-close {
  font-size: 18px;
  color: #cf2030;
}
.objects-table .icon-checkmark {
  font-size: 18px;
}
.objects-table .icon-remove {
  color: #cf2030;
}
.objects-table .icon-remove:hover {
  color: #a31926;
}
.objects-table .spinner {
  background: #049fd9 url('/branding/default/images/ajax-loader-small-white.gif') no-repeat 50% 50%;
  border-radius: 50%;
  cursor: default;
  background-position: 50% 6px;
  vertical-align: middle;
  background-size: 20px;
  width: 20px;
  height: 20px;
  margin: 0;
}
.objects-table .spinner:hover {
  opacity: 0.5;
}
.objects-table .icon-copy {
  font-size: 16px;
  padding-top: 1px;
  color: #58585b;
}
.objects-table .icon-restore {
  color: #6ebd4b;
}
.objects-table .icon-restore:hover {
  color: #579c39;
}
.objects-table .arrow-holder {
  display: inline-block;
  position: relative;
  top: -5px;
  margin: 0 -3px 0 2px;
  width: 22px;
  height: 22px;
  line-height: 26px;
  padding-left: 1px;
  color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: scale(0.8);
}
.objects-table .arrow-holder:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}
.objects-table .arrow-holder .icon-chevron-right,
.objects-table .arrow-holder .icon-chevron-down {
  font-size: 10px;
  left: 6px;
  position: relative;
}
.objects-table .arrow-holder .icon-chevron-down {
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.objects-table .cell-icon-list ul {
  margin: 4px 0;
  padding: 0;
}
.objects-table .cell-icon-list ul.items-count-0 {
  margin: 0;
}
.objects-table .cell-icon-list ul li .icon {
  font-size: 8px;
  margin-right: 4px;
  color: inherit;
}
.objects-table .cell-numeric-list ol {
  margin: 0;
  padding: 0;
  counter-reset: item;
}
.objects-table .cell-numeric-list ol li {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
  font-size: 0.9em;
}
.objects-table .cell-numeric-list ol li:before {
  display: inline-block;
  width: 1.5em;
  padding-right: 0.5em;
  color: #9e9ea2;
  text-align: right;
  content: counter(item) ".";
}
.objects-table .cell-numeric-list ol.items-count-1 li:before {
  content: ' ';
}
.table-striped tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}
.table-striped tbody > tr:nth-of-type(even) {
  background-color: rgba(232, 232, 232, 0.49);
}
.table-striped .row-even > tr:not(.expanded):first-child {
  background-color: rgba(232, 232, 232, 0.49);
}
.blocked {
  position: relative;
}
.blocked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.4);
}
.lazy-table tbody tr.lazy-table-placeholder {
  background-color: transparent;
}
.lazy-table tbody tr.lazy-table-placeholder:hover {
  background-color: transparent !important;
}
.lazy-table tbody tr.lazy-table-placeholder td {
  padding: 0;
}
.lazy-table tbody tr.lazy-table-placeholder td .loader {
  position: fixed;
  display: none;
  padding: 30px 60px;
}
.table-policy .cs-search-input {
  margin-right: 25px;
}
.table-policy .objects-table thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.table-policy .objects-table thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.table-policy .objects-table thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.table-policy .objects-table thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.table-policy .objects-table thead > tr > th .cell-value,
.table-policy .objects-table thead > tr > td .cell-value {
  line-height: 1.3;
  color: #b0d7ec;
}
.table-policy .objects-table thead > tr > th[colspan],
.table-policy .objects-table thead > tr > td[colspan] {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.table-policy .objects-table thead > tr > th[rowspan="2"],
.table-policy .objects-table thead > tr > td[rowspan="2"] {
  padding-top: 0;
  border-bottom: 1px solid #037aa7;
}
.table-policy .objects-table thead > tr > th[rowspan="2"] .cell-value,
.table-policy .objects-table thead > tr > td[rowspan="2"] .cell-value {
  color: #ffffff;
}
.table-policy .objects-table thead > tr:last-child th,
.table-policy .objects-table thead > tr:last-child td {
  border-bottom: 1px solid #037aa7;
}
.table-policy .objects-table thead > tr:last-child th.cell-ports,
.table-policy .objects-table thead > tr:last-child td.cell-ports {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.table-policy .objects-table thead > tr:last-child th .cell-value,
.table-policy .objects-table thead > tr:last-child td .cell-value {
  color: #ffffff;
}
.table-policy .objects-table thead > tr th.cell-hitcount span.cell-value:first-child {
  padding-bottom: 0;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry[aria-expanded="true"] {
  color: white;
  text-decoration: none;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry:hover span,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry[aria-expanded="true"] span {
  color: white !important;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-permit:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.action-active:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.action-passive:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-known-key:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-re-sign:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-permit[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.action-active[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.action-passive[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-known-key[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-re-sign[aria-expanded="true"] {
  background-color: #6ebd4b;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-disabled:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-disabled[aria-expanded="true"] {
  background-color: #58585b;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-drop:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-drop[aria-expanded="true"] {
  background-color: #cf2030;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-alert:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-alert[aria-expanded="true"] {
  background-color: #ff7300;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-deny:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-block:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.action-no_auth:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-deny[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-block[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.action-no_auth[aria-expanded="true"] {
  background-color: #cf2030;
}
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-not-decrypt:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-trust:hover,
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-not-decrypt[aria-expanded="true"],
.table-policy .objects-table tbody tr:not(.no-inline-editing) .cell-actions .cell-action-entry.cell-entry-trust[aria-expanded="true"] {
  background-color: #9e9ea2;
}
.table-policy .objects-table tbody tr.no-inline-editing .cell-actions .cell-action-entry {
  cursor: default;
}
.table-policy .objects-table tbody tr.no-inline-editing .pseudo-link {
  cursor: text;
  text-decoration: none;
}
.table-policy .objects-table tbody tr.no-inline-editing .cell-value:not(.empty) .pseudo-link {
  color: #58585b;
}
.table-policy .objects-table tbody tr th,
.table-policy .objects-table tbody tr td {
  padding-right: 5px;
  border-right: 1px dashed #f0f0f0;
}
.table-policy .objects-table tbody tr th.header-cell,
.table-policy .objects-table tbody tr td.header-cell {
  border-right: 0;
}
.table-policy .objects-table tbody tr td:last-child {
  border-right: none;
}
.table-policy .objects-table tbody tr .cell-name,
.table-policy .objects-table tbody tr .cell-actions,
.table-policy .objects-table tbody tr .cell-ports {
  border-right-style: solid;
}
.table-policy .objects-table tbody tr .cell-hitcount {
  position: relative;
}
.table-policy .objects-table tbody tr .cell-hitcount .cs-hitcount {
  width: 68px;
  position: static;
}
.table-policy .objects-table tbody tr .cell-id,
.table-policy .objects-table tbody tr .cell-name {
  font-size: 12px;
  padding-top: 10px;
}
.table-policy .objects-table tbody tr .cell-value {
  line-height: 1.3;
  font-size: 12px;
}
.table-policy .objects-table tbody tr .cell-id,
.table-policy .objects-table tbody tr .cell-arrow-toggler {
  padding-right: 2px;
  padding-left: 2px;
  width: 20px;
  border-right: none;
}
.table-policy .objects-table tbody tr .cell-actions {
  padding: 35px 0;
  position: relative;
  width: 65px;
}
.table-policy .objects-table tbody tr .cell-actions .dropdown,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry {
  padding: 8px 5px;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  line-height: 1;
  cursor: pointer;
  font-size: 12px;
  color: #58585b;
  -webkit-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  border: 0;
  border-radius: 0;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry span[class^="icon-"]:not([class^="icon-chevron-down"]) {
  margin: 5px auto;
  display: block;
  -webkit-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  font-size: 18px;
  line-height: inherit;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry span[class^="icon-"]:not([class^="icon-chevron-down"]).icon-decrypt-re-sign:before,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry span[class^="icon-"]:not([class^="icon-chevron-down"]).icon-decrypt-known-key:before,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry span[class^="icon-"]:not([class^="icon-chevron-down"]).icon-passive-auth:before {
  font-size: 20px;
  line-height: 1;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry:focus {
  text-decoration: none;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry:active {
  box-shadow: none;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry-process {
  pointer-events: none;
  opacity: 0.5;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-deny,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-policy-not-active {
  color: #cf2030;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-disable {
  color: #9e9ea2;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-warning-1 {
  color: #ff7300;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-permit,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-policy-active,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-decrypt-re-sign,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-decrypt-known-key,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-certificate,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-passive-auth {
  color: #6ebd4b;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-lock,
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-trust {
  color: #9e9ea2;
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-chevron-down {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 2px;
  width: 10px;
  height: 10px;
  color: transparent;
  line-height: normal;
  -webkit-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  font-size: 12px;
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.table-policy .objects-table tbody tr .cell-actions .cell-action-entry-process:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 0;
  opacity: 0.5;
  width: 25px;
  height: 7px;
  background: url('/branding/default/images/ajax-loader-small-black.gif') no-repeat;
}
.table-policy .objects-table tbody tr .cell-actions .dropdown-menu {
  top: 60px;
  left: 20px;
}
.table-policy .objects-table tbody tr .cell-actions.ips {
  width: 115px;
  padding: 0;
}
.table-policy .objects-table tbody tr .cell-actions.ips .cell-action-entry {
  text-align: left;
  padding-left: 5px;
}
.table-policy .objects-table tbody tr .cell-actions.ips .cell-action-entry span[class^="icon-"] {
  display: inline-block;
  margin: 5px;
}
.table-policy .objects-table tbody tr .cell-actions.ips .cell-action-entry .icon-disable.change-action-process {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 10px;
  color: transparent;
  line-height: normal;
  -webkit-transition: 0.25s ease all;
  -moz-transition: 0.25s ease all;
  -o-transition: 0.25s ease all;
  transition: 0.25s ease all;
  top: auto;
  right: 2px;
  bottom: 2px;
  font-size: 13px;
  display: none !important;
  cursor: help;
  border: 10px solid transparent;
}
.table-policy .objects-table tbody tr .cell-actions.ips .dropdown-menu {
  top: 40px;
}
.table-policy .objects-table tbody tr:last-child .cell-actions .dropdown-menu {
  top: auto;
  left: 20px;
  bottom: 0;
}
.table-policy .objects-table tbody tr .cell-zones,
.table-policy .objects-table tbody tr .cell-original-src-ip,
.table-policy .objects-table tbody tr .cell-translated-src-ip {
  position: relative;
}
.table-policy .objects-table tbody tr .cell-zones .hover-hint,
.table-policy .objects-table tbody tr .cell-original-src-ip .hover-hint,
.table-policy .objects-table tbody tr .cell-translated-src-ip .hover-hint {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 7px;
  background-color: #c6d9e7;
  color: #037aa7;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  height: 18px;
  line-height: 18px;
  opacity: 0;
}
.table-policy .objects-table tbody tr.separator {
  display: none;
}
.table-policy .objects-table tbody tr.expanded th:first-child,
.table-policy .objects-table tbody tr.expanded + tr > td:first-child {
  box-shadow: 4px 0 0 0 #64bbe3 inset;
}
.table-policy .objects-table tbody tr.expanded + .bg-none {
  border-top: 1px solid #d5e6f2;
  border-bottom: 1px solid #d5e6f2;
}
.table-policy .objects-table tbody tr.expanded + .bg-none h4 {
  display: none;
  font-size: 14px;
}
.table-policy .objects-table tbody tr.expanded + .bg-none.diagram-row h6 {
  color: #9e9ea2;
}
.table-policy .objects-table tbody tr.expanded + .bg-none.diagram-row .cell-value {
  font-size: 14px;
}
.table-policy .objects-table tbody tr.expanded + .bg-none.diagram-row .text-left {
  margin: 0 30px;
}
.table-policy .objects-table tbody tr.expanded + .bg-none.diagram-row .text-left .arrow-top {
  left: 20px;
}
.table-policy .objects-table tbody tr.expanded .arrow-holder {
  background: rgba(0, 0, 0, 0.1);
  padding-left: 2px;
}
.table-policy .objects-table tbody tr:not(.header-row):hover {
  background-color: #e9f2f8;
}
.table-policy .objects-table tbody tr:not(.header-row):hover td,
.table-policy .objects-table tbody tr:not(.header-row):hover th {
  background: #e9f2f8;
}
.table-policy .objects-table tbody tr:not(.header-row):hover .hover-hint {
  opacity: 1;
}
.table-policy .objects-table tbody tr.bg-none td,
.table-policy .objects-table tbody tr.bg-none:hover td {
  background-color: white !important;
}
.table-policy .objects-table tbody tr.bg-none td > div {
  position: relative;
}
.table-policy .objects-table tbody tr.bg-none .arrow-top {
  position: absolute;
  top: -18px;
  left: -20px;
  width: 15px;
  height: 15px;
  border-top: 1px solid #d5e6f2;
  border-right: 1px solid #d5e6f2;
  background-color: white;
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.table-policy .objects-table tbody tr .cs-diagram {
  margin-top: 25px;
}
.table-policy .objects-table tbody tr .cs-diagram > hr {
  border-bottom-style: dashed;
}
.table-policy .objects-table tbody tr .cs-diagram .align-outside {
  text-transform: none;
  text-align: right;
}
.table-policy .objects-table tbody tr .cs-diagram .align-outside.right.nat {
  text-align: left;
}
.table-policy .objects-table tbody tr div:not(.nat-dialog) .diagram-holder {
  width: 1024px;
  padding-top: 20px;
  height: 190px;
  float: none;
  margin: 0 auto;
}
.table-policy .objects-table tbody tr .nat-dialog .cs-diagram {
  margin: 35px auto 0;
}
.table-policy .objects-table tbody tr .nat-dialog .cs-diagram .cs-diagram-row.point-right .square,
.table-policy .objects-table tbody tr .nat-dialog .cs-diagram .cs-diagram-row.point-left .square {
  left: 65px;
}
.table-policy .objects-table tbody tr .nat-dialog .cs-diagram .cs-diagram-row.original-packet-label .circle {
  left: -65px;
}
.table-policy .objects-table tbody tr .nat-dialog .cs-diagram .cs-diagram-row.translated-packet-label .circle {
  left: 125px;
}
.table-policy .objects-table tbody tr.empty-state td {
  padding: 0;
}
.table-policy .objects-table tbody.row-placeholder td {
  padding: 0 !important;
  background: #e9f2f8;
  border: none;
  line-height: 0;
}
.table-policy .objects-table thead .cell-name,
.table-policy .objects-table tbody .cell-name {
  max-width: 115px;
}
.table-policy .objects-table thead .cell-interfaces,
.table-policy .objects-table tbody .cell-interfaces {
  max-width: 90px;
}
.table-policy .objects-table thead .cell-interfaces .cell-value,
.table-policy .objects-table tbody .cell-interfaces .cell-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.table-policy .objects-table thead .cell-translated-src-ip .cell-value,
.table-policy .objects-table tbody .cell-translated-src-ip .cell-value,
.table-policy .objects-table thead .cell-translated-dest-ip .cell-value,
.table-policy .objects-table tbody .cell-translated-dest-ip .cell-value,
.table-policy .objects-table thead .cell-translated-src-port .cell-value,
.table-policy .objects-table tbody .cell-translated-src-port .cell-value,
.table-policy .objects-table thead .cell-translated-dest-port .cell-value,
.table-policy .objects-table tbody .cell-translated-dest-port .cell-value,
.table-policy .objects-table thead .cell-original-src-port .cell-value,
.table-policy .objects-table tbody .cell-original-src-port .cell-value,
.table-policy .objects-table thead .cell-original-dest-port .cell-value,
.table-policy .objects-table tbody .cell-original-dest-port .cell-value,
.table-policy .objects-table thead .cell-original-src-ip .cell-value,
.table-policy .objects-table tbody .cell-original-src-ip .cell-value,
.table-policy .objects-table thead .cell-original-dest-ip .cell-value,
.table-policy .objects-table tbody .cell-original-dest-ip .cell-value {
  width: 90px;
}
.table-policy .objects-table thead .cell-urls .cell-value,
.table-policy .objects-table tbody .cell-urls .cell-value {
  width: 85px;
}
.table-policy .objects-table thead .cell-users .cell-value,
.table-policy .objects-table tbody .cell-users .cell-value {
  width: 70px;
}
.table-policy .objects-table thead .cell-zones .cell-value,
.table-policy .objects-table tbody .cell-zones .cell-value,
.table-policy .objects-table thead .cell-networks .cell-value,
.table-policy .objects-table tbody .cell-networks .cell-value,
.table-policy .objects-table thead .cell-ports .cell-value,
.table-policy .objects-table tbody .cell-ports .cell-value {
  width: 100px;
}
.table-policy.action-entry-process .objects-table tbody tr .cell-actions .cell-action-entry {
  cursor: default;
}
.table-policy.action-entry-process .objects-table tbody tr .cell-actions .cell-action-entry .icon-chevron-down {
  display: none !important;
}
.table-policy.action-entry-process .objects-table tbody tr .cell-actions .cell-action-entry .icon-disable.change-action-process {
  display: block !important;
}
.table-policy.ssl .objects-table tbody tr .cell-actions {
  width: 100px;
  min-width: 75px;
}
.table-policy.ssl .objects-table .policy-access-actions {
  min-width: 190px;
}
.table-policy.ssl .objects-table .cell-value.icons {
  width: 16px;
  white-space: normal;
}
.table-policy.ssl .objects-table .icon-logging-list {
  margin-right: -6px;
}
.table-policy.identity .objects-table tbody > tr:last-child th:first-child,
.table-policy.identity .objects-table tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
.table-policy.identity .objects-table tbody > tr:last-child th:last-child,
.table-policy.identity .objects-table tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.table-policy.identity .objects-table tbody:last-child th:first-child,
.table-policy.identity .objects-table tbody:last-child td:first-child {
  border-top-left-radius: 4px;
}
.table-policy.identity .objects-table tbody:last-child th:last-child,
.table-policy.identity .objects-table tbody:last-child td:last-child {
  border-top-right-radius: 4px;
}
.table-policy.nat .cs-search-input {
  margin-right: 0;
}
.table-policy.nat .objects-table tbody tr .arrow-top {
  left: -236px;
}
.table-policy.access .cs-search-input {
  margin-right: 20px;
}
.table-policy.access .objects-table tbody > tr:last-child th:first-child,
.table-policy.access .objects-table tbody > tr:last-child td:first-child {
  border-bottom-left-radius: 0;
}
.table-policy.access .objects-table tbody > tr:last-child th:last-child,
.table-policy.access .objects-table tbody > tr:last-child td:last-child {
  border-bottom-right-radius: 0;
}
.table-policy.access .objects-table tbody:last-child th:first-child,
.table-policy.access .objects-table tbody:last-child td:first-child {
  border-top-left-radius: 4px;
}
.table-policy.access .objects-table tbody:last-child th:last-child,
.table-policy.access .objects-table tbody:last-child td:last-child {
  border-top-right-radius: 4px;
}
.table-policy.hitcount-visible .objects-table thead .cell-zones .cell-value,
.table-policy.hitcount-visible .objects-table tbody .cell-zones .cell-value,
.table-policy.hitcount-visible .objects-table thead .cell-networks .cell-value,
.table-policy.hitcount-visible .objects-table tbody .cell-networks .cell-value,
.table-policy.hitcount-visible .objects-table thead .cell-ports .cell-value,
.table-policy.hitcount-visible .objects-table tbody .cell-ports .cell-value {
  width: 85px;
}
.page.floating-buttons-on .floating-buttons,
.policy.floating-buttons-on .floating-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background: rgba(255, 255, 255, 0.93);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
}
.page.floating-buttons-on .default-action,
.policy.floating-buttons-on .default-action {
  padding: 10px 25px;
}
.intrusion-rule-actions {
  width: auto;
}
.policy-access-actions {
  border: none;
  width: auto;
  min-width: 130px;
  padding: 0 !important;
  border-radius: 0;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.policy-access-actions.identity-default-actions {
  min-width: 250px;
}
.policy-access-actions li {
  text-transform: uppercase;
  position: relative;
  cursor: pointer;
  padding: 10px 13px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 0;
  white-space: nowrap;
  line-height: 11px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.policy-access-actions li:last-child {
  border-bottom: none;
}
.policy-access-actions li:before {
  display: none;
}
.policy-access-actions li span[class^="icon-"] {
  font-size: 18px;
  position: absolute;
  left: 13px;
  top: 10px;
  margin: 0;
  line-height: 22px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.policy-access-actions li .item-name {
  display: inline-block;
  font-size: 12px;
  padding-left: 34px;
  line-height: 22px;
}
.policy-access-actions li .comment {
  display: block;
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
  padding: 0 0 0 34px;
  color: #9e9ea2;
}
.policy-access-actions li .icon-decrypt-re-sign:before,
.policy-access-actions li .icon-decrypt-known-key:before,
.policy-access-actions li .icon-passive-auth:before {
  font-size: 20px;
  line-height: 1;
}
.policy-access-actions li.active.disabled,
.policy-access-actions li:hover.disabled {
  color: #9e9ea2;
  cursor: default;
}
.policy-access-actions li.active.disabled span[class^="icon-"],
.policy-access-actions li:hover.disabled span[class^="icon-"] {
  color: #e9f2f8;
}
.policy-access-actions li.active span.icon-trust,
.policy-access-actions li:hover span.icon-trust,
.policy-access-actions li.active span.icon-lock,
.policy-access-actions li:hover span.icon-lock {
  color: #9e9ea2;
}
.policy-access-actions li.active span.icon-permit,
.policy-access-actions li:hover span.icon-permit,
.policy-access-actions li.active span.icon-policy-active,
.policy-access-actions li:hover span.icon-policy-active,
.policy-access-actions li.active span.icon-certificate,
.policy-access-actions li:hover span.icon-certificate,
.policy-access-actions li.active span.icon-decrypt-re-sign,
.policy-access-actions li:hover span.icon-decrypt-re-sign,
.policy-access-actions li.active span.icon-decrypt-known-key,
.policy-access-actions li:hover span.icon-decrypt-known-key,
.policy-access-actions li.active span.icon-passive-auth,
.policy-access-actions li:hover span.icon-passive-auth,
.policy-access-actions li.active span.icon-certificate,
.policy-access-actions li:hover span.icon-certificate,
.policy-access-actions li.active span .icon-passive-auth,
.policy-access-actions li:hover span .icon-passive-auth {
  color: #6ebd4b;
}
.policy-access-actions li.active span.icon-deny,
.policy-access-actions li:hover span.icon-deny,
.policy-access-actions li.active span.icon-policy-not-active,
.policy-access-actions li:hover span.icon-policy-not-active {
  color: #cf2030;
}
.policy-access-actions li.active span.icon-warning-1,
.policy-access-actions li:hover span.icon-warning-1 {
  color: #ff7300;
}
.policy-access-actions li.active span.icon-disable,
.policy-access-actions li:hover span.icon-disable {
  color: #58585b;
}
.policy-access-actions.dropdown-menu li.active,
.policy-access-actions.dropdown-menu li.active:hover {
  font-weight: bold;
  background: #f7f7f7;
  color: #58585b;
}
.policy-access-actions.dropdown-menu li.dropdown-title {
  font-size: 12px;
  pointer-events: none;
  text-transform: none;
  border: none;
  padding: 12px 13px 2px;
}
.policy h1 {
  margin: 2px 0 20px;
}
.policy .sub-menu {
  margin: 0 0 12px 0;
  padding: 0 22px;
  font-size: 14px;
  text-transform: none;
  background-color: #f0f0f0;
  border: 1px solid #c6c7ca;
  border-radius: 2px;
  min-width: 0;
  list-style: none;
  position: relative;
  line-height: 22px;
}
.policy .sub-menu li {
  padding: 0;
  display: inline-block;
  position: relative;
}
.policy .sub-menu li a {
  color: #58585b;
  font-size: 14px;
  vertical-align: middle;
  display: inline-block;
  border-bottom: 0;
  padding: 8px 14px 6px 12px;
  margin: -1px 0;
  transition-duration: 0s;
}
.policy .sub-menu li a.not-configured {
  color: #9e9ea2;
  font-style: italic;
  background-color: transparent;
}
.policy .sub-menu li a.not-configured .status {
  background: transparent;
  border-color: #9e9ea2;
  color: #9e9ea2;
  line-height: 17px;
  opacity: 0.8;
}
.policy .sub-menu li a.not-configured .status:after {
  content: "";
}
.policy .sub-menu li a.not-configured.active .status,
.policy .sub-menu li a.not-configured:hover .status {
  border-color: white;
  background: transparent;
  opacity: 1;
}
.policy .sub-menu li a.active,
.policy .sub-menu li a:hover {
  background-color: #049fd9;
  color: #ffffff;
}
.policy .sub-menu li a.active .status,
.policy .sub-menu li a:hover .status {
  background: white;
  color: #6ebd4b;
}
.policy .sub-menu li a.active.policy-ips,
.policy .sub-menu li a:hover.policy-ips {
  border-radius: 4px;
  position: relative;
}
.policy .sub-menu li a.active.policy-ips:before,
.policy .sub-menu li a:hover.policy-ips:before,
.policy .sub-menu li a.active.policy-ips:after,
.policy .sub-menu li a:hover.policy-ips:after {
  background-color: inherit;
}
.policy .sub-menu li a.policy-ips {
  border-radius: 4px;
  position: relative;
}
.policy .sub-menu li a.policy-ips:before,
.policy .sub-menu li a.policy-ips:after {
  display: block;
  content: '';
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  position: absolute;
  top: 14px;
  right: -2px;
  background: transparent;
}
.policy .sub-menu li a.policy-ips:after {
  left: -2px;
}
.policy .sub-menu li a.warning .status,
.policy .sub-menu li a.has-error .status {
  background: transparent;
}
.policy .sub-menu li a.warning .status:after,
.policy .sub-menu li a.has-error .status:after {
  color: #ff7300;
  font-size: 20px;
  position: relative;
  left: -2px;
  top: -2px;
}
.policy .sub-menu li a.warning.active,
.policy .sub-menu li a.has-error.active,
.policy .sub-menu li a.warning:hover,
.policy .sub-menu li a.has-error:hover {
  background: #ff7300;
}
.policy .sub-menu li a.warning.active .status,
.policy .sub-menu li a.has-error.active .status,
.policy .sub-menu li a.warning:hover .status,
.policy .sub-menu li a.has-error:hover .status {
  background: transparent;
}
.policy .sub-menu li a.warning.active .status:after,
.policy .sub-menu li a.has-error.active .status:after,
.policy .sub-menu li a.warning:hover .status:after,
.policy .sub-menu li a.has-error:hover .status:after {
  color: white;
}
.policy .sub-menu li a.has-error {
  color: #cf2030;
}
.policy .sub-menu li a.has-error .status:after {
  color: #cf2030;
}
.policy .sub-menu li a.has-error.active,
.policy .sub-menu li a.has-error:hover {
  background: #cf2030;
  color: white;
}
.policy .sub-menu li .status {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  line-height: 20px;
  margin: -2px 4px 0 -2px;
  border: 2px solid transparent;
  background-color: #6ebd4b;
  color: white;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.policy .sub-menu li .status:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.policy .sub-menu li [class^="icon"] {
  margin-right: 4px;
}
.policy .sub-menu li .breadcrmb-arrow {
  margin: 0 10px 0 0;
  position: relative;
  width: 15px;
  height: 0;
  display: inline-block;
  border-top: 1px solid #9e9ea2;
  vertical-align: middle;
}
.policy .sub-menu li .breadcrmb-arrow:after {
  content: '';
  position: absolute;
  top: -4px;
  right: 0;
  width: 7px;
  height: 7px;
  background-color: transparent;
  border-top: 1px solid #9e9ea2;
  border-right: 1px solid #9e9ea2;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.policy .sub-menu li .breadcrmb-arrow.dotted {
  border-top-style: dotted;
}
.policy .sub-menu li:first-child .breadcrmb-arrow {
  margin-left: 10px;
}
.policy .sub-menu li:first-child .icon-layers {
  font-size: 18px;
  top: 2px;
  position: relative;
  color: #9e9ea2;
}
.section-box {
  padding: 0;
  margin: 0 0 30px;
  display: block;
}
.section-box header {
  background-color: #f7f7f7;
  padding: 10px 20px;
  min-height: 100px;
}
.section-box h2,
.section-box h4 {
  display: inline-block;
  vertical-align: top;
  color: #58585b;
  font-size: 12px;
  line-height: 1.6;
  margin: 20px 0 0;
}
.section-box h2:last-child,
.section-box h4:last-child {
  padding-right: 0;
}
.section-box h2.font-light,
.section-box h4.font-light {
  font-size: 24px;
  margin: 0;
}
.section-box h2 .icon-badge,
.section-box h4 .icon-badge {
  float: left;
  margin: 2px 10px 0 0;
}
.section-box h2 strong,
.section-box h4 strong {
  display: block;
  line-height: 13px;
}
.section-box h2 {
  width: 100%;
}
.section-box h2.ico .icon-checkmark {
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
}
.section-box h4 {
  width: 16%;
}
.section-box .select-link {
  display: block;
  color: #049fd9;
  margin: 5px 0 0 5px;
}
.section-box .select-link:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid #049fd9;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: none;
  margin-left: 10px;
  position: relative;
  top: 8px;
  vertical-align: top;
  transition: 0.2s ease-in all;
}
.section-box .select-link:hover {
  color: #58585b;
  text-decoration: none;
}
.section-box .select-link:hover:after {
  border-top-color: #58585b;
}
.section-box .min {
  display: inline-block;
  margin-right: 20px;
  color: #58585b;
  font-size: 14px;
  vertical-align: text-bottom;
}
.section-box .min .upper {
  color: #9e9ea2;
}
.section-box .max {
  display: inline-block;
  padding: 10px;
  color: #fff;
  font-size: 13px;
  width: 78px;
  height: 78px;
  background-color: #abc233;
  border-radius: 50%;
}
.section-box .max .bigger-size {
  display: block;
  color: #fff;
}
.section-box .upper {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.03em;
  display: block;
}
.section-box .bigger-size {
  font-size: 30px;
  line-height: 1;
}
.section-box .biggest-size {
  font-size: 60px;
  line-height: 1;
}
.section-box .half-block {
  display: inline-block;
  width: 49%;
}
.section-box .entry {
  padding: 25px;
  min-height: 270px;
}
.section-box .entry h2 {
  margin-bottom: 15px;
  white-space: nowrap;
}
.section-box .entry > p {
  display: inline-block;
  color: #58585b;
  font-size: 12px;
  margin: 0 0 10px;
  vertical-align: top;
}
.section-box .entry > p:first-child {
  padding-right: 50px;
}
.section-box .descr {
  margin: 10px 0;
  width: 220px;
  color: #58585b;
  font-size: 12px;
}
.section-box .descr .half-block:last-child {
  text-align: right;
}
.section-box .font-light {
  font-weight: lighter;
}
.system-info-box:not(.col-xs-12) .entry.expansion-io {
  padding: 25px 10px;
}
.ci-device {
  width: 420px;
  padding: 20px 6px 0 24px;
  border: 2px solid #c6c7ca;
  border-radius: 10px;
  margin: 10px 0;
  background-color: #ffffff;
  display: inline-block;
  text-align: center;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.ci-device .default-diagram {
  margin: 10px auto;
}
.ci-device.model-vmware {
  width: 450px;
}
.ci-device img.loader {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0 auto;
}
.ci-device.has-expansion-io {
  width: 500px;
  padding-left: 6px;
}
.ci-device.has-expansion-io .expansion-io-label {
  position: absolute;
  font-size: 12px;
  color: #9e9ea2;
  bottom: 8px;
  left: 36px;
}
.ci-device.has-expansion-io.model-5525 .expansion-io-label,
.ci-device.has-expansion-io.model-5545 .expansion-io-label,
.ci-device.has-expansion-io.model-5555 .expansion-io-label {
  left: 20px;
}
.ci-device.model-21xx {
  width: 560px;
}
.ci-device.model-21xx.has-expansion-io {
  width: 730px;
}
.ci-device.model-21xx .sfp-slots-label {
  position: absolute;
  font-size: 12px;
  color: #9e9ea2;
  bottom: 8px;
  left: 376px;
}
.ci-device.model-21xx .expansion-io-label {
  left: 686px;
}
.ci-device.model-1010 .socket-wrapper {
  width: 186px;
}
.ci-device.model-1010 ul.configuration-ports {
  margin: 2px 0 0 0;
}
.ci-device.dynamic-diagram {
  width: 620px;
  padding: 10px 0;
}
.ci-device.dynamic-diagram .router-model strong {
  max-width: 235px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ci-device.dynamic-diagram .ports-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  top: 10px;
  margin: 10px 0 11px 0;
}
.ci-device.dynamic-diagram .ports-wrapper .configuration-ports {
  margin: auto 10px;
}
.ci-device.dynamic-diagram .ports-wrapper .configuration-ports:before {
  right: -10px;
}
.ci-device.dynamic-diagram .ports-wrapper .configuration-ports li .text {
  line-height: normal;
}
.ci-device.dynamic-diagram .ports-wrapper .delimiter {
  height: 64px;
  border-right: 1px solid #f0f0f0;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel {
  width: 100%;
  margin: 0 15px;
  z-index: 1;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-inner {
  width: 90%;
  left: 5%;
  z-index: 1;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-indicators {
  z-index: auto;
  bottom: 92px;
  width: 30%;
  margin-left: -15%;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-indicators li {
  max-width: 34px;
  cursor: default;
  background-color: #049fd9;
  opacity: 0.5;
  width: 6px;
  height: 6px;
  margin: 1px;
  border: none;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-indicators li.active {
  opacity: 1;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content {
  display: flex;
  justify-content: center;
  height: 91px;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content .socket-wrapper {
  display: flex;
  flex-wrap: wrap;
  width: 432px;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content .socket-wrapper li {
  width: 30px;
  margin: 0 2px 0 2px;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content .socket-wrapper li:nth-child(4n) {
  margin-right: 15px;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content .socket-wrapper li:nth-child(12n) {
  margin-right: 0;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content .socket-wrapper li .text {
  line-height: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .item-content .socket-wrapper.single-line {
  justify-content: center;
  margin-top: 17px;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-control {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: none;
  opacity: 1;
  width: 26px;
  margin-top: 2px;
  text-shadow: none;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-control .icon-wrapper {
  width: 26px;
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-control .icon-wrapper.disabled {
  z-index: auto;
}
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-control .icon-chevron-left,
.ci-device.dynamic-diagram .ports-wrapper .carousel .carousel-control .icon-chevron-right {
  text-decoration: none;
  line-height: 18px;
  color: #049fd9;
}
.ci-device ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
  vertical-align: top;
}
.ci-device ul.configuration-ports {
  position: relative;
  margin: 2px 0 0 12px;
  max-width: 75px;
}
.ci-device ul.configuration-ports:before {
  content: '';
  display: block;
  width: 1px;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  right: auto;
  top: 12px;
  bottom: 14px;
}
.ci-device ul.configuration-ports.left {
  margin: 2px 12px 0 0;
  border-left: none;
}
.ci-device ul.configuration-ports.left:before {
  right: 0px;
  left: auto;
}
.ci-device ul.configuration-ports li .text {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 10px;
}
.ci-device li {
  display: inline-block;
  text-align: center;
  margin: 0 3px;
  position: relative;
}
.ci-device li .text {
  display: block;
  line-height: normal;
  font-size: 12px;
  color: #9e9ea2;
  font-weight: 400;
}
.ci-device li .text.error {
  color: #cf2030;
}
.ci-device li .ci-device-port {
  display: block;
  margin: 2px auto 4px auto;
  width: 29px;
  height: 28px;
  color: #9e9ea2;
  position: relative;
}
.ci-device li .ci-device-port:before {
  font-size: 29px;
  display: inline-block;
}
.ci-device li .ci-device-port:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: 11px;
  left: 9px;
  transform: scale(0.8);
}
.ci-device li .ci-device-port.ci-port-loading:before {
  opacity: .5;
}
.ci-device li .ci-device-port.ci-port-loading:after {
  content: ' ';
  background: url('/branding/default/images/ajax-loader-small-white.gif') 50% 50% no-repeat;
  display: inline-block;
  width: 21px;
  height: 13px;
  margin-left: -5px;
}
.ci-device li .ci-device-port.ci-port-sfp:after {
  top: 8px;
}
.ci-device li .ci-device-port.ci-port-sfp.ci-port-transform:after {
  top: 9px;
}
.ci-device li .ci-port-transform {
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ci-device li .ci-port-transform.ci-port-check:after {
  left: 9px;
  top: 11px;
  -webkit-transform: rotate(180deg) scale(0.8);
  -ms-transform: rotate(180deg) scale(0.8);
  transform: rotate(180deg) scale(0.8);
}
.ci-device li .ci-port-active:before {
  color: #6ebd4b;
}
.ci-device li .ci-port-down:before {
  color: #ff7300;
}
.ci-device li .ci-port-error:before {
  color: #cf2030;
}
.ci-device li .ci-port-error.icon-sfp-active.ci-port-check:after,
.ci-device li .ci-port-down.icon-sfp-active.ci-port-check:after,
.ci-device li .ci-port-active.icon-sfp-active.ci-port-check:after {
  left: 9px;
  top: 9px;
}
.ci-device li .ui-tooltip {
  display: none;
  padding: 10px;
  border: none;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  top: auto;
  margin: 0 0 10px;
  width: 400px;
  max-width: 400px;
}
.ci-device li .ui-tooltip.bottom {
  top: 100%;
  bottom: auto;
  margin: 10px 0 0;
}
.ci-device li:hover .ui-tooltip {
  display: block;
}
.ci-device.model-5506 .socket-wrapper,
.ci-device.model-5508 .socket-wrapper,
.ci-device.model-5516 .socket-wrapper,
.ci-device.model-5506w .socket-wrapper {
  width: 290px;
}
.ci-device.model-5506 .socket-wrapper,
.ci-device.model-5508 .socket-wrapper,
.ci-device.model-5516 .socket-wrapper {
  padding-top: 33px;
}
.ci-device.model-vmware .socket-wrapper {
  width: 320px;
  padding-top: 33px;
}
.ci-device.model-isa .socket-wrapper,
.ci-device.model-5506h .socket-wrapper {
  width: 80px;
}
.ci-device.model-1120 .configuration-ports.left:before,
.ci-device.model-1140 .configuration-ports.left:before,
.ci-device.model-1150 .configuration-ports.left:before {
  right: 3px;
}
.ci-device.model-1120 .socket-wrapper,
.ci-device.model-1140 .socket-wrapper,
.ci-device.model-1150 .socket-wrapper {
  width: 140px;
}
.ci-device.model-1120 .socket-wrapper.sfp-interfaces,
.ci-device.model-1140 .socket-wrapper.sfp-interfaces,
.ci-device.model-1150 .socket-wrapper.sfp-interfaces {
  margin-left: 14px;
  width: 70px;
}
.ci-device.model-1120 .sfp-slots-label,
.ci-device.model-1140 .sfp-slots-label,
.ci-device.model-1150 .sfp-slots-label {
  position: absolute;
  font-size: 12px;
  color: #9e9ea2;
  bottom: 6px;
  left: 376px;
}
.ci-device.model-5512 .configuration-ports,
.ci-device.model-5515 .configuration-ports,
.ci-device.model-5525 .configuration-ports,
.ci-device.model-5545 .configuration-ports,
.ci-device.model-5555 .configuration-ports {
  margin: 0 12px 0 0;
}
.ci-device.model-5512 .configuration-ports:before,
.ci-device.model-5515 .configuration-ports:before,
.ci-device.model-5525 .configuration-ports:before,
.ci-device.model-5545 .configuration-ports:before,
.ci-device.model-5555 .configuration-ports:before {
  right: 0;
  left: auto;
}
.ci-device.model-5512.has-expansion-io .configuration-ports,
.ci-device.model-5515.has-expansion-io .configuration-ports,
.ci-device.model-5525.has-expansion-io .configuration-ports,
.ci-device.model-5545.has-expansion-io .configuration-ports,
.ci-device.model-5555.has-expansion-io .configuration-ports {
  margin-left: 12px;
}
.ci-device.model-5512.has-expansion-io .configuration-ports:before,
.ci-device.model-5515.has-expansion-io .configuration-ports:before,
.ci-device.model-5525.has-expansion-io .configuration-ports:before,
.ci-device.model-5545.has-expansion-io .configuration-ports:before,
.ci-device.model-5555.has-expansion-io .configuration-ports:before {
  right: auto;
  left: 0;
}
.ci-device.model-5512 .socket-wrapper,
.ci-device.model-5515 .socket-wrapper {
  width: 119px;
}
.ci-device.model-5525 .socket-wrapper,
.ci-device.model-5545 .socket-wrapper,
.ci-device.model-5555 .socket-wrapper {
  width: 154px;
}
.ci-device.model-21xx .socket-wrapper {
  width: 220px;
}
.ci-device.model-21xx .socket-wrapper.sfp-slots {
  width: 180px;
  margin-top: 35px;
}
.ci-device.model-21xx .socket-wrapper.expansion-io {
  width: 150px;
  padding: 0;
}
.ci-device.model-21xx .configuration-ports:before {
  display: none;
}
.ci-device .socket-wrapper.expansion-io,
.ci-device .configuration-ports.expansion-io {
  width: 220px;
  padding-top: 35px;
}
.ci-device-read-only .ci-device-port {
  cursor: auto !important;
}
.monitor .section-box .ci-device {
  display: block;
  margin: 10px auto;
}
.breadcrumbs h1 {
  margin: 4px 0 20px;
  display: block;
}
@media (max-width: 1440px) {
  .breadcrumbs .back-link {
    margin-left: 0;
  }
}
.router-wrapper {
  width: auto;
}
.onoffswitch .onoffswitch-label:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #9e9ea2;
  top: 6px;
  left: 3px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.onoffswitch .onoffswitch-label span {
  text-indent: -9999px;
  border: 2px solid #9e9ea2;
  min-width: 52px;
  height: 28px;
  font-weight: bold;
  line-height: 26px !important;
  -webkit-border-radius: 14px !important;
  -moz-border-radius: 14px !important;
  border-radius: 14px !important;
}
.onoffswitch .onoffswitch-label .on {
  border-color: #049fd9;
  background-color: #049fd9;
}
.onoffswitch .onoffswitch-label .off {
  background-color: transparent;
  color: transparent;
}
.onoffswitch .onoffswitch-checkbox:checked ~ .onoffswitch-label:before {
  background-color: #fff;
  top: 6px;
  right: 3px;
  left: auto;
}
.onoffswitch input[disabled] + .onoffswitch-label {
  opacity: 0.5;
}
.onoffswitch.readonly input[disabled] + .onoffswitch-label {
  opacity: 1.0;
}
.modal-data input[type="button"],
.modal-data input[type="submit"],
.modal-data input[type="reset"],
.modal-data button,
.modal-data input[type="file"]::-webkit-file-upload-button {
  background: #e5e5e5;
}
.modal-data .slash {
  float: left;
  line-height: 36px;
  font-size: 14px;
  color: #58585b;
}
.modal-data .tip {
  margin-left: 0;
  margin-top: 6px;
  color: #9e9ea2;
  font-size: 12px;
  line-height: 1.3;
  display: inline-block;
}
.modal-data .tip.multi-line {
  line-height: 16px;
  display: block;
}
.modal-data .tip.no-wrap {
  white-space: nowrap;
}
.modal-data .tip.tip-label {
  display: block;
  margin-bottom: 5px;
}
.modal-data .onoffswitch-label span {
  font-size: 12px;
  text-transform: uppercase;
}
.modal-data .onoffswitch-label span.off {
  padding: 0 15px 0 30px;
  color: #9e9ea2;
}
.modal-data .onoffswitch-label span.on {
  padding: 0 30px 0 15px;
  color: #ffffff;
}
.modal-data.readonly .control-label {
  display: block;
  color: #9e9ea2;
}
.modal-data.readonly .control-label[for] {
  cursor: default;
}
.modal-data.readonly .form-control {
  background: none;
  padding: 0;
}
.modal-data.readonly .dropdown.readonly {
  padding-top: 0;
}
.modal-data.readonly .state-row {
  margin-top: -6px;
}
.modal-data.readonly .btn-default:not(.btn-disabled):hover,
.modal-data.readonly .btn-default:not(.btn-disabled):active {
  background: #049fd9;
  color: white;
}
.add-rule {
  width: 1150px;
}
.add-rule .modal-data {
  background-color: #f7f7f7;
}
.add-rule .modal-footer .onoffswitch {
  vertical-align: top;
}
.add-rule .modal-footer .onoffswitch span.off {
  padding: 0 10px 0 25px;
  color: #9e9ea2;
}
.add-rule .modal-footer .onoffswitch span.on {
  color: #ffffff;
  padding: 0 25px 0 10px;
}
.add-rule .modal-footer .collapsed-link {
  line-height: 28px;
  vertical-align: middle;
  display: inline-block;
  margin: 3px 10px 0 0;
  text-decoration: none;
  text-transform: capitalize;
}
.add-rule .modal-footer .diagram-switcher {
  float: left;
  width: 180px;
  position: relative;
  z-index: 1;
}
.add-rule .col-sm-5.catb-lock {
  width: 41%;
}
.add-rule .col-sm-1 {
  width: 10%;
}
.add-rule .select-action {
  padding: 0;
}
.add-rule form {
  padding: 12px 20px 0;
}
.add-rule form:before,
.add-rule form:after {
  content: " ";
  display: table;
}
.add-rule form:after {
  clear: both;
}
.add-rule form:before,
.add-rule form:after {
  content: " ";
  display: table;
}
.add-rule form:after {
  clear: both;
}
.add-rule form label {
  text-transform: none;
  font-size: 14px;
}
.add-rule form .ips-policy .btn {
  font-size: 14px;
}
.add-rule form .ips-policy .icon-ips {
  position: relative;
  font-size: 17px;
  top: 2px;
  right: 4px;
}
.add-rule form .sub-action {
  display: none;
}
.add-rule form .sub-action button span[class^='icon-']:not(:last-child) {
  width: 28%;
  font-size: 17px;
  position: relative;
  top: 2px;
}
.add-rule form .sub-action button span[class^='icon-']:not(:last-child).inactive {
  color: #9e9ea2;
  opacity: 1;
}
.add-rule form .sub-action .dropdown-menu {
  padding: 0;
  min-width: 260px;
  left: auto;
  right: 0;
}
.add-rule form .sub-action .dropdown-menu li {
  padding: 10px 25px 10px 10px;
  text-transform: uppercase;
  line-height: 30px;
  font-size: 13px;
}
.add-rule form .sub-action .dropdown-menu li:not(.dropdown-title) {
  color: #58585b;
}
.add-rule form .sub-action .dropdown-menu li:before {
  display: none;
}
.add-rule form .sub-action .dropdown-menu li span[class^="icon-"] {
  color: #58585b;
  font-size: 17px;
  position: relative;
  top: 4px;
  margin-right: 10px;
}
.add-rule form .sub-action .dropdown-menu li .onoffswitch {
  float: right;
}
.add-rule form .sub-action .dropdown-menu li .onoffswitch .onoffswitch-label .off {
  padding: 0 10px 0 25px;
}
.add-rule form .sub-action .dropdown-menu li .onoffswitch .onoffswitch-label .on {
  padding: 0 25px 0 10px;
}
.add-rule .nav-tabs {
  padding: 20px 10px 0;
}
.add-rule .nav-tabs li {
  display: inline-block;
}
.add-rule .tab-content {
  background-color: #fff;
}
.add-rule .tab-content .form-section-heading {
  margin: 0 0 15px;
  padding-bottom: 5px;
  font-size: 12px;
}
.add-rule .wrapp-emulate input[type="checkbox"] {
  margin-left: 0;
}
.select-action .btn {
  font-size: 14px;
  color: white !important;
}
.select-action .btn.action-trust,
.select-action .btn.action-decrypt-none,
.select-action .btn.action-any,
.select-action .btn.action-disabled {
  background-color: #9e9ea2;
}
.select-action .btn.action-permit,
.select-action .btn.action-active,
.select-action .btn.action-passive,
.select-action .btn.action-decrypt-re-sign,
.select-action .btn.action-decrypt-known {
  background-color: #6ebd4b;
}
.select-action .btn.action-alert {
  background-color: #ff7300;
}
.select-action .btn.action-deny,
.select-action .btn.action-no_auth,
.select-action .btn.action-drop,
.select-action .btn.action-block {
  background-color: #cf2030;
}
.select-action .btn span {
  color: #ffffff;
}
.select-action .btn span:first-child {
  font-size: 18px;
  line-height: 16px;
  margin: 0 4px 0 0;
}
.select-action .btn span:first-child.icon-passive-auth {
  font-size: 20px;
}
.select-action .btn span .item-name {
  font-size: 14px;
}
.selected-items-list .list-item {
  max-width: 100%;
}
.selected-items-list .list-item {
  max-width: 100%;
}
.addrule-annotation {
  padding-bottom: 48px;
}
.addrule-annotation strong {
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
}
.addrule-annotation h6 {
  font-size: 14px;
  font-weight: bold;
}
.advanced-filter.modal-header {
  background-color: white;
  border-top: none;
  padding-right: 25px;
}
.advanced-filter.modal-header .modal-title {
  color: #323232;
}
.advanced-filter.modal-header .reset-filter {
  text-transform: uppercase;
  margin: 0;
  float: right;
  padding: 0 12px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height: 36px;
  font-size: 12px;
}
.advanced-filter.modal-header .reset-filter:hover {
  text-decoration: none;
  background: #f0f0f0;
}
.advanced-filter.modal-header .btn-help {
  color: #049fd9;
  float: right;
  display: block;
  position: static;
  margin: 0 10px 0 0;
  line-height: 36px;
  width: 36px;
  height: 36px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.advanced-filter.modal-header .btn-help:hover {
  background: #f0f0f0;
}
.application-filter-condition .filter-data {
  margin: 0 0 24px 0;
  padding: 0;
  border: none;
}
.application-filter-condition .filter-data .title {
  color: #9e9ea2;
}
.application-filter-condition .item-selector .item-picker {
  border: 1px solid #f0f0f0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.application-filter-condition .item-selector .item-picker .search-holder {
  background: none;
  padding: 8px 8px 2px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.application-filter-condition .item-selector .item-picker .search-holder:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 20px;
  left: 17px;
  font-size: 10px;
  opacity: 0.6;
}
.application-filter-condition .item-selector .item-picker .search-holder .form-control {
  background: #e5e5e5;
}
.application-filter-condition .item-selector .item-picker .search-holder .form-control:focus {
  background: #e9f2f8;
}
.application-filter-condition .item-selector .item-picker .tab-content {
  padding: 6px 0 0;
  border: 0;
}
.application-filter-condition .item-selector .item-picker .tab-pane {
  padding: 0;
}
.application-filter-condition .item-selector .item-picker .list-item {
  margin: 0;
  position: relative;
}
.application-filter-condition .item-selector .item-picker .list-item a,
.application-filter-condition .item-selector .item-picker .list-item .item-name {
  line-height: 30px;
  padding-left: 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0;
  background: none;
}
.application-filter-condition .item-selector .item-picker .list-item a .entity-icon,
.application-filter-condition .item-selector .item-picker .list-item .item-name .entity-icon {
  position: absolute;
  top: 3px;
  left: 37px;
}
.application-filter-condition .item-selector .item-picker .list-item.selected a,
.application-filter-condition .item-selector .item-picker .list-item.selected .item-name {
  background: #64bbe3;
  color: white;
  border-color: white;
}
.application-filter-condition .item-selector .item-picker .list-item.selected a:before,
.application-filter-condition .item-selector .item-picker .list-item.selected .item-name:before {
  color: #64bbe3;
  background: white;
  position: absolute;
  top: 9px;
  left: 9px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 1px 0 0;
  transform: scale(0.75);
  top: 5px;
}
.application-filter-condition .filtered-applications {
  margin: 0 -25px 24px;
  padding: 42px 25px 0;
  border: none;
  border-top: 1px solid #f0f0f0;
}
.application-filter-condition .filtered-applications ul.list {
  list-style: none;
  padding: 0;
}
.application-filter-condition .filtered-applications ul.list li {
  position: relative;
}
.application-filter-condition .filtered-applications .form-group {
  position: relative;
  margin: 0 0 3px;
}
.application-filter-condition .filtered-applications .form-group:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  font-size: 10px;
  opacity: 0.6;
}
.application-filter-condition .filtered-applications .form-group .form-control {
  padding-left: 30px;
}
.application-filter-condition .filtered-applications .item-selector {
  border: 1px solid #f0f0f0;
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.application-filter-condition .filtered-applications .item-selector .listname {
  margin: -42px 0 10px;
  float: left;
}
.application-filter-condition .filtered-applications .item-selector .app-counter {
  padding: 0 6px;
  font-size: 12px;
  line-height: 24px;
  margin: -38px 2px 0 0;
  float: right;
}
.application-filter-condition .filtered-applications .item-selector .loader {
  border: 5px solid white;
  border-radius: 50%;
  padding: 0;
  margin: 50px;
  background: white !important;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content {
  margin: 0 -4px -8px;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item {
  margin: 0 0 1px;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item a,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item .item-name {
  border-radius: 0;
  padding: 3px 13px 3px 62px;
  background: transparent;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item a:hover,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item .item-name:hover {
  background: #e9f2f8;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.loader-item .selection-item {
  background: white !important;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item .entity-icon {
  position: absolute;
  top: 5px;
  left: 37px;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item:nth-child(even) {
  background: #f0f0f0;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected a,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected .item-name {
  background: #64bbe3;
  color: white;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected a:before,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected .item-name:before {
  color: #64bbe3;
  background: white;
  position: absolute;
  top: 9px;
  left: 9px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-size: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  padding: 0 1px 0 0;
  transform: scale(0.75);
  top: 4px;
}
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .padding0 .list-item a,
.application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .padding0 .list-item .item-name {
  padding-left: 38px;
}
.application-filter-condition .filtered-applications .list-header {
  padding: 2px 4px 10px;
  color: #9e9ea2;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 -8px;
}
.application-filter-condition .filtered-applications .list-header .col-xs-5 {
  padding-left: 34px;
}
.application-filter-condition .filtered-applications .list-header .col-xs-7 {
  padding-left: 38px;
}
.item-selector .title-row strong {
  font-weight: 400;
  color: #9e9ea2;
}
.item-selector .title-row .selection-info {
  background-color: #58585b;
  padding: 0 5px 0 7px;
}
.item-selector .title-row .selection-info a {
  padding: 0;
}
.item-selector .title-row .selection-info .remove {
  opacity: 0.5;
  color: white;
  font-size: 18px;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
}
.item-selector .title-row .selection-info .remove:hover {
  opacity: 1.0;
  text-decoration: none;
}
.help-block {
  font-size: 12px;
  line-height: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
}
/* ToDo 11/12/15 by Spiridonov: fix item picker search-holder borders on error */
.has-error .item-picker .search-holder .form-control {
  border: none;
  box-shadow: none;
}
.policies-page .label {
  font-size: 14px;
  padding: 10px 10px 0 0;
  display: inline-block;
  color: #58585b;
}
.policies-page .label ~ span.error {
  padding: 0 10px 0 36px;
  display: inline-block;
  vertical-align: middle;
  color: #cf2030;
  position: relative;
}
.policies-page .label ~ span.error:before {
  display: block;
  font-family: "firewall";
  position: absolute;
  left: 15px;
  top: -2px;
}
.policies-page .label + #toggler-show-table {
  position: relative;
  margin-right: 10px;
}
.policies-page.full-width {
  float: left;
}
.intrusion-policy-page .objects-table tbody td {
  vertical-align: bottom;
  border-right: none !important;
}
.intrusion-policy-page .objects-table .arrow-holder {
  top: 1px;
}
.intrusion-policy-page .intrusion-inspection-edit-search-filter {
  float: right;
}
.intrusion-policy-page .intrusion-inspection-edit-search-filter .search {
  width: 400px;
}
.intrusion-policy-page .intrusion-inspection-edit-search-filter .text {
  padding: 17px 20px 9px 0;
}
.intrusion-policy-page .intrusion-inspection-edit-search-filter .intrusion-mode {
  padding: 0 5px 0 5px;
}
.table-policy.header-one-line .objects-table thead th .cell-value,
.table-policy.header-one-line .objects-table thead td .cell-value {
  border-top: none !important;
}
.tab-content-wrapper .counter-holder {
  margin: -35px 0 10px !important;
}
.tab-content-wrapper .feeds-add-btn .btn {
  margin: -2px 0 8px !important;
}
.col-sm-2.select-action {
  width: 14%;
}
.col-sm-2.identity-name {
  width: 22.6%;
}
.col-sm-5.identity-name {
  width: 39.28%;
}
.col-sm-2.auth-type {
  width: 22%;
}
.edit-picker-items .selected-items-list,
.form-horizontal .selected-items-list {
  max-height: 450px;
  display: block;
  overflow: auto;
}
.inline-urls-picker .selected-items-list {
  overflow: visible;
}
.ui-sortable:not(.ui-sortable-disabled) tbody .cell-arrow-toggler:hover,
.ui-sortable:not(.ui-sortable-disabled) tbody .cell-name:hover,
.ui-sortable:not(.ui-sortable-disabled) tbody .cell-id:hover {
  cursor: move;
}
.ui-sortable-helper {
  box-shadow: 0 0 0 1px #c6d9e7, 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}
.ui-sortable-helper tr {
  background: #e9f2f8 !important;
}
.row-placeholder td div {
  position: relative;
}
.row-placeholder td div span {
  position: absolute;
  left: 7px;
  top: 7px;
  right: 7px;
  bottom: 7px;
  border: 1px dashed #049fd9;
  background: white;
  border-radius: 2px;
}
body.dragging {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
  -webkit-appearance: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.table > tbody + tbody {
  border: none;
}
.table-intrusion-rules .counter-holder {
  margin: 3px 0 0 20px;
}
.empty-table {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 48px 0 64px 0;
  top: -20px;
  width: 100%;
  position: relative;
  min-height: 1px;
  text-align: center;
  color: #9e9ea2;
  overflow: hidden;
}
.empty-table .general-errors,
.empty-table .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.empty-table header ~ div .general-errors {
  margin-top: 0;
}
.empty-table .message,
.empty-table .create-rule-message {
  margin: 0 0 20px;
}
.empty-table strong {
  font-weight: normal;
  font-size: 18px;
}
.empty-message {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  font-style: italic;
  margin: 20px 0 20px;
}
.table-error-block {
  clear: both;
}
.fullwidth.authpage {
  background: url('/branding/default/images/bg-building.jpg') no-repeat 50% 100%;
  background-size: cover;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.fullwidth.authpage .full-scroll {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  overflow: auto;
}
.fullwidth.authpage .card-aligner {
  display: table;
  height: 100%;
  width: 100%;
}
.fullwidth.authpage .card-aligner .middle-row {
  display: table-row;
}
.fullwidth.authpage .card-aligner .middle-row .middle-cell {
  display: table-cell;
  margin: 0;
  border: 0;
  height: 100%;
  vertical-align: middle;
  text-align: center;
}
.fullwidth.authpage .card-aligner .footer-row {
  display: table-row;
}
.fullwidth.authpage .card-aligner .footer-row .footer-cell {
  vertical-align: bottom;
  height: 80px;
  position: relative;
}
.fullwidth.authpage .container {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 500px;
  height: auto;
  padding: 0;
  z-index: 2;
  display: inline-block;
  text-align: left;
  transition: margin 0.1s ease-in;
}
.fullwidth.authpage .container .general-errors,
.fullwidth.authpage .container .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.fullwidth.authpage .container header ~ div .general-errors {
  margin-top: 0;
}
.fullwidth.authpage header {
  text-align: center;
}
.fullwidth.authpage header .logo {
  width: 100px;
  height: 50px;
  background: url('/branding/default/images/logo.svg');
  background-size: 100px 50px;
  text-indent: -9999px;
  margin: 0 auto 24px;
  display: block;
}
.fullwidth.authpage header h2 {
  font-weight: 200;
  font-size: 24px;
  margin: 0 0 30px;
  text-transform: capitalize;
}
.fullwidth.authpage header h2 .main-title {
  display: block;
  font-size: 36px;
  line-height: 1.4;
}
.fullwidth.authpage header .devicemodel {
  border-top: 1px solid #f0f0f0;
  padding: 24px 0;
}
.fullwidth.authpage .copyright {
  background: white;
  color: #9e9ea2;
  font-size: 12px;
  text-align: center;
  z-index: 2;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px 20px 12px;
}
.fullwidth.authpage .copyright-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
.fullwidth.authpage .copyright-wrapper .public-license {
  margin: 0;
}
.fullwidth.authpage.login .container {
  padding: 80px 100px 120px;
}
@media (min-height: 670px) {
  .fullwidth.authpage.login .container {
    margin-top: -100px;
  }
}
.fullwidth.authpage.login form {
  padding: 0;
}
.fullwidth.authpage.login .support {
  float: right;
  font-size: 12px;
  line-height: 1.5;
}
.fullwidth.authpage.login .support small {
  color: #9e9ea2;
  font-size: 12px;
}
.fullwidth.authpage.login .support span {
  display: block;
}
.fullwidth.authpage.license header {
  border-bottom: 1px solid #f0f0f0;
  padding: 26px 32px;
  text-align: left;
}
.fullwidth.authpage.license header h1 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 6px;
}
.fullwidth.authpage.license header .logo {
  float: right;
  margin: -10px 0;
}
@media (min-height: 690px) {
  .fullwidth.authpage.license .scroll {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    overflow-y: auto;
  }
}
.fullwidth.authpage.license .scroll .content {
  padding: 26px 32px;
}
.fullwidth.authpage.license .clicking {
  font-size: 11px;
  float: left;
  text-align: left;
  width: 44%;
  margin: 5px 0 0 14px;
}
.fullwidth.authpage.license .form-footer {
  border-top: 1px solid #f0f0f0;
  padding: 20px;
  text-align: right;
}
.fullwidth.authpage.error .container {
  padding: 80px 30px 120px;
  text-align: center;
}
@media (min-height: 650px) {
  .fullwidth.authpage.error .container {
    margin-top: -100px;
  }
}
.fullwidth.authpage.error .container h2 {
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
}
.fullwidth.authpage.error .container .error-description {
  margin-bottom: 16px;
}
.profile header {
  border-bottom: 1px solid #f0f0f0;
  padding: 24px 32px 16px;
  text-align: left;
}
.profile header h1 {
  font-size: 24px;
  margin: 0 0 6px;
}
.profile header p {
  margin: 0;
}
.profile form {
  padding: 20px 110px 0;
}
.profile form label {
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.5;
}
.profile .form-footer {
  border-top: 1px solid #f0f0f0;
  padding: 20px;
  text-align: right;
  margin: 30px -110px 0;
}
.profile .container {
  width: 100%;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.profile .container .general-errors,
.profile .container .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.profile .container header ~ div .general-errors {
  margin-top: 0;
}
.onbox-device {
  text-align: center;
}
.onbox-device .icon-device {
  font-size: 96px;
  line-height: 0.9;
  height: 40px;
}
.onbox-device .icon-device:before {
  line-height: 0.1;
}
.onbox-device figcaption {
  text-transform: uppercase;
  font: bold 10px/1 Helvetica, Arial, sans-serif;
  color: #9e9ea2;
}
.diagram-caption {
  text-transform: uppercase;
  font: bold 10px/1 Helvetica, Arial, sans-serif;
  color: #9e9ea2;
}
.diagram-value {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #6ebd4b;
}
.connection-arrow {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #6ebd4b;
  border-left: 2px solid #6ebd4b;
}
.initialsetup #main.container-fluid {
  position: relative;
  height: auto;
  min-height: 100%;
  background-color: white;
  width: 100%;
  max-width: inherit;
  margin: 0;
  padding: 66px 0 100px;
}
.initialsetup #main .container-fluid {
  max-width: 1400px;
  margin: 24px auto;
}
.initialsetup #main .container-fluid:before,
.initialsetup #main .container-fluid:after {
  content: '';
  width: 100%;
  display: block;
  clear: both;
}
.initialsetup.page {
  background: white;
}
.initialsetup .steps h1 {
  margin: 0;
}
.initialsetup.s2s-setup #main.container-fluid {
  padding: 66px 0 0;
}
.initialsetup.s2s-setup #main.container-fluid .general-errors {
  margin: 0;
}
.initialsetup.s2s-setup #main.container-fluid .general-errors + fieldset,
.initialsetup.s2s-setup #main.container-fluid .general-errors + .summary-holder {
  margin-top: 20px;
}
.initialsetup.vpnsetup #main.container-fluid {
  padding: 66px 0 0;
}
.initialsetup.vpnsetup .cs-uploader {
  display: inline;
  margin: 0;
}
.initialsetup.vpnsetup .cs-uploader .cs-upload-filename {
  display: inline;
}
.initialsetup.vpnsetup .cs-uploader .upload-hint {
  display: block;
  line-height: 1.7;
}
.initialsetup.vpnsetup legend {
  border: none;
  margin: 0 0 10px;
}
.initialsetup.vpnsetup .fieldset-title {
  margin: 20px 0 12px 0;
}
.initialsetup,
.page.device-page {
  background-color: white;
  height: auto;
}
.initialsetup #header .main-nav > li.device-link a,
.page.device-page #header .main-nav > li.device-link a {
  border-bottom-width: 3px;
  background: transparent;
  color: #049fd9;
}
.initialsetup #header .main-nav > li.device-link a i.icon-device,
.page.device-page #header .main-nav > li.device-link a i.icon-device {
  opacity: 1;
}
.initialsetup footer,
.page.device-page footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 0;
}
.initialsetup footer .container,
.page.device-page footer .container {
  text-align: center;
}
.initialsetup footer .container > aside,
.page.device-page footer .container > aside,
.initialsetup footer .container div,
.page.device-page footer .container div {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  font-size: 12px;
  color: #58585b;
}
.initialsetup footer .container .descr span,
.page.device-page footer .container .descr span {
  display: inline-block;
  padding: 0 25px;
}
.initialsetup footer .container .descr strong,
.page.device-page footer .container .descr strong {
  display: block;
}
.initialsetup footer .container .copy,
.page.device-page footer .container .copy {
  padding-left: 25px;
  border-left: 1px solid #c6c7ca;
}
.initialsetup footer .container .copy span,
.page.device-page footer .container .copy span {
  color: #323232;
}
.initialsetup footer .container .copy a,
.page.device-page footer .container .copy a {
  color: #323232;
  display: inline-block;
  margin-right: 25px;
}
.initialsetup footer .container .copy a:hover,
.page.device-page footer .container .copy a:hover {
  color: #323232;
}
.initialsetup .floating-buttons .container-fluid,
.page.device-page .floating-buttons .container-fluid {
  padding: 20px 0;
  margin: 0 auto !important;
  border-top: 1px dotted #c6c7ca;
  text-align: center;
}
.initialsetup .floating-buttons .container-fluid .btn-holder,
.page.device-page .floating-buttons .container-fluid .btn-holder {
  position: relative;
  display: inline-block;
  text-align: left;
  color: #58585b;
}
.initialsetup .floating-buttons .container-fluid .btn-holder .loading,
.page.device-page .floating-buttons .container-fluid .btn-holder .loading,
.initialsetup .floating-buttons .container-fluid .btn-holder .skipinitial-link,
.page.device-page .floating-buttons .container-fluid .btn-holder .skipinitial-link {
  margin: 0 0 0 30px;
  position: absolute;
  left: 100%;
  top: 0px;
  max-width: 340px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.initialsetup .floating-buttons .container-fluid .btn-holder .skipinitial-link a,
.page.device-page .floating-buttons .container-fluid .btn-holder .skipinitial-link a {
  margin-left: 0px;
}
.initialsetup .floating-buttons .container-fluid .btn-holder .btn-with-tooltip,
.page.device-page .floating-buttons .container-fluid .btn-holder .btn-with-tooltip {
  display: inline-block;
}
.initialsetup .floating-buttons .row,
.page.device-page .floating-buttons .row {
  margin-bottom: 0 !important;
}
.initialsetup .buttons,
.page.device-page .buttons {
  height: 80px;
}
.initialsetup .buttons.has-allow-clipboard-message,
.page.device-page .buttons.has-allow-clipboard-message {
  height: 120px;
}
.initialsetup .buttons-marker,
.page.device-page .buttons-marker {
  height: 2px;
  width: 100%;
}
.initialsetup.floating-buttons-on .floating-buttons .container-fluid,
.page.device-page.floating-buttons-on .floating-buttons .container-fluid {
  border-top-color: transparent;
}
.initialsetup.floating-buttons-on .floating-buttons .row,
.page.device-page.floating-buttons-on .floating-buttons .row {
  margin-left: -175px;
}
.initialsetup.floating-buttons-on footer,
.page.device-page.floating-buttons-on footer {
  position: relative;
  padding-top: 45px;
}
.initialsetup .device,
.page.device-page .device {
  background-color: #f7f7f7;
}
.initialsetup .steps ul,
.page.device-page .steps ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.initialsetup .steps ul li,
.page.device-page .steps ul li {
  display: table;
  float: left;
  vertical-align: top;
  padding: 0 40px 0 0;
  font-size: 13px;
  width: 24%;
  /*&:not(.active):hover {
        cursor: pointer;

        .number {
          color: @link-color;
          border-color: @link-color;
        }
        .title {
          color: @link-color;
        }
      }*/
}
.initialsetup .steps ul li:last-child,
.page.device-page .steps ul li:last-child {
  padding-right: 0;
}
.initialsetup .steps ul li span,
.page.device-page .steps ul li span {
  display: inline-block;
  vertical-align: middle;
}
.initialsetup .steps ul li .number,
.page.device-page .steps ul li .number {
  display: table-cell;
  color: #9e9ea2;
  font-weight: bold;
  text-align: center;
  width: 33px;
  height: 33px;
  border: 2px solid #c6c7ca;
  line-height: 1;
  margin-right: 10px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.initialsetup .steps ul li .number i,
.page.device-page .steps ul li .number i {
  margin: -3px 0 0;
}
.initialsetup .steps ul li .title,
.page.device-page .steps ul li .title {
  display: table-cell;
  padding-left: 10px;
  line-height: 1.3;
  color: #9e9ea2;
}
.initialsetup .steps ul li.success .number,
.page.device-page .steps ul li.success .number {
  border-color: #6ebd4b;
  color: #6ebd4b;
}
.initialsetup .steps ul li.active .number,
.page.device-page .steps ul li.active .number {
  background-color: #049fd9;
  border-color: #049fd9;
  color: white;
}
.initialsetup .steps ul li.error .number,
.page.device-page .steps ul li.error .number {
  background-color: #cf2030;
  border-color: #cf2030;
  color: white;
}
.initialsetup .steps ul li.error .number,
.page.device-page .steps ul li.error .number,
.initialsetup .steps ul li.error:hover .number,
.page.device-page .steps ul li.error:hover .number {
  background-color: #cf2030;
  border-color: #cf2030;
  color: white;
}
.initialsetup .container-fluid.error,
.page.device-page .container-fluid.error {
  background-color: white;
  margin-bottom: 0 !important;
}
.initialsetup .container-fluid.error .general-errors,
.page.device-page .container-fluid.error .general-errors {
  border-top: 1px dotted #c6c7ca;
  margin-bottom: 0;
}
.initialsetup .container-fluid.error a,
.page.device-page .container-fluid.error a {
  margin: -14px 0 -14px 20px;
}
.initialsetup .container-fluid.error .bg-danger,
.page.device-page .container-fluid.error .bg-danger {
  background: transparent;
  border: none;
  border-top: 1px dotted #c6c7ca;
  border-bottom: 2px solid #cf2030;
  padding: 20px 6px 22px;
  color: #cf2030;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.initialsetup .container-fluid.error .bg-danger p,
.page.device-page .container-fluid.error .bg-danger p {
  position: relative;
  max-width: 600px;
  padding-left: 35px;
  margin-bottom: 0;
  font-weight: bold;
}
.initialsetup .container-fluid.error .bg-danger p .icon-cancel,
.page.device-page .container-fluid.error .bg-danger p .icon-cancel {
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 14px;
}
.initialsetup .container-fluid.error .bg-danger p .icon-cancel:before,
.page.device-page .container-fluid.error .bg-danger p .icon-cancel:before {
  color: #cf2030;
}
.initialsetup .diagram-container,
.page.device-page .diagram-container {
  position: relative;
  top: 90px;
}
.initialsetup .diagram-container .loader,
.page.device-page .diagram-container .loader {
  margin: auto;
}
@media (max-width: 768px) {
  .initialsetup .device [class^="col-"],
  .page.device-page .device [class^="col-"] {
    float: left;
  }
  .initialsetup .device .col-sm-2,
  .page.device-page .device .col-sm-2 {
    width: 16.66666667%;
  }
  .initialsetup .device .col-sm-4,
  .page.device-page .device .col-sm-4 {
    width: 33.33333333%;
  }
  .initialsetup .device .col-sm-6,
  .page.device-page .device .col-sm-6 {
    width: 50%;
  }
}
.initialsetup .device .chart,
.page.device-page .device .chart {
  height: 320px;
}
.initialsetup .device .chart.model-5506w,
.page.device-page .device .chart.model-5506w {
  height: 350px;
}
.initialsetup .device .chart.model-5506w,
.page.device-page .device .chart.model-5506w {
  height: 350px;
}
.initialsetup .device .chart.diagram-collapsed,
.page.device-page .device .chart.diagram-collapsed {
  height: 0;
  overflow: hidden;
}
.initialsetup .device .chart.has-expansion-io,
.page.device-page .device .chart.has-expansion-io {
  width: 1070px;
  margin-left: -50px;
}
.initialsetup .device .chart.has-expansion-io.model-21xx,
.page.device-page .device .chart.has-expansion-io.model-21xx {
  width: 1370px;
  margin-left: 0;
}
.initialsetup .device .chart.has-expansion-io .cloud,
.page.device-page .device .chart.has-expansion-io .cloud {
  left: 35px;
}
.initialsetup .device .chart.has-expansion-io .container,
.page.device-page .device .chart.has-expansion-io .container {
  width: 1100px;
}
.initialsetup .device .chart.dynamic-diagram .cloud,
.page.device-page .device .chart.dynamic-diagram .cloud {
  left: 78px;
}
.initialsetup .device .container,
.page.device-page .device .container {
  width: 950px;
  position: relative;
}
.initialsetup .device .container.kp-device,
.page.device-page .device .container.kp-device {
  width: 1150px;
}
.initialsetup .device .container.kp-device.has-expansion-io,
.page.device-page .device .container.kp-device.has-expansion-io {
  width: 1400px;
  left: 0;
}
.initialsetup .device .container.dynamic-diagram,
.page.device-page .device .container.dynamic-diagram {
  width: 1300px;
}
.initialsetup .device.s2s,
.page.device-page .device.s2s {
  padding: 60px 0 20px;
}
.initialsetup .device.s2s .container,
.page.device-page .device.s2s .container {
  left: auto;
  width: 1100px;
}
.initialsetup .device .ci-device,
.page.device-page .device .ci-device {
  margin: 0 !important;
  left: 8px;
}
.initialsetup .device .ci-device.model-vmware,
.page.device-page .device .ci-device.model-vmware {
  left: -5px;
}
.initialsetup .device .step-number,
.page.device-page .device .step-number {
  position: absolute;
  background-color: #049fd9;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 33px;
  height: 33px;
  line-height: 1;
  padding-top: 11px;
  margin-right: 10px;
  z-index: 2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.initialsetup .device .step-number.step1,
.page.device-page .device .step-number.step1 {
  top: -72px;
  left: 62px;
}
.initialsetup .device .step-number.step2,
.page.device-page .device .step-number.step2 {
  right: -45px;
  top: 50px;
}
.initialsetup .device .step-number.step3,
.page.device-page .device .step-number.step3 {
  right: -45px;
  bottom: 13px;
}
.initialsetup .device .kp-device .step1,
.page.device-page .device .kp-device .step1 {
  top: -92px;
  left: 139px;
}
.initialsetup .device .kp-device .has-expansion-io .step2,
.page.device-page .device .kp-device .has-expansion-io .step2,
.initialsetup .device .kp-device .has-expansion-io .step3,
.page.device-page .device .kp-device .has-expansion-io .step3 {
  right: -10px;
  margin-right: 0;
  border: 3px solid #f7f7f7;
  padding: 8px;
}
.initialsetup .device .kp-device .has-expansion-io .step2,
.page.device-page .device .kp-device .has-expansion-io .step2 {
  top: 36px;
}
.initialsetup .device .kp-device .has-expansion-io .step3,
.page.device-page .device .kp-device .has-expansion-io .step3 {
  top: 84px;
}
.initialsetup .device .kp-device .step2,
.page.device-page .device .kp-device .step2,
.initialsetup .device .kp-device .step3,
.page.device-page .device .kp-device .step3 {
  right: -45px;
}
.initialsetup .device .kp-device .step2,
.page.device-page .device .kp-device .step2 {
  top: 50px;
}
.initialsetup .device .kp-device .step3,
.page.device-page .device .kp-device .step3 {
  bottom: 13px;
}
.initialsetup .device .dynamic-diagram .step-number.step1,
.page.device-page .device .dynamic-diagram .step-number.step1 {
  top: -75px;
  left: 115px;
}
.initialsetup .device .block,
.page.device-page .device .block {
  position: relative;
  display: inline-block;
  width: 130px;
  height: 38px;
  line-height: 38px;
  background-color: #9e9ea2;
  font-size: 12px;
  font-style: normal;
  color: white;
  margin-bottom: 10px;
  text-align: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: default;
}
.initialsetup .device .block span,
.page.device-page .device .block span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.initialsetup .device .block.gateway,
.page.device-page .device .block.gateway {
  margin-top: 47px;
  padding-left: 12px;
}
.initialsetup .device .block.gateway .address,
.page.device-page .device .block.gateway .address {
  display: none;
}
.initialsetup .device .block.gateway .address.connecting,
.page.device-page .device .block.gateway .address.connecting {
  display: block;
  color: #9e9ea2;
}
.initialsetup .device .block.gateway.active .address,
.page.device-page .device .block.gateway.active .address {
  color: #6ebd4b;
  display: block;
}
.initialsetup .device .block.ip-workstation,
.page.device-page .device .block.ip-workstation {
  margin-top: 47px;
}
.initialsetup .device .block.dns-server,
.page.device-page .device .block.dns-server,
.initialsetup .device .block.ntp-server,
.page.device-page .device .block.ntp-server {
  position: relative;
}
.initialsetup .device .block.dns-server .ui-tooltip,
.page.device-page .device .block.dns-server .ui-tooltip,
.initialsetup .device .block.ntp-server .ui-tooltip,
.page.device-page .device .block.ntp-server .ui-tooltip {
  display: none;
  left: 110%;
  top: 50%;
  transform: translate(0, -50%);
  width: 210px;
  line-height: 1.3;
}
.initialsetup .device .block.dns-server .ui-tooltip:before,
.page.device-page .device .block.dns-server .ui-tooltip:before,
.initialsetup .device .block.ntp-server .ui-tooltip:before,
.page.device-page .device .block.ntp-server .ui-tooltip:before {
  left: -6px;
  border-color: transparent rgba(0, 0, 0, 0.7) transparent transparent;
  border-width: 6px;
  margin: 0;
}
.initialsetup .device .block.dns-server:not(.active):hover .ui-tooltip,
.page.device-page .device .block.dns-server:not(.active):hover .ui-tooltip,
.initialsetup .device .block.ntp-server:not(.active):hover .ui-tooltip,
.page.device-page .device .block.ntp-server:not(.active):hover .ui-tooltip {
  display: block;
}
.initialsetup .device .block.dns-server .ui-tooltip:before,
.page.device-page .device .block.dns-server .ui-tooltip:before {
  top: 27px;
}
.initialsetup .device .block.ntp-server .ui-tooltip:before,
.page.device-page .device .block.ntp-server .ui-tooltip:before {
  top: 40px;
}
.initialsetup .device .block.active,
.page.device-page .device .block.active {
  background-color: #6ebd4b;
}
.initialsetup .device .block.unlicensed,
.page.device-page .device .block.unlicensed {
  background: #ffcc00;
}
.initialsetup .device .block.issue-state,
.page.device-page .device .block.issue-state {
  background: #ffcc00;
}
.initialsetup .device .block.registered-state,
.page.device-page .device .block.registered-state {
  background: #6ebd4b;
}
.initialsetup .device .block.unregistered-state,
.page.device-page .device .block.unregistered-state {
  background: #9e9ea2;
}
.initialsetup .device .block i,
.page.device-page .device .block i {
  margin: 4px 5px -2px 10px;
}
.initialsetup .device .block i.icon-brand-logo,
.page.device-page .device .block i.icon-brand-logo {
  width: 24px;
  height: 24px;
  display: inline-block;
}
.initialsetup .device .block i.icon-workstation,
.page.device-page .device .block i.icon-workstation {
  font-size: 19px;
}
.initialsetup .device .block.not-used,
.page.device-page .device .block.not-used {
  font-style: italic;
  color: #9e9ea2;
  border: 1px solid #D5D5D5;
  background-color: #f0f0f0;
}
.initialsetup .device .block.not-used .icon-circle,
.page.device-page .device .block.not-used .icon-circle {
  background: #9e9ea2;
}
.initialsetup .device .cloud,
.page.device-page .device .cloud {
  position: absolute;
  left: 15px;
  top: -38px;
  height: 38px;
  line-height: 38px;
  width: 130px;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  background-color: #f7f7f7;
  color: #9e9ea2;
  font-weight: bold;
  padding-left: 38px;
  text-align: left;
  z-index: 2;
  cursor: default;
}
.initialsetup .device .cloud.active,
.page.device-page .device .cloud.active {
  color: #6ebd4b;
}
.initialsetup .device .cloud.active .icon-checkmark-thin,
.page.device-page .device .cloud.active .icon-checkmark-thin {
  display: block;
  position: absolute;
  top: -2px;
  left: 14px;
  font-size: 10px;
  color: white;
}
.initialsetup .device .cloud .icon-cloud,
.page.device-page .device .cloud .icon-cloud {
  position: absolute;
  top: 2px;
  left: 0;
  width: 38px;
}
.initialsetup .device .cloud .icon-cloud:before,
.page.device-page .device .cloud .icon-cloud:before {
  font-size: 22px;
}
.initialsetup .device .cloud .icon-checkmark-thin,
.page.device-page .device .cloud .icon-checkmark-thin {
  display: none;
}
.initialsetup .device .model-21xx .gateway,
.page.device-page .device .model-21xx .gateway {
  right: -22px;
  margin-top: 48px;
}
.initialsetup .device .model-21xx .cloud,
.page.device-page .device .model-21xx .cloud {
  right: 0;
  left: auto;
}
.initialsetup .device .model-21xx.has-expansion-io .cloud,
.page.device-page .device .model-21xx.has-expansion-io .cloud {
  right: 5px;
  left: auto;
}
.initialsetup .device .model-21xx.has-expansion-io .gateway,
.page.device-page .device .model-21xx.has-expansion-io .gateway {
  right: -33px;
}
.initialsetup .device .address,
.page.device-page .device .address {
  position: absolute;
  top: -25px;
  left: 0;
  width: 100%;
  height: 25px;
  line-height: 25px;
  text-align: center;
  font-weight: normal;
  color: #6ebd4b;
  background-color: #f7f7f7;
  z-index: 2;
  letter-spacing: 0.06em;
}
.initialsetup .device .address.ipv4.hasIpv6Gateway,
.page.device-page .device .address.ipv4.hasIpv6Gateway {
  top: -42px;
}
.initialsetup .device .address.ipv6,
.page.device-page .device .address.ipv6 {
  width: 300px;
  left: -90px;
}
.initialsetup .device.vpn,
.page.device-page .device.vpn {
  padding: 50px 0 100px;
}
.initialsetup .device.vpn .container,
.page.device-page .device.vpn .container {
  width: 1170px;
  left: 0;
}
.initialsetup .device.vpn .block,
.page.device-page .device.vpn .block {
  width: auto;
  padding-left: 2px;
  padding-right: 10px;
  box-shadow: 0 0 0 10px #f7f7f7;
}
.initialsetup .device.vpn .step-point,
.page.device-page .device.vpn .step-point {
  position: absolute;
  background-color: #049fd9;
  border: 2px solid #f7f7f7;
  color: white;
  font-weight: bold;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 1;
  z-index: 3;
  display: none;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.initialsetup .device.vpn .step-point.active,
.page.device-page .device.vpn .step-point.active {
  display: block;
}
.initialsetup .device.vpn .step-point.step1,
.page.device-page .device.vpn .step-point.step1 {
  left: -20px;
  top: 11px;
}
.initialsetup .device.vpn .step-point.step2,
.page.device-page .device.vpn .step-point.step2 {
  left: -25px;
  top: 11px;
}
.initialsetup .device.vpn .step-point.step3,
.page.device-page .device.vpn .step-point.step3 {
  top: 11px;
  left: -22px;
}
.initialsetup .device.vpn .step-point.step3-i-out,
.page.device-page .device.vpn .step-point.step3-i-out {
  top: -2px;
  left: 50px;
}
.initialsetup .device.vpn .step-point.step3-i-in,
.page.device-page .device.vpn .step-point.step3-i-in {
  top: -2px;
  left: 192px;
}
.initialsetup .device.vpn .step-point.step3-right,
.page.device-page .device.vpn .step-point.step3-right {
  right: 75px;
  top: 11px;
}
.initialsetup .device.vpn .step-point.finish,
.page.device-page .device.vpn .step-point.finish {
  width: 25px;
  height: 25px;
  top: 5px;
  left: 105%;
}
.initialsetup .device.vpn .step-point.finish:before,
.page.device-page .device.vpn .step-point.finish:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 22px;
}
.initialsetup .device.vpn .ip,
.page.device-page .device.vpn .ip {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #6ebd4b;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: inline-block;
  width: 120px;
  text-transform: none;
}
.initialsetup .device.vpn .ip.error,
.page.device-page .device.vpn .ip.error {
  color: #cf2030;
}
.initialsetup .device.vpn .cloud,
.page.device-page .device.vpn .cloud {
  height: auto;
  line-height: 12px;
  width: auto;
  padding: 0 10px;
  text-align: center;
  float: left;
  position: relative;
  top: -5px;
  left: 0;
  background: #f7f7f7;
  margin: 0 0 0 28px;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #6ebd4b;
}
.initialsetup .device.vpn .cloud .icon-cloud,
.page.device-page .device.vpn .cloud .icon-cloud {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 0;
}
.initialsetup .device.vpn .cloud .icon-cloud .icon-checkmark-thin,
.page.device-page .device.vpn .cloud .icon-cloud .icon-checkmark-thin {
  top: 7px;
}
.initialsetup .device.vpn .connections,
.page.device-page .device.vpn .connections {
  position: relative;
}
.initialsetup .device.vpn .connections .connection,
.page.device-page .device.vpn .connections .connection {
  width: 50%;
  float: left;
  position: relative;
}
.initialsetup .device.vpn .connections .connection:before,
.page.device-page .device.vpn .connections .connection:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  border-top: 2px dotted #9e9ea2;
}
.initialsetup .device.vpn .connections .connection.active:before,
.page.device-page .device.vpn .connections .connection.active:before {
  border-top: 2px solid #6ebd4b;
}
.initialsetup .device.vpn .connections .interface,
.page.device-page .device.vpn .connections .interface {
  background: #f7f7f7;
  padding: 10px;
  position: relative;
  z-index: 4;
  top: -5px;
}
.initialsetup .device.vpn .connections .interface strong,
.page.device-page .device.vpn .connections .interface strong {
  text-transform: uppercase;
  font: bold 10px/1 Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  display: block;
}
.initialsetup .device.vpn .connections .interface.active.inside,
.page.device-page .device.vpn .connections .interface.active.inside {
  cursor: pointer;
}
.initialsetup .device.vpn .connections .interface.active strong,
.page.device-page .device.vpn .connections .interface.active strong {
  color: #6ebd4b;
}
.initialsetup .device.vpn .connections .interface.error strong,
.page.device-page .device.vpn .connections .interface.error strong {
  color: #cf2030;
}
.initialsetup .device.vpn .connections .remote-device,
.page.device-page .device.vpn .connections .remote-device {
  width: 37%;
}
.initialsetup .device.vpn .connections .remote-device .interface,
.page.device-page .device.vpn .connections .remote-device .interface {
  float: right;
  text-align: right;
  margin-right: 50px;
  border-radius: 20px;
}
.initialsetup .device.vpn .connections .remote-device .remote,
.page.device-page .device.vpn .connections .remote-device .remote {
  float: left;
}
.initialsetup .device.vpn .connections .remote-device .remote .block,
.page.device-page .device.vpn .connections .remote-device .remote .block {
  display: block;
}
.initialsetup .device.vpn .connections .remote-device .remote .block.double-block-first,
.page.device-page .device.vpn .connections .remote-device .remote .block.double-block-first {
  display: inline-block;
  border-radius: 4px 0 0 4px;
}
.initialsetup .device.vpn .connections .remote-device .remote .block.double-block-second,
.page.device-page .device.vpn .connections .remote-device .remote .block.double-block-second {
  display: inline-block;
  margin-left: -2px;
  border-radius: 0 4px 4px 0;
  box-shadow: 10px 0 0 0 #f7f7f7;
}
.initialsetup .device.vpn .connections .remote-device .remote .os,
.page.device-page .device.vpn .connections .remote-device .remote .os {
  margin-left: 130px;
}
.initialsetup .device.vpn .connections .remote-device .remote .os i,
.page.device-page .device.vpn .connections .remote-device .remote .os i {
  margin: 0 5px;
  vertical-align: middle;
}
.initialsetup .device.vpn .connections .remote-device .remote-internet,
.page.device-page .device.vpn .connections .remote-device .remote-internet {
  position: relative;
  float: left;
}
.initialsetup .device.vpn .connections .remote-device .remote-internet:before,
.page.device-page .device.vpn .connections .remote-device .remote-internet:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  right: 0;
  border-top: 2px solid #6ebd4b;
}
.initialsetup .device.vpn .connections .client-certificate,
.page.device-page .device.vpn .connections .client-certificate {
  width: 25%;
  float: left;
}
.initialsetup .device.vpn .connections .client-certificate .interface,
.page.device-page .device.vpn .connections .client-certificate .interface {
  float: right;
  margin-right: 48px;
}
.initialsetup .device.vpn .connections .client-certificate .icon-circle,
.page.device-page .device.vpn .connections .client-certificate .icon-circle {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  margin: 0 8px;
  background: #fff;
}
.initialsetup .device.vpn .connections .client-certificate .not-used .icon-circle,
.page.device-page .device.vpn .connections .client-certificate .not-used .icon-circle {
  background: #9e9ea2;
}
.initialsetup .device.vpn .connections .device-corporate,
.page.device-page .device.vpn .connections .device-corporate {
  width: 35%;
  display: flex;
  justify-content: flex-end;
}
.initialsetup .device.vpn .connections .device-corporate .interface,
.page.device-page .device.vpn .connections .device-corporate .interface {
  float: left;
  margin-left: 48px;
  text-align: right;
}
.initialsetup .device.vpn .connections .device-corporate .interface.inside,
.page.device-page .device.vpn .connections .device-corporate .interface.inside {
  text-align: left;
}
.initialsetup .device.vpn .connections .device-corporate .block,
.page.device-page .device.vpn .connections .device-corporate .block {
  float: right;
}
.initialsetup .device.vpn .connections .device-corporate .block.active:before,
.page.device-page .device.vpn .connections .device-corporate .block.active:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #6ebd4b;
  border-left: 2px solid #6ebd4b;
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -19px;
  top: 14px;
}
.initialsetup .device.vpn .connections .device-connect,
.page.device-page .device.vpn .connections .device-connect {
  position: absolute;
  top: -15px;
  left: 63%;
  transform: translateX(-50%);
  background: #f7f7f7;
  z-index: 4;
  text-align: center;
}
.initialsetup .device.vpn .connections .device-connect .device-holder,
.page.device-page .device.vpn .connections .device-connect .device-holder {
  position: relative;
}
.initialsetup .device.vpn .connections .device-connect .device-holder .interface,
.page.device-page .device.vpn .connections .device-connect .device-holder .interface {
  width: 80px;
  display: inline-block;
  padding: 10px 0 20px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.initialsetup .device.vpn .connections .device-connect .device-holder .interface.inside,
.page.device-page .device.vpn .connections .device-connect .device-holder .interface.inside {
  text-align: left;
}
.initialsetup .device.vpn .connections .device-connect .device-holder .interface.outside,
.page.device-page .device.vpn .connections .device-connect .device-holder .interface.outside {
  text-align: right;
}
.initialsetup .device.vpn .connections .device-connect .device-holder .onbox-device,
.page.device-page .device.vpn .connections .device-connect .device-holder .onbox-device {
  display: inline-block;
  vertical-align: middle;
}
.initialsetup .device.vpn .connections .device-connect .icon-device,
.page.device-page .device.vpn .connections .device-connect .icon-device {
  color: #9e9ea2;
}
.initialsetup .device.vpn .connections .device-connect .device-realm-connect,
.page.device-page .device.vpn .connections .device-connect .device-realm-connect {
  margin: 10px auto;
  height: 26px;
  width: 1px;
  border-left: 2px dotted #9e9ea2;
  position: relative;
  z-index: 2;
}
.initialsetup .device.vpn .connections .device-connect .device-realm-connect.active,
.page.device-page .device.vpn .connections .device-connect .device-realm-connect.active {
  border-color: #6ebd4b;
}
.initialsetup .device.vpn .connections .device-connect .realm,
.page.device-page .device.vpn .connections .device-connect .realm {
  position: relative;
  display: inline-block;
  text-align: center;
}
.initialsetup .device.vpn .connections .device-connect .realm .selected-one,
.page.device-page .device.vpn .connections .device-connect .realm .selected-one {
  display: block;
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: #6ebd4b;
}
.initialsetup .wizard-form,
.page.device-page .wizard-form {
  width: 660px;
  margin: 0 auto;
}
.initialsetup .wizard-form h2,
.page.device-page .wizard-form h2 {
  font-size: 24px;
  font-weight: 200;
  color: #323232;
  margin: 0 0 10px;
  text-align: center;
}
.initialsetup .wizard-form h2 + p,
.page.device-page .wizard-form h2 + p {
  color: #9e9ea2;
  margin: 0 0 20px;
  text-align: center;
}
.initialsetup .wizard-form h4,
.page.device-page .wizard-form h4 {
  margin: 0 0 20px;
}
.initialsetup .wizard-form > p,
.page.device-page .wizard-form > p {
  color: #58585b;
  margin: 0 0 20px;
  text-align: center;
}
.initialsetup .wizard-form .default-rules,
.page.device-page .wizard-form .default-rules {
  border-top: 1px dotted #c6c7ca;
  border-bottom: 1px dotted #c6c7ca;
  margin: 0 15px;
}
@media (min-width: 768px) {
  .initialsetup .wizard-form .default-rules,
  .page.device-page .wizard-form .default-rules {
    margin: 0 11%;
  }
}
.initialsetup .wizard-form .default-rules .col-sm-6,
.page.device-page .wizard-form .default-rules .col-sm-6 {
  padding: 16px 15px 8px 0;
}
.initialsetup .wizard-form .default-rules .text-muted,
.page.device-page .wizard-form .default-rules .text-muted {
  opacity: 0.7;
}
.initialsetup .wizard-form form,
.page.device-page .wizard-form form {
  margin-top: 40px;
}
.initialsetup .wizard-form form fieldset,
.page.device-page .wizard-form form fieldset {
  margin-bottom: 20px;
}
.initialsetup .wizard-form form fieldset .label,
.page.device-page .wizard-form form fieldset .label {
  font-weight: normal;
  color: #58585b;
}
.initialsetup .wizard-form form .label-group,
.page.device-page .wizard-form form .label-group {
  margin-bottom: 20px;
}
.initialsetup .wizard-form form .radio-wrapp label,
.page.device-page .wizard-form form .radio-wrapp label,
.initialsetup .wizard-form form .radio-wrapp .label,
.page.device-page .wizard-form form .radio-wrapp .label {
  position: static;
}
.initialsetup .wizard-form form .radio-wrapp label .link-external,
.page.device-page .wizard-form form .radio-wrapp label .link-external,
.initialsetup .wizard-form form .radio-wrapp .label .link-external,
.page.device-page .wizard-form form .radio-wrapp .label .link-external {
  font-weight: normal;
}
.initialsetup .wizard-form form.collapsible-form .radio-item,
.page.device-page .wizard-form form.collapsible-form .radio-item {
  margin-top: 24px;
}
.initialsetup .wizard-form form label,
.page.device-page .wizard-form form label,
.initialsetup .wizard-form form .label,
.page.device-page .wizard-form form .label {
  position: relative;
}
.initialsetup .wizard-form form label.label-no-wrap,
.page.device-page .wizard-form form label.label-no-wrap,
.initialsetup .wizard-form form .label.label-no-wrap,
.page.device-page .wizard-form form .label.label-no-wrap {
  white-space: nowrap;
}
.initialsetup .wizard-form form .label,
.page.device-page .wizard-form form .label {
  padding: 0;
}
.initialsetup .wizard-form form .checkbox ~ label,
.page.device-page .wizard-form form .checkbox ~ label,
.initialsetup .wizard-form form .checkbox.label,
.page.device-page .wizard-form form .checkbox.label {
  line-height: 20px;
  margin-top: 8px;
  margin-left: 17px;
}
.initialsetup .wizard-form form textarea,
.page.device-page .wizard-form form textarea {
  margin-bottom: 10px;
}
.initialsetup .wizard-form form .alert.alert-danger,
.page.device-page .wizard-form form .alert.alert-danger {
  padding: 0;
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
}
.initialsetup .wizard-form form hr,
.page.device-page .wizard-form form hr {
  border-top: 1px dotted #c6c7ca;
  border-top-color: #e5e5e5;
}
.initialsetup .wizard-form form fieldset + hr,
.page.device-page .wizard-form form fieldset + hr {
  border-top-color: #e5e5e5;
  margin: -5px 0 39px;
}
.initialsetup .wizard-form form .evaluation-notice,
.page.device-page .wizard-form form .evaluation-notice {
  padding-left: 54px;
}
.initialsetup .wizard-form form .opendns-row,
.page.device-page .wizard-form form .opendns-row {
  margin-bottom: 0;
}
.initialsetup .wizard-form form .opendns-row .opendns,
.page.device-page .wizard-form form .opendns-row .opendns {
  top: -21px;
}
.initialsetup .wizard-form form .netmask-row,
.page.device-page .wizard-form form .netmask-row {
  margin-top: 10px;
}
.initialsetup .wizard-form form .data,
.page.device-page .wizard-form form .data {
  display: inline-block;
  position: static;
  opacity: 1;
}
.initialsetup .wizard-form form .btn + .btn,
.page.device-page .wizard-form form .btn + .btn {
  margin-left: 25px;
}
.initialsetup .wizard-form form div.inline + .form-control,
.page.device-page .wizard-form form div.inline + .form-control {
  margin-top: 10px;
}
.initialsetup .wizard-form form .skipinitial-link .help-link,
.page.device-page .wizard-form form .skipinitial-link .help-link {
  margin-left: 10px;
}
.initialsetup .wizard-form .info-banner,
.page.device-page .wizard-form .info-banner {
  margin-bottom: 12px;
}
.initialsetup .wizard-form .info-banner span,
.page.device-page .wizard-form .info-banner span,
.initialsetup .wizard-form .info-banner strong,
.page.device-page .wizard-form .info-banner strong {
  position: relative;
  top: 1px;
}
.initialsetup .wizard-form .horiz-divider-wedge,
.page.device-page .wizard-form .horiz-divider-wedge {
  border-top: 1px solid #e5e5e5;
  position: relative;
  background: white;
  margin: 24px 0;
  line-height: 1.6;
}
.initialsetup .wizard-form .horiz-divider-wedge:before,
.page.device-page .wizard-form .horiz-divider-wedge:before,
.initialsetup .wizard-form .horiz-divider-wedge:after,
.page.device-page .wizard-form .horiz-divider-wedge:after {
  content: '';
  position: absolute;
  top: -10px;
  left: 24px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 11px 11px 11px;
  border-color: transparent transparent white transparent;
}
.initialsetup .wizard-form .horiz-divider-wedge:before,
.page.device-page .wizard-form .horiz-divider-wedge:before {
  top: -11px;
  left: 24px;
  border-width: 0 11px 11px 11px;
  border-bottom-color: #e5e5e5;
}
.initialsetup .wizard-form .form-group.radio-button-group,
.page.device-page .wizard-form .form-group.radio-button-group {
  margin-top: 0;
}
.initialsetup .wizard-form .form-group,
.page.device-page .wizard-form .form-group,
.initialsetup .wizard-form .row,
.page.device-page .wizard-form .row {
  position: relative;
}
.initialsetup .wizard-form .form-group .col-sm-6 .onoffswitch ~ .help-link,
.page.device-page .wizard-form .form-group .col-sm-6 .onoffswitch ~ .help-link,
.initialsetup .wizard-form .row .col-sm-6 .onoffswitch ~ .help-link,
.page.device-page .wizard-form .row .col-sm-6 .onoffswitch ~ .help-link {
  position: relative;
  left: 10px;
  top: 3px;
}
.initialsetup .wizard-form .form-group.fieldset-title label,
.page.device-page .wizard-form .form-group.fieldset-title label,
.initialsetup .wizard-form .row.fieldset-title label,
.page.device-page .wizard-form .row.fieldset-title label {
  font-weight: 700;
  color: #58585b;
}
.initialsetup .wizard-form .package-uploaders-dropdown,
.page.device-page .wizard-form .package-uploaders-dropdown {
  margin-bottom: 10px;
}
.initialsetup .wizard-form .chosen-file-name,
.page.device-page .wizard-form .chosen-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  display: inline-block;
  max-width: 200px;
  height: 13px;
  margin-bottom: -3px;
}
.initialsetup .wizard-form .package-uploaders-group .list,
.page.device-page .wizard-form .package-uploaders-group .list,
.initialsetup .wizard-form .package-uploaders-group .list-item,
.page.device-page .wizard-form .package-uploaders-group .list-item {
  margin-bottom: 0;
}
.initialsetup .wizard-form .package-uploaders-group .help-block,
.page.device-page .wizard-form .package-uploaders-group .help-block {
  color: #cf2030;
}
.initialsetup .wizard-form .package-uploaders-group .help-block .general-errors,
.page.device-page .wizard-form .package-uploaders-group .help-block .general-errors {
  margin: 0;
  margin-bottom: -11px;
  border-bottom: none;
}
.initialsetup .wizard-form .package-uploaders-group .help-block .general-errors .alert-danger,
.page.device-page .wizard-form .package-uploaders-group .help-block .general-errors .alert-danger {
  padding: 0 10px 8px 15px !important;
}
.initialsetup .wizard-form .package-uploaders-group .help-block .icon-cancel,
.page.device-page .wizard-form .package-uploaders-group .help-block .icon-cancel {
  top: -1px;
  left: 3px;
}
.initialsetup .wizard-form .package-uploaders-group .help-block .icon-cancel:before,
.page.device-page .wizard-form .package-uploaders-group .help-block .icon-cancel:before {
  content: '\2022';
}
.initialsetup .wizard-form .dns-heading,
.page.device-page .wizard-form .dns-heading {
  border-top: 1px dotted #c6c7ca;
  margin: 36px 0 24px;
  padding: 30px 0 0;
}
.initialsetup .wizard-form .dns-heading h4,
.page.device-page .wizard-form .dns-heading h4 {
  margin: 0 0 32px;
}
.initialsetup .wizard-form .dns-heading h5,
.page.device-page .wizard-form .dns-heading h5 {
  margin: 0 0 -2px;
  font-weight: 700;
  color: #58585b;
}
.initialsetup .wizard-form .submit-wrap,
.page.device-page .wizard-form .submit-wrap {
  margin: 25px 0 50px;
}
.initialsetup .wizard-form.s2s-vpn,
.page.device-page .wizard-form.s2s-vpn {
  width: 910px;
}
.initialsetup .wizard-form.s2s-vpn.step3,
.page.device-page .wizard-form.s2s-vpn.step3 {
  width: 1000px;
}
.initialsetup .wizard-form.s2s-vpn.step3 form.col-sm-12,
.page.device-page .wizard-form.s2s-vpn.step3 form.col-sm-12 {
  width: 1000px;
}
.initialsetup .wizard-form.s2s-vpn.step3 .allow-clipboard-access-message,
.page.device-page .wizard-form.s2s-vpn.step3 .allow-clipboard-access-message {
  max-width: 870px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  text-align: left;
  color: #9e9ea2;
}
.initialsetup .wizard-form.s2s-vpn.step3 .allow-clipboard-access-message .allow-clipboard-access-icon,
.page.device-page .wizard-form.s2s-vpn.step3 .allow-clipboard-access-message .allow-clipboard-access-icon {
  margin: 0 10px -5px;
}
.initialsetup .wizard-form.s2s-vpn.step3 .allow-clipboard-access-message .allow-clipboard-access-text,
.page.device-page .wizard-form.s2s-vpn.step3 .allow-clipboard-access-message .allow-clipboard-access-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
}
.initialsetup .wizard-form.s2s-vpn.step2 .selection-item .icon-info-1,
.page.device-page .wizard-form.s2s-vpn.step2 .selection-item .icon-info-1 {
  margin-left: 5px;
}
.initialsetup .wizard-form.s2s-vpn .alert.alert-danger,
.page.device-page .wizard-form.s2s-vpn .alert.alert-danger {
  padding: 15px 15px 15px 30px;
  margin: 0;
}
.initialsetup .wizard-form.vpn.step4,
.page.device-page .wizard-form.vpn.step4 {
  width: 1000px;
}
.initialsetup .wizard-form.vpn.step4 .block-info h2 a,
.page.device-page .wizard-form.vpn.step4 .block-info h2 a {
  text-decoration: none;
  color: #58585b;
}
.initialsetup .wizard-form.vpn.step4 .block-info .icon-chevron-down,
.page.device-page .wizard-form.vpn.step4 .block-info .icon-chevron-down,
.initialsetup .wizard-form.vpn.step4 .block-info .icon-chevron-up,
.page.device-page .wizard-form.vpn.step4 .block-info .icon-chevron-up {
  font-size: 9px;
}
.initialsetup .wizard-form.vpn.step4 .block-info + .block-info,
.page.device-page .wizard-form.vpn.step4 .block-info + .block-info {
  border-top: 1px dotted #c6c7ca;
  padding-top: 25px;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder h4,
.page.device-page .wizard-form.vpn.step4 .summary-holder h4 {
  font-size: 14px;
  padding: 0 0 0 30px;
  background: white;
  display: inline-block;
  position: relative;
  margin-bottom: 0;
  top: -27px;
  padding-right: 18px;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder .key,
.page.device-page .wizard-form.vpn.step4 .summary-holder .key {
  width: 305px;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder .value,
.page.device-page .wizard-form.vpn.step4 .summary-holder .value {
  margin: 0 0 0 350px;
  word-break: break-all;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder .value > .icon,
.page.device-page .wizard-form.vpn.step4 .summary-holder .value > .icon,
.initialsetup .wizard-form.vpn.step4 .summary-holder .value li > .icon,
.page.device-page .wizard-form.vpn.step4 .summary-holder .value li > .icon {
  margin-left: -22px;
  margin-right: -3px;
  color: #9e9ea2;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder .value li,
.page.device-page .wizard-form.vpn.step4 .summary-holder .value li {
  position: relative;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder .value strong,
.page.device-page .wizard-form.vpn.step4 .summary-holder .value strong {
  color: #58585b;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder section.expandable .key,
.page.device-page .wizard-form.vpn.step4 .summary-holder section.expandable .key {
  width: 285px;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder section.expandable .value,
.page.device-page .wizard-form.vpn.step4 .summary-holder section.expandable .value {
  margin-left: 319px;
}
.initialsetup .wizard-form.vpn.step4 .summary-holder .card article:nth-child(1) header,
.page.device-page .wizard-form.vpn.step4 .summary-holder .card article:nth-child(1) header {
  margin-top: 0;
}
.initialsetup .wizard-form.vpn.step4 .instructions textarea,
.page.device-page .wizard-form.vpn.step4 .instructions textarea {
  padding: 50px;
}
.initialsetup .wizard-form.vpn .general-errors .alert.alert-danger,
.page.device-page .wizard-form.vpn .general-errors .alert.alert-danger {
  padding: 15px 15px 15px 30px;
  margin: 0;
}
.initialsetup .wrapp-arrows,
.page.device-page .wrapp-arrows {
  /*General styles for connections between device and other objects on Diagram*/
  position: relative;
  left: -15px;
  width: 950px;
  /*------------------------------------------------Specific cases for Workstation connection*/
  /* ------------------------------------------------ Is No Outside Connection state general styles */
  /*------------------------------------------------ Specific cases for No Outside Connection state*/
  /*------------------------------------------------ Is No Inside Connection state general styles*/
  /*------------------------------------------------ Specific cases for No Inside Connection state*/
  /*------------------------------------------------ Specific cases for Route Inside and Route Outside*/
  /*------------------------------------------------ End of styles for Connections with Device*/
}
.initialsetup .wrapp-arrows .loading,
.page.device-page .wrapp-arrows .loading {
  position: absolute;
  top: 155px;
  right: 270px;
  color: #9e9ea2;
}
.initialsetup .wrapp-arrows .loading:before,
.page.device-page .wrapp-arrows .loading:before {
  background: url('/branding/default/images/ajax-loader.gif') 50% 50% no-repeat;
  margin: -3px 0 8px 6px;
}
.initialsetup .wrapp-arrows.has-expansion-io .loading,
.page.device-page .wrapp-arrows.has-expansion-io .loading {
  right: 136px;
  font-size: 11px;
}
.initialsetup .wrapp-arrows.model-5506w .loading,
.page.device-page .wrapp-arrows.model-5506w .loading {
  top: 185px;
}
.initialsetup .wrapp-arrows .help-link,
.page.device-page .wrapp-arrows .help-link {
  text-decoration: none;
}
.initialsetup .wrapp-arrows .route-management,
.page.device-page .wrapp-arrows .route-management {
  position: absolute;
  top: -60px;
  height: 77px;
  left: 87px;
  width: 475px;
  border: 2px solid #6ebd4b;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
.initialsetup .wrapp-arrows .route-management span,
.page.device-page .wrapp-arrows .route-management span {
  position: absolute;
  height: 15px;
}
.initialsetup .wrapp-arrows .route-management span:nth-child(1),
.page.device-page .wrapp-arrows .route-management span:nth-child(1) {
  top: 74px;
  left: -2px;
  width: 0;
  height: 14px;
  border-left: 2px solid #6ebd4b;
  -webkit-border-radius: 0 15px 0 0;
  -moz-border-radius: 0 15px 0 0;
  border-radius: 0 15px 0 0;
}
.initialsetup .wrapp-arrows.has-expansion-io .port-number-holder,
.page.device-page .wrapp-arrows.has-expansion-io .port-number-holder {
  top: 37px;
}
.initialsetup .wrapp-arrows .port-number-holder,
.page.device-page .wrapp-arrows .port-number-holder {
  position: absolute;
  right: -108px;
  top: 17px;
  width: 216px;
  height: 28px;
  display: block;
  text-align: center;
}
.initialsetup .wrapp-arrows .port-number-holder .port-number,
.page.device-page .wrapp-arrows .port-number-holder .port-number {
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  text-align: center;
  background: #6ebd4b;
  display: inline-block;
  padding: 0 5px;
  height: 28px;
  line-height: 24px;
  font-size: 12px;
  color: white;
  text-decoration: none;
  border: 3px solid #f7f7f7;
  cursor: default;
}
.initialsetup .wrapp-arrows .port-number-holder .port-number:hover .ui-tooltip,
.page.device-page .wrapp-arrows .port-number-holder .port-number:hover .ui-tooltip {
  display: block;
}
.initialsetup .wrapp-arrows .port-number-holder .ui-tooltip,
.page.device-page .wrapp-arrows .port-number-holder .ui-tooltip {
  width: 340px;
  max-width: 340px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 100%;
  margin: 0 0 6px;
  top: auto;
  display: none;
  text-align: center;
}
.initialsetup .wrapp-arrows .port-number-holder .ui-tooltip.bottom,
.page.device-page .wrapp-arrows .port-number-holder .ui-tooltip.bottom {
  top: 100%;
  bottom: auto;
  margin: 6px 0 0;
}
.initialsetup .wrapp-arrows .port-number-holder .ui-tooltip.disconnected,
.page.device-page .wrapp-arrows .port-number-holder .ui-tooltip.disconnected {
  width: 180px;
}
.initialsetup .wrapp-arrows.has-expansion-io .route-gateway,
.page.device-page .wrapp-arrows.has-expansion-io .route-gateway {
  right: 124px;
  width: 200px;
}
.initialsetup .wrapp-arrows.has-expansion-io .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.has-expansion-io .route-inside.inside-in-expansion-io {
  box-shadow: 3px 0px 0px 0px #f7f7f7, inset -3px 0px 0px 0px #f7f7f7;
}
.initialsetup .wrapp-arrows.model-5525 .route-gateway.outside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5525 .route-gateway.outside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5545 .route-gateway.outside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5545 .route-gateway.outside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5555 .route-gateway.outside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5555 .route-gateway.outside-in-expansion-io {
  width: 485px;
}
.initialsetup .wrapp-arrows .route-gateway,
.page.device-page .wrapp-arrows .route-gateway {
  position: absolute;
  top: 150px;
  width: 257px;
  right: 240px;
  height: 46px;
  border: 2px dotted #9e9ea2;
  border-width: 0 2px 2px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}
.initialsetup .wrapp-arrows .route-gateway .warning-holder,
.page.device-page .wrapp-arrows .route-gateway .warning-holder {
  display: none;
  float: right;
  margin-right: 70px;
}
.initialsetup .wrapp-arrows .route-gateway .address,
.page.device-page .wrapp-arrows .route-gateway .address {
  top: 33px;
  left: -60px;
}
.initialsetup .wrapp-arrows .route-gateway .address.ipv6,
.page.device-page .wrapp-arrows .route-gateway .address.ipv6 {
  left: -180px;
}
.initialsetup .wrapp-arrows .route-gateway.outside-in-expansion-io,
.page.device-page .wrapp-arrows .route-gateway.outside-in-expansion-io {
  width: 470px;
}
.initialsetup .wrapp-arrows .route-gateway:before,
.page.device-page .wrapp-arrows .route-gateway:before {
  content: '';
  position: absolute;
  right: -2px;
  width: 0;
  height: 54px;
  top: -54px;
  border: 2px dotted #9e9ea2;
  border-width: 0 2px 0 0;
}
.initialsetup .wrapp-arrows .route-gateway:after,
.page.device-page .wrapp-arrows .route-gateway:after {
  content: '';
  position: absolute;
  border-style: dotted;
  border-width: 0;
}
.initialsetup .wrapp-arrows .route-gateway.success,
.page.device-page .wrapp-arrows .route-gateway.success {
  border-color: #6ebd4b;
  border-style: solid;
}
.initialsetup .wrapp-arrows .route-gateway.success:before,
.page.device-page .wrapp-arrows .route-gateway.success:before {
  border-width: 0 2px 2px 0;
  border-style: solid;
  border-color: #6ebd4b;
}
.initialsetup .wrapp-arrows .route-gateway.success:after,
.page.device-page .wrapp-arrows .route-gateway.success:after {
  border-style: solid;
}
.initialsetup .wrapp-arrows .route-gateway.success .address,
.page.device-page .wrapp-arrows .route-gateway.success .address {
  display: block;
  width: 120px;
  color: #6ebd4b;
}
.initialsetup .wrapp-arrows .route-gateway.success .address.ipv6,
.page.device-page .wrapp-arrows .route-gateway.success .address.ipv6 {
  width: 360px;
}
.initialsetup .wrapp-arrows .route-gateway .port-number-holder,
.page.device-page .wrapp-arrows .route-gateway .port-number-holder {
  left: -108px;
  top: -6px;
}
.initialsetup .wrapp-arrows .route-gateway.outside-in-bridge-group .port-number-holder,
.page.device-page .wrapp-arrows .route-gateway.outside-in-bridge-group .port-number-holder {
  width: 216px;
  left: -108px;
  right: auto;
  text-align: center;
}
.initialsetup .wrapp-arrows .route-gateway.outside-in-bridge-group .port-number-holder .port-number,
.page.device-page .wrapp-arrows .route-gateway.outside-in-bridge-group .port-number-holder .port-number {
  display: inline-block;
  padding: 0 12px;
}
.initialsetup .wrapp-arrows .route-inside,
.page.device-page .wrapp-arrows .route-inside {
  position: absolute;
  width: 71px;
  border: 2px solid #6ebd4b;
  border-width: 2px 2px 0 2px;
  left: 111px;
  height: 67px;
  top: -37px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.initialsetup .wrapp-arrows .route-inside:before,
.page.device-page .wrapp-arrows .route-inside:before {
  content: '';
  position: absolute;
  top: 55px;
  right: -2px;
  width: 0;
  height: 30px;
  border: 2px solid #6ebd4b;
  border-width: 0 2px 0 0;
}
.initialsetup .wrapp-arrows .route-inside .warning-holder,
.page.device-page .wrapp-arrows .route-inside .warning-holder {
  position: absolute;
  left: 84px;
  top: -8px;
  width: 330px;
  display: none;
}
.initialsetup .wrapp-arrows .route-inside.inside-in-bridge-group .port-number-holder,
.page.device-page .wrapp-arrows .route-inside.inside-in-bridge-group .port-number-holder {
  width: 216px;
  right: -108px;
  left: auto;
  text-align: center;
}
.initialsetup .wrapp-arrows .route-inside.inside-in-bridge-group .port-number-holder .port-number,
.page.device-page .wrapp-arrows .route-inside.inside-in-bridge-group .port-number-holder .port-number {
  display: inline-block;
  padding: 0 12px;
}
.initialsetup .wrapp-arrows.model-isa .route-management,
.page.device-page .wrapp-arrows.model-isa .route-management,
.initialsetup .wrapp-arrows.model-5506h .route-management,
.page.device-page .wrapp-arrows.model-5506h .route-management {
  width: 370px;
}
.initialsetup .wrapp-arrows.model-5525 .route-management,
.page.device-page .wrapp-arrows.model-5525 .route-management,
.initialsetup .wrapp-arrows.model-5545 .route-management,
.page.device-page .wrapp-arrows.model-5545 .route-management,
.initialsetup .wrapp-arrows.model-5555 .route-management,
.page.device-page .wrapp-arrows.model-5555 .route-management,
.initialsetup .wrapp-arrows.model-5512 .route-management,
.page.device-page .wrapp-arrows.model-5512 .route-management,
.initialsetup .wrapp-arrows.model-5515 .route-management,
.page.device-page .wrapp-arrows.model-5515 .route-management {
  left: 111px;
  width: 234px;
  height: 43px;
  top: -27px;
}
.initialsetup .wrapp-arrows.model-5525 .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5525 .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5545 .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5545 .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5555 .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5555 .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5512 .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5512 .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5515 .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5515 .route-management span:nth-child(1) {
  border-radius: 0;
  top: 28px;
  height: 26px;
  border-left: 2px solid #6ebd4b;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io .route-management,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io .route-management,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io .route-management,
.initialsetup .wrapp-arrows.model-5512.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io .route-management,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io .route-management {
  width: 405px;
  height: 67px;
  top: -52px;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5525.has-expansion-io .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5545.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5545.has-expansion-io .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5555.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5555.has-expansion-io .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5512.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5512.has-expansion-io .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5515.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5515.has-expansion-io .route-management span:nth-child(1) {
  height: 51px;
}
.initialsetup .wrapp-arrows.model-5525 .route-management,
.page.device-page .wrapp-arrows.model-5525 .route-management,
.initialsetup .wrapp-arrows.model-5545 .route-management,
.page.device-page .wrapp-arrows.model-5545 .route-management,
.initialsetup .wrapp-arrows.model-5555 .route-management,
.page.device-page .wrapp-arrows.model-5555 .route-management {
  width: 215px;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io .route-management,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io .route-management,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io .route-management {
  width: 390px;
}
.initialsetup .wrapp-arrows .is-no-outside-connection .route-gateway,
.page.device-page .wrapp-arrows .is-no-outside-connection .route-gateway {
  border: 2px dotted #9e9ea2;
  border-width: 0 2px 2px 0;
  width: 90px !important;
  height: 70px;
  top: 100px;
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}
.initialsetup .wrapp-arrows .is-no-outside-connection .route-gateway:before,
.page.device-page .wrapp-arrows .is-no-outside-connection .route-gateway:before,
.initialsetup .wrapp-arrows .is-no-outside-connection .route-gateway:after,
.page.device-page .wrapp-arrows .is-no-outside-connection .route-gateway:after {
  display: none;
}
.initialsetup .wrapp-arrows .is-no-outside-connection .warning-holder,
.page.device-page .wrapp-arrows .is-no-outside-connection .warning-holder {
  position: absolute;
  right: 94px;
  bottom: -14px;
  width: 330px;
  display: block;
  text-align: right;
}
.initialsetup .wrapp-arrows .is-no-outside-connection .port-number-holder,
.page.device-page .wrapp-arrows .is-no-outside-connection .port-number-holder {
  display: none;
}
.initialsetup .wrapp-arrows.model-5506w .is-no-outside-connection .route-gateway,
.page.device-page .wrapp-arrows.model-5506w .is-no-outside-connection .route-gateway {
  height: 100px;
  top: 100px;
}
.initialsetup .wrapp-arrows .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows .is-no-inside-connection .route-inside {
  border: 2px dotted #9e9ea2;
  border-width: 2px 0 0 2px;
  width: 71px;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.initialsetup .wrapp-arrows .is-no-inside-connection .route-inside:before,
.page.device-page .wrapp-arrows .is-no-inside-connection .route-inside:before {
  height: 0;
}
.initialsetup .wrapp-arrows .is-no-inside-connection .warning-holder,
.page.device-page .wrapp-arrows .is-no-inside-connection .warning-holder {
  display: block;
}
.initialsetup .wrapp-arrows .is-no-inside-connection .port-number-holder,
.page.device-page .wrapp-arrows .is-no-inside-connection .port-number-holder {
  display: none;
}
.initialsetup .wrapp-arrows.model-5525 .is-no-inside-connection .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5525 .is-no-inside-connection .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5545 .is-no-inside-connection .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5545 .is-no-inside-connection .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5555 .is-no-inside-connection .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5555 .is-no-inside-connection .route-management span:nth-child(1) {
  top: 28px;
  height: 26px;
}
.initialsetup .wrapp-arrows.model-5525 .is-no-inside-connection .route-management span:nth-child(2),
.page.device-page .wrapp-arrows.model-5525 .is-no-inside-connection .route-management span:nth-child(2),
.initialsetup .wrapp-arrows.model-5545 .is-no-inside-connection .route-management span:nth-child(2),
.page.device-page .wrapp-arrows.model-5545 .is-no-inside-connection .route-management span:nth-child(2),
.initialsetup .wrapp-arrows.model-5555 .is-no-inside-connection .route-management span:nth-child(2),
.page.device-page .wrapp-arrows.model-5555 .is-no-inside-connection .route-management span:nth-child(2) {
  width: 480px;
}
.initialsetup .wrapp-arrows.model-5525 .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5525 .is-no-inside-connection .route-inside,
.initialsetup .wrapp-arrows.model-5545 .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5545 .is-no-inside-connection .route-inside,
.initialsetup .wrapp-arrows.model-5555 .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5555 .is-no-inside-connection .route-inside {
  width: 101px;
  height: 85px;
  left: 88px;
  top: -55px;
}
.initialsetup .wrapp-arrows.model-5525 .is-no-inside-connection .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5525 .is-no-inside-connection .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5545 .is-no-inside-connection .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5545 .is-no-inside-connection .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5555 .is-no-inside-connection .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5555 .is-no-inside-connection .route-inside .warning-holder {
  left: 110px;
  top: -11px;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5525.has-expansion-io .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5545.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5545.has-expansion-io .route-management span:nth-child(1),
.initialsetup .wrapp-arrows.model-5555.has-expansion-io .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-5555.has-expansion-io .route-management span:nth-child(1) {
  height: 51px;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io .is-no-inside-connection .route-inside,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io .is-no-inside-connection .route-inside,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io .is-no-inside-connection .route-inside {
  height: 105px;
  top: -75px;
}
.initialsetup .wrapp-arrows.model-5512 .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5512 .is-no-inside-connection .route-inside,
.initialsetup .wrapp-arrows.model-5515 .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5515 .is-no-inside-connection .route-inside {
  width: 101px;
  height: 85px;
  left: 88px;
  top: -55px;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.initialsetup .wrapp-arrows.model-5512 .is-no-inside-connection .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5512 .is-no-inside-connection .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5515 .is-no-inside-connection .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5515 .is-no-inside-connection .route-inside .warning-holder {
  left: 110px;
  top: -11px;
}
.initialsetup .wrapp-arrows.model-5512 .is-no-inside-connection .route-inside:before,
.page.device-page .wrapp-arrows.model-5512 .is-no-inside-connection .route-inside:before,
.initialsetup .wrapp-arrows.model-5515 .is-no-inside-connection .route-inside:before,
.page.device-page .wrapp-arrows.model-5515 .is-no-inside-connection .route-inside:before {
  height: 0;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io .is-no-inside-connection .route-inside,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io .is-no-inside-connection .route-inside {
  height: 105px;
  top: -75px;
}
.initialsetup .wrapp-arrows.model-5506 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5506 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5506h :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5506h :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5508 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5508 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-isa :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-isa :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-vmware :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-vmware :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-1010 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-1010 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-1120 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-1120 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-1140 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-1140 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-1150 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-1150 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5516 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5516 :not(.is-no-inside-connection) .route-inside {
  width: 257px;
  height: 40px;
  top: -50px;
}
.initialsetup .wrapp-arrows.model-5506 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5506 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5506h :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5506h :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5508 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5508 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-isa :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-isa :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-vmware :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-vmware :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1010 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1010 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1120 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1120 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1140 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1140 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1150 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1150 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5516 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5516 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group {
  width: 292px;
}
.initialsetup .wrapp-arrows.model-5506 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5506 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5506h :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5506h :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5508 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5508 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-isa :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-isa :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-vmware :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-vmware :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-1010 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-1010 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-1120 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-1120 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-1140 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-1140 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-1150 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-1150 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5516 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5516 :not(.is-no-inside-connection) .route-inside:before {
  top: 37px;
  left: -2px;
  width: 0;
  height: 41px;
}
.initialsetup .wrapp-arrows.model-5506 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5506 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5506h :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5506h :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5508 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5508 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-isa :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-isa :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-vmware :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-vmware :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-1010 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-1010 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-1120 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-1120 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-1140 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-1140 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-1150 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-1150 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5516 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5516 :not(.is-no-inside-connection).is-no-route-management .route-inside {
  width: 274px;
  left: 94px;
}
.initialsetup .wrapp-arrows.model-5506 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5506 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5506h :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5506h :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5508 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5508 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-isa :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-isa :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-vmware :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-vmware :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1010 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1010 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1120 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1120 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1140 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1140 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-1150 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-1150 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5516 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5516 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group {
  width: 309px;
}
.initialsetup .wrapp-arrows.model-5506 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-5506 :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-5506h :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-5506h :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-5508 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-5508 :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-isa :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-isa :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-vmware :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-vmware :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-1010 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-1010 :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-1120 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-1120 :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-1140 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-1140 :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-1150 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-1150 :not(.is-no-outside-connection) .route-gateway,
.initialsetup .wrapp-arrows.model-5516 :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-5516 :not(.is-no-outside-connection) .route-gateway {
  width: 344px;
}
.initialsetup .wrapp-arrows.model-5506w :not(.is-no-outside-connection) .route-gateway,
.page.device-page .wrapp-arrows.model-5506w :not(.is-no-outside-connection) .route-gateway {
  top: 149px;
}
.initialsetup .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside {
  width: 368px;
  height: 46px;
  left: 88px;
  top: -55px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.initialsetup .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group {
  width: 315px;
}
.initialsetup .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside .warning-holder,
.initialsetup .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside .warning-holder {
  left: 110px;
  top: -11px;
}
.initialsetup .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5512 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5515 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5525 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5545 :not(.is-no-inside-connection) .route-inside:before,
.initialsetup .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-5555 :not(.is-no-inside-connection) .route-inside:before {
  height: 38px;
  left: -2px;
  bottom: -38px;
  top: auto;
}
.initialsetup .wrapp-arrows.model-5512 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5512 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5515 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5515 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5525 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5525 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5545 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5545 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5555 :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5555 :not(.is-no-inside-connection).is-no-route-management .route-inside {
  width: 360px;
  left: 94px;
}
.initialsetup .wrapp-arrows.model-5512 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5512 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5515 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5515 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5525 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5525 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5545 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5545 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5555 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5555 :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group {
  width: 307px;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection) .route-inside {
  width: 540px;
  height: 66px;
  top: -75px;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io {
  width: 252px;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group {
  width: 380px;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside {
  width: 534px;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-expansion-io {
  width: 246px;
}
.initialsetup .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5512.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5515.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group {
  width: 374px;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).inside-in-expansion-io {
  width: 255px;
}
.initialsetup .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5525.has-expansion-io :not(.is-no-inside-connection).is-no-route-management.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5545.has-expansion-io :not(.is-no-inside-connection).is-no-route-management.inside-in-expansion-io,
.initialsetup .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-5555.has-expansion-io :not(.is-no-inside-connection).is-no-route-management.inside-in-expansion-io {
  width: 249px;
}
.initialsetup .wrapp-arrows.has-expansion-io .gateway-internet,
.page.device-page .wrapp-arrows.has-expansion-io .gateway-internet {
  right: -60px;
  width: 187px;
  top: -76px;
  height: 54px;
}
.initialsetup .wrapp-arrows.has-expansion-io .gateway-internet:before,
.page.device-page .wrapp-arrows.has-expansion-io .gateway-internet:before {
  height: 73px;
}
.initialsetup .wrapp-arrows.has-expansion-io .gateway-internet.success:before,
.page.device-page .wrapp-arrows.has-expansion-io .gateway-internet.success:before {
  top: 94px;
}
.initialsetup .wrapp-arrows.has-expansion-io .gateway-internet.success:after,
.page.device-page .wrapp-arrows.has-expansion-io .gateway-internet.success:after {
  height: 70px;
}
.initialsetup .wrapp-arrows .gateway-internet,
.page.device-page .wrapp-arrows .gateway-internet {
  position: absolute;
  top: -60px;
  right: 86px;
  width: 157px;
  height: 36px;
  border: 2px dotted #9e9ea2;
  border-bottom: none;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.initialsetup .wrapp-arrows .gateway-internet:before,
.page.device-page .wrapp-arrows .gateway-internet:before {
  position: absolute;
  left: -2px;
  top: 31px;
  width: 0px;
  height: 63px;
  content: '';
  border: 0 dotted #9e9ea2;
  border-right-width: 2px;
}
.initialsetup .wrapp-arrows .gateway-internet.success,
.page.device-page .wrapp-arrows .gateway-internet.success {
  border-color: #6ebd4b;
  border-style: solid;
  border-bottom: none;
}
.initialsetup .wrapp-arrows .gateway-internet.success:before,
.page.device-page .wrapp-arrows .gateway-internet.success:before {
  position: absolute;
  content: '';
  border: none;
  top: 84px;
  left: -6px;
}
.initialsetup .wrapp-arrows .gateway-internet.success:after,
.page.device-page .wrapp-arrows .gateway-internet.success:after {
  position: absolute;
  content: '';
  width: 0;
  height: 60px;
  border-right: 2px solid #6ebd4b;
  top: 34px;
  left: -2px;
}
.initialsetup .wrapp-arrows .connecting-error .route-gateway,
.page.device-page .wrapp-arrows .connecting-error .route-gateway {
  border-color: #cf2030;
}
.initialsetup .wrapp-arrows .connecting-error .route-gateway:after,
.page.device-page .wrapp-arrows .connecting-error .route-gateway:after {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  border-top: 2px solid #cf2030;
  border-left: 2px solid #cf2030;
  bottom: 20px;
  right: -6px;
  -o-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.initialsetup .wrapp-arrows .address,
.page.device-page .wrapp-arrows .address {
  font-size: 12px;
  font-weight: normal;
  display: none;
}
.initialsetup .wrapp-arrows .address.connecting,
.page.device-page .wrapp-arrows .address.connecting {
  display: block;
  color: #9e9ea2;
  width: 120px;
}
.initialsetup .wrapp-arrows .address.connecting.ipv6,
.page.device-page .wrapp-arrows .address.connecting.ipv6 {
  width: 360px;
}
.initialsetup .wrapp-arrows.model-21xx .gateway-internet,
.page.device-page .wrapp-arrows.model-21xx .gateway-internet {
  right: -108px;
  width: 170px;
}
.initialsetup .wrapp-arrows.model-21xx .route-gateway,
.page.device-page .wrapp-arrows.model-21xx .route-gateway {
  right: 61px;
  width: 423px;
}
.initialsetup .wrapp-arrows.model-21xx .route-gateway.outside-in-sfp-slots,
.page.device-page .wrapp-arrows.model-21xx .route-gateway.outside-in-sfp-slots {
  width: 220px;
}
.initialsetup .wrapp-arrows.model-21xx .route-management,
.page.device-page .wrapp-arrows.model-21xx .route-management {
  left: 111px;
  width: 209px;
  height: 43px;
  top: -27px;
}
.initialsetup .wrapp-arrows.model-21xx .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-21xx .route-management span:nth-child(1) {
  border-radius: 0;
  top: 28px;
  height: 26px;
  border-left: 2px solid #6ebd4b;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .gateway-internet,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .gateway-internet {
  right: -355px;
  width: 196px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .route-gateway,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .route-gateway {
  right: -163px;
  width: 602px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .route-gateway.outside-in-expansion-io,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .route-gateway.outside-in-expansion-io {
  width: 235px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .route-gateway.outside-in-sfp-slots,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .route-gateway.outside-in-sfp-slots {
  width: 402px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside {
  width: 420px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group {
  width: 545px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-expansion-io {
  width: 785px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-sfp-slots,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside.inside-in-sfp-slots {
  width: 620px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside .port-number-holder,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io :not(.is-no-inside-connection) .route-inside .port-number-holder {
  top: 17px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .is-no-route-management .route-inside.inside-in-bridge-group {
  width: 539px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .is-no-route-management .route-inside.inside-in-expansion-io,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .is-no-route-management .route-inside.inside-in-expansion-io {
  width: 779px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .is-no-route-management .route-inside.inside-in-sfp-slots,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .is-no-route-management .route-inside.inside-in-sfp-slots {
  width: 614px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .route-management,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .route-management {
  width: 252px;
}
.initialsetup .wrapp-arrows.model-21xx.has-expansion-io .expansion-io-label,
.page.device-page .wrapp-arrows.model-21xx.has-expansion-io .expansion-io-label {
  position: absolute;
  bottom: 5px;
  left: 36px;
}
.initialsetup .wrapp-arrows.model-21xx .is-no-inside-connection .route-management span:nth-child(1),
.page.device-page .wrapp-arrows.model-21xx .is-no-inside-connection .route-management span:nth-child(1) {
  top: 28px;
  height: 26px;
}
.initialsetup .wrapp-arrows.model-21xx .is-no-inside-connection .route-management span:nth-child(2),
.page.device-page .wrapp-arrows.model-21xx .is-no-inside-connection .route-management span:nth-child(2) {
  width: 480px;
}
.initialsetup .wrapp-arrows.model-21xx .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.model-21xx .is-no-inside-connection .route-inside {
  width: 101px;
  height: 85px;
  left: 88px;
  top: -55px;
}
.initialsetup .wrapp-arrows.model-21xx .is-no-inside-connection .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-21xx .is-no-inside-connection .route-inside .warning-holder {
  left: 110px;
  top: -11px;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside {
  width: 380px;
  height: 46px;
  left: 88px;
  top: -55px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside.inside-in-bridge-group {
  width: 420px;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside.inside-in-sfp-slots,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside.inside-in-sfp-slots {
  width: 580px;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside .warning-holder,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside .warning-holder {
  left: 110px;
  top: -11px;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside:before,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection) .route-inside:before {
  height: 38px;
  left: -2px;
  bottom: -38px;
  top: auto;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection).is-no-route-management .route-inside,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection).is-no-route-management .route-inside {
  width: 374px;
  left: 94px;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-bridge-group {
  width: 414px;
}
.initialsetup .wrapp-arrows.model-21xx :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-sfp-slots,
.page.device-page .wrapp-arrows.model-21xx :not(.is-no-inside-connection).is-no-route-management .route-inside.inside-in-sfp-slots {
  width: 574px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .gateway-internet,
.page.device-page .wrapp-arrows.dynamic-diagram .gateway-internet {
  right: -253px;
  width: 211px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-gateway,
.page.device-page .wrapp-arrows.dynamic-diagram .route-gateway {
  top: 147px;
  right: -43px;
  width: 395px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-gateway:before,
.page.device-page .wrapp-arrows.dynamic-diagram .route-gateway:before {
  top: -48px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .is-no-inside-connection .route-inside,
.page.device-page .wrapp-arrows.dynamic-diagram .is-no-inside-connection .route-inside {
  width: 101px;
  height: 85px;
  left: 94px;
  top: -55px;
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}
.initialsetup .wrapp-arrows.dynamic-diagram .is-no-inside-connection .route-inside:before,
.page.device-page .wrapp-arrows.dynamic-diagram .is-no-inside-connection .route-inside:before {
  height: 0;
}
.initialsetup .wrapp-arrows.dynamic-diagram .is-no-outside-connection .route-gateway,
.page.device-page .wrapp-arrows.dynamic-diagram .is-no-outside-connection .route-gateway {
  top: 97px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-management,
.page.device-page .wrapp-arrows.dynamic-diagram .route-management {
  left: 111px;
  width: 183px;
  height: 19px;
  top: -24px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-management span,
.page.device-page .wrapp-arrows.dynamic-diagram .route-management span {
  border-radius: 0;
  top: 17px;
  height: 37px;
  border-left: 2px solid #6ebd4b;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-inside,
.page.device-page .wrapp-arrows.dynamic-diagram .route-inside {
  width: 508px;
  height: 46px;
  left: 94px;
  top: -52px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-inside.inside-in-bridge-group,
.page.device-page .wrapp-arrows.dynamic-diagram .route-inside.inside-in-bridge-group {
  width: 467px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-inside .warning-holder,
.page.device-page .wrapp-arrows.dynamic-diagram .route-inside .warning-holder {
  left: 110px;
  top: -11px;
}
.initialsetup .wrapp-arrows.dynamic-diagram .route-inside:before,
.page.device-page .wrapp-arrows.dynamic-diagram .route-inside:before {
  height: 38px;
  left: -2px;
  bottom: -38px;
  top: auto;
}
.initialsetup .wrapp-arrows .loading,
.page.device-page .wrapp-arrows .loading {
  background-color: #f7f7f7;
  top: 169px;
  right: 78px;
}
.initialsetup .s2s .block,
.page.device-page .s2s .block {
  width: 146px;
  position: absolute;
  top: 11px;
  background: #9e9ea2;
  cursor: default;
}
.initialsetup .s2s .block.success,
.page.device-page .s2s .block.success {
  background: #6ebd4b;
}
.initialsetup .s2s .block .local-network,
.page.device-page .s2s .block .local-network,
.initialsetup .s2s .block .remote-network,
.page.device-page .s2s .block .remote-network {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  width: 145px;
}
.initialsetup .s2s .step-pointer,
.page.device-page .s2s .step-pointer {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #049fd9;
  position: absolute;
  display: none;
}
.initialsetup .s2s .step-pointer.active,
.page.device-page .s2s .step-pointer.active {
  display: block;
}
.initialsetup .s2s .icon-device-wrapper,
.page.device-page .s2s .icon-device-wrapper {
  margin: 0 auto;
  display: block;
}
.initialsetup .s2s .block ~ .step-pointer,
.page.device-page .s2s .block ~ .step-pointer {
  left: 80px;
  top: -17px;
}
.initialsetup .s2s .icon-device-wrapper ~ .step-pointer,
.page.device-page .s2s .icon-device-wrapper ~ .step-pointer {
  left: 80px;
  top: -8px;
}
.initialsetup .s2s .icon-tunnel ~ .step-pointer,
.page.device-page .s2s .icon-tunnel ~ .step-pointer {
  left: 14px;
  top: -4px;
}
.initialsetup .s2s .label,
.page.device-page .s2s .label {
  font-size: 10px;
  color: #9e9ea2;
  display: block;
  position: absolute;
  text-align: center;
  padding: 0;
  border-radius: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
}
.initialsetup .s2s .label.internet-label,
.page.device-page .s2s .label.internet-label {
  left: 132px;
  top: 50px;
}
.initialsetup .s2s .label.tunnel-label,
.page.device-page .s2s .label.tunnel-label {
  top: 0;
  left: 37px;
}
.initialsetup .s2s .label.device-label,
.page.device-page .s2s .label.device-label {
  bottom: 15px;
  position: relative;
  text-align: center;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.initialsetup .s2s .interface-label,
.page.device-page .s2s .interface-label {
  font-size: 10px;
  text-transform: uppercase;
  color: #9e9ea2;
  line-height: 14px;
  background: #f7f7f7;
  position: absolute;
  top: 10px;
  padding: 5px;
  z-index: 1;
}
.initialsetup .s2s .interface-label.outside,
.page.device-page .s2s .interface-label.outside {
  text-align: right;
  right: 123px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  min-width: 20px;
  max-width: 70px;
  width: auto;
}
.initialsetup .s2s .interface-label.inside,
.page.device-page .s2s .interface-label.inside {
  text-align: left;
  left: 127px;
}
.initialsetup .s2s .icon-device.success ~ .interface-label,
.page.device-page .s2s .icon-device.success ~ .interface-label {
  color: #6ebd4b;
}
.initialsetup .s2s .internet-with-tunnel,
.page.device-page .s2s .internet-with-tunnel {
  position: absolute;
  width: 100%;
  top: 5px;
}
.initialsetup .s2s .internet-with-tunnel .icon-internet,
.page.device-page .s2s .internet-with-tunnel .icon-internet {
  opacity: 0.2;
  position: absolute;
  left: 50%;
  margin-left: -71px;
  top: -43px;
}
.initialsetup .s2s .internet-with-tunnel .icon-internet:before,
.page.device-page .s2s .internet-with-tunnel .icon-internet:before {
  font-size: 103px;
}
.initialsetup .s2s .internet-with-tunnel .icon-tunnel,
.page.device-page .s2s .internet-with-tunnel .icon-tunnel {
  position: relative;
  top: -93px;
  text-align: center;
  display: block;
  left: -15px;
  color: #9e9ea2;
}
.initialsetup .s2s .internet-with-tunnel .icon-tunnel:before,
.page.device-page .s2s .internet-with-tunnel .icon-tunnel:before {
  font-size: 243px;
}
.initialsetup .s2s .internet-with-tunnel .icon-tunnel.success,
.page.device-page .s2s .internet-with-tunnel .icon-tunnel.success {
  color: #6ebd4b;
}
.initialsetup .s2s .icon-device,
.page.device-page .s2s .icon-device {
  margin: 16px auto 0;
  display: block;
  color: #9e9ea2;
}
.initialsetup .s2s .icon-device:before,
.page.device-page .s2s .icon-device:before {
  font-size: 66px;
  line-height: 0.4;
}
.initialsetup .s2s .icon-device.success,
.page.device-page .s2s .icon-device.success {
  color: #6ebd4b;
}
.initialsetup .s2s .wrapp-arrows,
.page.device-page .s2s .wrapp-arrows {
  position: absolute;
  top: 30px;
  left: 17px;
}
.initialsetup .s2s .wrapp-arrows > span,
.page.device-page .s2s .wrapp-arrows > span {
  position: absolute;
}
.initialsetup .s2s .wrapp-arrows .route-inside-network,
.page.device-page .s2s .wrapp-arrows .route-inside-network {
  width: 61px;
  border-top: 2px dotted #9e9ea2;
  height: 1px;
  display: block;
  left: 165px;
}
.initialsetup .s2s .wrapp-arrows .tunnel-part-1,
.page.device-page .s2s .wrapp-arrows .tunnel-part-1 {
  width: 113px;
  border-top: 2px dotted #9e9ea2;
  height: 1px;
  display: block;
  left: 308px;
}
.initialsetup .s2s .wrapp-arrows .tunnel-part-2,
.page.device-page .s2s .wrapp-arrows .tunnel-part-2 {
  width: 101px;
  border-top: 2px dotted #9e9ea2;
  height: 1px;
  display: block;
  left: 660px;
}
.initialsetup .s2s .wrapp-arrows .route-outside-network,
.page.device-page .s2s .wrapp-arrows .route-outside-network {
  width: 59px;
  border-top: 2px dotted #9e9ea2;
  height: 1px;
  display: block;
  left: 841px;
}
.initialsetup .s2s .wrapp-arrows .route-inside-network.success,
.page.device-page .s2s .wrapp-arrows .route-inside-network.success,
.initialsetup .s2s .wrapp-arrows .tunnel-part-1.success,
.page.device-page .s2s .wrapp-arrows .tunnel-part-1.success,
.initialsetup .s2s .wrapp-arrows .tunnel-part-2.success,
.page.device-page .s2s .wrapp-arrows .tunnel-part-2.success,
.initialsetup .s2s .wrapp-arrows .route-outside-network.success,
.page.device-page .s2s .wrapp-arrows .route-outside-network.success {
  border-style: solid;
  border-color: #6ebd4b;
  border-width: 2px 0 0 0;
}
.initialsetup .connecting-error .route-gateway,
.page.device-page .connecting-error .route-gateway {
  border-color: #cf2030;
}
.initialsetup .connecting-error .route-gateway:before,
.page.device-page .connecting-error .route-gateway:before,
.initialsetup .connecting-error .route-gateway:after,
.page.device-page .connecting-error .route-gateway:after {
  border-color: #cf2030;
}
.initialsetup form .text-center .loading,
.page.device-page form .text-center .loading {
  position: absolute;
  white-space: nowrap;
}
.initialsetup .register-form .registered-container,
.page.device-page .register-form .registered-container {
  border: 1px solid #6ebd4b;
  width: 400px;
  margin: 50px auto;
  padding: 20px 10px;
}
.initialsetup .register-form .registered-container span,
.page.device-page .register-form .registered-container span {
  display: inline-block;
}
.initialsetup .register-form .registered-container span.registered-text,
.page.device-page .register-form .registered-container span.registered-text {
  width: 80%;
  vertical-align: middle;
}
.initialsetup .register-form .row + .buttons,
.page.device-page .register-form .row + .buttons {
  margin-top: 40px;
}
.initialsetup .form-section-heading,
.page.device-page .form-section-heading {
  margin: 10px 0 10px;
  overflow: hidden;
}
.initialsetup .form-section-heading h5,
.page.device-page .form-section-heading h5 {
  padding: 0;
  float: left;
  margin: 16px 15px 7px 0;
}
.initialsetup .form-section-heading h5 ~ .onoffswitch,
.page.device-page .form-section-heading h5 ~ .onoffswitch {
  display: inline-block;
}
/*This is IE11 css hack fixing .icon-tunnel and .icon-internet layout on S2S Diagram*/
/*In IE11 these 2 icons are rendered differently. We assume this is because of huge font-size property */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .initialsetup .s2s .internet-with-tunnel .icon-tunnel,
  .page.device-page .s2s .internet-with-tunnel .icon-tunnel {
    top: -84px;
  }
  .initialsetup .s2s .internet-with-tunnel .icon-internet,
  .page.device-page .s2s .internet-with-tunnel .icon-internet {
    top: -40px;
  }
}
fieldset.dns {
  width: 100%;
}
fieldset.dns .row .opendns {
  margin: 0;
  position: absolute;
  top: -5px;
  z-index: 1;
  right: 15px;
}
fieldset.dns .row .alert.alert-danger {
  padding: 0;
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
}
.hide-diagram-holder {
  display: inline-block;
  padding-right: 10px;
}
.hide-diagram-holder a,
.hide-diagram-holder a:hover {
  color: #049fd9;
}
.summary-holder {
  background: #fffae6;
  padding: 50px;
  color: #58585b;
  font-size: 12px;
}
.summary-holder .card > header {
  padding: 15px 0 15px 25px;
  background: #f7f7f7;
}
.summary-holder .card > header.with-actions {
  padding-bottom: 12px;
  background: white;
}
.summary-holder .card > header.with-actions + article hr:first-child {
  margin-top: 0;
}
.summary-holder .card > header h3 {
  font-size: 24px;
  margin-top: 15px;
  margin-bottom: 10px;
}
.summary-holder .card > header + article hr:first-child {
  margin-top: 30px;
}
.summary-holder.ra-vpn-setup .data-pair .key {
  width: 300px;
}
.summary-holder.ra-vpn-setup .data-pair .value {
  margin: 0 0 0 310px;
  position: relative;
}
.summary-holder.ra-vpn-setup .data-pair .value em {
  color: #9e9ea2;
}
.summary-holder.ra-vpn-setup .data-pair .value .entity-icon {
  position: absolute;
  left: -5px;
  transform: translateX(-100%) translateY(-50%);
  top: 50%;
  line-height: 1;
  font-size: 14px;
  color: #9e9ea2;
}
.summary-holder.ra-vpn-setup .data-pair .value-item {
  display: block;
  position: relative;
}
.summary-holder.ra-vpn-setup .data-pair .value-empty:before {
  content: '—';
}
.summary-holder .connection {
  position: relative;
}
.summary-holder .connection .clearfix .data-pair,
.summary-holder .connection .dl-horizontal dd .data-pair,
.summary-holder .connection .container .data-pair,
.summary-holder .connection .container-fluid .data-pair,
.summary-holder .connection .row .data-pair,
.summary-holder .connection .form-horizontal .form-group .data-pair,
.summary-holder .connection .btn-toolbar .data-pair,
.summary-holder .connection .btn-group-vertical > .btn-group .data-pair,
.summary-holder .connection .nav .data-pair,
.summary-holder .connection .navbar .data-pair,
.summary-holder .connection .navbar-header .data-pair,
.summary-holder .connection .navbar-collapse .data-pair,
.summary-holder .connection .pager .data-pair,
.summary-holder .connection .panel-body .data-pair,
.summary-holder .connection .modal-header .data-pair,
.summary-holder .connection .modal-footer .data-pair {
  width: 40%;
  float: left;
}
.summary-holder .connection .clearfix .data-pair:last-child,
.summary-holder .connection .dl-horizontal dd .data-pair:last-child,
.summary-holder .connection .container .data-pair:last-child,
.summary-holder .connection .container-fluid .data-pair:last-child,
.summary-holder .connection .row .data-pair:last-child,
.summary-holder .connection .form-horizontal .form-group .data-pair:last-child,
.summary-holder .connection .btn-toolbar .data-pair:last-child,
.summary-holder .connection .btn-group-vertical > .btn-group .data-pair:last-child,
.summary-holder .connection .nav .data-pair:last-child,
.summary-holder .connection .navbar .data-pair:last-child,
.summary-holder .connection .navbar-header .data-pair:last-child,
.summary-holder .connection .navbar-collapse .data-pair:last-child,
.summary-holder .connection .pager .data-pair:last-child,
.summary-holder .connection .panel-body .data-pair:last-child,
.summary-holder .connection .modal-header .data-pair:last-child,
.summary-holder .connection .modal-footer .data-pair:last-child {
  margin-right: 0;
  margin-left: 70px;
}
.summary-holder .connection:after {
  content: "";
  background: rgba(198, 199, 202, 0.5);
  width: 1px;
  top: 0px;
  bottom: 50px;
  left: 50%;
  position: absolute;
}
.summary-holder .connection .icon-inout {
  top: 30px;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -20px;
  position: absolute;
  z-index: 1;
  color: #6ebd4b;
  border: 1px solid #c6c7ca;
  background: white;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.initialsetup .wizard-form form .summary-holder hr {
  border-top: 1px solid #c6c7ca;
  opacity: 0.5;
}
.configure-form p,
.configure-form div.row {
  position: relative;
  margin-bottom: 24px;
}
.configure-form fieldset .row:last-child {
  margin-bottom: 0;
}
/* Connecting */
.loading {
  font-size: 12px;
  position: relative;
  line-height: 12px;
}
.loading.inline-block.no-text:before {
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 0;
}
.loading:before {
  content: '';
  background: url('/branding/default/images/ajax-loader.gif') no-repeat 50% 50%;
  width: 42px;
  height: 12px;
  display: block;
  margin-bottom: 5px;
}
.device-info {
  font-size: 13px;
}
.device-info .loader {
  display: inline-block;
}
.device-info .info {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding: 0 55px 0 0;
}
.device-info .info:last-child {
  padding-right: 20px;
}
.device-info .info .help-link {
  margin-left: 4px;
}
.device-info .info .help-link .icon-info-1 {
  font-size: 15px;
}
.device-info .info .title {
  max-width: 280px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.device-info .info .sru-version {
  max-width: 138px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.device-info .info .vdb-version {
  max-width: 35px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.device-info .info .software-version {
  max-width: 80px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.device-info .icon-checkmark {
  margin: 2px 10px 0 0;
  border: 2px solid #fff;
  width: 34px;
  height: 34px;
}
.device-info.system-dashboard {
  padding-top: 30px;
  font-size: 12px;
  white-space: nowrap;
}
.device-info.system-dashboard .info {
  font-weight: 500;
}
.device-info.system-dashboard .info.title-holder {
  width: 163px;
}
.device-info .vert-separator {
  margin: 0 24px;
  background-color: #f0f0f0;
  width: 1px;
  height: 36px;
  display: inline-block;
  position: relative;
  top: 13px;
}
.device-info .btn-sm {
  padding: 0 15px;
  line-height: 32px;
  font-size: 11px;
}
.device-info .ha-info {
  position: relative;
}
.device-info .ha-info .icon-ha {
  font-size: 43px;
  color: #9e9ea2;
  margin-right: 10px;
  position: relative;
  line-height: 25px;
}
.device-info .ha-info.not-configured .icon-ha {
  color: #c6c7ca;
}
.device-info .ha-info.not-configured .status-message {
  font-weight: bold;
  color: #58585b;
}
.device-info .ha-info.waiting .status-message {
  color: #ff7300;
}
.device-info .ha-info.waiting .icon-ha {
  color: #ff7300;
}
.device-info .ha-info.configured .status-message {
  color: #6ebd4b;
  font-weight: bold;
}
.device-info .ha-info.standby .status-message {
  color: #58585b;
  font-weight: bold;
}
.device-info .ha-info.standby .icon-ha {
  color: #9e9ea2;
}
.device-info .ha-info.suspended .status-message {
  color: #58585b;
  font-weight: bold;
}
.device-info .ha-info.suspended .icon-ha {
  color: #9e9ea2;
}
.device-info .ha-info.failed .status-message {
  color: #cf2030;
  font-weight: bold;
}
.device-info .ha-info.failed .icon-ha {
  color: #cf2030;
}
.device-info .ha-info.ha-is-negotiating .icon-ha,
.device-info .ha-info.ha-is-syncing .icon-ha {
  vertical-align: sub;
}
.device-info .ha-info.ha-is-negotiating .icon-ha:before,
.device-info .ha-info.ha-is-syncing .icon-ha:before {
  content: "";
}
.device-info .ha-info.ha-is-negotiating .icon-ha img.loader,
.device-info .ha-info.ha-is-syncing .icon-ha img.loader {
  padding: 0;
}
.ha-status-line .highlighted {
  font-weight: bold;
}
.ha-status-line .ha-sync-holder {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.ha-status-line .ha-sync-holder .ha-sync-icon-wrapper {
  text-overflow: unset;
  overflow: visible;
}
.ha-status-line .ha-sync-holder.not-active {
  cursor: default;
}
.ha-status-line .ha-sync-holder .icon-ha-sync {
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  color: #9e9ea2;
}
.ha-status-line .ha-sync-holder .icon-ha-sync.default {
  color: #9e9ea2;
}
.ha-status-line .ha-sync-holder .icon-ha-sync.default:before {
  font-size: 14px;
}
.ha-status-line .ha-sync-holder .icon-ha-sync.importing {
  color: white;
  background-color: #049fd9;
  -webkit-animation-name: rotating-clock-wise;
  animation-name: rotating-clock-wise;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}
.ha-status-line .ha-sync-holder .icon-ha-sync.importing:before {
  font-size: 12px;
}
.ha-status-line .ha-sync-holder .icon-ha-sync.unknown,
.ha-status-line .ha-sync-holder .icon-ha-sync.out-of-sync {
  color: white;
  background-color: #ff7300;
}
.ha-status-line .ha-sync-holder .icon-ha-sync.unknown:before,
.ha-status-line .ha-sync-holder .icon-ha-sync.out-of-sync:before {
  font-size: 12px;
}
.ha-status-line .ha-sync-holder span,
.ha-status-line .ha-sync-holder strong {
  vertical-align: middle;
  max-width: 100px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.ha-status-line .not-configured-truncate {
  max-width: 380px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.ha-status-line .state-name {
  max-width: 80px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.ha-status-line .state-name .cs-tooltip .show-hint .icon.icon-cancel,
.ha-status-line .state-name .cs-tooltip .show-hint .icon.icon-warning-1 {
  font-size: 12px;
  height: 12px;
}
.ha-status-line .ha-peer-device-role-truncate {
  max-width: 55px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.ha-status-line .ha-cur-device-role-truncate {
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.device-page #main.container-fluid {
  position: relative;
  height: auto;
  min-height: 100%;
  background-color: white;
  width: 100%;
  max-width: inherit;
  margin: 0;
  padding: 66px 0 0 0;
}
.device-page #main .container-fluid {
  max-width: 1400px;
  margin: 24px auto;
}
.device-page #main .container-fluid:before,
.device-page #main .container-fluid:after {
  content: '';
  width: 100%;
  display: block;
  clear: both;
}
.device-page #main .device-details-wrapper {
  background: #f7f7f7;
}
.device-page #main .device-details-wrapper.diagram-expanded {
  border-bottom: 1px solid #f0f0f0;
}
.device-page #main .device-info {
  padding: 0 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.device-page #main .device-info.device-details {
  min-height: 74px;
  text-align: center;
  margin: 0 auto;
  padding: 6px 4px 16px 40px;
  white-space: nowrap;
}
.device-page #main .device-info.device-details img.loader {
  padding-top: 0;
  padding-bottom: 0;
}
.device-page #main .device-info.device-details aside {
  display: inline;
}
.device-page .device {
  background-color: #f7f7f7;
  margin: 0 0 8px;
}
.device-page .cards-wrapper .card-item {
  width: 24%;
  margin: 5px;
  min-height: 151px;
  padding: 20px 30px 16px;
}
.device-page .cards-wrapper .settings {
  min-height: 312px;
  padding-bottom: 0;
  float: right;
}
.device-page .cards-wrapper .settings h3 {
  margin: -3px 0 3px;
  padding: 0;
}
.device-page .cards-wrapper .settings .see-more-link {
  font-weight: bold;
  position: absolute;
  bottom: 29px;
  left: 30px;
}
.device-page.modal-dialog {
  background-color: transparent;
}
.device-page .port-counts {
  float: right;
  font-size: 29px;
}
.device-page .port-counts .ci-device-port {
  margin: 0 8px;
  width: 29px;
  height: 32px;
  position: relative;
}
.device-page .port-counts .ci-device-port:before {
  font-size: 29px;
  display: inline-block;
}
.device-page .port-counts .ci-device-port:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-size: 11px;
  position: absolute;
  top: 11px;
  left: 9px;
  transform: scale(0.8);
}
.device-page .page-error .alert-danger {
  padding: 15px 15px 15px 30px;
}
.device-page .re-request-troubleshoot-btn {
  margin-right: -15px;
  padding-left: 23px;
  padding-right: 23px;
}
.card-item {
  display: inline-block;
  position: relative;
  vertical-align: top;
  text-align: left;
  padding: 25px;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.card-item .general-errors,
.card-item .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.card-item header ~ div .general-errors {
  margin-top: 0;
}
.device-page .card-item {
  border-bottom: 3px solid #64bbe3;
}
.card-item.warning-type {
  border-bottom-color: #ff7300;
}
.card-item.all-right-type {
  border-bottom-color: #6ebd4b;
}
.card-item.error-type {
  border-bottom-color: #cf2030;
}
.card-item.bottom-border-none {
  border-bottom: none;
}
.card-item.disabled {
  border-bottom-color: rgba(158, 158, 162, 0.4);
}
.card-item.disabled header h3,
.card-item.disabled header p {
  color: #9e9ea2;
}
.card-item .not-applicable h3,
.card-item .not-applicable p,
.card-item .not-applicable span {
  color: #9e9ea2;
}
.card-item .card-empty-state {
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  color: #9e9ea2;
  font-style: italic;
}
.card-item .error-message {
  color: #cf2030;
}
.card-item .error-message .error-text {
  margin: 6px 0 10px;
  display: block;
}
.card-item .error-message:before {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 6px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  font-size: 16px;
  color: #cf2030;
}
.card-item .error-message .cs-tooltip {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  margin-top: 1px;
}
.card-item .troubleshoot-error.error-message {
  padding-left: 26px;
}
.card-item .troubleshoot-error.error-message:before {
  display: none;
}
.card-item header {
  margin: 0 -15px;
  padding: 0 15px;
  min-height: 70px;
}
.card-item hr {
  width: 100%;
  display: block;
  height: 0;
  background: none;
  border-top: 1px solid #e5e5e5;
  margin: 16px -15px;
}
.card-item h3 {
  font-size: 16px;
  color: #58585b;
  margin: 0;
  padding: 0 0 15px;
}
.card-item p {
  color: #323232;
  margin: 0;
}
.card-item p strong {
  font-weight: bold;
  padding-right: 5px;
  display: inline-block;
}
.card-item p span {
  display: inline-block;
}
.card-item p .success {
  color: #6ebd4b;
}
.card-item p .success [class*="icon-checkmark"] {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  top: -1px;
  background: #6ebd4b;
  width: 15px;
  height: 15px;
  line-height: 13px;
  margin-right: 4px;
  color: white;
}
.card-item p .success [class*="icon-checkmark"]:before {
  font-size: 9px;
  line-height: 15px;
  vertical-align: middle;
}
.card-item p .fail {
  color: #cf2030;
}
.card-item p .fail [class*="icon-cancel"] {
  color: #cf2030;
  margin-right: 4px;
  font-size: 15px;
}
.card-item .btn.pull-right {
  margin: 0 -15px 0 5px;
}
.card-item .btn.pull-right .spinner {
  background-size: 26px;
}
.card-item .btn.pull-right .icon-download {
  font-size: 14px;
  position: relative;
  top: -2px;
}
.card-item .btn.pull-right .icon-download:before {
  border-bottom: 3px solid;
}
.card-item .yellow-disc {
  width: 44px;
  height: 44px;
  background-color: #ff7300;
  border-radius: 50%;
  float: right;
  color: #fff;
  text-align: center;
  line-height: 1em;
  font-size: 18px;
  font-weight: bold;
}
.card-item .yellow-disc strong {
  display: block;
  margin: 9px auto -5px;
}
.card-item .yellow-disc small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  transform: scale(0.55);
}
.card-item .blue-disc {
  width: 20px;
  height: 20px;
  background-color: #049fd9;
  border-radius: 50%;
  position: absolute;
  top: -8px;
  right: -8px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
}
.card-item .grey-disc {
  width: 44px;
  height: 44px;
  background-color: #9e9ea2;
  border-radius: 50%;
  float: right;
  color: #fff;
  text-align: center;
  line-height: 44px;
  font-size: 18px;
  font-weight: bold;
}
.card-item .grey-disc .icon-close {
  margin: 4px 0 0;
}
.card-item ul {
  padding: 0;
  margin: 0 0 8px;
  list-style: none;
  line-height: 1.8;
}
.card-item ul li {
  display: block;
}
.card-item .item-cta {
  display: block;
  padding: 6px 20px;
  margin: 0 -20px -6px;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  transition: background 0.16s ease-in;
  color: #049fd9;
  text-decoration: none;
}
.card-item .item-cta .pseudo-link:hover {
  text-decoration: none;
}
.card-item .item-cta .single {
  display: inline-block;
  line-height: 36px;
  font-weight: bold;
}
.card-item .item-cta .two-lines strong {
  display: inline-block;
  width: 56%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.card-item .item-cta .btn {
  float: right;
  margin: -2px -6px 0 0;
  position: relative;
  z-index: 1;
}
.card-item .item-cta:hover {
  background: #e9f2f8;
}
.card-item .item-cta:hover .pseudo-link:hover {
  text-decoration: none;
}
.card-item .item-cta:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #049fd9;
  position: absolute;
  z-index: 0;
  right: 20px;
  top: 16px;
  text-decoration: none;
}
.card-item .icon-admin-only {
  position: absolute;
  right: 13px;
  top: 13px;
  color: #9e9ea2;
  z-index: 10;
}
.card-item.border-less {
  border-bottom: transparent;
}
.card-item .loader {
  padding: 5px;
}
.device-page  h3 {
  font-size: 19px;
  padding: 0 0 10px;
}
.page-with-cards {
  margin-left: -15px;
}
.download-conf-holder .intro-msg {
  margin-top: 20px;
}
.download-conf-holder .download-file button {
  top: -10px;
}
.download-conf-holder .download-file .desc {
  margin: 10px 0 0 10px;
  display: inline-block;
}
.download-conf-holder .download-file .desc p {
  color: #323232;
  margin: 0;
}
.system-settings .card {
  padding: 25px;
  margin-bottom: 20px;
}
.system-settings .card.table-holder {
  padding: 0;
}
.system-settings .card header {
  border-bottom: 1px solid #f0f0f0;
  margin: 0 0 20px;
  overflow: hidden;
  font-size: 18px;
  font-weight: normal;
  padding: 0 0 15px 0;
}
.system-settings .card header .emulate {
  right: 0;
  left: auto;
}
.system-settings .card header h3:not(.nofloat),
.system-settings .card header label {
  display: inline-block;
  float: left;
  margin: 0;
  line-height: 40px;
  font-weight: normal;
}
.system-settings .card .warning-block {
  margin: 0 -20px 20px;
  padding: 0 20px 6px;
}
.system-settings .card .general-errors {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 25px;
  padding-right: 25px;
}
.system-settings .card .syslog-config-title {
  margin-bottom: 18px;
}
.system-settings .card .syslog-config-title .onoffswitch {
  margin-top: -8px;
}
.system-settings > .row {
  max-width: 1100px;
}
.system-settings > .row.center {
  margin: 0 auto;
}
.system-settings h2 {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  line-height: 37px;
  margin: 0 15px 0 0;
  float: left;
}
.system-settings h2 ~ .onoffswitch {
  margin-top: 4px;
}
.system-settings .enable-checkbox-holder {
  float: right;
}
.system-settings .btn-select {
  background: #e5e5e5;
}
.system-settings .modal .form-group label {
  text-align: right;
}
.system-settings .form-group:before,
.system-settings .form-group:after {
  content: " ";
  display: table;
}
.system-settings .form-group:after {
  clear: both;
}
.system-settings .form-group:before,
.system-settings .form-group:after {
  content: " ";
  display: table;
}
.system-settings .form-group:after {
  clear: both;
}
.system-settings .page-error {
  background-color: transparent;
  padding-left: 0;
  padding-right: 0;
}
.system-settings .page-error .alert-danger {
  background-color: transparent;
  margin: 0;
}
.system-settings.geolocation-settings > .row {
  max-width: none;
}
.system-settings .dhcp-server .dhcp-info-icon {
  display: inline-block;
  padding-left: 10px;
  margin-top: 7px;
  line-height: 1;
  cursor: pointer;
  color: #c6c7ca;
}
.system-settings .dhcp-server .enable-auto {
  margin: 0 0 12px -3px;
}
.system-settings .dhcp-server .onoffswitch .onoffswitch-label {
  margin: -4px 6px 0 0;
}
.system-settings .dhcp-server .parent-select .btn-select,
.system-settings .dhcp-server .parent-select li,
.system-settings .dhcp-server .parent-select input {
  font-size: 14px;
}
.system-settings .dhcp-server fieldset.wins {
  margin-bottom: 6px;
}
.system-settings .dhcp-server fieldset.dns {
  margin: 20px 0 0;
}
.system-settings .dhcp-server fieldset.dns .form-group label {
  display: block;
  line-height: 1.5;
  padding: 0;
}
.system-settings fieldset.dns {
  margin-top: 10px;
}
.system-settings fieldset.dns .row .opendns {
  top: -22px;
}
.system-settings .multisettings-tile {
  margin-bottom: 24px;
}
.system-settings .multisettings-tile h4 {
  margin-bottom: 16px;
}
.system-settings .multisettings-tile .dns-heading h4 {
  margin-bottom: 0;
}
.system-settings .learn-more-wrapper {
  width: 100%;
}
.system-settings .learn-more-wrapper .learn-more {
  margin: 20px 0;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
}
.system-settings .learn-more-wrapper .learn-more .icon-chevron-right:before {
  font-size: 12px;
  display: inline-block;
}
.system-settings .learn-more-wrapper .learn-more.expanded .icon-chevron-right:before {
  transform: rotate(90deg);
}
.system-settings .row-same-height {
  display: flex;
  margin-bottom: 20px;
}
.system-settings .row-same-height .config-card {
  height: 100%;
}
.managementip .managementip-info-icon {
  margin-left: 5px;
}
.geolocation-settings .separator {
  float: left;
  line-height: 36px;
  margin-right: 10px;
  font-size: 15px;
}
.geolocation-settings .separator.for-time {
  margin: 0 -5px 0 -10px;
}
.geolocation-settings .onoffswitch .onoffswitch-label span.on {
  color: #fff;
  padding-left: 10px;
}
.geolocation-settings .onoffswitch .onoffswitch-label span.off {
  color: #9e9ea2;
  padding-right: 10px;
}
.geolocation-settings .upd-time {
  margin-top: 20px;
}
.geolocation-settings .upd-time > label {
  font-weight: normal;
  margin: 0;
  line-height: 34px;
  font-size: 15px;
}
.geolocation-settings .upd-time .dropdown {
  padding-left: 0;
}
.geolocation-settings .upd-time .dropdown.col-mini {
  width: 11%;
}
.geolocation-settings .upd-time.disabled {
  opacity: .75;
}
.geolocation-settings .update-start-time {
  margin-top: 20px;
  margin-bottom: 35px;
}
.geolocation-settings .upd-save {
  margin-bottom: 20px;
}
.geolocation-settings .location {
  color: #9e9ea2;
  font-size: 15px;
  line-height: 36px;
}
.geolocation-settings .dropdown-menu li {
  position: relative;
  padding: 10px 15px 10px 30px;
  color: #000;
  text-transform: uppercase;
  font-size: 14px;
}
.geolocation-settings .dropdown-menu li i {
  position: absolute;
  top: 11px;
  left: 10px;
  font-size: 10px;
  color: #fff;
}
.geolocation-settings .dropdown-menu li.active,
.geolocation-settings .dropdown-menu li:hover {
  background-color: transparent;
  color: #000;
}
.geolocation-settings .dropdown-menu li.active i,
.geolocation-settings .dropdown-menu li:hover i {
  color: #000;
}
.geolocation-settings .dropdown-menu li.dropdown-title {
  padding-left: 15px;
  color: #9e9ea2;
  border-bottom: none;
}
.upd-block header h3 {
  padding-left: 0;
}
.upd-block header .text-right {
  color: #9e9ea2;
  font-size: 15px;
  padding-top: 14px;
  padding-right: 0;
}
.upd-block .entry {
  font-size: 15px;
  color: #58585b;
  padding: 0 5px;
}
.upd-block .entry .col-sm-6 {
  margin-bottom: 25px;
}
.upd-block .entry .col-sm-12 {
  margin: 5px 0 20px;
}
.upd-block .entry .btn {
  float: right;
  margin-left: 20px;
  margin-top: -5px;
}
.upd-block .entry .note {
  color: #c6c7ca;
  display: inline-block;
  width: 60%;
}
.upd-block .entry .error {
  color: #cf2030;
  font-size: 14px;
}
.upd-block .entry .error i {
  color: #cf2030;
  font-size: 14px;
  margin-right: 5px;
}
.upd-block .entry .success {
  font-size: 14px;
  color: #6ebd4b;
}
.upd-block .entry .success .icon-checkmark {
  vertical-align: text-bottom;
  width: 16px;
  height: 16px;
  text-align: center;
  padding-top: 3px;
  background-color: #6ebd4b;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.upd-block .entry .success .icon-checkmark:before {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 10px;
  transform: scale(0.8, 0.8);
}
.cloud-services .disabled-service .title,
.cloud-services .disabled-service article {
  opacity: 0.65;
}
.cloud-services .disabled-service .title {
  display: inline-block;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .icon-badge {
  margin-left: 0;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .intro-text {
  margin: 10px 0;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper h3 {
  margin-top: 20px;
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram {
  margin-top: 60px;
  width: 500px;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .diagram-block {
  position: relative;
  width: 25%;
  padding: 0 15px;
  float: left;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #9e9ea2;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .diagram-block.block-services {
  width: 50%;
  color: #58585b;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .diagram-block.block-services > .title {
  color: #049fd9;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-wrapper {
  float: left;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-wrapper > [class^='icon-'] {
  display: block;
  font-size: 37px;
  margin: -4px 0;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-wrapper.device {
  margin-left: -15px;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-wrapper.device .icon-device {
  font-size: 50px;
  margin: -9px 0 -16px;
  color: #6ebd4b;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-services .block-wrapper {
  float: none;
  border: 1px dashed #049fd9;
  border-radius: 10px;
  margin: -55px 0 8px;
  padding: 15px 15px 10px 22px;
  position: relative;
  text-align: left;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-services .block-wrapper .icon-cloud {
  position: absolute;
  margin-top: -0.6em;
  left: -0.6em;
  top: 50%;
  color: #049fd9;
  text-shadow: -3px -3px 0 #f7f7f7, 3px -3px 0 #f7f7f7, -3px 3px 0 #f7f7f7, 3px 3px 0 #f7f7f7;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-services .block-wrapper .service-block {
  border-radius: 2px;
  background: #e5e5e5;
  text-transform: none;
  margin-bottom: 5px;
  padding: 2px 5px;
  font-weight: normal;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .block-services .block-wrapper .service-block [class^='icon-'] {
  padding: 5px 5px 0;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .arrow-right {
  border-top: 1px solid #c6c7ca;
  position: absolute;
  width: 32%;
  height: 1px;
  left: 50%;
  top: 14px;
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .arrow-right:before,
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .arrow-right:after {
  content: ' ';
  display: block;
  position: absolute;
  right: -2px;
  top: -4px;
  width: 10px;
  height: 1px;
  background: #c6c7ca;
  transform: rotate(45deg);
}
.cloud-services .cloud-management-card .cloud-management-diagram-wrapper .cloud-management-diagram .arrow-right:after {
  transform: rotate(-45deg);
  top: 2px;
}
.cloud-services .cloud-management-card .with-info-icon-tooltip .item-picker {
  width: 100%;
  position: relative;
}
.cloud-services .cloud-management-card .with-info-icon-tooltip .item-picker + .cs-tooltip {
  position: absolute;
  right: -18px;
  top: 35px;
}
.cloud-services .cloud-management-card .btn {
  margin-right: 15px;
}
.cloud-services .page-top {
  position: relative;
  margin-bottom: 15px;
}
.cloud-services .cloud-region-label {
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 0;
}
.cloud-region-label [class^='icon-'] {
  line-height: 18px;
}
.telemetry-block .telemetry-label {
  font-weight: bold;
}
.telemetry-block .status-text {
  display: inline-block;
}
.telemetry-block .status-text.active {
  color: #6ebd4b;
}
.telemetry-block .status-text .icon-badge {
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 15px;
  margin: -2px 2px 0;
}
.telemetry-block .telemetry-action a {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}
.telemetry-block .telemetry-action:before {
  content: "";
  display: inline-block;
  width: 1px;
  vertical-align: middle;
  margin: 0 5px;
  height: 16px;
  background: #c6c7ca;
}
.ntp-manual-input {
  margin: 0 4px 8px 0;
  position: relative;
}
.ntp-remove-server {
  position: absolute;
  top: 8px;
  right: -34px;
}
.ntp-remove-server.pseudo-link {
  color: #c6c7ca;
}
.ntp-remove-server:hover {
  color: #cf2030 !important;
}
.severity-dropdown [class*='icon-'] {
  display: inline-block;
  margin: 0 3px 0 0;
  vertical-align: middle;
}
.severity-dropdown .dropdown-item-label {
  display: inline-block;
}
.severity-dropdown .dropdown-menu [class*='icon-'] {
  margin: 0 5px 0 1px;
}
.severity-dropdown .dropdown-menu .active [class*='icon-'] {
  color: #64bbe3;
  border: 1px solid white;
  background: white;
}
.severity-dropdown .dropdown-menu {
  max-height: 261px;
}
.severity-dropdown .dropdown-menu li {
  padding: 10px 15px 10px 10px;
}
.severity-dropdown.open .btn .icon-severity {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.feature-page-stateful .feature-state {
  position: relative;
  padding: 0 0 8px 45px;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px;
}
.feature-page-stateful .feature-state .featurestate-heading {
  min-height: 50px;
}
.feature-page-stateful .feature-state .featurestate-heading .titles .icon-pause,
.feature-page-stateful .feature-state .featurestate-heading .titles .icon-cancel {
  font-size: 32px;
}
.feature-page-stateful .feature-state .featurestate-heading.content-one-line .titles {
  padding-top: 18px;
}
.feature-page-stateful .feature-state .featurestate-heading .exclamation:before {
  content: '!';
  text-align: center;
  font: bold 25px 'CiscoSans', Helvetica, Arial, sans-serif !important;
}
.feature-page-stateful .feature-state .positive {
  color: #6ebd4b;
}
.feature-page-stateful .feature-state .neutral {
  color: #58585b;
}
.feature-page-stateful .feature-state.action-sent {
  padding-left: 0;
}
.feature-page-stateful .feature-state.warning {
  border-bottom: 3px solid #ff7300;
}
.feature-page-stateful .feature-state.warning .titles {
  color: #ff7300;
}
.feature-page-stateful .feature-state.warning.error {
  border-color: #cf2030;
}
.feature-page-stateful .feature-state.ha-is-loading .titles {
  margin-top: 9px;
  margin-bottom: 9px;
}
.feature-page-stateful .feature-state.unregistered .icon-badge {
  font-size: 14px;
}
.feature-page-stateful .feature-state.unregistered .titles {
  padding-top: 18px;
}
.feature-page-stateful .feature-state.connected .titles {
  color: #6ebd4b;
}
.feature-page-stateful .feature-state.connected .icon-badge {
  font-size: 14px;
}
.feature-page-stateful .feature-state.no-bottom-spacing {
  margin-bottom: 0;
}
.feature-page-stateful .feature-state-heading {
  padding-bottom: 20px;
}
.feature-page-stateful .feature-state-more {
  border-top: 1px solid #f0f0f0;
  padding-top: 20px;
  padding-bottom: 20px;
}
.feature-page-stateful .feature-state .titles {
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  padding: 10px 0 0;
}
.feature-page-stateful .feature-state .titles .normal-case {
  text-transform: none;
}
.feature-page-stateful .feature-state .titles strong {
  display: block;
}
.feature-page-stateful .feature-state .titles span strong {
  display: inline;
}
.feature-page-stateful .feature-state .titles .icon-badge,
.feature-page-stateful .feature-state .titles .icon-no-badge {
  position: absolute;
  top: 10px;
  left: -36px;
}
.feature-page-stateful .feature-state .titles .icon-no-badge {
  margin: 0 8px;
}
.feature-page-stateful .feature-state .titles .icon-no-badge .inline-loader {
  top: 10px;
  width: 46px;
}
.feature-page-stateful .feature-state .sync,
.feature-page-stateful .feature-state .info,
.feature-page-stateful .feature-state .add-info {
  display: inline-block;
  vertical-align: top;
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid #f0f0f0;
}
.feature-page-stateful .feature-state .sync p,
.feature-page-stateful .feature-state .add-info p {
  margin: 5px 0;
}
.feature-page-stateful .feature-state .info {
  padding: 12px 0 12px 20px;
}
.feature-page-stateful .feature-state .info i {
  cursor: pointer;
  color: #9e9ea2;
}
.feature-page-stateful .feature-state .info i:hover,
.feature-page-stateful .feature-state .info i:focus,
.feature-page-stateful .feature-state .info i:active,
.feature-page-stateful .feature-state .info i.active {
  color: #58585b;
}
.feature-page-stateful .feature-state .status-error {
  color: #cf2030;
}
.feature-page-stateful .feature-state .status-error strong {
  text-transform: uppercase;
}
.feature-page-stateful .feature-state .status-actions {
  padding-top: 20px;
}
.feature-page-stateful .feature-state .status-actions .days {
  font-size: 48px;
  color: #9e9ea2;
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px 0 0;
}
.feature-page-stateful .feature-state .status-actions .days .current-day {
  color: #58585b;
}
.feature-page-stateful .feature-state .status-actions .days .left-days {
  font-size: 14px;
  margin: 0 0 0 -8px;
}
.feature-page-stateful .feature-state .status-actions .btn {
  margin: 0 20px 0 0;
}
.feature-page-stateful .feature-state .status-actions a.btn {
  line-height: 28px;
}
.feature-page-stateful .feature-state .state-device h3 {
  margin: 0 0 5px;
  line-height: 1.75;
  font-size: 16px;
  color: #ff7300;
  text-transform: uppercase;
}
.feature-page-stateful .feature-state .state-device h3 strong {
  font-weight: bold;
}
.feature-page-stateful .feature-state .hint {
  display: none;
}
.feature-page-stateful .feature-state .titles .ha-is-deploying .icon-badge {
  margin-left: 0;
  line-height: 32px;
  position: static;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
}
.feature-page-stateful .feature-state .titles .ha-is-deploying .icon-badge .loader {
  width: 24px;
  padding: 0;
  display: inline-block;
}
.feature-page-stateful .feature-state .titles .ha-is-deploying .icon-badge ~ strong {
  line-height: 32px;
}
.feature-page-stateful .content h4 {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  margin: 12px 0;
}
.feature-page-stateful .content.unregistered h4 {
  color: #c6c7ca;
}
.feature-page-stateful .content .item.unavailable-license {
  border: 2px dotted #c6c7ca;
  background: #f7f7f7;
  color: #c6c7ca;
  box-shadow: none;
}
.feature-page-stateful .content .item.unavailable-license p,
.feature-page-stateful .content .item.unavailable-license header,
.feature-page-stateful .content .item.unavailable-license h3 {
  color: #c6c7ca;
}
.feature-page-stateful .content .item.unavailable-license h3 {
  padding-top: 16px;
}
.feature-page-stateful .big-spinner {
  margin: 60px;
}
.feature-page-stateful .network-participation-link {
  margin: 8px 10px 0 0;
}
.feature-page-stateful .card-wrapper {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0 15px;
}
.feature-page-stateful .card-wrapper h4.license-type {
  width: 100%;
}
.feature-page-stateful .card-wrapper .config-card {
  width: calc(50% - 30px);
  margin-right: 30px;
}
.feature-page-stateful .card-wrapper .config-card .general-errors {
  margin: -16px -25px 16px;
  padding: 0 25px;
}
.bottom-corner-tooltip {
  padding-bottom: 0;
}
.bottom-corner-tooltip:before {
  content: '';
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  border-top: 6px solid rgba(0, 0, 0, 0.7);
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: none;
}
.modal ul.steps-vertical-2 {
  list-style: none;
  position: relative;
  width: 470px;
  margin: 0 auto 20px;
}
.modal ul.steps-vertical-2 li.step-entity {
  padding: 20px 0 20px 56px;
  position: relative;
}
.modal ul.steps-vertical-2 li.step-entity .clipboard-success,
.modal ul.steps-vertical-2 li.step-entity .clipboard-failed {
  color: #6ebd4b;
  font-weight: bold;
  display: inline-block;
  margin-right: 8px;
}
.modal ul.steps-vertical-2 li.step-entity .clipboard-failed {
  color: #ff7300;
}
.modal ul.steps-vertical-2 li.step-entity .num {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #9e9ea2;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  text-align: center;
  color: #9e9ea2;
  position: absolute;
  left: 0;
  top: 26px;
  font-weight: 300;
  font-size: 16px;
}
.modal ul.steps-vertical-2 li.step-entity .step-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  font-size: 18px;
  line-height: 32px;
  display: block;
  max-width: 450px;
  font-weight: 300;
}
.modal ul.steps-vertical-2 li.step-entity .sub-line {
  font-size: 13px;
}
.modal ul.steps-vertical-2 li.step-entity.single-line .step-title {
  margin-top: 12px;
}
.modal ul.steps-vertical-2 li.step-entity:not(:last-child) {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}
.telemetry-sample-dialog {
  width: 800px;
}
.telemetry-sample-dialog pre {
  width: 750px;
  height: 700px;
}
.telemetry-sample-dialog .modal-data {
  padding-bottom: 20px;
}
.inline-vert-separator {
  width: 1px;
  height: 14px;
  display: inline-block;
  background: transparent;
  border-right: 1px dotted #c6c7ca;
  margin: 0 10px;
  vertical-align: middle;
}
.registration-code-input-button-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 10px;
}
.registration-code-input-button-group .btn {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  padding: 0 10px;
  margin-left: 15px;
  width: 100px;
}
.registration-code-input-button-group .disabled {
  color: #58585b;
}
.registration-code-input-button-group .registration-code {
  flex-grow: 1;
}
.plr-smart-licensing-dialog {
  width: 700px;
}
.plr-smart-licensing-dialog .info-block {
  padding: 0 0 20px 30px;
  margin: 0 -25px 30px -25px;
}
.plr-smart-licensing-dialog .tab-content {
  padding: 15px 0 0 0;
}
.backup-widgets,
.update-widgets {
  margin-bottom: 24px;
}
.backup-widgets .height-alignment.backup-menu,
.update-widgets .height-alignment.backup-menu {
  min-height: 148px;
}
.backup-widgets .height-alignment .typecontent,
.update-widgets .height-alignment .typecontent {
  min-height: 60px;
}
.backup-menu,
.update-type {
  padding: 16px;
  min-height: 116px;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.backup-menu .general-errors,
.update-type .general-errors,
.backup-menu .page-success,
.update-type .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.backup-menu header ~ div .general-errors,
.update-type header ~ div .general-errors {
  margin-top: 0;
}
.backup-menu header,
.update-type header {
  border-bottom: 1px solid #e5e5e5;
  margin: 0 -12px 20px;
  padding: 0 12px 4px;
  min-height: 60px;
}
.backup-menu header h3,
.update-type header h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  margin: 0;
}
.backup-menu header p,
.update-type header p {
  margin: 0 0 10px;
}
.backup-menu header .current,
.update-type header .current {
  font-weight: 300;
  font-size: 14px;
  color: #9e9ea2;
  margin-left: 6px;
}
.backup-menu footer,
.update-type footer {
  margin: 20px 0 0;
}
.backup-menu footer.upgrade-footer,
.update-type footer.upgrade-footer {
  margin: 0;
}
.backup-menu footer .pseudo-link,
.update-type footer .pseudo-link {
  white-space: nowrap;
}
.backup-menu footer .note,
.update-type footer .note {
  color: #9e9ea2;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 14px;
}
.backup-menu footer .note .icon-info-1,
.update-type footer .note .icon-info-1 {
  margin-bottom: -3px;
}
.backup-menu .typecontent,
.update-type .typecontent {
  position: relative;
}
.backup-menu .typecontent .created,
.update-type .typecontent .created {
  display: inline-block;
  padding-left: 32px;
  max-width: 100%;
}
.backup-menu .typecontent .typeicon,
.update-type .typecontent .typeicon {
  top: 2px;
  left: 0;
}
.backup-menu .typecontent .time,
.update-type .typecontent .time {
  position: relative;
  padding-right: 32px;
  max-width: 100%;
  display: block;
  min-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.backup-menu .typecontent .time .edit,
.update-type .typecontent .time .edit {
  position: absolute;
  right: 0;
  display: inline-block;
}
.backup-menu .type,
.update-type .type {
  position: relative;
  border-left: 1px dotted #c6c7ca;
  padding: 6px 10px 8px 20px;
}
.backup-menu .type:first-child,
.update-type .type:first-child {
  border-left: none;
}
.backup-menu .type h3,
.update-type .type h3 {
  margin: 0 0 16px;
}
.backup-menu .type .onoffswitch-label,
.update-type .type .onoffswitch-label {
  margin-top: 4px;
  margin-right: 10px;
  margin-bottom: 0;
}
.backup-menu .type .onoffswitch-label span,
.update-type .type .onoffswitch-label span {
  font-size: 12px;
}
.backup-menu .type .onoffswitch-label span.off,
.update-type .type .onoffswitch-label span.off {
  padding: 0 15px 0 30px;
  color: #9e9ea2;
}
.backup-menu .type .onoffswitch-label span.on,
.update-type .type .onoffswitch-label span.on {
  padding: 0 30px 0 15px;
  border-color: #049fd9;
  background-color: #049fd9;
  color: #fff;
}
.backup-menu .type small,
.update-type .type small {
  font-size: 14px;
  line-height: 18px;
  vertical-align: baseline;
}
.backup-menu .type .edit,
.update-type .type .edit {
  display: inline-block;
  vertical-align: baseline;
  font-weight: normal;
}
.backup-menu .type .help-link,
.update-type .type .help-link {
  float: right;
}
.backup-menu .type .typeicon,
.update-type .type .typeicon {
  color: #9e9ea2;
  font-size: 24px;
  top: 43px;
  left: 20px;
  position: absolute;
}
.backup-menu .type .time,
.update-type .type .time {
  margin-right: 10px;
  margin-top: -2px;
}
.backup-menu h3,
.update-type h3 {
  margin: 0 0 16px;
}
.backup-menu small,
.update-type small {
  font-size: 14px;
  line-height: 18px;
  vertical-align: baseline;
}
.backup-menu .edit,
.update-type .edit {
  display: inline-block;
  vertical-align: baseline;
  font-weight: normal;
}
.backup-menu .typeicon,
.update-type .typeicon {
  color: #9e9ea2;
  font-size: 24px;
  top: 43px;
  left: 20px;
  position: absolute;
}
.backup-menu .recurring .created,
.update-type .recurring .created,
.backup-menu .scheduled .created,
.update-type .scheduled .created {
  display: inline-block;
  padding-left: 32px;
}
.backup-menu .manual .generating,
.update-type .manual .generating {
  position: relative;
  display: inline-block;
}
.backup-menu .manual .generating:before,
.update-type .manual .generating:before {
  position: absolute;
  bottom: 20px;
  left: 0;
}
.backup-menu .manual .help-link,
.update-type .manual .help-link {
  margin: 0 10px 0 0;
}
.backup-menu .upload,
.update-type .upload {
  padding-left: 8px;
}
.update-type {
  padding: 24px;
}
.update-type .general-success.inline {
  font-size: 12px;
}
.update-type .empty-message {
  color: #9e9ea2;
}
.update-type .empty-message strong {
  font-weight: normal;
  font-size: 18px;
  display: block;
  margin-bottom: 4px;
}
.update-type .subsection {
  margin-bottom: -20px;
}
.update-type .subsection .title {
  color: #9e9ea2;
  font-size: 14px;
  margin: 0 0 8px;
}
.update-type .subsection .name {
  display: block;
  margin: 0 0 6px;
  word-break: break-all;
}
.update-type .subsection .description {
  display: block;
  margin: 0 0 12px;
  word-break: break-all;
}
.update-type .subsection .description .cs-tooltip:hover,
.update-type .subsection .description .cs-tooltip:active {
  color: #58585b;
  text-decoration: none;
}
.update-type .subsection .checksum {
  border-bottom: 1px dotted;
  cursor: help;
  margin: 0 6px 0 0;
  display: inline-block;
  font-size: 14px;
  color: #58585b;
}
.update-type .subsection .checksum:before {
  content: "";
}
.update-type .subsection .cs-uploader .cs-upload-filename {
  font-weight: 400;
}
.update-type .subsection .icon-remove {
  float: right;
  color: #cf2030;
  font-size: 20px;
  margin: 0 4px 4px;
  opacity: 0.65;
  cursor: pointer;
  text-decoration: none;
}
.update-type .subsection .icon-remove:hover {
  opacity: 1;
}
.update-error {
  border-bottom: 3px solid #cf2030;
}
.backup-list .cs-search-input {
  margin-bottom: 14px;
}
.backup-list table .cell-name {
  width: 500px;
  min-width: 300px;
}
.backup-list table .cell-name .cell-value {
  position: relative;
  padding-right: 30px;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  overflow: hidden;
  max-width: 100%;
}
.backup-list table .cell-name .cell-value > span {
  max-width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.backup-list table .cell-name .cs-tooltip {
  position: absolute;
  right: 0;
  top: -1px;
  height: 21px;
  width: 21px;
  overflow: hidden;
}
.backup-list table .cell-status i[class^="icon-"] {
  width: 17px;
  height: 17px;
  margin-left: 3px;
  line-height: 1;
}
.backup-list table .cell-status .icon-checkmark-thin {
  font-size: 10px;
  padding-top: 3px;
  color: #fff;
  background-color: #6ebd4b;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.backup-list table .cell-status .icon-cancel {
  font-size: 17px;
  color: #cf2030;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.backup-list table .spinner {
  opacity: 0.5;
}
.backup.modal-dialog .modal-footer > div.pull-left {
  padding-top: 9px;
}
.backup.modal-dialog .modal-footer > div.pull-left a {
  font-weight: bold;
  line-height: 22px;
  display: inline-block;
}
.backup.modal-dialog .modal-footer > div.pull-left a i {
  margin-right: 8px;
}
.backup.modal-dialog .onoffswitch-label {
  margin-top: 4px;
  margin-right: 10px;
  margin-bottom: 0;
}
.backup.modal-dialog .onoffswitch-label span {
  font-size: 12px;
}
.backup.modal-dialog .onoffswitch-label span.off {
  padding: 0 15px 0 30px;
  color: #9e9ea2;
}
.backup.modal-dialog .onoffswitch-label span.on {
  padding: 0 30px 0 15px;
  border-color: #049fd9;
  background-color: #049fd9;
  color: #fff;
}
.backup.modal-dialog .wrapp-emulate input[type="checkbox"] {
  margin-left: 0;
}
.backup.modal-dialog .info-block {
  margin: -5px -25px 25px;
  padding: 0px 25px 16px;
}
.upgrade-file-uploader .cs-uploader .loader-small {
  position: static;
}
#smxPopupContainer {
  background: transparent;
  height: 100%;
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
}
#smxPopupContainer .smxPopup {
  background: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#smxPopupContainer .smxPopup .underlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
#smxPopupContainer .smxPopup .popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
#smxPopupContainer .smxPopup .popupCont {
  margin: auto;
  display: inline-block;
  position: relative;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.2);
  border: none;
  background-color: #fff;
  border-radius: 5px;
  background-clip: padding-box;
  outline: 0;
  overflow: hidden;
  max-width: 1600px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
}
#smxPopupContainer .smxPopup .dialogHeader h3 {
  background-color: #037aa7;
  border-top: 3px solid #049fd9;
  padding: 20px 56px 20px 24px;
  position: relative;
  min-height: 60px;
  font: 300 24px/1 'CiscoSans', Helvetica, Arial, sans-serif;
  color: white;
  margin: 0 0 15px;
}
#smxPopupContainer .smxPopup .dialogHeader p {
  margin-bottom: 0;
  padding: 0 24px;
  color: #9e9ea2;
}
#smxPopupContainer .smxPopup .dialogHeader .btn-help {
  position: absolute;
  top: 23px;
  right: 61px;
}
#smxPopupContainer .smxPopup .columnSelectorWrapper {
  display: inline-block;
}
#smxPopupContainer .smxPopup .popupActions {
  padding: 0;
  margin: 0;
  list-style: 0;
}
#smxPopupContainer .smxPopup .popupActions li.helpText.hide {
  display: none;
}
#smxPopupContainer .smxPopup .popupActions span.closeText {
  font: 200 48px/44px 'CiscoSans', Helvetica, Arial, sans-serif;
  color: rgba(255, 255, 255, 0.4);
  text-indent: -999px;
  opacity: 1;
  filter: alpha(opacity=100);
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  top: 14px;
  right: 14px;
  margin: 0;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#smxPopupContainer .smxPopup .popupActions span.closeText:before,
#smxPopupContainer .smxPopup .popupActions span.closeText:after {
  content: '';
  position: absolute;
  top: 19px;
  left: 11px;
  width: 20px;
  height: 1px;
  background-color: white;
}
#smxPopupContainer .smxPopup .popupActions span.closeText:before {
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#smxPopupContainer .smxPopup .popupActions span.closeText:after {
  -o-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
#smxPopupContainer .smxPopup .popupActions span.closeText:hover {
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
#smxPopupContainer .smxPopup .smxFormActions ul {
  padding: 24px 24px 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
}
#smxPopupContainer .smxPopup .smxFormActions li {
  float: right;
}
#smxPopupContainer .smxPopup .smxFormActions .button {
  display: inline-block;
  vertical-align: top;
}
#smxPopupContainer .smxPopup .smxFormActions .button button {
  white-space: nowrap;
  background: #049fd9;
  color: white;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  padding: 0 29px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
#smxPopupContainer .smxPopup .smxFormActions .button button:hover,
#smxPopupContainer .smxPopup .smxFormActions .button button:focus,
#smxPopupContainer .smxPopup .smxFormActions .button button:active {
  background: #037aa7;
  text-decoration: none;
}
#smxPopupContainer .smxPopup .smxFormActions .button.secondaryButton {
  margin-right: 24px;
}
#smxPopupContainer .smxPopup .smxFormActions .button.secondaryButton button {
  background: #e5e5e5;
  color: #323232;
}
#smxPopupContainer .smxPopup .smxFormActions .button.secondaryButton button:hover,
#smxPopupContainer .smxPopup .smxFormActions .button.secondaryButton button:focus,
#smxPopupContainer .smxPopup .smxFormActions .button.secondaryButton button:active {
  background: #9e9ea2;
  color: white;
  text-decoration: none;
}
.columnSelectorDialog {
  overflow: hidden;
  display: block;
  width: 600px;
  padding: 0;
}
#smxPopupContainer .columnSelectorDialog .dialogHeader .btn-help {
  top: 14px;
  right: 58px;
  width: 40px;
  height: 40px;
}
#smxPopupContainer .columnSelectorDialog .dialogHeader .btn-help [class^='icon-'] {
  top: 10px;
}
.columnSelectorDialog .columnBoxes {
  position: static;
  margin-top: 10px;
  padding: 0 24px;
}
.columnSelectorDialog .columnBoxes .columnBox {
  width: 264px;
  float: left;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList {
  margin: 12px -1px 0;
  height: 325px;
  overflow: auto;
  width: auto;
  border: 1px solid #c6c7ca;
  padding: 0;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #e5e5e5;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li:last-child {
  border-bottom: none;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemOver {
  cursor: move;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemSelected,
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemAnchor {
  background: #64bbe3;
  color: #fff;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemBefore,
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemAfter {
  border-top: 0 solid #037aa7;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemBefore {
  border-top-width: 1px;
  padding-top: 9px;
}
.columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemAfter {
  border-bottom-width: 1px;
}
.columnSelectorDialog .columnBoxes .columnBox dl {
  margin-bottom: 10px;
}
.columnSelectorDialog .columnBoxes .columnBox dl dt {
  font-weight: bold;
  color: #9e9ea2;
}
.columnSelectorDialog .columnBoxes .columnBox dl dt .selectAll {
  float: right;
  cursor: pointer;
  color: #049fd9;
  font-weight: normal;
}
.columnSelectorDialog .columnBoxes .columnBox dl dt .selectAll:hover {
  color: #037aa7;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox {
  height: 39px;
  margin-top: 10px;
  box-shadow: 0 0 0 1px #f0f0f0;
  border: 7px solid #fff;
  border-radius: 5px 5px 0 0;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox div {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .tableWrapper {
  display: table;
  height: 100%;
  width: 100%;
  border-radius: 3px;
  background-color: #e5e5e5;
  position: relative;
  padding-left: 20px;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .tableWrapper:before {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 14px;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #9e9ea2;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .tableWrapper .placeHolder {
  color: #9e9ea2;
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding-top: 3px;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .tableWrapper .placeHolder.hidden {
  display: none;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .clearIcon {
  float: right;
  width: 7px;
  height: 7px;
  margin: 5px 9px 0 5px;
  cursor: pointer;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .clearIcon.hidden {
  display: none;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox input.dijitTextBox {
  display: inline-block;
  width: 1px;
  height: 100%;
  margin: 0;
  padding: 2px 2px 2px 2px;
  border: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  background: none;
  opacity: 1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox input.dijitTextBox:focus,
.columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox input.dijitTextBox:active {
  outline: none;
}
.columnSelectorDialog .columnBoxes .columnBox.leftBox .columnList {
  height: 288px;
  border-top: 0;
  margin-top: 0;
}
.columnSelectorDialog .columnBoxes .columnBox.rightBox {
  margin-left: 24px;
}
.dojoDndAvatar {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 0;
}
.dojoDndAvatar ul {
  padding: 0;
  margin: 0;
  list-style: none;
  background: #fff;
}
.dojoDndAvatar li {
  list-style: none;
  font-size: 12px;
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #f0f0f0;
}
.eventDetailsView .title {
  color: white;
  background-color: #037aa7;
  border-top: 3px solid #049fd9;
  padding: 20px 56px 20px 24px;
}
.eventDetailsView .title h3 {
  font: 300 24px/1 'CiscoSans', Helvetica, Arial, sans-serif;
  color: white;
  padding: 0;
  margin: 0 10px 0 0;
  display: inline-block;
}
.eventDetailsView .title .time {
  float: right;
  color: #c6d9e7;
  margin: 4px 12px 0 0;
}
.eventDetailsView .title .time label {
  display: none;
}
.eventDetailsView .eventDescription {
  padding: 24px;
}
.eventDetailsView .denyReason {
  padding: 0 24px;
  font-weight: bold;
  margin: 0 0 -50px;
}
.eventDetailsView .detailsViewDetails {
  padding: 12px;
}
.eventDetailsView .detailsViewDetails .detailsTitle {
  display: none;
}
.eventDetailsView .detailsViewDetails .eventDetailsTable .mainColumn {
  vertical-align: top;
  padding: 12px 36px 0 4px;
  width: 33.3%;
}
.eventDetailsView .detailsViewDetails .eventDetailsTable .mainColumn table {
  width: 100%;
}
.eventDetailsView .detailsViewDetails .eventDetailsData .fieldCategory h3 {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #037aa7;
  margin: 50px 0 10px;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr th,
.eventDetailsView .detailsViewDetails .eventDetailsData tr td {
  padding: 8px 10px 6px;
  border-bottom: 1px solid #f0f0f0;
  vertical-align: top;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr th {
  font-weight: normal;
  width: 38%;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr td {
  font-weight: bold;
  width: 62%;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr span {
  word-break: break-all;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr .na {
  font-style: italic;
  font-weight: normal;
  color: #9e9ea2;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr .urlField {
  font-weight: normal;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr .urlField > div {
  position: relative;
}
.eventDetailsView .detailsViewDetails .eventDetailsData tr .fullUrl {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  font-size: 12px;
  box-shadow: none;
  border-radius: 0;
  border: none;
  padding: 10px 12px;
  left: -12px;
  right: -12px;
  bottom: 0;
  max-height: 250px;
  overflow: auto;
}
.eventDetailsView .detailsViewDetails tr.fieldCategory td,
.eventDetailsView .detailsViewDetails tr.fieldCategory th {
  border: none;
}
.breadcrumbs.pseudo-sidenav {
  padding: 0;
  position: relative;
  top: -15px;
}
.breadcrumbs.pseudo-sidenav .show-sidebar {
  bottom: 0;
  top: 20px;
}
.hassidebar.off .xwtNotification .pageTitleBar {
  padding-left: 33px;
}
.container-fluid.reports,
.container-fluid.sessions {
  max-width: 1155px;
}
.selectList,
.selectList .clippedContent {
  outline: none;
}
.xwtNotification .no-data-available .highcharts-series rect {
  display: none;
}
.xwtNotification .no-data-available .highcharts-data-labels {
  display: none;
}
.xwtNotification .no-data-available .barChartLinkHolder {
  display: none !important;
}
.xwtNotification .reportMessage {
  display: none;
}
.xwtNotification .pageTitleBar {
  float: left;
  width: auto;
}
.xwtNotification .pageTitleBar h2 {
  color: #58585b;
  font-size: 24px;
  display: inline-block;
  font-weight: 200;
  margin-top: 0;
}
.xwtNotification .pageTitleBar h2.breadcrumbs-header {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 0;
}
.xwtNotification .pageTitleBar h2 .breadcrumbs-link {
  max-width: 310px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  vertical-align: bottom;
}
.xwtNotification .pageTitleBar h2 .breadcrumbs-link:before {
  content: "→";
  margin: 0 7px;
}
.xwtNotification .reportContainerHeader {
  float: right;
  width: 70%;
  max-width: 670px;
}
.xwtNotification .reportTimeRangeDisplayRow {
  position: relative;
}
.xwtNotification .reportTimeRangeDisplayRow > label {
  display: none;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList {
  float: right !important;
  padding-top: 0 !important;
  margin-left: 50px;
  display: inline-block;
  position: relative;
  outline: none;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList .clippedContent {
  color: #323232;
  background: #e5e5e5;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  outline: none;
  height: 36px;
  line-height: 36px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList .clippedContent .selectBox {
  margin: 0;
  padding: 0 28px 0 13px;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList .clippedContent .selectBox .selectText {
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList .clippedContent .dropDownArrow {
  width: 25px;
  height: 36px;
  position: absolute;
  top: 0;
  right: 0;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList .clippedContent .dropDownArrow .icon:before {
  font-family: "firewall";
  font-size: 10px;
  color: #323232;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList .readOnlyVal {
  display: none;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList.Opened .clippedContent {
  color: white;
  background: #58585b;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList.Opened .clippedContent .selectText {
  color: white;
}
.xwtNotification .reportTimeRangeDisplayRow .selectList.Opened .clippedContent .dropDownArrow .icon:before {
  color: white;
}
.xwtNotification .reportTimeRangeDisplayRow .reportTimeRange {
  color: #58585b;
  font-size: 12px;
  line-height: 36px;
  text-align: right;
}
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage {
  position: absolute;
  top: 9px;
  right: 168px;
  width: 20px;
  height: 20px;
}
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #c6c7ca;
  margin: 0 0 0 2px;
}
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage:hover .messageBoxNode {
  opacity: 0.5;
}
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage .messageBoxNode {
  opacity: 0;
  position: absolute;
  top: 100%;
  right: 50%;
  width: 320px;
  transform: translateX(50%);
  text-align: center;
  height: auto;
  background-color: black;
  padding: 10px 15px 7px;
  color: white;
  font-size: 12px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage .messageBoxNode .warning {
  color: white;
}
.xwtNotification .reportTimeRangeDisplayRow .inlineMessage .messageBoxNode:after {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-bottom: 6px solid black;
  border-top: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.xwtNotification .compositePanel {
  width: 100%;
  margin-bottom: 10px;
  clear: both;
}
.xwtNotification .reportContainerRow {
  max-width: 1145px;
  margin: 0 -10px;
}
.xwtNotification .reportContainerRow .reportTable {
  margin: 0 0 10px 10px;
}
.xwtNotification .reportContainerRow .xsaReportlet.col3 {
  min-height: 110px;
}
.xwtNotification .reportContainerRow .xsaReportlet.col3 .imgAndTextWrap {
  margin-top: 30px;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsiblePane {
  float: left;
  width: 361px;
  min-height: 343px;
  margin: 10px;
  overflow: hidden;
  position: relative;
  background: #f7f7f7 !important;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsiblePane .general-errors,
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsiblePane .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsiblePane header ~ div .general-errors {
  margin-top: 0;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleHead {
  width: 100%;
  height: auto;
  padding: 5px 15px 2px;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleHead .collapseIconText {
  margin: 0;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleHead .collapsiblePaneLabel {
  cursor: default;
  font-size: 24px;
  color: #58585b;
  font-weight: 300;
  margin: 10px 0;
  width: 300px;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleBodyWrap {
  background: #fff;
  min-height: 260px;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleBodyWrap .xsaChartReportLetViewAllLink {
  padding: 10px 20px 20px;
}
.xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleBodyWrap .xsaChartReportLetViewAllLink a {
  color: #049fd9;
  font-size: 12px;
}
.xwtNotification .reportContainerRow .summaryDetails {
  display: none;
}
.xwtNotification .reportContainerRow .summaryTotals > div:first-child {
  height: 20px !important;
}
.xwtNotification .reportContainerRow .summaryTotals .reportTable {
  height: auto;
  margin-left: 0;
}
.xwtNotification .reportContainerRow .drilldownSummary .summaryReportsAndTotals {
  padding: 0 10px;
}
.xwtNotification .reportContainerRow .clear {
  margin: 0;
  width: auto;
  height: auto;
}
.xwtNotification .reportContainerRow .collapsiblePaneLabel {
  font-size: 14px;
  font-weight: bold;
  margin: -30px 10px -24px;
}
.xwtNotification .readOnlyVal {
  display: none;
}
.xwtNotification .highcharts-container svg + span {
  display: none;
}
.xwtNotification .highcharts-container svg rect.highcharts-background {
  fill: #fff;
}
.xwtNotification .highcharts-container svg .highcharts-axis path {
  stroke: transparent;
}
.xwtNotification .highcharts-container svg tspan {
  font-size: 12px;
  color: #58585b;
  font-style: normal;
}
.xwtNotification .highcharts-container svg ~ div > span {
  left: 15px !important;
  width: 100px !important;
  margin-top: -4px !important;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.xwtNotification .highcharts-container svg ~ div > span a {
  color: #58585b;
  font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
  line-height: 16px;
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.xwtNotification .highcharts-container svg ~ div > span .barChartLabel {
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.xwtNotification .customTimeRangeSpan {
  display: none;
  float: right;
  margin: 15px -5px 0 0;
  height: 0;
  width: 0;
  overflow: hidden;
}
.xwtNotification .customTimeRangeSpan.show {
  display: inline-block;
  height: auto;
  width: auto;
  overflow: visible;
}
.xwtNotification .customTimeRangeSpan .button button {
  text-transform: uppercase;
  font-size: 12px;
  border: none;
  height: 40px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  padding: 7px 29px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  background: #049fd9;
  color: white;
}
.xwtNotification .customTimeRangeSpan .button button:hover,
.xwtNotification .customTimeRangeSpan .button button:active {
  background: #037aa7;
}
.xwtNotification .customTimeRangeSpan .button.has-error button {
  border: 2px solid #f7f7f7;
  box-shadow: 0 0 0 2px #cf2030;
  border-radius: 4px;
}
.xwtNotification .customTimeRangeSpan table {
  background-color: transparent;
  float: right;
}
.xwtNotification .customTimeRangeSpan table td {
  padding: 0 5px;
}
.xwtNotification .customTimeRangeSpan label {
  font-weight: 400;
  font-size: 13px;
  line-height: 36px;
}
.xwtNotification .customTimeRangeSpan label[data-dojo-attach-point="apTimezoneLabel"] {
  color: #58585b;
  font-size: 11px;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit {
  position: relative;
  text-transform: none;
  font-size: 12px;
  padding: 1px 25px 0 13px;
  text-align: left;
  height: 36px;
  background: #e5e5e5;
  border: 2px solid transparent;
  display: inline-block;
  font-weight: normal;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #58585b;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitArrowButton {
  position: absolute;
  width: 100%;
  height: 32px;
  top: 0;
  right: 0;
  font-size: 10px;
  text-align: right;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitArrowButton:before {
  padding: 10px 7px 0 0;
  width: 25px;
  display: inline-block;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitArrowButton > input {
  width: 100%;
  height: 100%;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitArrowButton > input:focus {
  outline: none;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitValidationContainer {
  display: none;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitValidationContainer input.dijitInputField {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer {
  height: 32px;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer input,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitTextArea,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitTextBox,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .xwtValidationTextBox,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitComboBox,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitSpinner {
  height: 32px;
  width: 90px;
  line-height: 32px;
  border: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
}
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer input:focus,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitTextArea:focus,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitTextBox:focus,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .xwtValidationTextBox:focus,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitComboBox:focus,
.xwtNotification .customTimeRangeSpan .timeRangeSelector .dateTime .dijit .dijitInputContainer .dijitSpinner:focus {
  outline: none;
}
.xwtNotification .customTimeRangeSpan .error-message {
  color: #cf2030;
  font-size: 12px;
  text-align: right;
  padding-top: 8px;
  float: right;
}
.xwtNotification .compositeReportletOptions ol {
  padding: 0 15px 10px;
  margin: 0;
  list-style: none;
  background-color: #f7f7f7;
}
.xwtNotification .compositeReportletOptions .byTransactions > *,
.xwtNotification .compositeReportletOptions .byBandwidth > * {
  float: left;
  padding: 5px 10px;
  line-height: 15px;
  font-size: 12px;
}
.xwtNotification .compositeReportletOptions .byTransactions span,
.xwtNotification .compositeReportletOptions .byBandwidth span {
  float: left;
  padding: 5px 10px;
  line-height: 15px;
  color: #049fd9;
  border: 2px solid;
  background-color: white;
  cursor: default;
}
.xwtNotification .compositeReportletOptions .byTransactions a,
.xwtNotification .compositeReportletOptions .byBandwidth a,
.xwtNotification .compositeReportletOptions .byTransactions a:hover,
.xwtNotification .compositeReportletOptions .byBandwidth a:hover {
  color: #323232;
  border: 2px solid #e5e5e5;
  background-color: #e5e5e5;
  text-decoration: none;
}
.xwtNotification .compositeReportletOptions .byTransactions a:hover,
.xwtNotification .compositeReportletOptions .byBandwidth a:hover,
.xwtNotification .compositeReportletOptions .byTransactions a:hover:hover,
.xwtNotification .compositeReportletOptions .byBandwidth a:hover:hover {
  color: #049fd9;
  cursor: pointer;
}
.xwtNotification .compositeReportletOptions .byTransactions a,
.xwtNotification .compositeReportletOptions .byTransactions span {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.xwtNotification .compositeReportletOptions .byTransactions a {
  display: none;
}
.xwtNotification .compositeReportletOptions .byBandwidth a,
.xwtNotification .compositeReportletOptions .byBandwidth span {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.xwtNotification .compositeReportletOptions .byBandwidth span {
  display: none;
}
.xwtNotification .compositeReportletOptions .transTypeSelect {
  float: left;
  position: relative;
  margin-left: 10px;
}
.xwtNotification .compositeReportletOptions .transTypeSelect .selectBox:focus,
.xwtNotification .compositeReportletOptions .transTypeSelect .clippedContent:focus {
  outline: none;
}
.xwtNotification .compositeReportletOptions .transTypeSelect .selectText {
  line-height: 29px;
  cursor: pointer;
}
.xwtNotification .compositeReportletOptions .transTypeSelect .selectText:focus {
  outline: none;
}
.xwtNotification .compositeReportletOptions .transTypeSelect .dropDownArrow {
  position: absolute;
  top: 10px;
  right: -15px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #049fd9;
}
.xwtNotification .compositeReportletOptions .transTypeSelect .selectResults {
  width: 100px;
}
.xwtNotification .reportTable > h3 {
  display: none;
}
.xwtNotification .reportTable table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  border: none;
  background-color: #fff;
  overflow: hidden;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.xwtNotification .reportTable table .general-errors,
.xwtNotification .reportTable table .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.xwtNotification .reportTable table header ~ div .general-errors {
  margin-top: 0;
}
.xwtNotification .reportTable table th {
  background-color: #037aa7;
  vertical-align: bottom;
  border-top: 1px solid #037aa7 !important;
  border-bottom: 1px solid #037aa7;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.xwtNotification .reportTable table th:first-child {
  border-left: none;
}
.xwtNotification .reportTable table th:last-child {
  border-right: none;
}
.xwtNotification .reportTable table th h4 {
  font-size: 10px;
  letter-spacing: 0.08em;
  line-height: 26px;
  color: #ffffff;
  padding: 8px 22px 8px 10px;
  margin: 0;
  text-transform: uppercase;
  position: relative;
}
.xwtNotification .reportTable table th.long .icon {
  display: none;
}
.xwtNotification .reportTable table th .icon {
  position: absolute;
  right: 8px;
  top: 45%;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: solid 4px transparent;
  border-bottom-color: #fff;
}
.xwtNotification .reportTable table th .icon:hover {
  cursor: pointer;
}
.xwtNotification .reportTable table th .icon:before {
  content: "";
  position: absolute;
  right: -4px;
  top: 7px;
  width: 0;
  height: 0;
  margin-top: -1px;
  border: solid 4px transparent;
  border-top-color: #fff;
}
.xwtNotification .reportTable table th.Ascending .icon {
  margin-top: -5px;
  border-bottom-color: #fff;
  border-top-color: transparent;
}
.xwtNotification .reportTable table th.Ascending .icon:before {
  content: none;
}
.xwtNotification .reportTable table th.Descending .icon {
  margin-top: -1px;
  border-top-color: #fff;
  border-bottom-color: transparent;
}
.xwtNotification .reportTable table th.Descending .icon:before {
  content: none;
}
.xwtNotification .reportTable table th.Ascending:hover,
.xwtNotification .reportTable table th.Descending:hover {
  cursor: pointer;
}
.xwtNotification .reportTable table th.Ascending h4,
.xwtNotification .reportTable table th.Descending h4 {
  font-weight: bold;
}
.xwtNotification .reportTable table tr:nth-of-type(odd) {
  background-color: #fff;
}
.xwtNotification .reportTable table tr:nth-of-type(even) {
  background-color: rgba(232, 232, 232, 0.49);
}
.xwtNotification .reportTable table tr td {
  line-height: 1.3;
  font-size: 12px;
  vertical-align: top;
  border: 0;
  min-height: 0;
  color: #58585b;
  padding: 13px 10px 11px;
}
.xwtNotification .noDataAvailable {
  font-size: 13px;
  text-align: center;
  color: #9e9ea2;
  margin: 20px 0;
}
.xwtNotification .miniBar ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.xwtNotification .topControls {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.xwtNotification .topControls > ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.xwtNotification .topControls > ul > li {
  float: left;
  margin-right: 15px;
  line-height: 29px;
}
.xwtNotification .topControls .maxRecords label {
  font-weight: normal;
  font-size: 10px;
  position: absolute;
  top: -25px;
}
.xwtNotification .topControls .selectList {
  float: right !important;
  padding-top: 0 !important;
  display: inline-block;
  position: relative;
  outline: none;
}
.xwtNotification .topControls .selectList .clippedContent {
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  outline: none;
  height: 29px;
  line-height: 29px;
  background-color: #64bbe3;
  width: 70px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.xwtNotification .topControls .selectList .clippedContent .selectBox {
  margin: 0;
  padding: 0 26px 0 10px;
}
.xwtNotification .topControls .selectList .clippedContent .selectBox .selectText {
  text-transform: uppercase;
  font-size: 12px;
  height: 29px;
  line-height: 29px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.xwtNotification .topControls .selectList .clippedContent .dropDownArrow {
  width: 25px;
  height: 29px;
  position: absolute;
  top: 0;
  right: 0;
}
.xwtNotification .topControls .selectList .clippedContent .dropDownArrow .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0;
  height: 0;
  margin-left: -3px;
  margin-top: -1px;
  border: solid 4px transparent;
  border-top-color: #fff;
}
.xwtNotification .topControls .selectList .readOnlyVal {
  display: none;
}
.xwtNotification .topControls .values,
.xwtNotification .topControls .percentages {
  margin: 0;
}
.xwtNotification .topControls .values > *,
.xwtNotification .topControls .percentages > * {
  float: left;
  padding: 5px 10px;
  line-height: 15px;
  font-size: 12px;
}
.xwtNotification .topControls .values span,
.xwtNotification .topControls .percentages span {
  float: left;
  padding: 5px 10px;
  line-height: 15px;
  color: #049fd9;
  border: 2px solid;
  background-color: white;
  cursor: default;
}
.xwtNotification .topControls .values a,
.xwtNotification .topControls .percentages a,
.xwtNotification .topControls .values a:hover,
.xwtNotification .topControls .percentages a:hover {
  color: #58585b;
  border: 2px solid #e5e5e5;
  background-color: #e5e5e5;
  text-decoration: none;
}
.xwtNotification .topControls .values a:hover,
.xwtNotification .topControls .percentages a:hover,
.xwtNotification .topControls .values a:hover:hover,
.xwtNotification .topControls .percentages a:hover:hover {
  color: #049fd9;
  cursor: pointer;
}
.xwtNotification .topControls .values a,
.xwtNotification .topControls .values span {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.xwtNotification .topControls .values a {
  display: none;
}
.xwtNotification .topControls .percentages a,
.xwtNotification .topControls .percentages span {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.xwtNotification .topControls .percentages span {
  display: none;
}
.xwtNotification .topControls li[dojoattachpoint="divider"] {
  display: none;
}
.btn-select-monitoring .selectList .clippedContent {
  color: #323232;
  font-size: 14px;
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.btn-select-monitoring .selectList .clippedContent .selectBox {
  white-space: nowrap;
  margin: 0;
  padding: 0 28px 0 13px;
}
.btn-select-monitoring .selectList .clippedContent .dropDownArrow {
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  height: 100%;
}
.btn-select-monitoring .selectList .clippedContent .dropDownArrow .icon {
  border: none;
  position: relative;
  margin: 0;
  left: 0;
  top: 0;
  line-height: 1;
}
.btn-select-monitoring .selectList .clippedContent .dropDownArrow .icon:before {
  font-family: "firewall";
  font-size: 10px;
  color: #323232;
}
.btn-select-monitoring .selectList .clippedContent:hover {
  background: #9e9ea2;
  color: #fff;
}
.btn-select-monitoring .selectList .clippedContent:hover .dropDownArrow .icon:before {
  color: #fff;
}
.btn-select-monitoring .selectList.Opened .clippedContent {
  color: white;
  background: #58585b;
}
.btn-select-monitoring .selectList.Opened .clippedContent .selectText {
  color: white;
}
.btn-select-monitoring .selectList.Opened .clippedContent .dropDownArrow .icon:before {
  color: white;
}
.reports .xwtNotification .selectList .clippedContent {
  color: #323232;
  font-size: 14px;
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.reports .xwtNotification .selectList .clippedContent .selectBox {
  white-space: nowrap;
  margin: 0;
  padding: 0 28px 0 13px;
}
.reports .xwtNotification .selectList .clippedContent .dropDownArrow {
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  height: 100%;
}
.reports .xwtNotification .selectList .clippedContent .dropDownArrow .icon {
  border: none;
  position: relative;
  margin: 0;
  left: 0;
  top: 0;
  line-height: 1;
}
.reports .xwtNotification .selectList .clippedContent .dropDownArrow .icon:before {
  font-family: "firewall";
  font-size: 10px;
  color: #323232;
}
.reports .xwtNotification .selectList .clippedContent:hover {
  background: #9e9ea2;
  color: #fff;
}
.reports .xwtNotification .selectList .clippedContent:hover .dropDownArrow .icon:before {
  color: #fff;
}
.reports .xwtNotification .selectList.Opened .clippedContent {
  color: white;
  background: #58585b;
}
.reports .xwtNotification .selectList.Opened .clippedContent .selectText {
  color: white;
}
.reports .xwtNotification .selectList.Opened .clippedContent .dropDownArrow .icon:before {
  color: white;
}
.reports .xwtNotification .compositeReportletOptions .dropDownArrow {
  line-height: 28px;
}
.reports .xwtNotification .compositeReportletOptions .dropDownArrow .icon {
  left: 6px !important;
}
.eventing .moreControls .selectList .clippedContent {
  color: #323232;
  font-size: 14px;
  background: #e5e5e5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.eventing .moreControls .selectList .clippedContent .selectBox {
  white-space: nowrap;
  margin: 0;
  padding: 0 28px 0 13px;
}
.eventing .moreControls .selectList .clippedContent .dropDownArrow {
  width: 25px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  height: 100%;
}
.eventing .moreControls .selectList .clippedContent .dropDownArrow .icon {
  border: none;
  position: relative;
  margin: 0;
  left: 0;
  top: 0;
  line-height: 1;
}
.eventing .moreControls .selectList .clippedContent .dropDownArrow .icon:before {
  font-family: "firewall";
  font-size: 10px;
  color: #323232;
}
.eventing .moreControls .selectList .clippedContent:hover {
  background: #9e9ea2;
  color: #fff;
}
.eventing .moreControls .selectList .clippedContent:hover .dropDownArrow .icon:before {
  color: #fff;
}
.eventing .moreControls .selectList.Opened .clippedContent {
  color: white;
  background: #58585b;
}
.eventing .moreControls .selectList.Opened .clippedContent .selectText {
  color: white;
}
.eventing .moreControls .selectList.Opened .clippedContent .dropDownArrow .icon:before {
  color: white;
}
.eventing .moreControls .selectList .clippedContent .dropDownArrow .icon {
  top: 3px;
}
.eventing .moreControls .selectList .clippedContent .dropDownArrow .icon:after {
  display: none;
}
.imgAndTextWrap {
  color: #9e9ea2;
  text-align: center;
  margin-top: 70px;
}
.imgAndTextWrap img {
  margin-top: 10px;
}
#fullNameNode.tooltip {
  position: absolute;
  border: none;
  max-width: 200px;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  opacity: 1;
  margin-top: -50px;
}
.dijitPopup {
  position: absolute;
  background-color: white;
  margin: 0;
  border: 0;
  padding: 0;
}
.dijitCalendarPopup input:focus,
.dijitCalendarPopup input:active {
  outline: none !important;
}
.dijitCalendarPopup .dijitCalendarContainer {
  width: auto;
}
.dijitCalendarPopup .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
  text-align: center;
}
.dijitCalendarPopup .dijitCalendarIncrementControl,
.dijitCalendarPopup .dijitTreeExpando {
  display: none;
}
.dijitCalendarPopup .dijitCalendarContainer .dijitCalendarDisabledDate.dijitCalendarCurrentMonth.dijitCalendarHoveredDate {
  background-color: white !important;
}
.dijitCalendarPopup .dijitCalendarContainer .dijitCalendarDisabledDate {
  text-decoration: none !important;
  color: #e5e5e5 !important;
}
.dijitCalendarPopup .dijitCalendarContainer .dijitCalendarDisabledDate.dijitCalendarNextMonth.dijitCalendarHoveredDate {
  background-color: #f7f7f7 !important;
}
.dijitCalendarPopup .dijitCalendarContainer .dijitCalendarDisabledDate.dijitCalendarPreviousMonth.dijitCalendarHoveredDate {
  background-color: #f7f7f7 !important;
}
.dijitCalendarPopup .dijitCalendarIncrementControl,
.dijitCalendarPopup .dijitSpinner div.dijitArrowButtonInner {
  display: block;
}
.dijitCalendarPopup .dijitCalendarContainer th,
.dijitCalendarPopup .dijitCalendarContainer td {
  padding: 3px;
  vertical-align: middle;
}
.dijitCalendarPopup .dijitCalendarYearLabel {
  white-space: nowrap;
}
.dijitCalendarPopup .dijitCalendarNextYear,
.dijitCalendarPopup .dijitCalendarPreviousYear {
  margin: 5px 10px;
}
.dijitCalendarPopup .dijitCalendarIncrementControl {
  vertical-align: middle;
}
.dijitCalendarPopup .dijitCalendarIncrementControl,
.dijitCalendarPopup .dijitCalendarDateTemplate,
.dijitCalendarPopup .dijitCalendarMonthLabel,
.dijitCalendarPopup .dijitCalendarPreviousYear,
.dijitCalendarPopup .dijitCalendarNextYear {
  cursor: pointer;
}
.dijitCalendarPopup .dijitCalendarDisabledDate {
  color: gray;
  text-decoration: line-through;
  cursor: default;
}
.dijitCalendarPopup .dijitSpacer {
  position: relative;
  height: 1px;
  overflow: hidden;
  visibility: hidden;
}
.dijitCalendarPopup .dijitCalendarIncrementControl {
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("/media/ext/release/prsm/dijit/themes/tundra/images/spriteRoundedIconsSmall.png") no-repeat;
}
.dijitCalendarPopup .dijitA11ySideArrow {
  display: none;
}
.dijitCalendarPopup .dijitCalendarDecrease {
  background-position: top left;
}
.dijitCalendarPopup .dijitCalendarIncrease {
  background-position: -30px top;
}
.dijitCalendarPopup .dijitCalendarContainer {
  font-size: 100%;
  border-spacing: 0;
  border-collapse: separate;
  border: 1px solid #c6c7ca;
  margin: 0;
}
.dijitCalendarPopup .dijitCalendarMonthContainer th {
  background: #c6c7ca url("/media/ext/release/prsm/dijit/themes/tundra/images/titleBar.png") repeat-x top;
  padding-top: 3px;
  padding-bottom: 3px;
  text-align: center;
}
.dijitCalendarPopup .dijitCalendarDayLabelTemplate {
  background: white url("/media/ext/release/prsm/dijit/themes/tundra/images/calendarDayLabel.png") repeat-x bottom;
  font-weight: normal;
  padding: 5px;
  border-top: 1px solid #e5e5e5;
  color: #58585b;
  text-align: center;
}
.dijitCalendarPopup .dijitCalendarBodyContainer {
  border-bottom: 1px solid #e5e5e5;
}
.dijitCalendarPopup .dijitCalendarMonthLabel {
  color: #58585b;
  font-weight: bold;
  padding: 4px;
  display: inline-block;
}
.dijitCalendarPopup .dijitCalendarDateTemplate {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  padding: 3px 3px 2px 2px;
  letter-spacing: 1px;
}
.dijitCalendarPopup .dijitCalendarPreviousMonth,
.dijitCalendarPopup .dijitCalendarNextMonth {
  color: #9e9ea2;
  background-color: #f7f7f7;
}
.dijitCalendarPopup .dijitCalendarCurrentDate {
  text-decoration: underline;
  font-weight: bold;
}
.dijitCalendarPopup .dijitCalendarSelectedDate {
  background-color: #b0d7ec !important;
  color: black !important;
}
.dijitCalendarPopup .dijitCalendarYearContainer {
  background: white url("/media/ext/release/prsm/dijit/themes/tundra/images/calendarYearLabel.png") repeat-x bottom;
  border-top: 1px solid #c6c7ca;
}
.dijitCalendarPopup .dijitCalendarYearLabel {
  margin: 0;
  padding: 5px;
  text-align: center;
  font-size: 12px;
}
.dijitCalendarPopup .dijitCalendarSelectedYear {
  font-weight: bolder;
  color: black;
  padding: 3px;
  background-color: #b0d7ec !important;
}
.dijitCalendarPopup .dijitCalendarNextYear,
.dijitCalendarPopup .dijitCalendarPreviousYear {
  color: black !important;
  font-weight: normal;
}
.dijitCalendarPopup .dijitDropDownButton {
  margin: 0;
}
.dijitCalendarPopup .dijitButtonText {
  padding: 0;
}
.dijitCalendarPopup .dijitDropDownButton .dijitButtonNode {
  background-color: transparent;
  background-image: none;
  padding: 0;
}
.dijitOffScreen {
  position: absolute !important;
  left: 50% !important;
  top: -10000px !important;
}
.dijitCalendarMonthMenu {
  margin-left: -20px !important;
}
.dijitCalendarMonthMenu input:focus,
.dijitCalendarMonthMenu input:active {
  outline: none !important;
}
.dijitCalendarMonthMenu.dijitMenu,
.dijitCalendarMonthMenu.dijitMenuBar {
  border: 1px solid #64bbe3;
  margin: 0;
  padding: 0;
  background-color: #f7f7f7;
}
.dijitCalendarMonthMenu.dijitMenu .dijitCalendarMonthLabel,
.dijitCalendarMonthMenu.dijitMenuBar .dijitCalendarMonthLabel {
  display: block;
  padding: 3px 20px;
}
.dijitCalendarMonthMenu.dijitMenu .dijitCalendarMonthLabelHover,
.dijitCalendarMonthMenu.dijitMenuBar .dijitCalendarMonthLabelHover {
  background-color: #049fd9;
  color: #fff;
}
.dijitTimePickerPopup {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
}
.dijitTimePickerPopup input:focus,
.dijitTimePickerPopup input:active {
  outline: none !important;
}
.dijitTimePickerPopup .dijitBackgroundIframe {
  display: none;
}
.dijitTimePickerPopup .dijitTimePickerItemInner {
  text-align: center;
  border: 0;
  padding: 8px 12px;
  font-size: 12px;
}
.dijitTimePickerPopup .dijitTimePickerTick,
.dijitTimePickerPopup .dijitTimePickerMarker {
  background: #c6c7ca;
  color: #323232;
}
.dijitTimePickerPopup .dijitTimePicker .dijitDownArrowButton {
  border-top: none !important;
}
.dijitTimePickerPopup .dijitTimePickerTick {
  background: white;
}
.dijitTimePickerPopup .dijitTimePickerItemHover {
  background-color: gray;
  color: white;
  cursor: pointer;
}
.dijitTimePickerPopup .dijitTimePickerItemDisabled {
  color: gray;
  text-decoration: line-through;
}
.dijitTimePickerPopup .dijitTimePickerItemSelected {
  color: #323232;
  background-color: #b0d7ec;
}
.dijitTimePickerPopup .dijitTimePickerRtl .dijitTimePickerMarkerHover,
.dijitTimePickerPopup .dijitTimePickerRtl .dijitTimePickerMarkerHover {
  border-top: 0;
}
.dijitTimePickerPopup .dijitTimePickerItemHover,
.dijitTimePickerPopup .dijitTimePickerItemSelected {
  position: relative;
  z-index: 10;
  border-bottom-color: transparent;
}
.dijitTimePickerPopup .dijitTimePickerTick .dijitTimePickerItemInner {
  padding: 8px 12px;
}
.dijitTimePickerPopup .dijitTimePickerItemHover {
  background: #049fd9 none;
  color: white;
}
.dijitTimePickerPopup .dijitButtonNode {
  padding: 1px 10px;
  background: #fff;
}
.dijitTimePickerPopup .dijitButtonNode.dijitUpArrowButton,
.dijitTimePickerPopup .dijitButtonNode.dijitDownArrowButton {
  text-align: center;
  cursor: pointer;
}
.dijitTimePickerPopup .dijitButtonNode.dijitUpArrowButton .dijitInline.dijitArrowButtonInner,
.dijitTimePickerPopup .dijitButtonNode.dijitDownArrowButton .dijitInline.dijitArrowButtonInner,
.dijitTimePickerPopup .dijitButtonNode.dijitUpArrowButton .dijitArrowButtonChar,
.dijitTimePickerPopup .dijitButtonNode.dijitDownArrowButton .dijitArrowButtonChar {
  display: inline-block;
  padding: 3px;
  margin-left: -5px;
}
.dijitBackgroundIframe {
  display: none;
}
@media all and (-ms-high-contrast: none) {
  .xwtNotification .reportContainerRow .collapsibleBodyWrap {
    min-height: 270px;
  }
}
.dojoxGridContent > div {
  width: 100%;
}
.eventViewerTabs {
  margin: 20px 0 20px 50px;
  border-bottom: 1px solid #c6c7ca;
}
.eventViewerTabs ul {
  padding: 0;
  margin: 0;
  list-style: none;
  float: left;
  width: 100%;
}
.eventViewerTabs ul li {
  margin: 0 0 -1px;
  border-bottom: 2px solid transparent;
  padding: 5px 0;
  color: #58585b;
  font-weight: 400;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.eventViewerTabs ul li.add {
  padding: 0;
  height: 36px;
  min-width: 36px;
  line-height: 40px;
  width: auto;
  position: relative;
  text-align: center;
  outline: none;
  background: #e5e5e5;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 3px;
  font-size: 0;
  line-height: 36px;
  margin: -7px 0 0 -50px;
}
.eventViewerTabs ul li.add:active,
.eventViewerTabs ul li.add:hover {
  background: #049fd9;
  color: white;
}
.eventViewerTabs ul li.add[disabled],
.eventViewerTabs ul li.add[class*="disabled"] {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.eventViewerTabs ul li.add[disabled] .icon-add,
.eventViewerTabs ul li.add[class*="disabled"] .icon-add {
  color: #9e9ea2;
}
.eventViewerTabs ul li.add[disabled]:hover,
.eventViewerTabs ul li.add[class*="disabled"]:hover,
.eventViewerTabs ul li.add[disabled]:focus,
.eventViewerTabs ul li.add[class*="disabled"]:focus {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.eventViewerTabs ul li.add[disabled]:hover .icon-add,
.eventViewerTabs ul li.add[class*="disabled"]:hover .icon-add,
.eventViewerTabs ul li.add[disabled]:focus .icon-add,
.eventViewerTabs ul li.add[class*="disabled"]:focus .icon-add {
  color: #9e9ea2;
}
.eventViewerTabs ul li.add.btn-sb-add:before {
  content: none;
  display: none;
}
.eventViewerTabs ul li.add.btn-primary,
.eventViewerTabs ul li.add.btn-success {
  background: #049fd9;
}
.eventViewerTabs ul li.add.btn-primary.btn-disabled:hover,
.eventViewerTabs ul li.add.btn-success.btn-disabled:hover,
.eventViewerTabs ul li.add.btn-primary.disabled:hover,
.eventViewerTabs ul li.add.btn-success.disabled:hover {
  background: #049fd9;
}
.eventViewerTabs ul li.add.btn-primary:hover,
.eventViewerTabs ul li.add.btn-success:hover {
  background: #04b1f2;
}
.eventViewerTabs ul li.add.btn-transparent {
  background-color: transparent;
  box-shadow: none;
}
.eventViewerTabs ul li.add.btn-transparent i {
  color: #58585b;
}
.eventViewerTabs ul li.add.btn-transparent:hover i {
  color: #049fd9;
}
.eventViewerTabs ul li.add.btn-xs {
  height: 24px;
  min-width: 24px;
  line-height: 24px;
  padding: 0;
}
.eventViewerTabs ul li.add.btn-xs .icon-add {
  color: #9e9ea2;
}
.eventViewerTabs ul li.add.btn-xs .icon-add:before {
  font-size: 10px;
  line-height: 10px;
  vertical-align: middle;
}
.eventViewerTabs ul li.add.btn-xs:hover:not(.active) .icon-add {
  color: white;
}
.eventViewerTabs ul li.add.btn-xs.active {
  background-color: #58585b;
}
.eventViewerTabs ul li.add.btn-xs.active .icon-add {
  color: white;
}
.eventViewerTabs ul li.add.btn-xs[disabled],
.eventViewerTabs ul li.add.btn-xs[class*="disabled"] {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.eventViewerTabs ul li.add.btn-xs[disabled] .icon-add,
.eventViewerTabs ul li.add.btn-xs[class*="disabled"] .icon-add {
  color: #9e9ea2;
}
.eventViewerTabs ul li.add.btn-xs[disabled]:hover,
.eventViewerTabs ul li.add.btn-xs[class*="disabled"]:hover,
.eventViewerTabs ul li.add.btn-xs[disabled]:focus,
.eventViewerTabs ul li.add.btn-xs[class*="disabled"]:focus {
  background: #e5e5e5;
  color: #323232;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.eventViewerTabs ul li.add.btn-xs[disabled]:hover .icon-add,
.eventViewerTabs ul li.add.btn-xs[class*="disabled"]:hover .icon-add,
.eventViewerTabs ul li.add.btn-xs[disabled]:focus .icon-add,
.eventViewerTabs ul li.add.btn-xs[class*="disabled"]:focus .icon-add {
  color: #9e9ea2;
}
.eventViewerTabs ul li.add.on {
  background: #58585b;
  color: white;
}
.eventViewerTabs ul li.add .icon-add:before {
  font-size: 16px;
}
.eventViewerTabs ul li.add .icon-add-many:before {
  font-size: 20px;
}
.eventViewerTabs ul li.add .icon-add-many {
  top: 3px;
  position: relative;
}
.eventViewerTabs ul li.add .label-add {
  margin: 0 0 0 4px;
}
.eventViewerTabs ul li.add.btn-disabled .loader-small {
  opacity: 1;
  margin-left: 0;
}
.eventViewerTabs ul li.add:before {
  font-size: 16px;
}
.eventViewerTabs ul li.add:hover {
  color: white;
}
.eventViewerTabs ul li.moreDropdown {
  font-size: 0;
  padding: 0;
}
.eventViewerTabs ul li.moreDropdown li {
  padding: 5px 10px 8px;
  margin: 0 2px -3px;
}
.eventViewerTabs ul li.moreDropdown li.selected,
.eventViewerTabs ul li.moreDropdown li.selected:hover,
.eventViewerTabs ul li.moreDropdown li.selected:focus,
.eventViewerTabs ul li.moreDropdown li:hover,
.eventViewerTabs ul li.moreDropdown li:focus {
  border-bottom: 2px solid #049fd9;
  color: #049fd9;
  font-weight: 400;
}
.eventViewerTabs ul li .viewName {
  display: inline-block;
  font-size: 14px;
  text-transform: none;
}
.eventViewerTabs ul li .close {
  display: none;
  height: 10px;
  width: 10px;
  font-size: 14px;
  font-weight: normal;
  margin-left: 8px;
}
.eventViewerTabs ul li.editable .close {
  display: inline-block;
}
.eventViewerTabs ul li.selected.editing .dijit.dijitReset.dijitTextBox {
  display: inline-block;
  font-size: 14px;
  margin: -4px 20px -2px -2px;
}
.eventViewerTabs ul li.selected.editing .dijit.dijitReset.dijitTextBox input {
  width: 100%;
  box-sizing: content-box;
}
.eventViewerTabs ul li.selected.editing .viewName,
.eventViewerTabs ul li.selected.editing .close {
  display: none;
}
.eventViewerTabs ul li .dijit.dijitReset.dijitTextBox {
  display: none;
}
.page.eventing #main.container-fluid {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.page.eventing .monitor.hassidebar,
.page.eventing .monitor.hassidebar:not(.off) {
  padding-left: 230px;
}
.page.eventing .monitor.hassidebar .detailsLink,
.page.eventing .monitor.hassidebar:not(.off) .detailsLink {
  margin-left: -230px;
}
.page.eventing .navigation-sidebar + .row {
  margin: 0 0 -16px;
}
.eventViewerControls {
  padding: 0 15px;
  min-height: 178px;
}
.eventViewerControls .filterBuilder {
  position: relative;
  z-index: 5;
}
.eventViewerControls .disabled-controls {
  opacity: 0.5;
  pointer-events: none;
}
.eventViewerControls .disabled-controls:hover {
  cursor: not-allowed;
}
.eventViewerControls .disabled-controls :disabled,
.eventViewerControls .disabled-controls .disabled {
  opacity: 1 !important;
}
.eventViewerFilter h4,
.eventViewerFilter .placeholder {
  display: none;
}
.eventViewerFilter .placeholder.show {
  display: inline-block;
  color: #9e9ea2;
  padding: 6px 10px 0;
  text-transform: capitalize;
  position: absolute;
  left: 0;
  background-color: #e5e5e5;
  z-index: 99;
}
.eventViewerFilter .clippedContent {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 29px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  -ms-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease;
  background: #e5e5e5;
  color: #323232;
  box-shadow: none;
  border: none;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 14px;
  min-height: 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
  height: auto;
  min-height: 40px !important;
  position: relative;
  padding: 4px 140px 4px 15px;
  margin-bottom: 8px;
}
.eventViewerFilter .clippedContent:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.eventViewerFilter .clippedContent::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.eventViewerFilter .clippedContent:-ms-input-placeholder {
  color: #999;
}
.eventViewerFilter .clippedContent::-webkit-input-placeholder {
  color: #999;
}
.eventViewerFilter .clippedContent::-ms-expand {
  border: 0;
  background-color: transparent;
}
.eventViewerFilter .clippedContent[disabled],
.eventViewerFilter .clippedContent[readonly],
fieldset[disabled] .eventViewerFilter .clippedContent {
  background-color: #eeeeee;
  opacity: 1;
}
.eventViewerFilter .clippedContent[disabled],
fieldset[disabled] .eventViewerFilter .clippedContent {
  cursor: not-allowed;
}
textarea.eventViewerFilter .clippedContent {
  height: auto;
}
.eventViewerFilter .clippedContent:focus {
  background: #e9f2f8;
  box-shadow: none;
}
.eventViewerFilter .clippedContent.ongray {
  background: #fff;
  border: 1px solid transparent;
}
.eventViewerFilter .clippedContent.ongray:focus {
  border: 1px solid #c6c7ca;
}
.eventViewerFilter .clippedContent.short {
  width: 110px;
}
.eventViewerFilter .clippedContent:disabled,
.eventViewerFilter .clippedContent.disabled {
  background: #e5e5e5;
}
.smart-cli-terminal .eventViewerFilter .clippedContent:disabled,
.smart-cli-terminal .eventViewerFilter .clippedContent.disabled {
  background: transparent;
}
.eventViewerFilter .message {
  cursor: default;
}
.eventViewerFilter .message:hover {
  cursor: default;
  text-decoration: none;
}
.eventViewerFilter .inlineMessage {
  border-width: 0 0 2px;
  border-style: solid;
  color: #049fd9;
  padding: 10px 15px 10px 28px;
  font-weight: bold;
  margin: 0 0 18px;
  position: relative;
}
.eventViewerFilter .inlineMessage:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 11px;
  left: 7px;
  font-size: 14px;
}
.eventViewerFilter .inlineMessage.error {
  color: #cf2030;
}
.eventViewerFilter .horizontalList {
  list-style: none;
  padding: 0;
  margin: 0 0 0 -15px;
  vertical-align: baseline;
}
.eventViewerFilter .horizontalList li:only-child {
  margin-left: 6px;
  margin-top: 1px;
}
.eventViewerFilter .filter-tags li {
  position: relative;
  margin: 2px 0px 0px;
  line-height: 14px;
  vertical-align: top;
  display: inline-block;
  opacity: 0;
  cursor: default;
  max-width: 100%;
  overflow: hidden;
  -webkit-transition-property: opacity, width;
  -webkit-transition-duration: 0.25s, 0.25s;
  -moz-transition-property: opacity, width;
  -moz-transition-duration: 0.25s, 0.25s;
  transition-property: opacity, width;
  transition-duration: 0.25s, 0.25s;
}
.eventViewerFilter .filter-tags li.visible {
  opacity: 1;
}
.eventViewerFilter .itemBox {
  display: inline-block;
  position: relative;
}
.eventViewerFilter .itemBox.editable .emptyInput {
  display: inline-block;
  vertical-align: top;
}
.eventViewerFilter .itemBox .filter-tags li p {
  color: white;
  font-size: 12px;
  line-height: 24px;
  padding: 2px 10px;
  margin: 0;
  border-radius: 3px;
  font-weight: normal;
  background: #58585b;
  cursor: pointer;
  -webkit-transition-property: visibility, background-color;
  -webkit-transition-duration: 0.25s;
  -moz-transition-property: visibility, background-color;
  -moz-transition-duration: 0.25s;
  transition-property: visibility, background-color;
  transition-duration: 0.25s;
}
.eventViewerFilter .itemBox .filter-tags li p:hover {
  background: #049fd9;
  color: white;
}
.eventViewerFilter .itemBox .filter-tags li p.invalid {
  background: #cf2030;
  color: white;
}
.eventViewerFilter .itemBox .filter-tags li p span.textContent {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  margin-right: 20px;
  margin-left: 2px;
}
.eventViewerFilter .itemBox .filter-tags li p .deleter {
  float: right;
  visibility: visible;
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  transform: scale(0.8);
  padding: 7px 0px 0 0;
  opacity: 0.6;
}
.eventViewerFilter .itemBox .filter-tags li p .deleter:hover {
  opacity: 1;
}
.eventViewerFilter .itemBox .filter-search div > input {
  margin: 0;
  padding: 0 4px;
  font-size: 12px;
  box-sizing: content-box;
  width: 1px;
  height: 29px;
  border: none;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -webkit-user-select: auto;
  -moz-user-select: auto;
}
.eventViewerFilter .itemBox .optionDropDown {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 21px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  z-index: 2003;
  border: 1px solid #c6c7ca;
  -webkit-transition-property: visibility, opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-property: visibility, opacity;
  -moz-transition-duration: 0.25s;
  transition-property: visibility, opacity;
  transition-duration: 0.25s;
}
.eventViewerFilter .itemBox .filterResults {
  position: absolute;
  left: 0;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  min-width: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  list-style: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
  display: inline-block;
  background: white;
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-transition-property: visibility, opacity;
  -webkit-transition-duration: 0.25s;
  -moz-transition-property: visibility, opacity;
  -moz-transition-duration: 0.25s;
  transition-property: visibility, opacity;
  transition-duration: 0.25s;
}
.eventViewerFilter .itemBox .filterResults.pull-right {
  right: 0;
  left: auto;
}
.eventViewerFilter .itemBox .filterResults .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.eventViewerFilter .itemBox .filterResults > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.eventViewerFilter .itemBox .filterResults.scrollable {
  overflow: auto;
  max-height: 261px;
}
.eventViewerFilter .itemBox .filterResults.cli-commands {
  width: 210px;
  right: 0;
  float: right;
  left: unset;
}
.eventViewerFilter .itemBox .filterResults.cli-commands .content {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  padding-left: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.eventViewerFilter .itemBox .filterResults.cli-commands .dropdown-title {
  padding-left: 15px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.eventViewerFilter .itemBox .filterResults.auto-width {
  width: auto;
}
.eventViewerFilter .itemBox .filterResults li {
  color: #323232;
  line-height: 1.5;
  padding: 10px 15px 10px 20px;
  border-bottom: 1px solid #e9f2f8;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.eventViewerFilter .itemBox .filterResults li.actionable {
  padding: 0;
}
.eventViewerFilter .itemBox .filterResults li.actionable .clickable {
  padding: 10px 15px 10px 20px;
  display: block;
}
.eventViewerFilter .itemBox .filterResults li [class^="icon-"] {
  color: #58585b;
  margin-right: 16px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.eventViewerFilter .itemBox .filterResults li .icon-close {
  font-size: 12px;
  line-height: 23px;
}
.eventViewerFilter .itemBox .filterResults li .spinner {
  position: absolute;
  left: 16px;
  top: 8px;
}
.eventViewerFilter .itemBox .filterResults li .spinner + [class^="icon-"] {
  display: none;
}
.eventViewerFilter .itemBox .filterResults li.active {
  color: #323232;
  font-weight: bold;
}
.eventViewerFilter .itemBox .filterResults li .pseudo-link {
  transition: none;
  padding: 0;
}
.eventViewerFilter .itemBox .filterResults li:last-child {
  border-bottom: none;
}
.eventViewerFilter .itemBox .filterResults li.active,
.eventViewerFilter .itemBox .filterResults li.active:hover,
.eventViewerFilter .itemBox .filterResults li.active > .list-item-description,
.eventViewerFilter .itemBox .filterResults li.active:hover > .list-item-description {
  color: white;
  background: #64bbe3;
}
.eventViewerFilter .itemBox .filterResults li.active .pseudo-link,
.eventViewerFilter .itemBox .filterResults li.active:hover .pseudo-link,
.eventViewerFilter .itemBox .filterResults li.active > .list-item-description .pseudo-link,
.eventViewerFilter .itemBox .filterResults li.active:hover > .list-item-description .pseudo-link {
  color: white;
  background: transparent;
}
.eventViewerFilter .itemBox .filterResults li.active .secondary-value,
.eventViewerFilter .itemBox .filterResults li.active:hover .secondary-value,
.eventViewerFilter .itemBox .filterResults li.active > .list-item-description .secondary-value,
.eventViewerFilter .itemBox .filterResults li.active:hover > .list-item-description .secondary-value {
  color: white;
}
.eventViewerFilter .itemBox .filterResults li.active .hint-in-brackets.warning,
.eventViewerFilter .itemBox .filterResults li.active:hover .hint-in-brackets.warning,
.eventViewerFilter .itemBox .filterResults li.active > .list-item-description .hint-in-brackets.warning,
.eventViewerFilter .itemBox .filterResults li.active:hover > .list-item-description .hint-in-brackets.warning {
  color: white;
  font-weight: 400;
}
.eventViewerFilter .itemBox .filterResults li:hover {
  background: #f7f7f7;
}
.eventViewerFilter .itemBox .filterResults li:hover .pseudo-link {
  background: transparent;
}
.eventViewerFilter .itemBox .filterResults li.dropdown-title {
  pointer-events: none;
  border-bottom: none;
  color: #9e9ea2;
}
.eventViewerFilter .itemBox .filterResults li .main-value {
  max-width: 170px;
  display: 'block';
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  float: left;
  margin-right: 4px;
}
.eventViewerFilter .itemBox .filterResults li .secondary-value {
  font-style: italic;
  color: #9e9ea2;
}
.eventViewerFilter .itemBox .filterResults .custom-divider {
  cursor: auto;
  position: inherit;
}
.eventViewerFilter .itemBox .filterResults .list-item-description {
  color: #9e9ea2;
  font-size: 12px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.eventViewerFilter .itemBox .filterResults.open {
  visibility: visible;
  opacity: 1;
  position: fixed;
  z-index: 1002;
}
.eventViewerFilter .itemBox .filterResults > ul {
  max-height: 300px;
  overflow-y: auto;
  cursor: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}
.eventViewerFilter .itemBox .filterResults > ul li:hover {
  background: #f0f0f0;
}
.eventViewerFilter .itemBox .filterResults > ul a {
  color: #58585b;
  display: block;
  text-decoration: none;
}
.eventViewerFilter .clear {
  position: absolute;
  top: 11px;
  right: 38px;
  cursor: pointer;
  white-space: nowrap;
  width: auto;
  text-transform: uppercase;
  font-size: 0;
  color: #049fd9;
  font-size: 12px;
}
.eventViewerFilter .optionArrowCont {
  position: absolute;
  top: 12px;
  right: 11px;
  display: block !important;
  color: #c6c7ca;
}
.eventViewerFilter .optionArrowCont .icon {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.eventViewerFilter .button {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 8px;
}
.eventViewerFilter .button button {
  background: #049fd9;
  color: white;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 0 29px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.eventViewerFilter .button button:hover,
.eventViewerFilter .button button:active {
  background: #037aa7;
  text-decoration: none;
}
.eventViewerFilter .readonly {
  display: none;
}
.moreControls {
  position: relative;
  z-index: 4;
}
.moreControls .realTimeControls {
  display: inline-block;
}
.moreControls .realTimeControls .refreshLabel {
  display: none;
}
.moreControls .realTimeControls .realTimeDate {
  display: block;
  line-height: 36px;
  padding: 0 20px 0 10px;
}
.moreControls .realTimeControls .realTimeButtons {
  display: inline-block;
}
.moreControls .realTimeControls .sensorPause,
.moreControls .realTimeControls .sensorPlay {
  background: #049fd9;
  color: white;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 0 29px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.moreControls .realTimeControls .sensorPause img,
.moreControls .realTimeControls .sensorPlay img {
  display: none;
}
.moreControls .realTimeControls .sensorPause:hover,
.moreControls .realTimeControls .sensorPlay:hover,
.moreControls .realTimeControls .sensorPause:active,
.moreControls .realTimeControls .sensorPlay:active {
  background: #037aa7;
  text-decoration: none;
}
.moreControls .realTimeControls .sensorPause {
  display: none;
}
.moreControls .realTimeControls.play .sensorPlay {
  display: none;
}
.moreControls .realTimeControls.play .sensorPause {
  display: inline-block;
}
.moreControls .selectList {
  position: relative;
  z-index: 3;
  float: left;
  margin: 0 10px -6px 0;
}
.moreControls .selectList .clippedContent {
  display: inline-block;
  background-color: #64bbe3;
  color: white;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 12px;
  width: 150px;
  padding-left: 32px;
  cursor: pointer;
}
.moreControls .selectList .clippedContent:hover {
  background-color: #64bbe3;
}
.moreControls .selectList .clippedContent:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 12px;
  left: 10px;
  font-size: 16px;
}
.moreControls .selectList .clippedContent .selectBox {
  cursor: pointer;
}
.moreControls .selectList .dropDownArrow {
  top: 2px;
  line-height: 36px;
}
.moreControls .selectList .dropDownArrow .icon {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
}
.moreControls .selectList .readOnlyVal {
  display: none;
}
.moreControls .eventViewerColumnSelect {
  position: absolute;
  bottom: 10px;
  right: 0;
  text-transform: capitalize;
}
.selectResults {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: 100%;
}
.selectResults.open,
.selectResults.open ul {
  display: block;
}
.selectResults ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  width: 100%;
  min-width: auto;
  padding: 0;
  border: none;
  border-radius: 0;
  list-style: none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.selectResults ul.pull-right {
  right: 0;
  left: auto;
}
.selectResults ul .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.selectResults ul > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.selectResults ul.scrollable {
  overflow: auto;
  max-height: 261px;
}
.selectResults ul.cli-commands {
  width: 210px;
  right: 0;
  float: right;
  left: unset;
}
.selectResults ul.cli-commands .content {
  font-family: Menlo, Consolas, Monaco, "Courier New", Courier, monospace;
  padding-left: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.selectResults ul.cli-commands .dropdown-title {
  padding-left: 15px;
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.selectResults ul.auto-width {
  width: auto;
}
.selectResults ul li {
  color: #323232;
  line-height: 1.5;
  padding: 10px 15px 10px 20px;
  border-bottom: 1px solid #e9f2f8;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
}
.selectResults ul li.actionable {
  padding: 0;
}
.selectResults ul li.actionable .clickable {
  padding: 10px 15px 10px 20px;
  display: block;
}
.selectResults ul li [class^="icon-"] {
  color: #58585b;
  margin-right: 16px;
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.selectResults ul li .icon-close {
  font-size: 12px;
  line-height: 23px;
}
.selectResults ul li .spinner {
  position: absolute;
  left: 16px;
  top: 8px;
}
.selectResults ul li .spinner + [class^="icon-"] {
  display: none;
}
.selectResults ul li.active {
  color: #323232;
  font-weight: bold;
}
.selectResults ul li .pseudo-link {
  transition: none;
  padding: 0;
}
.selectResults ul li:last-child {
  border-bottom: none;
}
.selectResults ul li.active,
.selectResults ul li.active:hover,
.selectResults ul li.active > .list-item-description,
.selectResults ul li.active:hover > .list-item-description {
  color: white;
  background: #64bbe3;
}
.selectResults ul li.active .pseudo-link,
.selectResults ul li.active:hover .pseudo-link,
.selectResults ul li.active > .list-item-description .pseudo-link,
.selectResults ul li.active:hover > .list-item-description .pseudo-link {
  color: white;
  background: transparent;
}
.selectResults ul li.active .secondary-value,
.selectResults ul li.active:hover .secondary-value,
.selectResults ul li.active > .list-item-description .secondary-value,
.selectResults ul li.active:hover > .list-item-description .secondary-value {
  color: white;
}
.selectResults ul li.active .hint-in-brackets.warning,
.selectResults ul li.active:hover .hint-in-brackets.warning,
.selectResults ul li.active > .list-item-description .hint-in-brackets.warning,
.selectResults ul li.active:hover > .list-item-description .hint-in-brackets.warning {
  color: white;
  font-weight: 400;
}
.selectResults ul li:hover {
  background: #f7f7f7;
}
.selectResults ul li:hover .pseudo-link {
  background: transparent;
}
.selectResults ul li.dropdown-title {
  pointer-events: none;
  border-bottom: none;
  color: #9e9ea2;
}
.selectResults ul li .main-value {
  max-width: 170px;
  display: 'block';
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  float: left;
  margin-right: 4px;
}
.selectResults ul li .secondary-value {
  font-style: italic;
  color: #9e9ea2;
}
.selectResults ul .custom-divider {
  cursor: auto;
  position: inherit;
}
.selectResults ul .list-item-description {
  color: #9e9ea2;
  font-size: 12px;
  margin-top: 6px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.selectResults ul > li > a {
  padding: 0;
  transition: none;
}
.selectResults ul a:hover {
  text-decoration: none;
}
.eventViewerTableContainer {
  clear: both;
  width: 100%;
  overflow: hidden;
  padding: 0 15px;
}
.eventViewerTableContainer .dojoxGrid {
  position: relative;
  background-color: white;
  outline: none;
  overflow: hidden;
  height: 0;
  width: 100% !important;
  font-size: 12px;
}
.eventViewerTableContainer .dojoxGridMasterHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
.eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader {
  position: absolute;
  overflow: hidden;
  cursor: default;
  z-index: 3;
  border-collapse: separate;
  margin-left: -1px;
  background: #037aa7;
}
.eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridRowTable {
  table-layout: fixed;
  width: 0;
  empty-cells: show;
}
.eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader th {
  padding: 10px 0 10px 10px;
  height: 24px;
  border-left: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  color: white;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader th:focus {
  outline: none;
}
.eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader th:last-child {
  border: none;
}
.eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridSortNode {
  display: table-cell;
  height: 24px;
  line-height: 24px;
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  display: inline-block;
  width: 100%;
}
.dojoxGridMasterView {
  position: relative;
  /*top: 46px;*/
}
.dojoxGridView {
  position: absolute;
  overflow: hidden;
  margin-top: 46px;
}
.dojoxGridView .dojoxGridScrollbox {
  position: relative;
  overflow: auto;
  background-color: white;
  width: 100%;
}
.dojoxGridView .dojoxGridScrollbox .dojoxGridContent {
  /*width: 100% !important;*/
  position: relative;
  overflow: hidden;
  -moz-outline-style: none;
  outline: none;
}
.dojoxGridView .dojoxGridScrollbox .dojoxGridContent > div {
  padding: 0 0 7px;
}
.dojoxGridView .dojoxGridHiddenFocus {
  display: none;
}
.dojoxGridRow {
  position: relative;
  margin: 0;
  background: white;
  border: none;
  height: 35px;
  overflow-y: visible;
}
.dojoxGridRow table {
  background: none;
}
.dojoxGridRow.dojoxGridRowOdd {
  background-color: rgba(232, 232, 232, 0.49);
}
.dojoxGridRow.hovered {
  background: #e9f2f8;
}
.dojoxGridRow .dojoxGridRowTable {
  table-layout: fixed;
  width: 0;
  empty-cells: show;
}
.dojoxGridRow td {
  font-size: 12px;
  border: 0;
  margin: 0;
  padding: 0 0 0 11px;
  vertical-align: middle;
  height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.dojoxGridRow td:focus {
  outline: none;
}
.dojoxGridRow td.filterable {
  cursor: pointer;
}
.dojoxGridRow td.filterable:hover {
  text-decoration: underline;
  color: #049fd9;
}
.dojoxGridRow .detailsLink {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 99;
  top: 3px;
  color: #049fd9;
  padding: 6px 10px;
  text-transform: capitalize;
}
.dojoxGridRow .detailsLink .general-errors,
.dojoxGridRow .detailsLink .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.dojoxGridRow .detailsLink header ~ div .general-errors {
  margin-top: 0;
}
.dojoxGridRow .detailsLink:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: -1px 4px 0 -3px;
}
.LoadingProgress {
  position: absolute;
  z-index: 3;
  left: 50%;
  transform: translateX(-50%);
}
.dojoxGridColResize,
.dojoxGridColResize .dojoDndItemOver,
.dojoxGridColumnResizing,
.dojoxGridColumnResizing .dojoDndItemOver,
.dojoxGridColumnResizing .dojoxGridHeader {
  cursor: col-resize !important;
}
.profile-header i.icon-user {
  font-size: 32px;
}
.profile-content .settings,
.change-password .settings {
  margin-top: 30px;
}
.profile-content .select-time-zone,
.change-password .select-time-zone {
  margin-bottom: 30px;
}
.profile-content .card,
.change-password .card {
  padding-bottom: 25px;
  margin-bottom: 40px;
}
.profile-content .card .page-error,
.change-password .card .page-error {
  margin: 0 -15px;
}
.profile-content .card .page-error .alert-danger,
.change-password .card .page-error .alert-danger {
  padding-left: 45px;
}
.profile-content .card .page-error .alert-danger .icon-cancel,
.change-password .card .page-error .alert-danger .icon-cancel {
  left: 22px;
}
.profile-content .nav-tabs,
.change-password .nav-tabs {
  margin: 0 -15px;
  padding: 30px 25px 0;
}
.profile-content .sub-title,
.change-password .sub-title {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.profile-content .radio-wrapp > .radio-wrapp:first-of-type,
.change-password .radio-wrapp > .radio-wrapp:first-of-type {
  margin-top: 8px;
}
.profile-content .radio-wrapp > .radio-wrapp:last-child,
.change-password .radio-wrapp > .radio-wrapp:last-child {
  margin-bottom: 13px;
}
.profile-content .radio-wrapp:last-child,
.change-password .radio-wrapp:last-child {
  margin-bottom: 15px;
}
.profile-content fieldset,
.change-password fieldset {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative;
}
.profile-content .change-password-notes,
.change-password .change-password-notes {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 75px;
  position: relative;
}
.profile-content .change-password-notes .sub-title,
.change-password .change-password-notes .sub-title {
  margin-top: 0;
}
.profile-content .change-password-notes .sub-title strong,
.change-password .change-password-notes .sub-title strong {
  font-weight: normal;
}
.profile-content .change-password-notes ul,
.change-password .change-password-notes ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.profile-content .change-password-notes ul li,
.change-password .change-password-notes ul li {
  position: relative;
  padding-bottom: 5px;
  color: #9e9ea2;
}
.profile-content .change-password-notes ul li.success,
.change-password .change-password-notes ul li.success {
  color: #000;
}
.profile-content .change-password-notes ul li .icon-checkmark,
.change-password .change-password-notes ul li .icon-checkmark {
  position: absolute;
  top: 2px;
  left: -40px;
  width: 12px;
  height: 12px;
  font-size: 10px;
  background-color: #e5e5e5;
  color: #e5e5e5;
  border-radius: 50%;
}
.profile-content .change-password-notes ul li .icon-checkmark:before,
.change-password .change-password-notes ul li .icon-checkmark:before {
  position: absolute;
  top: 1px;
  left: 0;
  transform: scale(0.6);
}
.profile-content .change-password-notes ul li.success .icon-checkmark,
.change-password .change-password-notes ul li.success .icon-checkmark {
  background-color: #6ebd4b;
  color: #fff;
}
.profile-content .change-password-notes .navi,
.change-password .change-password-notes .navi {
  margin-top: 20px;
}
.profile-content .change-password-notes .navi span,
.change-password .change-password-notes .navi span {
  width: 50px;
  display: inline-block;
  margin-right: 1px;
  border-top: 2px solid #c6c7ca;
}
.profile-content .change-password-notes .navi span.weak,
.change-password .change-password-notes .navi span.weak {
  border-top-color: #ff7300;
}
.profile-content .change-password-notes .navi span.success,
.change-password .change-password-notes .navi span.success {
  border-top-color: #6ebd4b;
}
.profile-content .separator,
.change-password .separator {
  top: 25px;
  right: -15px;
  position: absolute;
  width: 1px;
  height: 235px;
  background-color: #e5e5e5;
}
.profile-content .separator:before,
.change-password .separator:before {
  content: '';
  width: 12px;
  height: 12px;
  position: absolute;
  top: 124px;
  right: -5px;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  background-color: #fff;
  transform: rotate(-45deg);
}
.change-password fieldset {
  width: 100% !important;
  padding: 0;
}
.change-password fieldset .separator {
  display: none;
}
.change-password .change-password-notes {
  width: 120% !important;
  margin-top: 10px;
  padding: 25px 0 25px 35px;
  position: relative;
}
.change-password .change-password-notes .sub-title {
  text-transform: none;
}
.change-password .change-password-notes .navi {
  position: absolute;
  top: -10px;
  left: 0;
  margin: 0;
}
.change-password .change-password-notes .navi span {
  width: 52px;
}
.table-interfaces {
  position: relative;
}
.table-interfaces tbody tr .cell-value {
  font-size: 12px;
}
.table-interfaces tbody tr th,
.table-interfaces tbody tr td {
  padding-right: 5px;
}
.table-interfaces tbody tr th .icon-ethernet-1 {
  margin: 2px 10px -2px 0;
}
.table-interfaces tbody tr th.cell-arrow-toggler {
  padding-left: 4px;
  padding-right: 0;
  width: 40px;
}
.table-interfaces tbody tr .empty-cell {
  width: 0;
  padding: 0;
}
.table-interfaces tbody tr.expanded ~ tr:not(:last-child) {
  background-color: #fff;
  border-bottom: none;
}
.table-interfaces tbody tr.expanded .arrow-holder {
  background: #049fd9;
  color: white;
  padding-left: 2px;
}
.table-interfaces tbody tr .arrow-holder {
  display: inline-block;
  position: relative;
  width: 23px;
  height: 23px;
  top: -3px;
  line-height: 26px;
  color: #555;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  transform: scale(0.8);
  padding-left: 1px;
}
.table-interfaces tbody tr .arrow-holder:hover {
  cursor: pointer;
  background: #049fd9;
  color: white;
}
.table-interfaces tbody tr .arrow-holder .icon-chevron-right,
.table-interfaces tbody tr .arrow-holder .icon-chevron-down {
  font-size: 12px;
  left: 6px;
  position: relative;
}
.table-interfaces tbody tr .arrow-holder .icon-chevron-down {
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.table-interfaces tbody .cell-name .icon-link-up {
  color: #6ebd4b;
}
.table-interfaces tbody .cell-name .icon-link-down {
  color: #ff7300;
}
.table-interfaces tbody .cell-name .icon-subinterface {
  color: #9e9ea2;
}
.table-interfaces tbody .expanded-row .cell-name .cell-value {
  font-weight: normal;
}
.table-interfaces tbody .expanded-row .cell-name .icon-physicalinterface {
  color: #9e9ea2;
  font-size: 14px;
  padding-right: 3px;
}
.table-interfaces tbody .expanded-row .cell-name .icon-subinterface {
  padding-left: 1px;
}
.table-interfaces tbody .expanded-row img.loader {
  padding: 10px;
}
.table-interfaces tbody .expanded-row.label-row {
  text-transform: uppercase;
  font-size: 10px;
}
.table-interfaces tbody .expanded-row.label-row .nested-label-cell {
  padding-top: 15px;
  padding-left: 0;
  padding-bottom: 0;
  border-bottom: 1px solid #e5e5e5;
}
.table-interfaces tbody .expanded-row.label-row .expanded-arrow-cell {
  position: relative;
}
.table-interfaces tbody .expanded-row.label-row .expanded-arrow-cell .arrow-top {
  position: absolute;
  top: -8px;
  left: 47px;
  width: 14px;
  height: 14px;
  border-top: 1.5px solid #e0e0e0;
  border-right: 1.5px solid #e0e0e0;
  background-color: white;
  -o-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.table-interfaces tbody .expanded-row:not(.label-row) th,
.table-interfaces tbody .expanded-row:not(.label-row) td:not(.empty-cell) {
  background-color: #f7f7f7;
  border-bottom: 1px solid #e5e5e5;
}
.table-interfaces tbody .expanded-row:not(.label-row):not(.empty-single-row):hover th,
.table-interfaces tbody .expanded-row:not(.label-row):not(.empty-single-row):hover td:not(.empty-cell) {
  background: #e9f2f8;
}
.table-interfaces tbody .expanded-row:not(.label-row) .empty-cell {
  min-width: 15px;
  background-color: white;
  border-left: 1px solid #e5e5e5;
  border-bottom: none;
  pointer-events: none;
}
.table-interfaces tbody .expanded-row:not(.label-row) .empty-cell.empty-left-cell {
  border-left: none;
  border-right: 1px solid #e5e5e5;
}
.table-interfaces tbody .expanded-row.empty-last-row {
  height: 15px;
  border-bottom: 1px solid #f0f0f0;
  background-color: #ffffff;
}
.table-interfaces tbody .bg-row .cell-name {
  padding-left: 0;
}
.table-interfaces tbody td:not(.cell-name) .cell-value {
  line-height: 1.5;
}
.table-interfaces th.cell-name .cell-value:not(.nested-cell):before {
  display: none;
}
.table-interfaces th.cell-name .cell-value strong {
  display: block;
  font-weight: bold;
  font-size: 14px;
}
.table-interfaces th.cell-name .cell-value.nested-cell {
  position: relative;
  padding-left: 20px;
  margin-left: 10px;
}
.table-interfaces th.cell-name .cell-value.nested-cell:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  top: 2px;
  left: 0;
  background-color: transparent;
  border-left: 1px solid #58585b;
  border-bottom: 1px solid #58585b;
}
.table-interfaces th.cell-name .cell-value.nested-cell:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  top: 5px;
  left: 7px;
  background-color: transparent;
  border-left: 4px solid #58585b;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: none;
}
.table-interfaces td.cell-ip-address .cell-value {
  font-size: 12px;
  letter-spacing: 0.02em;
}
.table-interfaces .cell-value:nth-of-type(1) .suffix {
  background: #c6c7ca;
  color: white;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 6px 3px;
  line-height: 1;
  letter-spacing: 0.1em;
  border-radius: 2px;
  font-size: 10px;
  transform: scale(0.85);
  font-weight: normal;
  margin: -5px 0 -2px -4px;
}
.table-interfaces .cell-value:nth-of-type(1) .suffix.upper {
  text-transform: uppercase;
}
.table-interfaces .btn.btn-scan-interfaces {
  display: block;
  position: absolute;
  right: 484px;
  top: 0px;
  width: 84px;
}
.table-interfaces .btn.btn-scan-interfaces .icon-scan-interfaces {
  font-size: 36px;
  line-height: 8px;
}
.table-interfaces .btn.btn-scan-interfaces .icon-scan-interfaces:before {
  line-height: 26px;
}
.hardwarebypass-card {
  margin-top: 10px;
  font-size: 12px;
  color: #58585b;
  margin-bottom: 15px;
  padding-left: 0px;
}
.hardwarebypass-card .hardwarebypass-pair {
  padding-left: 8px;
}
.hardwarebypass-card .hardwarebypass-pair:before {
  border-top-width: 1px;
  border-top-color: #f0f0f0;
  border-top-style: ridge;
  width: 100%;
  margin-left: 8px;
  margin-bottom: 2px;
}
.hardwarebypass-card .bypass-internal-card {
  height: 135px;
}
.hardwarebypass-card .hardwarebypass-pair-header {
  padding-bottom: 5px;
  font-size: 11px;
}
.hardwarebypass-card .hardwarebypass-name {
  vertical-align: middle;
  padding: 8px;
}
.row-device-diagram + .warning-block {
  margin-top: 10px;
}
.device-diagram {
  padding-left: 0px;
}
.border-left-separator {
  border-left: 1px dotted #c6c7ca;
}
.ise-remove-secondary-server {
  position: absolute;
  top: 32px;
  right: 50%;
}
.ise-remove-secondary-server.pseudo-link {
  color: #c6c7ca;
}
.ise-remove-secondary-server:hover {
  color: #cf2030 !important;
}
/* Common Styles */
html,
body {
  width: 100%;
  height: 100%;
}
body {
  background-color: white;
  min-width: 0;
  color: #58585b;
  font: normal 14px/1.3 'CiscoSans', Helvetica, Arial, sans-serif;
  font-variant-ligatures: no-common-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1 {
  color: #58585b;
  font-size: 24px;
  display: inline-block;
}
.page {
  min-width: 1400px;
  background-color: #f7f7f7;
  position: relative;
  z-index: 1;
}
.page.auth-wrapper {
  min-width: 0;
}
#main,
.page,
body > div:nth-of-type(1) {
  min-height: 100%;
}
a {
  cursor: pointer;
}
a.btn {
  line-height: 28px;
}
a:focus {
  outline: none;
}
.text-muted {
  color: #9e9ea2;
}
.pseudo-link {
  color: #049fd9;
  cursor: pointer;
}
.pseudo-link:hover {
  color: #037aa7;
  text-decoration: underline;
}
.action-link-show-more {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.action-link-show-more:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.action-link-show-more:hover {
  text-decoration: none;
}
.action-link-show-more:before {
  left: 0;
  right: 20px;
  width: auto;
}
.action-link-show-more:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  font-size: 0.7em;
  margin: 0 5px;
}
.action-link {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.action-link:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.action-link:hover {
  text-decoration: none;
}
.action-link.see-more-link.with-arrow:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 4px;
  font-size: 0.8em;
}
.help-link {
  line-height: 1;
  cursor: pointer;
  color: #c6c7ca;
}
.help-link:hover,
.help-link:focus {
  color: #049fd9;
  text-decoration: none;
}
.help-link.no-hover:hover {
  color: #c6c7ca;
  cursor: default;
}
.error-link {
  line-height: 1;
  cursor: pointer;
  color: #cf2030;
}
.error-link i {
  font-size: 14px;
}
.error-link:hover {
  color: #cf2030;
  text-decoration: none;
}
.dotdivider {
  display: inline-block;
}
.dotdivider:before,
.ui-tooltip .ui-tooltip-content ul li:before {
  content: '·';
  font-weight: bold;
}
.container-fluid {
  max-width: 1400px;
  margin: 0 auto;
}
.bg-default {
  background-color: #9e9ea2;
}
.bg-danger {
  background-color: #cf2030;
}
.bg-transparent {
  background-color: transparent;
}
.spinner {
  display: inline-block;
  opacity: 1;
  background: #fff url('/branding/default/images/ajax-loader.gif') no-repeat 50% 50%;
  border-radius: 50%;
  background-size: 16px;
  width: 24px;
  height: 24px;
}
.big-spinner {
  background-size: 32px;
  width: 60px;
  height: 60px;
}
.btn .loader-small {
  margin: -6px 7px 0 -8px;
  display: inline-block;
  vertical-align: middle;
  width: 25px;
  height: 7px;
  background: url('/branding/default/images/ajax-loader-small-black.gif') no-repeat;
  opacity: 0.3;
}
.btn-primary .loader-small {
  background-image: url('/branding/default/images/ajax-loader-small-white.gif');
  opacity: 1;
}
.item-picker-modal .item-selector .item-picker .item-picker-content .scroller {
  height: 230px;
}
.item-picker-modal .item-selector .item-picker .search-holder .form-control {
  padding-left: 28px;
}
.item-picker-modal .item-selector .item-picker .search-holder:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 22px;
  left: 20px;
  font-size: 12px;
  opacity: 0.6;
}
.item-picker-modal .item-selector .item-picker .list-item {
  margin-bottom: 0;
}
.item-picker-modal .item-selector .item-picker .list-item .item-name {
  background: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.network-group .entity-icon.icon-networkobject {
  line-height: 1;
}
.port-selects .select-holder {
  display: inline-block;
  margin-top: 16px;
}
.change-password.container h1 {
  display: block;
}
.network-group .entity-icon.icon-networkobject {
  line-height: inherit;
}
.monitoringcards {
  margin: 0;
}
.monitoringcards > .row {
  max-width: 1100px;
  margin: 0 auto;
}
.monitoringcards > .row .wide-device {
  width: 100%;
}
.monitoringcards .system-info-box .info {
  width: auto;
  padding-right: 40px;
  vertical-align: top;
}
.monitoringcards .system-info-box .info .title {
  white-space: normal;
}
.monitoringcards .system-info-box .info .sru-version {
  white-space: normal;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 138px;
  max-height: 50.4px;
  /* Fallback for non-webkit */
  font-size: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monitoringcards .system-info-box .info .vdb-version {
  white-space: normal;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 35px;
  max-height: 50.4px;
  /* Fallback for non-webkit */
  font-size: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monitoringcards .system-info-box .info .software-version {
  white-space: normal;
  display: block;
  /* Fallback for non-webkit */
  display: -webkit-box;
  max-width: 80px;
  max-height: 50.4px;
  /* Fallback for non-webkit */
  font-size: 12px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ssl-report h3 {
  font-weight: lighter;
}
.ssl-report .card {
  min-height: 390px;
}
.ssl-report .pie-chart-container {
  margin: 0 0 20px -25px;
}
.ssl-report .tabbed-router-wrapper {
  display: block;
  background: #f7f7f7;
  padding: 20px 25px 10px;
}
.ssl-report .tabbed-router-wrapper h3 {
  margin: 0 -25px 10px 0;
}
.ssl-report .no-data-msg {
  color: #9e9ea2;
  display: block;
  text-align: center;
  padding-top: 60px;
}
.ssl-report .section-box .entry {
  min-height: 340px;
}
.navigation-sidebar {
  width: 240px;
  top: 67px;
  left: -15px;
  padding-top: 16px;
  margin-top: 0;
  background: #037aa7;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.navigation-sidebar ~ .clearfix .col-lg-12,
.navigation-sidebar ~ .dl-horizontal dd .col-lg-12,
.navigation-sidebar ~ .container .col-lg-12,
.navigation-sidebar ~ .container-fluid .col-lg-12,
.navigation-sidebar ~ .row .col-lg-12,
.navigation-sidebar ~ .form-horizontal .form-group .col-lg-12,
.navigation-sidebar ~ .btn-toolbar .col-lg-12,
.navigation-sidebar ~ .btn-group-vertical > .btn-group .col-lg-12,
.navigation-sidebar ~ .nav .col-lg-12,
.navigation-sidebar ~ .navbar .col-lg-12,
.navigation-sidebar ~ .navbar-header .col-lg-12,
.navigation-sidebar ~ .navbar-collapse .col-lg-12,
.navigation-sidebar ~ .pager .col-lg-12,
.navigation-sidebar ~ .panel-body .col-lg-12,
.navigation-sidebar ~ .modal-header .col-lg-12,
.navigation-sidebar ~ .modal-footer .col-lg-12 {
  padding-left: 15px;
}
@media (max-width: 1870px) {
  .navigation-sidebar ~ .clearfix .with-sidebar,
  .navigation-sidebar ~ .dl-horizontal dd .with-sidebar,
  .navigation-sidebar ~ .container .with-sidebar,
  .navigation-sidebar ~ .container-fluid .with-sidebar,
  .navigation-sidebar ~ .row .with-sidebar,
  .navigation-sidebar ~ .form-horizontal .form-group .with-sidebar,
  .navigation-sidebar ~ .btn-toolbar .with-sidebar,
  .navigation-sidebar ~ .btn-group-vertical > .btn-group .with-sidebar,
  .navigation-sidebar ~ .nav .with-sidebar,
  .navigation-sidebar ~ .navbar .with-sidebar,
  .navigation-sidebar ~ .navbar-header .with-sidebar,
  .navigation-sidebar ~ .navbar-collapse .with-sidebar,
  .navigation-sidebar ~ .pager .with-sidebar,
  .navigation-sidebar ~ .panel-body .with-sidebar,
  .navigation-sidebar ~ .modal-header .with-sidebar,
  .navigation-sidebar ~ .modal-footer .with-sidebar {
    padding-left: 240px;
    -webkit-transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
    transition: 0.2s ease all;
  }
}
.navigation-sidebar.hidden {
  left: -255px;
}
.navigation-sidebar.hidden ~ .clearfix .col-lg-12,
.navigation-sidebar.hidden ~ .dl-horizontal dd .col-lg-12,
.navigation-sidebar.hidden ~ .container .col-lg-12,
.navigation-sidebar.hidden ~ .container-fluid .col-lg-12,
.navigation-sidebar.hidden ~ .row .col-lg-12,
.navigation-sidebar.hidden ~ .form-horizontal .form-group .col-lg-12,
.navigation-sidebar.hidden ~ .btn-toolbar .col-lg-12,
.navigation-sidebar.hidden ~ .btn-group-vertical > .btn-group .col-lg-12,
.navigation-sidebar.hidden ~ .nav .col-lg-12,
.navigation-sidebar.hidden ~ .navbar .col-lg-12,
.navigation-sidebar.hidden ~ .navbar-header .col-lg-12,
.navigation-sidebar.hidden ~ .navbar-collapse .col-lg-12,
.navigation-sidebar.hidden ~ .pager .col-lg-12,
.navigation-sidebar.hidden ~ .panel-body .col-lg-12,
.navigation-sidebar.hidden ~ .modal-header .col-lg-12,
.navigation-sidebar.hidden ~ .modal-footer .col-lg-12 {
  padding-left: 240px;
}
.navigation-sidebar .hide-sidebar {
  background: transparent;
  float: right;
  color: rgba(255, 255, 255, 0.7);
  line-height: 26px;
  padding: 0;
  margin: 3px 8px -40px 0;
  position: relative;
  z-index: 3;
}
.navigation-sidebar .hide-sidebar i {
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  font-size: 12px;
}
.navigation-sidebar .hide-sidebar:hover {
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.navigation-sidebar .nav-stacked {
  border: none;
  padding: 0 0 10px;
  margin: 0 !important;
}
.navigation-sidebar .nav-pills li {
  padding: 0;
}
.navigation-sidebar .nav-pills li:hover {
  background: none;
}
.navigation-sidebar .nav-pills li a {
  padding: 10px 10px 10px 56px;
  line-height: 20px;
  border-radius: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
}
.navigation-sidebar .nav-pills li a.no-ico {
  padding-left: 40px;
}
.navigation-sidebar .nav-pills li a:hover,
.navigation-sidebar .nav-pills li a:focus {
  background: #049fd9;
  color: white;
  background: rgba(255, 255, 255, 0.1);
}
.navigation-sidebar .nav-pills li a i {
  float: left;
  vertical-align: middle;
  margin: 0 10px 0 -15px;
}
.navigation-sidebar .nav-pills li a.section {
  font-size: 18px;
  padding-left: 40px;
}
.navigation-sidebar .nav-pills li a.section:hover {
  text-decoration: none;
}
.navigation-sidebar .nav-pills li a.section[aria-expanded="true"] {
  font-weight: bold;
  color: white;
}
.navigation-sidebar .nav-pills li a.section i {
  margin: 0 5px 0px -9px;
  vertical-align: middle;
}
.navigation-sidebar .nav-pills li span.no-categories {
  padding: 10px 10px 10px 56px;
  line-height: 20px;
  border-radius: 0;
  display: block;
  color: #ccebf7;
}
.navigation-sidebar .nav-pills li .nav-stacked li {
  padding: 0;
}
.navigation-sidebar .nav-pills li .nav-stacked li a {
  padding-left: 60px;
  display: block;
}
.navigation-sidebar .nav-pills li .nav-stacked li ul {
  list-style: none;
  padding: 0;
}
.navigation-sidebar .nav-pills li .nav-stacked li ul a {
  padding-left: 88px;
  text-decoration: none;
}
.navigation-sidebar .nav-pills li.active a.section {
  font-weight: normal;
}
.navigation-sidebar .has-sub-menu > li > a {
  font-size: 18px;
  padding-left: 67px !important;
  position: relative;
}
.navigation-sidebar .has-sub-menu > li > a i {
  position: absolute;
  top: 6px;
  left: 44px;
  font-size: 10px;
}
.navigation-sidebar .has-sub-menu li ul,
.navigation-sidebar .has-sub-menu li.active ul {
  padding: 0;
  border: 0;
  margin: 0;
  list-style: none;
}
.navigation-sidebar .has-sub-menu li ul li a,
.navigation-sidebar .has-sub-menu li.active ul li a {
  font-weight: normal;
  font-size: 14px;
  color: #ccebf7;
  padding: 7px 10px 7px 90px !important;
  display: inline-block;
}
.navigation-sidebar .has-sub-menu li ul li a:active,
.navigation-sidebar .has-sub-menu li.active ul li a:active {
  color: #fff;
}
.navigation-sidebar .icon-status[class*='icon-'] {
  z-index: 1;
  position: relative;
  margin: 0 0 0 6px;
  float: none;
  text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.3), 1px -1px 0 rgba(255, 255, 255, 0.3), -1px 1px 0 rgba(255, 255, 255, 0.3), 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.navigation-sidebar .icon-status[class*='icon-']:before {
  z-index: 1;
  position: relative;
}
.navigation-sidebar .icon-status[class*='icon-']:after {
  z-index: 0;
  content: '';
  position: absolute;
  display: block;
  width: 5px;
  height: 10px;
  background: white;
  left: 6px;
  top: 5px;
}
.breadcrumbs {
  margin: -15px 0 0;
  padding: 0 0 1px 0;
  position: relative;
}
.row .breadcrumbs {
  padding-left: 15px;
}
.hassidebar.off .navigation-sidebar {
  left: -255px;
}
.hassidebar.off .navigation-sidebar ~ .clearfix .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .dl-horizontal dd .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .container .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .container-fluid .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .row .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .form-horizontal .form-group .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .btn-toolbar .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .btn-group-vertical > .btn-group .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .nav .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .navbar .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .navbar-header .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .navbar-collapse .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .pager .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .panel-body .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .modal-header .with-sidebar,
.hassidebar.off .navigation-sidebar ~ .modal-footer .with-sidebar {
  padding-left: 15px;
}
.hassidebar.off .breadcrumbs {
  padding: 0 0 1px 30px;
}
.hassidebar.off .show-sidebar {
  position: absolute;
  border: 2px solid #049fd9;
  border-width: 2px 0;
  height: 14px;
  width: 18px;
  left: 0;
  bottom: 28px;
}
.hassidebar.off .show-sidebar:after {
  content: "";
  display: block;
  height: 2px;
  background: #049fd9;
  margin-top: 4px;
}
@media (max-width: 1600px) {
  .monitor.hassidebar:not(.off) {
    padding-left: 215px;
  }
}
img.loader {
  padding: 60px;
  display: block;
}
.diagram-holder {
  border-radius: 4px;
  float: left;
  overflow: hidden;
  padding: 40px 80px 0 50px;
  width: 878px;
  margin-bottom: 28px;
}
.diagram-holder h4 {
  position: absolute;
  left: 30px;
  top: 10px;
}
.diagram-holder .round-wrapp {
  width: 36px;
  height: 36px;
  color: #fff;
  font-size: 16px;
  padding-top: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.diagram-holder .round-wrapp.icon-trust {
  background-color: #9e9ea2;
}
.diagram-holder .round-wrapp.icon-permit,
.diagram-holder .round-wrapp.icon-passive-auth,
.diagram-holder .round-wrapp.icon-policy-active,
.diagram-holder .round-wrapp.icon-certificate,
.diagram-holder .round-wrapp.icon-passive-auth {
  background-color: #6ebd4b;
}
.diagram-holder .round-wrapp.icon-deny,
.diagram-holder .round-wrapp.icon-policy-not-active {
  background-color: #cf2030;
}
.diagram-holder .round-wrapp.icon-decrypt-re-sign {
  background-color: #6ebd4b;
}
.diagram-holder .round-wrapp.icon-decrypt-known-key {
  background-color: #6ebd4b;
}
.diagram-holder .round-wrapp.icon-lock {
  background-color: #9e9ea2;
}
.diagram-holder .round-wrapp.icon-lock,
.diagram-holder .round-wrapp.icon-decrypt-known-key,
.diagram-holder .round-wrapp.icon-decrypt-re-sign {
  font-size: 23px;
  padding-top: 0;
  line-height: 45px;
}
.time-range-selector {
  text-align: right;
  margin: -12px 0 20px;
  color: #9e9ea2;
  font-size: 12px;
}
.time-range-dropdown {
  display: inline-block;
}
.time-range-warning {
  margin: 0 0 0 20px;
}
.time-range-label {
  margin: -2px 12px 0 0;
  display: inline-block;
}
.ui-tooltip {
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 12px;
  font-family: Verdana, Arial, sans-serif;
  box-shadow: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
  padding: 10px 12px;
  left: 0;
  top: 0;
  word-break: break-word;
}
.ui-tooltip.ui-widget-content a {
  color: #64bbe3;
}
.ui-tooltip.troubleshoot-tooltip {
  /*Custom case. Variable should not be used */
  background: rgba(0, 0, 0, 0.8);
}
.ui-tooltip.troubleshoot-tooltip:before {
  border-color: rgba(0, 0, 0, 0.8) transparent transparent;
}
.ui-tooltip .data-item,
.ui-tooltip .link {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  text-align: left;
  width: 100%;
  padding: 6px 0;
  font-size: 11px;
}
.ui-tooltip .data-item.title,
.ui-tooltip .link.title {
  border: none;
}
.ui-tooltip .data-item .gray,
.ui-tooltip .link .gray {
  opacity: 0.7;
}
.ui-tooltip .data-item .key,
.ui-tooltip .link .key {
  width: 34%;
  float: left;
  opacity: 0.7;
}
.ui-tooltip .data-item .value,
.ui-tooltip .link .value {
  width: 66%;
  float: left;
}
.ui-tooltip .data-item:last-child,
.ui-tooltip .link:last-child {
  border: none;
}
.ui-tooltip.status-green {
  color: #abc233;
}
.ui-tooltip.status-orange {
  color: #ffcc00;
}
.ui-tooltip.warning-tooltip:before,
.ui-tooltip.error-tooltip:before {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  left: 12px;
  font-size: 15px;
  position: absolute;
}
.ui-tooltip.warning-tooltip .ui-tooltip-content,
.ui-tooltip.error-tooltip .ui-tooltip-content {
  padding-left: 25px;
  position: relative;
}
.ui-tooltip.warning-tooltip:before {
  z-index: 1;
  text-shadow: 0px 0px 1px #ffffff;
}
.ui-tooltip.warning-tooltip:after {
  width: 8px;
  height: 9px;
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-radius: 50px;
  background: white;
  content: '';
  display: block;
  z-index: -1;
}
.ui-tooltip.warning-tooltip:before {
  color: #ff7300;
  top: 11px;
}
.ui-tooltip.warning-tooltip:after {
  left: 16px;
  top: 15px;
}
.ui-tooltip.error-tooltip:before {
  z-index: 1;
  text-shadow: 0px 0px 1px #ffffff;
}
.ui-tooltip.error-tooltip:after {
  width: 12px;
  height: 12px;
  position: absolute;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-radius: 50px;
  background: white;
  content: '';
  display: block;
  z-index: -1;
}
.ui-tooltip.error-tooltip:before {
  color: #cf2030;
  top: 10px;
}
.ui-tooltip.error-tooltip:after {
  left: 14px;
  top: 11px;
}
.ui-tooltip .item-with-icon [class^='icon-'] {
  font-size: 12px;
  color: #fff;
  margin-right: 15px;
}
.error-tooltip button.close {
  color: white;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 2px;
  height: 12px;
  line-height: 12px;
}
.error-tooltip.with-pointer:before {
  content: '';
  position: absolute;
  top: 100%;
  right: 15px;
  width: 0;
  height: 0;
  border-width: 6px 6px 0;
  border-style: solid;
}
.action-warning-tooltip {
  background: #ff7300;
}
.action-warning-tooltip button.close {
  color: white;
  opacity: 0.8;
}
.action-warning-tooltip p:last-child {
  margin: 0 0 2px;
}
.page-error {
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  border-bottom: 2px solid #cf2030;
}
.page-error .alert-danger {
  padding: 14px 15px 14px 30px;
  margin: 0;
  position: relative;
  background-color: transparent;
  color: #cf2030;
  border: none;
  border-bottom: 1px dotted #c6c7ca;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.page-error .alert-danger:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.page-error .alert-danger .icon-cancel {
  position: absolute;
  top: 15px;
  left: 7px;
  color: #cf2030;
  font-size: 14px;
}
.page-error.wide {
  text-align: center;
}
.page-error.wide .entry {
  padding: 25px 10px;
  display: inline-block;
  text-align: left;
}
.page-error.error-description {
  border-bottom: none;
}
.page-error.error-description .alert-danger {
  padding: 15px 0 0 4px;
}
.page-error.error-description .alert-danger .icon-cancel {
  left: 3px;
}
.page-error.error-description .title {
  display: block;
  margin-left: 18px;
}
.page-error.error-description .description {
  display: block;
  font-weight: normal;
  margin-top: 8px;
}
.success-item {
  margin: 0;
  padding: 14px 15px 14px 30px;
  position: relative;
  background-color: transparent;
  border-color: transparent;
  color: #6ebd4b;
  font-weight: bold;
  border-bottom: 1px solid #c6c7ca;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.success-item:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.success-item .icon-checkmark {
  position: absolute;
  top: 14px;
  left: 6px;
  width: 15px;
  height: 15px;
  padding-top: 3px;
  text-align: center;
  background-color: #6ebd4b;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.success-item .icon-checkmark:before {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 10px;
  transform: scale(0.8, 0.8);
}
.page-success {
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  border-bottom: 2px solid #6ebd4b;
}
.page-success button.close {
  opacity: .5;
}
.page-success button.close:hover {
  opacity: .8;
}
.page-success .icon-cancel-1 {
  font-size: 10px;
  color: #9e9ea2;
}
.inline-success {
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  border-bottom: 2px solid #6ebd4b;
  border: 0;
  padding: 0 15px;
}
.inline-success button.close {
  opacity: .5;
}
.inline-success button.close:hover {
  opacity: .8;
}
.inline-success .icon-cancel-1 {
  font-size: 10px;
  color: #9e9ea2;
}
.general-success {
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  border-bottom: 2px solid #6ebd4b;
}
.general-success button.close {
  opacity: .5;
}
.general-success button.close:hover {
  opacity: .8;
}
.general-success .icon-cancel-1 {
  font-size: 10px;
  color: #9e9ea2;
}
.general-success.inline {
  border: none;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.general-success.inline .success-item {
  padding: 5px 0 5px 26px;
  font-weight: normal;
}
.general-success.inline .success-item .icon-checkmark {
  top: 3px;
}
.general-success.inline .success-item .icon-checkmark ~ a.full-width {
  display: block;
}
.general-success.troubleshoot-in-progress {
  margin-left: 0;
}
.general-success.troubleshoot-in-progress .success-item {
  padding-left: 21px;
}
.general-success.troubleshoot-in-progress .success-item .icon-checkmark {
  top: 6px;
  left: 0;
}
.general-success.troubleshoot-in-progress .success-item .icon-checkmark ~ a {
  display: inline;
}
.general-success .alert-success {
  margin: 0 15px;
  padding: 14px 15px 14px 30px;
  position: relative;
  background: #fff;
  color: #6ebd4b;
}
.general-success .alert-success .icon-badge {
  position: absolute;
  margin: 0;
  left: 0;
  font-size: 9px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  padding: 0;
}
.card-success {
  background-color: transparent;
  border-bottom: 2px solid #6ebd4b;
}
.card-success .success-item {
  padding-left: 50px;
}
.card-success .success-item .icon-checkmark {
  left: 26px;
}
.card-inner-holder .card-success {
  margin: 0 -25px;
}
.general-errors {
  margin: 0 0 20px;
  padding: 0;
  background-color: transparent;
  border-bottom: 2px solid #cf2030;
}
.general-errors .alert-danger {
  padding: 14px 15px 14px 30px;
  margin: 0;
  position: relative;
  background-color: transparent;
  color: #cf2030;
  border: none;
  border-bottom: 1px dotted #c6c7ca;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.general-errors .alert-danger:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.general-errors .alert-danger .icon-cancel {
  position: absolute;
  top: 15px;
  left: 7px;
  color: #cf2030;
  font-size: 14px;
}
.general-errors.wide {
  text-align: center;
}
.general-errors.wide .entry {
  padding: 25px 10px;
  display: inline-block;
  text-align: left;
}
.general-errors.error-description {
  border-bottom: none;
}
.general-errors.error-description .alert-danger {
  padding: 15px 0 0 4px;
}
.general-errors.error-description .alert-danger .icon-cancel {
  left: 3px;
}
.general-errors.error-description .title {
  display: block;
  margin-left: 18px;
}
.general-errors.error-description .description {
  display: block;
  font-weight: normal;
  margin-top: 8px;
}
.general-errors.inline-errors {
  border: 0;
  padding: 0 15px;
}
.general-errors.inline-errors .alert-danger .icon-cancel {
  top: 13px;
}
.general-errors.empty-table {
  border: none;
}
.general-errors.empty-table .alert-danger .icon-cancel {
  position: static;
  margin: 0 3px -5px 0;
}
.general-errors.empty-widget {
  border: none;
  padding: 0;
}
.general-errors.empty-widget .alert-danger:last-child {
  margin: -15px 0;
}
.general-errors .alert header {
  font-weight: bold;
  margin-bottom: 4px;
}
.uploader-errors {
  margin-top: 10px;
}
.uploader-errors .inline-error {
  margin-bottom: 0;
}
.inline-error {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  word-wrap: break-word;
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #cf2030;
  border: none;
  border-radius: 0;
  background: none;
  padding: 0;
}
.inline-error h4 {
  margin-top: 0;
  color: inherit;
}
.inline-error .alert-link {
  font-weight: bold;
}
.inline-error > p,
.inline-error > ul {
  margin-bottom: 0;
}
.inline-error > p + p {
  margin-top: 5px;
}
.inline-error hr {
  border-top-color: #e4b9c0;
}
.inline-error .alert-link {
  color: #a31926;
}
.server-errors {
  color: #cf2030;
}
.general-warnings {
  background-color: #fff;
  border-bottom: 2px solid #ff7300;
}
.general-warnings .alert-warning {
  margin: 0 15px;
  padding: 14px 15px 14px 30px;
  position: relative;
  background-color: #fff;
  border-color: transparent;
  color: #ff7300;
  border-bottom: 1px solid #ffc799;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.general-warnings .alert-warning:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.general-warnings .alert-warning .icon-warning-1 {
  position: absolute;
  left: -1px;
  font-size: 18px;
}
.general-warnings .alert-warning .message-separator {
  display: block;
  height: 1px;
  width: 100%;
  margin: 8px 0;
  border-top: 1px dotted #c6c7ca;
  border-color: #ff7300;
}
.general-warnings.form-saving {
  background: transparent;
  border: none;
  margin: -54px 0 0 96px;
}
.general-warnings.form-saving .alert-warning {
  background: transparent;
}
.modal-data .general-warnings {
  margin: -21px -25px 24px;
}
.modal-warning .modal-header {
  background: #ff7300;
  border-top-color: #ffab66;
}
.login .general-errors.noborder {
  border-bottom: none;
}
.modal-content .advanced-options-link {
  border-bottom: none;
}
.modal-title .icon-warning-1 {
  font-size: 22px;
}
/*radio buttons*/
.radio-button-group {
  margin-top: 5px;
}
.radio-button-group:before,
.radio-button-group:after {
  content: " ";
  display: table;
}
.radio-button-group:after {
  clear: both;
}
.radio-button-group:before,
.radio-button-group:after {
  content: " ";
  display: table;
}
.radio-button-group:after {
  clear: both;
}
.radio-button-group .cs-tooltip {
  display: inline-block;
  width: auto;
  vertical-align: top;
}
.radio-button-group .radio-button-lbl {
  cursor: default !important;
  font-weight: 400;
  font-size: 13px;
}
.radio-button-group .horiz-radio-item {
  width: auto;
  float: left;
}
.radio-button-group .horiz-radio-item.backup-location {
  width: 30%;
}
.radio-button-group .sb-icon.add {
  top: 4px;
  left: 4px;
}
.disabled-emulate {
  font-size: 16px;
  line-height: 1;
  color: #58585b;
  display: block;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.alert {
  word-wrap: break-word;
}
.btn-help.btn-help-white {
  color: white;
  opacity: 0.4;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.btn-help.btn-help-white:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.1);
}
.btn-help.btn-help-white .icon-help-circled {
  position: absolute;
  top: 1px;
  left: 11px;
}
.counter-holder-mixin {
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 36px;
}
.counter-holder {
  color: #58585b;
  font-size: 14px;
  transition: opacity 0.3s ease-in;
  opacity: 1;
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 36px;
}
.counter-holder.is-loading {
  opacity: 0;
}
.counter-holder .counter {
  font-weight: 700;
}
.policy .counter-holder {
  margin: 0;
  width: auto;
}
.intrusion-policy-page .counter-holder {
  margin: 8px 0;
}
.with-sidebar .breadcrumbs {
  float: none;
}
.with-sidebar .breadcrumbs + div {
  position: relative;
  top: 10px;
}
.with-sidebar .counter-holder {
  width: auto;
  margin: 0;
  padding: 0;
  line-height: 36px;
}
.with-sidebar .nav.nav-tabs ~ .tab-content .counter-holder {
  width: 30%;
  margin: 0;
  padding: 0;
  line-height: 36px;
}
.ci-device {
  margin-bottom: 20px;
  z-index: 2;
}
.ci-device li .info-tooltip {
  top: 100%;
  bottom: auto;
  margin: 6px 0 0;
}
.ci-device.dynamic-diagram .socket-wrapper.single-line li .info-tooltip {
  top: 60%;
}
.interfaces .counter-holder {
  margin: 0;
  padding-top: 5px;
  width: auto;
}
.tab-content {
  background-color: transparent;
  border: none;
  padding: 0;
}
.nav.nav-tabs ~ .tab-content {
  padding: 15px 0;
}
.nav-tabs {
  border-bottom: none;
  border-bottom: 1px solid #c6c7ca;
}
.cli-commands-dropdown ~ .nav-tabs {
  max-height: 35px;
}
.nav-tabs li {
  margin-bottom: -2px;
  z-index: 1;
}
.nav-tabs li a {
  font-size: 14px;
  text-transform: none;
  color: #58585b;
  font-weight: 400;
  line-height: 32px;
  padding: 0px 15px;
  border: none;
  border-bottom: 4px solid #64bbe3;
  border-bottom-color: transparent;
}
.nav-tabs li.active a,
.nav-tabs li.active a:hover,
.nav-tabs li.active a:focus,
.nav-tabs li a:hover,
.nav-tabs li a:focus {
  color: #049fd9;
  font-weight: 400;
  background-color: transparent;
  border: none;
  border-bottom: 4px solid #64bbe3;
  cursor: default;
}
.nav-tabs li a:hover,
.nav-tabs li a:focus {
  color: #58585b;
}
.nav-tabs li a.disabled {
  opacity: .5;
  -webkit-transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
.nav-tabs li a.warning:after,
.nav-tabs li a.info:after,
.nav-tabs li a.error:after {
  font-family: 'firewall' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  position: relative;
  top: -10px;
  display: inline-block;
  vertical-align: middle;
}
.nav-tabs li a.warning:after {
  color: #ff7300;
}
.nav-tabs li a.info:after {
  color: #049fd9;
}
.nav-tabs li a.error:after {
  color: #cf2030;
}
.nav-tabs li a.warning[href="#tab-source"]:after,
.nav-tabs li a.warning[href="#natAdvanced"]:after,
.nav-tabs li a.warning[href="#packettranslation"]:after,
.nav-tabs li a.warning.validation-error:after {
  color: #cf2030;
}
.application-loading {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(247, 247, 247, 0);
  z-index: 0;
  transition: z-index 0.5s, background 0.5s;
}
.application-loading .intro {
  text-align: center;
  transform: translate3d(-50%, -70%, 0);
  position: absolute;
  top: 50%;
  left: 50%;
  background: white;
  width: 180px;
  height: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  border-radius: 50%;
  padding: 60px 20px 0;
  opacity: 0;
  transition: opacity 0.5s;
}
.application-loading .loader-small {
  display: block;
  margin: 0 auto 10px;
}
.application-loading .text {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 400;
  color: #049fd9;
  display: inline-block;
  margin: 0 -1em 0 0;
}
.application-loading.is-loading {
  z-index: 9999;
  background: #f7f7f7;
}
.application-loading.is-loading .intro {
  opacity: 1;
}
.not-modal .application-loading.is-loading {
  z-index: 0;
}
.label-with-hint label,
.label-with-hint .label {
  line-height: 36px !important;
  position: relative;
}
.bottom-spacer5 {
  margin-bottom: 5px;
}
.bottom-spacer10 {
  margin-bottom: 10px;
}
.margin-spacer10 {
  margin: 10px 0 10px 0;
}
.bottom-spacer20 {
  margin-bottom: 20px;
}
.pre-line {
  white-space: pre-line;
}
.clear-font-indentation {
  font-size: 0;
}
.result-block {
  padding: 6px 12px 6px 37px;
  position: relative;
  margin-bottom: 12px;
  font-size: 13px;
}
.result-block.success {
  background: #f1f8ed;
  color: #6ebd4b;
}
.result-block.error {
  background: #fae9ea;
  color: #cf2030;
}
.result-block [class^='icon-'] {
  position: absolute;
  left: 10px;
  top: 6px;
  font-size: 16px;
}
.result-block .icon-checkmark {
  width: 15px;
  height: 15px;
  padding-top: 3px;
  text-align: center;
  background-color: #6ebd4b;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.result-block .icon-checkmark:before {
  display: inline-block;
  vertical-align: top;
  font-size: 10px;
  line-height: 10px;
  transform: scale(0.8, 0.8);
}
.info-block2,
.warning-inform-block,
.failed-inform-block {
  background: #e6f5fb;
  color: #58585b;
  padding: 10px 12px 10px 37px;
  font-size: 13px;
  line-height: 1.3;
  position: relative;
}
.info-block2 header,
.warning-inform-block header,
.failed-inform-block header {
  font-weight: bold;
  line-height: 1.3;
}
.info-block2 [class*="icon-info"],
.warning-inform-block [class*="icon-info"],
.failed-inform-block [class*="icon-info"],
.info-block2 [class*="icon-cancel"],
.warning-inform-block [class*="icon-cancel"],
.failed-inform-block [class*="icon-cancel"],
.info-block2 [class*="icon-warning"],
.warning-inform-block [class*="icon-warning"],
.failed-inform-block [class*="icon-warning"] {
  color: #049fd9;
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: 16px;
}
.info-block2 [class*="icon-info"]:before,
.warning-inform-block [class*="icon-info"]:before,
.failed-inform-block [class*="icon-info"]:before,
.info-block2 [class*="icon-cancel"]:before,
.warning-inform-block [class*="icon-cancel"]:before,
.failed-inform-block [class*="icon-cancel"]:before,
.info-block2 [class*="icon-warning"]:before,
.warning-inform-block [class*="icon-warning"]:before,
.failed-inform-block [class*="icon-warning"]:before {
  vertical-align: middle;
}
.info-block2 [class*="icon-info"] + span,
.warning-inform-block [class*="icon-info"] + span,
.failed-inform-block [class*="icon-info"] + span,
.info-block2 [class*="icon-cancel"] + span,
.warning-inform-block [class*="icon-cancel"] + span,
.failed-inform-block [class*="icon-cancel"] + span,
.info-block2 [class*="icon-warning"] + span,
.warning-inform-block [class*="icon-warning"] + span,
.failed-inform-block [class*="icon-warning"] + span {
  position: relative;
  top: 1px;
}
.info-block2 ul,
.warning-inform-block ul,
.failed-inform-block ul {
  list-style: none;
  margin: 0;
  padding: 0 0 0 30px;
}
.info-block2 ul li,
.warning-inform-block ul li,
.failed-inform-block ul li {
  padding-bottom: 4px;
  line-height: 1.3;
}
.info-block2 ul li:before,
.warning-inform-block ul li:before,
.failed-inform-block ul li:before {
  content: '-';
  margin-right: 5px;
}
.warning-inform-block {
  background: #fff1e6;
}
.warning-inform-block [class*="icon-"] {
  color: #ff7300;
}
.warning-inform-block .icon-warning-1 {
  top: 4px;
}
.failed-inform-block {
  background: #fae9ea;
}
.failed-inform-block [class*="icon-"] {
  color: #cf2030;
}
/**todo: avoid using info-blocks 1,2,3; introduce common style for info blocks **/
.info-block3 {
  display: flex;
  align-items: stretch;
  background: #e6f5fb;
  color: #58585b;
  padding: 12px 12px 10px 12px;
}
.info-block3 [class^="icon-info"] {
  margin-right: 8px;
  color: #049fd9;
}
.info-block3 [class^="icon-info"]:before {
  vertical-align: top;
}
.info-block3 [class^="icon-info"] + span {
  position: relative;
  top: 1px;
}
.info-block3 [class^="icon-info"] + div p:last-child {
  margin-bottom: 0;
}
.info-block3.with-bottom-padding {
  padding-bottom: 10px;
}
.no-right-padding {
  padding-right: 0;
}
.no-left-padding {
  padding-left: 0;
}
.no-left-right-padding {
  padding-right: 0;
  padding-left: 0;
}
.left-padding-45 {
  padding-left: 45px;
}
.left-padding-30 {
  padding-left: 30px;
}
.add-to-filter-tooltip .ui-tooltip-content [class^="icon-"] {
  font-size: 14px;
  height: 16px;
  margin-right: 8px;
}
.mark {
  background-color: #ffdc19;
  padding: 0.2em 0;
}
.drop-down-block {
  margin-top: 12px;
  right: 15px;
  position: absolute;
  z-index: 999;
  width: 500px;
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 24px;
}
.drop-down-block .general-errors,
.drop-down-block .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.drop-down-block header ~ div .general-errors {
  margin-top: 0;
}
.drop-down-block.identity-dialog {
  left: 24px;
  right: 24px;
  width: auto;
}
.drop-down-block.identity-dialog.initial-position {
  top: auto;
  bottom: 20px;
}
.drop-down-block.config-page {
  right: 8px;
  width: 430px;
}
.drop-down-block .drop-down-block-footer {
  text-align: right;
  margin-top: 10px;
}
.drop-down-block .drop-down-block-footer .btn + .btn {
  margin-left: 20px;
}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.35);
  border-radius: 4px;
  z-index: 1;
}
.test-button-block .button-block {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.test-button-block .test-msg {
  margin-left: 8px;
  display: block;
  vertical-align: middle;
  font-size: 13px;
}
.test-button-block .test-msg [class^='icon'] {
  font-size: 14px;
  display: inline-block;
  margin-right: 4px;
}
.test-button-block .test-msg.failure {
  color: #cf2030;
}
.test-button-block .test-msg.success {
  color: #6ebd4b;
  line-height: 36px;
}
.test-button-block .test-msg .details-line {
  padding-left: 21px;
  font-size: 12px;
}
.test-button-block button.btn-default.test.btn-disabled {
  background-color: #abc233;
}
.test-button-block button.test,
.dropdown.dropdown-btn.test-button-block button.test {
  min-width: 120px;
  background-color: #abc233;
}
.test-button-block button.test.fluid,
.dropdown.dropdown-btn.test-button-block button.test.fluid {
  min-width: 0;
}
.test-button-block button.test:hover,
.dropdown.dropdown-btn.test-button-block button.test:hover {
  background: #b3c847;
  color: inherit;
}
.test-button-block button.test:hover [class^='icon'],
.dropdown.dropdown-btn.test-button-block button.test:hover [class^='icon'] {
  color: #58585b;
}
.test-button-block button.test:active,
.dropdown.dropdown-btn.test-button-block button.test:active {
  background: #a2b830;
  color: inherit;
}
.choose {
  margin-top: 24px;
  position: relative;
}
.choose .or-holder {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -20px;
  margin-left: -20px;
}
.choose .or-holder .or {
  text-align: center;
  width: 40px;
  height: 40px;
  border: 1px solid #c6c7ca;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  position: relative;
  font-size: 12px;
  text-transform: lowercase;
}
.choose .or-holder .or:before,
.choose .or-holder .or:after {
  content: "";
  width: 1px;
  height: 15px;
  position: absolute;
  bottom: 39px;
  left: 19px;
  background: #c6c7ca;
}
.choose .or-holder .or:after {
  top: 39px;
}
.choose .col-sm-6 {
  padding-right: 35px;
}
.choose .col-sm-6 ~ .col-sm-6 {
  padding-left: 35px;
}
.summary {
  margin-bottom: 40px;
  color: black;
}
.summary .value ul,
.summary .value li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.summary .icon {
  line-height: 15px;
}
.summary .icon ~ span {
  display: inline-block;
  margin-left: 5px;
  line-height: 20px;
}
.summary .info-block2 {
  margin: 25px;
}
.summary .card {
  overflow: hidden;
}
.summary .card > header {
  padding: 15px 15px 15px 25px;
  text-transform: capitalize;
}
.summary .card > header h3 {
  font-weight: 300;
  font-size: 18px;
  margin: 5px 0 0;
}
.summary .card > header + article hr:first-child {
  margin-top: 20px;
}
.summary .card-inner-holder {
  padding: 0 25px 25px;
}
.summary .simple-title {
  display: inline-block;
  padding: 3px 15px 0 25px;
  background-color: white;
  font-size: 14px;
  margin-bottom: -2px;
  color: #58585b;
}
.summary .feature-name {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  display: inline-block;
  margin-left: 25px;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: white;
  padding: 5px 8px 4px;
  letter-spacing: 0.04em;
  background: #58585b;
}
.summary .feature-name.enabled {
  background: #6ebd4b;
}
.summary .data-pair {
  font-size: 12px;
  line-height: 1.5;
  margin: 10px 25px 20px;
}
.summary .data-pair:before,
.summary .data-pair:after {
  content: " ";
  display: table;
}
.summary .data-pair:after {
  clear: both;
}
.summary .data-pair:before,
.summary .data-pair:after {
  content: " ";
  display: table;
}
.summary .data-pair:after {
  clear: both;
}
.summary .data-pair .key {
  font-weight: bold;
  width: 100px;
  float: left;
  line-height: 1.4;
}
.summary .data-pair .value {
  margin: 0 0 0 110px;
}
.summary .data-pair:last-child {
  border-bottom: none;
  margin-bottom: 50px;
}
.summary section.expandable {
  margin-left: 25px;
}
.summary section.expandable .section-title {
  font-weight: bold;
}
.summary section.expandable .section-content .data-pair {
  margin-left: 0;
}
.summary section.expandable .section-content .data-pair:last-child {
  margin-bottom: 0;
}
.summary article header {
  margin: -32px 0 20px 0;
  position: relative;
}
.summary article:last-child {
  margin-bottom: 25px;
}
.note-text {
  font-style: italic;
  color: #9e9ea2;
  font-size: 12px;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.switcher {
  margin: 0;
  margin-top: 8px;
  padding: 0;
  list-style: none;
}
.switcher .switcher-item {
  font-size: 12px;
  border-bottom: 2px solid transparent;
  color: #9e9ea2;
  text-decoration: none;
}
.switcher .switcher-item.active,
.switcher .switcher-item:hover {
  border-bottom-color: #049fd9;
  color: #049fd9;
}
.vis-hidden {
  visibility: hidden;
}
hr.separator {
  border-top: 1px dotted #c6c7ca;
}
.add-right-separator:before {
  content: '';
  border-left: 1px solid #f0f0f0;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.vertical-dotted-separator {
  border-left-width: 2px;
  border-left-style: dotted;
  border-color: #58585b;
}
.header-sub-content {
  height: 71px;
  display: inline-block;
  position: relative;
  top: 6px;
}
.header-sub-content .sub-content-block {
  display: inline-block;
  margin-right: 24px;
}
.header-sub-content .sub-content-block span {
  display: block;
  line-height: 1.5;
}
.header-sub-content .sub-content-block span.sub-content-value {
  font-weight: bold;
}
.header-sub-content:before {
  width: 1px;
  height: 32px;
  background-color: rgba(107, 107, 107, 0.2);
  margin: 0 20px 22px 30px;
  display: inline-block;
  content: '';
  vertical-align: middle;
}
.config-card-holder {
  height: 100%;
}
.config-card {
  background: white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 25px;
  margin-bottom: 20px;
}
.config-card .general-errors,
.config-card .page-success {
  margin: 10px -25px 0;
  padding: 0 20px 0;
}
.config-card header ~ div .general-errors {
  margin-top: 0;
}
.config-card.table-holder {
  padding: 0;
}
.config-card header {
  border-bottom: 1px solid #f0f0f0;
  font-size: 18px;
  font-weight: normal;
  padding: 0 0 18px 0;
}
.config-card header.no-line {
  border-bottom: none;
}
.config-card header.single-line {
  display: flex;
  justify-content: space-between;
  align-content: center;
}
.config-card header + .form-group {
  padding-top: 18px;
}
.config-card header + .form-group:last-child {
  margin-bottom: 0;
}
.config-card header .emulate {
  right: 0;
  left: auto;
}
.config-card header h3 {
  font-size: 18px;
  font-weight: normal;
  line-height: 36px;
  margin: 0;
}
.config-card header .plain-status {
  float: right;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #9e9ea2;
  margin: 16px 0 0;
}
.config-card header label {
  margin: 0;
  display: inline-block;
  font-weight: inherit;
}
.config-card header p {
  font-size: 14px;
  padding-top: 7px;
  margin: 0;
}
.config-card header p.active {
  color: #6ebd4b;
}
.config-card header p .icon-badge {
  width: 16px;
  height: 16px;
  font-size: 10px;
  line-height: 16px;
  margin: -1px 2px 0 1px;
}
.config-card header .status-text.disabled:hover {
  cursor: default;
}
.config-card article .info-block2 {
  margin-bottom: 12px;
}
.config-card .warning-block {
  margin: 0 -20px 20px;
  padding: 0 20px 6px;
}
.config-card .general-errors,
.config-card .general-warnings,
.config-card .general-success {
  margin: 4px 0 20px;
  padding: 0;
}
.config-card .general-errors .alert-warning,
.config-card .general-warnings .alert-warning,
.config-card .general-success .alert-warning,
.config-card .general-errors .alert-danger,
.config-card .general-warnings .alert-danger,
.config-card .general-success .alert-danger,
.config-card .general-errors .alert-success,
.config-card .general-warnings .alert-success,
.config-card .general-success .alert-success {
  padding-left: 24px;
  margin: 0;
}
.config-card .general-errors .alert-warning [class^="icon-"],
.config-card .general-warnings .alert-warning [class^="icon-"],
.config-card .general-success .alert-warning [class^="icon-"],
.config-card .general-errors .alert-danger [class^="icon-"],
.config-card .general-warnings .alert-danger [class^="icon-"],
.config-card .general-success .alert-danger [class^="icon-"],
.config-card .general-errors .alert-success [class^="icon-"],
.config-card .general-warnings .alert-success [class^="icon-"],
.config-card .general-success .alert-success [class^="icon-"],
.config-card .general-errors .alert-warning [class*=" icon-"],
.config-card .general-warnings .alert-warning [class*=" icon-"],
.config-card .general-success .alert-warning [class*=" icon-"],
.config-card .general-errors .alert-danger [class*=" icon-"],
.config-card .general-warnings .alert-danger [class*=" icon-"],
.config-card .general-success .alert-danger [class*=" icon-"],
.config-card .general-errors .alert-success [class*=" icon-"],
.config-card .general-warnings .alert-success [class*=" icon-"],
.config-card .general-success .alert-success [class*=" icon-"] {
  left: 1px;
}
.config-card .btn-default .spinner {
  background: url('/branding/default/images/ajax-loader.gif') no-repeat 50% 40%;
}
.config-card .btn-success[class*="icon-"]:before {
  font-size: 16px;
  vertical-align: middle;
  margin-right: 8px;
}
.config-card .btn-success.icon-restart:before {
  position: relative;
  top: -2px;
}
.config-card footer {
  border-top: 1px solid #e5e5e5;
  padding: 14px 0 0;
  margin: 20px 0 -4px;
}
.cloud-services .config-card .general-errors {
  margin: -16px -25px 16px;
  padding: 0 25px;
}
.config-card .license-type {
  margin: 0 15px 0 0;
}
.config-card .license-type .control-label {
  color: #58585b;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px 0 0;
  float: none;
}
.config-card .license-type .dropdown {
  display: inline-block;
}
.config-card .license-type .btn-select {
  height: 36px;
  max-width: 150px;
}
.filter-toggler-holder {
  display: inline-block;
  margin-right: 10px;
  line-height: 36px;
  padding: 0 12px;
  vertical-align: top;
}
.filter-toggler-holder .item-picker-filter-toggler {
  display: inline-block;
  position: relative;
  color: #049fd9;
  cursor: pointer;
}
.filter-toggler-holder .item-picker-filter-toggler:before {
  content: "";
  border-bottom: 1px dashed;
  width: 100%;
  position: absolute;
  bottom: 3px;
}
.filter-toggler-holder .item-picker-filter-toggler:hover {
  text-decoration: none;
}
.filter-toggler-holder.on {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.filter-toggler-holder.warning .item-picker-filter-toggler,
.filter-toggler-holder.error .item-picker-filter-toggler {
  color: #ff7300;
}
.filter-toggler-holder.warning .item-picker-filter-toggler:before,
.filter-toggler-holder.error .item-picker-filter-toggler:before {
  border-bottom-color: #ff7300;
}
.filter-toggler-holder.warning.on,
.filter-toggler-holder.error.on {
  background: #ff7300;
}
.filter-toggler-holder.warning.on .item-picker-filter-toggler,
.filter-toggler-holder.error.on .item-picker-filter-toggler {
  color: white;
}
.filter-toggler-holder.error .item-picker-filter-toggler {
  color: #cf2030;
}
.filter-toggler-holder.error .item-picker-filter-toggler:before {
  border-bottom: 1px dashed #cf2030;
}
.filter-toggler-holder.error.on {
  background: #cf2030;
}
.policies-page .filter-toggler-holder {
  margin-right: 0;
}
.policies-page .filter-toggler-holder.on {
  margin-bottom: 10px;
}
.table-policy.ssl .filter-toggler-holder {
  float: right;
}
.item-picker .filter-toggler-holder {
  line-height: 24px;
}
.form-section-heading {
  border-bottom: 1px solid #e5e5e5;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.form-section-heading h5 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
  padding: 12px 6px 6px 0;
  position: relative;
  line-height: 1;
}
.form-section-heading h5:before,
.form-section-heading h5 i[class^="icon-"],
.form-section-heading h5 i[class^="icon-"]:before {
  font-size: 17px;
}
.form-section-heading i {
  font-size: 16px;
  margin: -6px 4px -6px 0;
}
.form-section-heading.small {
  margin: 0 0 16px;
  padding: 8px 0;
}
.form-section-heading.small h5 {
  padding: 0;
  margin: 0;
}
.form-section-heading .tip {
  text-transform: none;
  font-weight: normal;
}
.heading-toggler-line {
  display: flex;
  padding: 0;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 4px;
}
.heading-toggler-line:not(.no-margin-top) > label,
.heading-toggler-line:not(.no-margin-top) .onoffswitch {
  margin-top: 10px;
}
.heading-toggler-line > label {
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
}
.heading-toggler-line .onoffswitch {
  display: flex;
  align-items: center;
  margin-left: 6px;
}
.heading-toggler-line .onoffswitch .off,
.heading-toggler-line .onoffswitch .on {
  padding: 0 20px !important;
}
.heading-toggler-line.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.heading-toggler-line .toggler-icon-info {
  margin-top: 6px;
  margin-left: 10px;
}
.heading-toggler {
  display: flex;
  padding: 0;
  margin-bottom: 18px;
}
.heading-toggler:not(.no-margin-top) > label,
.heading-toggler:not(.no-margin-top) .onoffswitch {
  margin-top: 10px;
}
.heading-toggler > label {
  margin: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
  color: #58585b;
}
.heading-toggler .onoffswitch {
  display: flex;
  align-items: center;
  margin-left: 6px;
}
.heading-toggler .onoffswitch .off,
.heading-toggler .onoffswitch .on {
  padding: 0 20px !important;
}
.heading-toggler.border-bottom {
  border-bottom: 1px solid #e5e5e5;
}
.heading-toggler .toggler-icon-info {
  margin-top: 6px;
  margin-left: 10px;
}
.object-description-container .object-with-description {
  position: relative;
}
.object-description-container .object-with-description:after {
  content: " ";
  position: absolute;
  display: block;
  height: 10px;
  width: 15px;
  top: 100%;
  clip-path: polygon(50% 0, 0 100%, 100% 100%);
  left: calc(50% - 7.5px);
}
.object-description-container .object-with-description-info:after {
  background-color: #e6f5fb;
}
.object-description-container .object-with-description-warning:after {
  background-color: #fff1e6;
}
.object-description-container .object-with-description-failed:after {
  background-color: #fae9ea;
}
.object-description-container .description-for-object {
  border: none;
  margin-top: 3px;
  margin-bottom: 0;
  padding: 15px 12px 10px 40px;
}
.object-description-container .description-for-object.warning-inform-block {
  color: #ff7300;
}
.object-description-container .description-for-object.failed-inform-block {
  color: #cf2030;
}
.object-description-container .description-for-object .icon {
  font-size: 16px;
  top: 12px;
  left: 12px;
  vertical-align: top;
}
.object-description-container .description-for-object .description-text {
  display: inline-block;
  line-height: 1.5em;
  font-size: 14px;
}
.cli-commands-dropdown {
  min-width: 152px;
}
.cli-commands-dropdown i {
  padding-right: 8px;
}
.btns-on-tabs {
  position: relative;
  bottom: -20px;
}
.flex-column-reverse {
  display: flex;
  flex-direction: column-reverse;
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden {
  overflow: hidden;
}
/* High Contrast Mode */
.highcontrast .page {
  background: white;
  color: black;
}
.highcontrast .cisco-status-orange,
.highcontrast .warning-block {
  color: #CA5000;
}
.highcontrast .filter-toggler-holder.on.warning {
  background-color: #CA5000;
}
.highcontrast .search-with-presets .cs-search-input .search .icon-search {
  color: black;
}
.highcontrast .search-with-presets .cs-search-input .input-wrapper input {
  font-weight: bold;
  color: black;
}
.highcontrast .search-with-presets .cs-search-input .input-wrapper .clear .icon-cancel {
  color: black;
}
.highcontrast .text-success,
.highcontrast .cisco-status-green,
.highcontrast .inline-success .success-item,
.highcontrast .general-success .success-item,
.highcontrast .page-success .success-item {
  color: #38761F;
}
.highcontrast .icon-badge.status-warning,
.highcontrast .icon-badge.status-major {
  background: #CA5000;
}
.highcontrast .inline-success .success-item .icon-checkmark,
.highcontrast .page-success .success-item .icon-checkmark {
  background: #38761F;
}
.highcontrast .page-success {
  border-color: #38761F;
}
.highcontrast .general-warnings .alert-warning {
  color: #CA5000;
}
.highcontrast #header .main-nav > li > a,
.highcontrast #header .main-nav > li > span {
  color: black;
}
.highcontrast #header .main-nav > li > a:hover,
.highcontrast #header .main-nav > li.active > a {
  border-bottom: 3px solid #2471a7;
  color: #2471a7;
  background: none;
}
.highcontrast #header .main-nav > li > a:hover,
.highcontrast #header .main-nav > li.active > a {
  border-bottom: 3px solid #2471a7;
  color: #2471a7;
  background: none;
}
.highcontrast #header .main-nav > li a i {
  opacity: 1.0;
}
.highcontrast #header .icons-menu .active [class^="icon-"],
.highcontrast #header .icons-menu .active .user-name {
  color: #2471a7;
}
.highcontrast #header .icons-menu .active > a,
.highcontrast #header .icons-menu .active > .icon-wrapper {
  border-color: #2471a7;
}
.highcontrast #header .icons-menu li.dropdown.open .btn-select {
  background: black;
}
.highcontrast #header .icons-menu li.dropdown.open .btn-select i {
  color: white;
}
.highcontrast #header .icons-menu li.active [class^="icon-"],
.highcontrast #header .icons-menu li.active .user-name {
  color: #2471a7;
}
.highcontrast #header .icons-menu li.active > a,
.highcontrast #header .icons-menu li.active > .icon-wrapper {
  border-color: #2471a7;
}
.highcontrast #header .icons-menu li.active.dropdown:not(.open) .btn-select {
  background: #2471a7;
}
.highcontrast #header .icons-menu li.active.dropdown.open .dropdown-menu li a.active {
  box-shadow: 4px 0 0 0 #2471a7 inset;
  color: #2471a7;
}
.highcontrast #header .icons-menu li.active.dropdown.open .dropdown-menu li a.active i {
  color: #2471a7;
}
.highcontrast #header .icons-menu li:not(.active) [class^="icon-"],
.highcontrast #header .icons-menu li:not(.active) .user-name {
  color: black;
}
.highcontrast #header .icons-menu li:not(.active).dropdown:not(.open) .btn-select {
  background: white;
}
.highcontrast #header .icons-menu .dropdown-menu li:hover a:not(.active) i {
  color: white;
}
.highcontrast h1,
.highcontrast h2,
.highcontrast h3,
.highcontrast h4,
.highcontrast h5,
.highcontrast h6,
.highcontrast .h1,
.highcontrast .h2,
.highcontrast .h3,
.highcontrast .h4,
.highcontrast .h5,
.highcontrast .h6 {
  color: black;
}
.highcontrast a,
.highcontrast .pseudo-link,
.highcontrast .help-link:hover {
  color: #2471a7;
}
.highcontrast a.error-link,
.highcontrast .pseudo-link.error-link,
.highcontrast .help-link:hover.error-link {
  color: #cf2030;
}
.highcontrast .objects-table thead > tr > td .help-link:hover,
.highcontrast .objects-table thead > tr > th .help-link:hover {
  color: white;
}
.highcontrast .cli-preview .expand-link {
  color: white;
}
.highcontrast .cli-preview .cli-preview-heading .cli-preview-heading-col.refresh-note-col {
  color: #e9e9e9;
}
.highcontrast .eventViewerFilter .clear {
  font-weight: bold;
  color: #1a5178;
}
.highcontrast .eventViewerFilter .optionArrowCont {
  color: #444;
}
.highcontrast .eventViewerFilter .itemBox .filter-tags li p:hover {
  background: #2471a7;
}
.highcontrast .xwtNotification .topControls .values span,
.highcontrast .xwtNotification .topControls .percentages span {
  color: #2471a7;
}
.highcontrast .moreControls .selectList .clippedContent,
.highcontrast .xwtNotification .selectList .clippedContent {
  background: #2471a7;
  font-weight: bold;
  letter-spacing: 0.04em;
}
.highcontrast .moreControls .selectList .clippedContent:hover,
.highcontrast .xwtNotification .selectList .clippedContent:hover {
  background: #2d8dd1;
}
.highcontrast .moreControls .selectList .clippedContent:before,
.highcontrast .xwtNotification .selectList .clippedContent:before {
  color: white;
}
.highcontrast .moreControls .selectList .clippedContent .selectBox .selectText,
.highcontrast .xwtNotification .selectList .clippedContent .selectBox .selectText,
.highcontrast .moreControls .selectList .clippedContent .icon:before,
.highcontrast .xwtNotification .selectList .clippedContent .icon:before {
  color: white;
}
.highcontrast .moreControls .selectList .clippedContent .dropDownArrow .icon:before,
.highcontrast .xwtNotification .selectList .clippedContent .dropDownArrow .icon:before {
  color: white;
}
.highcontrast .xwtNotification .reportTimeRangeDisplayRow .inlineMessage:hover .messageBoxNode,
.highcontrast .monitoringcards > .row .time-range-warning-message {
  opacity: 1;
}
.highcontrast .ui-tooltip,
.highcontrast .info-tooltip {
  background: black;
}
.highcontrast .ui-tooltip:before,
.highcontrast .info-tooltip:before {
  border-color: black transparent transparent;
}
.highcontrast .ui-tooltip.show-on-bottom:before,
.highcontrast .info-tooltip.show-on-bottom:before {
  border-color: transparent transparent black;
}
.highcontrast .object-table .icon-edit,
.highcontrast .object-table .icon-download {
  color: #2471a7;
}
.highcontrast .object-table .icon-edit:hover,
.highcontrast .object-table .icon-download:hover {
  color: #1b557d;
}
.highcontrast .object-table .icon-remove {
  color: #cf2030;
}
.highcontrast .object-table .icon-remove:hover {
  color: #a31926;
}
.highcontrast .object-table .icon-restore {
  color: #38761F;
}
.highcontrast .object-table .icon-restore:hover {
  color: #254e14;
}
.highcontrast .objects-table tbody tr .cell-value {
  color: black;
}
.highcontrast .objects-table tbody tr .cell-value.icons i:not(.active) {
  color: #c6c7ca;
}
.highcontrast .policy .sub-menu {
  background: #e9e9e9;
}
.highcontrast .modal .modal-header {
  background-color: #2471a7;
  border: none;
}
.highcontrast .modal .modal-header.advanced-filter {
  background-color: white;
}
.highcontrast .modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select:hover {
  background-color: #2d8dd1;
}
.highcontrast .modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select:hover[disabled],
.highcontrast .modal .modal-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select:hover[class*="disabled"] {
  background-color: #2471a7;
}
.highcontrast .advanced-filter.modal-header .btn-help {
  color: #2471a7;
}
.highcontrast #smxPopupContainer .smxPopup .dialogHeader h3 {
  background-color: #2471a7;
}
.highcontrast .modal-data .nav-tabs li a {
  color: black;
}
.highcontrast .btn,
.highcontrast .eventViewerFilter .button button,
.highcontrast .moreControls .realTimeControls .sensorPause,
.highcontrast .moreControls .realTimeControls .sensorPlay,
.highcontrast #smxPopupContainer .smxPopup .smxFormActions .button button,
.highcontrast .xwtNotification .customTimeRangeSpan .button button {
  font-weight: bold;
  letter-spacing: 0.04em;
}
.highcontrast .form-control {
  color: black;
}
.highcontrast .form-control,
.highcontrast .custom-select,
.highcontrast .btn-select {
  font-weight: bold;
}
.highcontrast .form-control.ongray,
.highcontrast .modal-data .form-control.ongray,
.highcontrast .modal-header .form-control.ongray,
.highcontrast .cs-search-input.ongray {
  background: #e5e5e5;
}
.highcontrast .form-control.ongray:focus,
.highcontrast .modal-data .form-control.ongray:focus,
.highcontrast .modal-header .form-control.ongray:focus,
.highcontrast .cs-search-input.ongray:focus {
  border: none;
}
.highcontrast .form-control:focus,
.highcontrast .custom-range-form .custom-range-form-row .col .time-picker.dropdown.open .btn-select:not([class*='action-']) {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
  background: white;
}
.highcontrast .has-error .form-control:focus,
.highcontrast .has-error .form-control:focus.ongray {
  box-shadow: 0 0 0 2px #cf2030;
}
.highcontrast .search-form input.form-control {
  background: #e5e5e5;
}
.highcontrast .form-group .wrapp-emulate .emulate,
.highcontrast .row .wrapp-emulate .emulate {
  background: #a7a9ab;
  color: #a7a9ab;
}
.highcontrast .form-group .wrapp-emulate input:checked + .emulate,
.highcontrast .row .wrapp-emulate input:checked + .emulate {
  color: white;
}
.highcontrast .btn-primary,
.highcontrast .btn-success,
.highcontrast .btn.btn-iconic.btn-primary,
.highcontrast .btn.btn-iconic.btn-success,
.highcontrast .modal .modal-data .btn-success,
.highcontrast .btn:not(.btn-select):not([disabled]):not([class*="disabled"]):not(.btn-transparent):active,
.highcontrast .eventViewerFilter .button button,
.highcontrast .moreControls .realTimeControls .sensorPause,
.highcontrast .moreControls .realTimeControls .sensorPlay,
.highcontrast #smxPopupContainer .smxPopup .smxFormActions .button button,
.highcontrast .xwtNotification .customTimeRangeSpan .button button,
.highcontrast .identity-setup-dialog .form-horizontal .btn.btn-primary {
  background: #2471a7;
  color: white;
}
.highcontrast .btn-primary:hover,
.highcontrast .btn-success:hover,
.highcontrast .btn.btn-iconic.btn-primary:hover,
.highcontrast .modal .modal-data .btn-success:hover,
.highcontrast .moreControls .realTimeControls .sensorPause:hover,
.highcontrast .moreControls .realTimeControls .sensorPlay:hover,
.highcontrast .eventViewerFilter .button button:hover {
  background: #2d8dd1;
}
.highcontrast .btn-primary:hover[disabled],
.highcontrast .btn-success:hover[disabled],
.highcontrast .btn.btn-iconic.btn-primary:hover[disabled],
.highcontrast .modal .modal-data .btn-success:hover[disabled],
.highcontrast .moreControls .realTimeControls .sensorPause:hover[disabled],
.highcontrast .moreControls .realTimeControls .sensorPlay:hover[disabled],
.highcontrast .eventViewerFilter .button button:hover[disabled],
.highcontrast .btn-primary:hover[class*="disabled"],
.highcontrast .btn-success:hover[class*="disabled"],
.highcontrast .btn.btn-iconic.btn-primary:hover[class*="disabled"],
.highcontrast .modal .modal-data .btn-success:hover[class*="disabled"],
.highcontrast .moreControls .realTimeControls .sensorPause:hover[class*="disabled"],
.highcontrast .moreControls .realTimeControls .sensorPlay:hover[class*="disabled"],
.highcontrast .eventViewerFilter .button button:hover[class*="disabled"] {
  background-color: #2471a7;
}
.highcontrast .btn.btn-iconic.btn-transparent :not(.active):hover i {
  color: #2d8dd1;
}
.highcontrast .btn.btn-iconic.btn-transparent :active {
  color: #2471a7;
}
.highcontrast .btn-select {
  background: #e5e5e5;
}
.highcontrast .btn.btn-default:not(.disabled):hover {
  background: #444;
  color: white;
}
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .btn-default:hover {
  background: none;
  color: #444;
}
.highcontrast .modal .modal-footer .button-remove,
.highcontrast .modal .modal-footer .button-remove:hover,
.highcontrast .modal .delete-dialog .btn-success,
.highcontrast .modal .delete-dialog .btn-success:hover {
  background: #cf2030;
  color: white;
}
.highcontrast .identity-setup-dialog .content button.test {
  color: white;
  background: #38761F;
}
.highcontrast .nav-tabs li.active a,
.highcontrast .nav-tabs li.active a:hover,
.highcontrast .nav-tabs li.active a:focus,
.highcontrast .nav-tabs li a:hover,
.highcontrast .nav-tabs li a:focus {
  border-bottom-color: #2471a7;
  color: #2471a7;
}
.highcontrast .navigation-sidebar {
  background: #2471a7;
}
.highcontrast .navigation-sidebar .nav-stacked li a {
  color: white;
}
.highcontrast .navigation-sidebar .nav-stacked li.active a {
  background: white;
  color: #2471a7;
}
.highcontrast .objects-table thead > tr > th,
.highcontrast .objects-table thead > tr > td {
  background: #2471a7;
}
.highcontrast .common-dialog-holder .rule-table tbody tr td {
  color: #444;
}
.highcontrast .col-sm-2.select-action .btn.action-passive,
.highcontrast .col-sm-2.select-action .btn.action-active {
  background-color: #38761F;
}
.highcontrast .add-rule form .sub-action button span[class^='icon-']:not(:last-child).inactive {
  color: #444;
}
.highcontrast .add-rule form .sub-action .dropdown-menu li .onoffswitch .onoffswitch-label .on {
  border-color: #2471a7;
  background-color: #2471a7;
}
.highcontrast .add-rule form label {
  color: black;
}
.highcontrast .select-action .btn {
  font-weight: bold;
  border-color: transparent;
}
.highcontrast .select-action .btn.action-trust,
.highcontrast .select-action .btn.action-decrypt-none,
.highcontrast .select-action .btn.action-any,
.highcontrast .select-action .btn.action-disabled {
  background-color: black;
}
.highcontrast .select-action .btn.action-permit,
.highcontrast .select-action .btn.action-active,
.highcontrast .select-action .btn.action-decrypt-re-sign,
.highcontrast .select-action .btn.action-decrypt-known {
  background-color: #38761F;
}
.highcontrast .select-action .btn.action-alert {
  background-color: #CA5000;
}
.highcontrast .select-action .btn.action-deny,
.highcontrast .select-action .btn.action-no_auth,
.highcontrast .select-action .btn.action-block,
.highcontrast .select-action .btn.action-drop {
  background-color: #cf2030;
}
.highcontrast .time-range-dropdown:before {
  color: white;
}
.highcontrast .time-range-dropdown .btn-default,
.highcontrast .time-range-dropdown .btn-default:focus {
  background: #2471a7;
  color: white;
}
.highcontrast .section-box h2,
.highcontrast .section-box h4,
.highcontrast .section-box .min {
  color: black;
}
.highcontrast .section-box .font-light {
  font-weight: 400;
}
.highcontrast .section-box .max,
.highcontrast .section-box .max .bigger-size {
  color: white;
  background: #38761F;
}
.highcontrast .section-box .descr,
.highcontrast .section-box .color-grey {
  color: black;
}
.highcontrast .ci-device li .text,
.highcontrast .ci-device li .ci-device-port,
.highcontrast .ci-device .router-model {
  color: #6B7579;
  font-weight: bold;
}
.highcontrast .ci-device li .ci-port-active:before {
  color: #38761F;
}
.highcontrast .ci-device .router-model-hint {
  background-color: black;
  color: white;
  font-size: 12px;
}
.highcontrast.device-page .card-item {
  border-bottom-color: #2471a7;
}
.highcontrast.device-page .card-item .item-cta {
  color: #2471a7;
}
.highcontrast.device-page .card-item .yellow-disc {
  background: #CA5000;
}
.highcontrast .page.device-page .device .block,
.highcontrast .page.initialsetup .device .block {
  font-weight: bold;
  background-color: #6B7579;
}
.highcontrast .page.device-page .device .block.issue-state,
.highcontrast .page.initialsetup .device .block.issue-state {
  background: #CA5000;
}
.highcontrast .page.device-page .device .block.active,
.highcontrast .page.initialsetup .device .block.active {
  background: #38761F;
}
.highcontrast .page.device-page .device .block.registered-state,
.highcontrast .page.initialsetup .device .block.registered-state {
  background: #38761F;
}
.highcontrast .page.device-page .device .cloud,
.highcontrast .page.initialsetup .device .cloud {
  color: black;
}
.highcontrast .page.device-page .device .cloud i,
.highcontrast .page.initialsetup .device .cloud i {
  color: #6B7579;
}
.highcontrast .page.device-page .device .cloud.active,
.highcontrast .page.initialsetup .device .cloud.active {
  color: #38761F;
}
.highcontrast .page.device-page .device .cloud.active i,
.highcontrast .page.initialsetup .device .cloud.active i {
  color: #38761F;
}
.highcontrast .initialsetup .device.vpn .connections .device-connect .icon-device {
  color: #6B7579;
}
.highcontrast .initialsetup .device.vpn .connections .device-connect .device-realm-connect.active {
  border-color: #38761F;
}
.highcontrast .initialsetup .device.vpn .connections .device-connect .device-realm-connect.active:before,
.highcontrast .initialsetup .device.vpn .connections .device-connect .device-realm-connect.active:after {
  border-top-color: #38761F;
  border-left-color: #38761F;
}
.highcontrast .initialsetup .device.vpn .step-point {
  background: #1a5178;
}
.highcontrast .initialsetup .device.vpn .connections .remote-device .remote-internet:before,
.highcontrast .initialsetup .device.vpn .connections .connection.active:before {
  border-top-color: #38761F;
}
.highcontrast .initialsetup .device.vpn .connections .device-corporate .block.active:before {
  border-top-color: #38761F;
  border-left-color: #38761F;
}
.highcontrast .icon-win,
.highcontrast .icon-apple,
.highcontrast .icon-linux {
  color: black;
}
.highcontrast .page.device-page .device .card-item,
.highcontrast .backup-menu,
.highcontrast .update-type,
.highcontrast .feature-page-stateful .item,
.highcontrast .xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsiblePane {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
.highcontrast .backup-menu header .current,
.highcontrast .update-type header .current {
  color: #444;
}
.highcontrast .typeicon,
.highcontrast .backup-menu .type .typeicon,
.highcontrast .update-type .type .typeicon {
  color: #2471a7;
}
.highcontrast .timepicker .zone {
  color: black;
}
.highcontrast .modal-dialog.backup .modal-footer .pseudo-link {
  font-weight: bold;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav {
  box-shadow: inset -1px 0 #d7d7d7;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item {
  position: relative;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item .nav-group-link {
  color: black;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item .nav-group-link.has-error {
  color: #cf2030;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item.active {
  background: #1a5178;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item.active .nav-group-link {
  color: white;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item.active .nav-group-link.has-error {
  background: #cf2030;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item.active .nav-group-link.has-error:before {
  color: white;
}
.highcontrast .modal-dialog.with-sidebar .sidebar-content .tab-nav .nav-group-item .nav-group-title {
  color: black;
}
.highcontrast .charts-area .eps-chart .mainValue {
  color: black;
}
.highcontrast .cs-chart {
  color: black;
}
.highcontrast .cs-chart .title,
.highcontrast .cs-chart .footer .mainValue {
  font-weight: 400;
}
.highcontrast .cs-chart .chartLabels {
  color: black;
}
.highcontrast .cs-chart svg.chart .y-axis line {
  stroke: #c6c7ca;
}
.highcontrast .cs-chart svg.chart .area,
.highcontrast .cs-chart svg.chart .dotG .dot {
  fill: #1a5178;
}
.highcontrast .cs-chart svg.chart .bar:hover {
  fill: black;
}
.highcontrast .cs-chart svg.chart .dotG .dotBig {
  stroke: #1a5178;
}
.highcontrast .pie-chart-container path[fill="#2ea1d5"],
.highcontrast .pie-chart-container rect[style="fill: rgb(46, 161, 213);"] {
  fill: #1a5178 !important;
}
.highcontrast .pie-chart-container path[fill="#abc233"],
.highcontrast .pie-chart-container rect[style="fill: rgb(171, 194, 51);"] {
  fill: #38761F !important;
}
.highcontrast .icon-badge.status-normal {
  background: #38761F;
}
.highcontrast .dropdown .btn-select.btn-primary {
  background: #2471a7;
}
.highcontrast .dropdown .btn-select.btn-primary:hover {
  background: #2d8dd1;
}
.highcontrast .dropdown > .btn-select:not(.btn-primary):not([class*='action-']):not(.btn-select-cli):not(:hover) {
  color: black;
}
.highcontrast .dropdown > .btn-select:not(.btn-primary):not([class*='action-']):not(.btn-select-cli):not(:hover) [class^='icon-'] {
  color: black;
}
.highcontrast .dropdown.open > .btn-select:not(.btn-primary):not([class*='action-']):not(.btn-select-cli),
.highcontrast .dropdown:hover > .btn-select:not(.btn-primary):not([class*='action-']):not(.btn-select-cli) {
  color: white;
  background: #444;
}
.highcontrast .dropdown.open > .btn-select:not(.btn-primary):not([class*='action-']):not(.btn-select-cli) [class^='icon-'],
.highcontrast .dropdown:hover > .btn-select:not(.btn-primary):not([class*='action-']):not(.btn-select-cli) [class^='icon-'] {
  color: white;
}
.highcontrast .dropdown.dropdown-easy:not(.open) > .btn-select:not([class*='action-']).not-selected {
  color: #2471a7;
  font-weight: bold;
}
.highcontrast .dropdown.dropdown-easy:not(.open) > .btn-select:not([class*='action-']).not-selected > [class^='icon-'] {
  color: #2471a7;
}
.highcontrast .dropdown.dropdown-easy:not(.open) > .btn-select:not([class*='action-']).not-selected:hover {
  border-color: #2471a7;
  background: transparent;
}
.highcontrast .btn.btn-iconic.btn-xs.active {
  background-color: #444;
}
.highcontrast .item-picker-dropdown.open > input.form-control {
  background: #444;
}
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-permit:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-ACTIVE:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-re-sign:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-permit[aria-expanded="true"],
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-ACTIVE[aria-expanded="true"],
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-re-sign[aria-expanded="true"] {
  background-color: #38761F;
}
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-deny:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-block:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-NO_AUTH:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-deny[aria-expanded="true"],
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-block[aria-expanded="true"],
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-NO_AUTH[aria-expanded="true"] {
  background-color: #cf2030;
}
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-not-decrypt:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-trust:hover,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-not-decrypt[aria-expanded="true"],
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry.cell-entry-trust[aria-expanded="true"] {
  background-color: black;
}
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-deny,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-policy-not-active {
  color: #cf2030;
}
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-permit,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-policy-active,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-decrypt-re-sign,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-decrypt-known-key,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-certificate,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-passive-auth {
  color: #38761F;
}
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-lock,
.highcontrast .table-policy .objects-table tbody tr .cell-actions .cell-action-entry .icon-trust {
  color: black;
}
.highcontrast .table-policy .objects-table tbody tr.no-inline-editing .cell-value:not(.empty) .pseudo-link {
  color: black;
}
.highcontrast .table-policy .objects-table tbody tr th.header-cell .help-link {
  opacity: 0.5;
}
.highcontrast .table-policy .objects-table tbody .pseudo-link {
  color: black;
}
.highcontrast .table-policy thead > tr th .cell-value,
.highcontrast .table-policy thead > tr td .cell-value {
  color: white;
}
.highcontrast .policy-access-actions li:hover span,
.highcontrast .policy-access-actions li.active span,
.highcontrast .policy-access-actions li.active:hover span {
  color: white;
}
.highcontrast .cs-update-poller {
  color: black;
}
.highcontrast .dropdown-menu li:hover,
.highcontrast .dropdown-menu li.active,
.highcontrast .dropdown-menu li.active:hover,
.highcontrast .dropdown-iconic:not(.active) .dropdown-menu li:hover a,
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected,
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected a,
.highcontrast .bootstrap-select .dropdown-menu li:hover a,
.highcontrast .bootstrap-select .dropdown-menu li.active a,
.highcontrast .bootstrap-select .dropdown-menu li.active:hover a,
.highcontrast .item-picker .item-picker-popup .list-item a:hover,
.highcontrast .item-picker .item-picker-popup .list-item.selected .item-name,
.highcontrast .item-picker .item-picker-popup .list-item .item-name:hover,
.highcontrast .selectResults ul li:hover,
.highcontrast .selectResults ul > li:hover > a {
  background: #2471a7;
  color: white !important;
}
.highcontrast .dropdown-menu li:hover ~ .icon-info-1,
.highcontrast .dropdown-menu li.active ~ .icon-info-1,
.highcontrast .dropdown-menu li.active:hover ~ .icon-info-1,
.highcontrast .dropdown-iconic:not(.active) .dropdown-menu li:hover a ~ .icon-info-1,
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected ~ .icon-info-1,
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected a ~ .icon-info-1,
.highcontrast .bootstrap-select .dropdown-menu li:hover a ~ .icon-info-1,
.highcontrast .bootstrap-select .dropdown-menu li.active a ~ .icon-info-1,
.highcontrast .bootstrap-select .dropdown-menu li.active:hover a ~ .icon-info-1,
.highcontrast .item-picker .item-picker-popup .list-item a:hover ~ .icon-info-1,
.highcontrast .item-picker .item-picker-popup .list-item.selected .item-name ~ .icon-info-1,
.highcontrast .item-picker .item-picker-popup .list-item .item-name:hover ~ .icon-info-1,
.highcontrast .selectResults ul li:hover ~ .icon-info-1,
.highcontrast .selectResults ul > li:hover > a ~ .icon-info-1 {
  color: white;
}
.highcontrast .dropdown-menu li:hover [class^="icon-"],
.highcontrast .dropdown-menu li.active [class^="icon-"],
.highcontrast .dropdown-menu li.active:hover [class^="icon-"],
.highcontrast .dropdown-iconic:not(.active) .dropdown-menu li:hover a [class^="icon-"],
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected [class^="icon-"],
.highcontrast .ui-datepicker .ui-datepicker-header .bootstrap-select .dropdown-menu > li.selected a [class^="icon-"],
.highcontrast .bootstrap-select .dropdown-menu li:hover a [class^="icon-"],
.highcontrast .bootstrap-select .dropdown-menu li.active a [class^="icon-"],
.highcontrast .bootstrap-select .dropdown-menu li.active:hover a [class^="icon-"],
.highcontrast .item-picker .item-picker-popup .list-item a:hover [class^="icon-"],
.highcontrast .item-picker .item-picker-popup .list-item.selected .item-name [class^="icon-"],
.highcontrast .item-picker .item-picker-popup .list-item .item-name:hover [class^="icon-"],
.highcontrast .selectResults ul li:hover [class^="icon-"],
.highcontrast .selectResults ul > li:hover > a [class^="icon-"] {
  color: white;
}
.highcontrast .ember-power-select-dropdown ul li.ember-power-select-option[aria-selected="true"],
.highcontrast .ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option[aria-selected="true"],
.highcontrast .ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"][aria-selected="true"],
.highcontrast .ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"][aria-selected="true"] {
  background: #2471a7;
  color: white;
}
.highcontrast .ember-power-select-dropdown ul li.ember-power-select-option[aria-selected="true"]:before,
.highcontrast .ember-power-select-dropdown .ember-power-select-options[role="listbox"] li.ember-power-select-option[aria-selected="true"]:before,
.highcontrast .ember-power-select-dropdown ul .ember-power-select-option[aria-current="true"][aria-selected="true"]:before,
.highcontrast .ember-power-select-dropdown .ember-power-select-options[role="listbox"] .ember-power-select-option[aria-current="true"][aria-selected="true"]:before {
  color: #2471a7;
}
.highcontrast .item-picker .item-picker-popup .list-item.selected a:before,
.highcontrast .item-picker .item-picker-popup .list-item.selected .item-name:before {
  color: #2471a7;
}
.highcontrast .item-picker .root .toggler:after {
  color: white;
}
.highcontrast .item-picker .btn-select.active em {
  color: white;
}
.highcontrast .item-picker .list-item a,
.highcontrast .item-picker .list-item .item-name {
  color: black;
}
.highcontrast .selected-items-list .list-item .item-name,
.highcontrast .selected-items-list .list-item a {
  font-weight: bold;
  color: black;
}
.highcontrast .application-filter-condition .item-selector .item-picker .list-item.selected a,
.highcontrast .application-filter-condition .item-selector .item-picker .list-item.selected .item-name,
.highcontrast .application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected a,
.highcontrast .application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected .item-name {
  background: #2471a7;
  color: white;
}
.highcontrast .application-filter-condition .item-selector .item-picker .list-item.selected a:before,
.highcontrast .application-filter-condition .item-selector .item-picker .list-item.selected .item-name:before,
.highcontrast .application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected a:before,
.highcontrast .application-filter-condition .filtered-applications .item-selector .item-picker-content .scroller .list-item.selected .item-name:before {
  color: #2471a7;
}
.highcontrast .tip,
.highcontrast .form-group .control-label .sublabel {
  color: #444;
}
.highcontrast .btn-copy {
  color: #1a5178;
}
.highcontrast .btn-copy.btn-success {
  color: white;
}
.highcontrast .feature-page-stateful .card-item header .enabled {
  color: #38761F;
}
.highcontrast .feature-page-stateful .card-item header .plain-status {
  color: #444;
}
.highcontrast .feature-page-stateful .feature-state.warning .titles {
  color: #CA5000;
}
.highcontrast .feature-page-stateful .feature-state .status-actions .days {
  color: #444;
}
.highcontrast .feature-page-stateful .feature-state .status-actions .days .current-day {
  color: black;
  font-weight: bold;
}
.highcontrast .feature-page-stateful .feature-state .status-actions .days .left-days {
  color: black;
}
.highcontrast .modal-data .tip,
.highcontrast .geolocation-settings .location {
  color: #444;
}
.highcontrast .default-action-panel {
  color: black;
}
.highcontrast .default-action-panel .default-action a {
  color: black;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select .icon-passive-auth,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action .icon-passive-auth {
  color: #38761F;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select .icon-policy-not-active,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action .icon-policy-not-active {
  color: #cf2030;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"],
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"] {
  color: white;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-permit,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-permit,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-permit,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-permit,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-passive,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-passive,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-passive,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-passive {
  background-color: #38761F;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-block,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-block,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-block,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-block,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-deny,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-deny,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-deny,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-deny,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-noauth,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-noauth,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-noauth,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-noauth {
  background-color: #cf2030;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-trust,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-trust,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-trust,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-trust,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover.default-action-do_not_decrypt,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover.default-action-do_not_decrypt,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"].default-action-do_not_decrypt,
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"].default-action-do_not_decrypt {
  background: black;
}
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select:hover [class^="icon-"],
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action:hover [class^="icon-"],
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-select[aria-expanded="true"] [class^="icon-"],
.highcontrast .default-action-panel .default-action .default-action-content-holder .default-action-content .btn-default-action[aria-expanded="true"] [class^="icon-"] {
  color: white;
}
.highcontrast .cs-diagram .counter .counter-box {
  background: #444;
}
.highcontrast .cs-diagram .cs-diagram-row .circle {
  border-color: #2471a7;
}
.highcontrast .cs-diagram .cs-diagram-row .circle.on {
  background: #2471a7;
}
.highcontrast .cs-diagram .warning .counter .counter-box {
  background: #CA5000;
}
.highcontrast .cs-diagram .error .counter .counter-box {
  background: #cf2030;
}
.highcontrast .diagram-holder .round-wrapp.icon-trust {
  background-color: black;
}
.highcontrast .diagram-holder .round-wrapp.icon-permit,
.highcontrast .diagram-holder .round-wrapp.icon-policy-active,
.highcontrast .diagram-holder .round-wrapp.icon-certificate,
.highcontrast .diagram-holder .round-wrapp.icon-passive-auth {
  background-color: #38761F;
}
.highcontrast .diagram-holder .round-wrapp.icon-deny,
.highcontrast .diagram-holder .round-wrapp.icon-policy-not-active {
  background-color: #cf2030;
}
.highcontrast .hide-diagram-holder.expanded a,
.highcontrast .hide-diagram-holder.expanded a:hover {
  color: #2471a7;
}
.highcontrast .ssl-diagram .node {
  color: #6B7579;
}
.highcontrast .ssl-diagram .action.decrypt-resign i,
.highcontrast .ssl-diagram .action.decrypt-known i {
  background: #38761F;
}
.highcontrast .ssl-diagram .action.block i {
  background: #cf2030;
}
.highcontrast .ssl-diagram .exclusions,
.highcontrast .ssl-diagram .connection-traffic {
  border-color: #6B7579;
}
.highcontrast .ssl-diagram .exclusions:before,
.highcontrast .ssl-diagram .connection-traffic:before,
.highcontrast .ssl-diagram .exclusions:after,
.highcontrast .ssl-diagram .connection-traffic:after {
  border-color: #6B7579;
}
.highcontrast .ssl-diagram .network.source .badgeicon {
  background: #6B7579;
}
.highcontrast .ssl-diagram .network.destination .badgeicon {
  color: #6B7579;
}
.highcontrast .notifier .alert .alert-inner {
  color: white;
  background: #38761F;
}
.highcontrast .notifier .alert.alert-danger .alert-inner {
  color: white;
  background: #cf2030;
}
.highcontrast .notifier .alert.alert-warning .alert-inner {
  color: white;
  background: #CA5000;
}
.highcontrast .objects-table tbody tr .cell-interfaces .interfaces-direction:before,
.highcontrast .objects-table tbody tr .cell-interfaces .interfaces-direction:after {
  border-color: #444;
}
.highcontrast .slider .slider-wrapper .pip,
.highcontrast .slider .slider-wrapper .slider-line,
.highcontrast .double-controls-block .reputation-slider.no-selected-value .wrap-pip:before,
.highcontrast .double-controls-block .reputation-slider.no-selected-value .wrap-pip:after,
.highcontrast .double-controls-block .reputation-slider.no-selected-value .wrap-pip,
.highcontrast .wrap-pip {
  background: #b0d7ec;
}
.highcontrast .wrap-pip .pip {
  border-right: 1px solid #b0d7ec;
}
.highcontrast .slider .slider-wrapper .pip.pip-left {
  background: #8FA51C;
}
.highcontrast .double-controls-block .reputation-slider.right-oriented .ui-slider .ui-slider-range {
  background: #2471a7;
}
.highcontrast .info-block {
  color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .wrap-slider-range strong.light-color,
.highcontrast .slider strong.light-color,
.highcontrast .double-controls-block .reputations-list .reputation-label {
  color: black;
}
.highcontrast .wrap-slider-range strong.light-color.selected,
.highcontrast .slider strong.light-color.selected,
.highcontrast .double-controls-block .reputations-list .reputation-label.selected {
  color: black;
}
.highcontrast .wrap-slider-range strong.light-color:hover,
.highcontrast .slider strong.light-color:hover,
.highcontrast .double-controls-block .reputations-list .reputation-label:hover {
  color: #2471a7;
}
.highcontrast .double-controls-block .reputation-slider.no-selected-value .reputations-list .reputation-label:hover {
  color: black;
}
.highcontrast .page.initialsetup #header .main-nav > li.device-link a,
.highcontrast .page.device-page #header .main-nav > li.device-link a {
  color: #2471a7;
}
.highcontrast .page.initialsetup .steps ul li .number,
.highcontrast .page.device-page .steps ul li .number,
.highcontrast .page.initialsetup .steps ul li .title,
.highcontrast .page.device-page .steps ul li .title {
  color: #444;
  border-color: #444;
}
.highcontrast .page.initialsetup .steps ul li.active .number,
.highcontrast .page.device-page .steps ul li.active .number {
  color: white;
  background-color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .page.initialsetup .steps ul li.error .number,
.highcontrast .page.device-page .steps ul li.error .number {
  color: white;
}
.highcontrast .page.initialsetup .step-number,
.highcontrast .page.device-page .step-number {
  background-color: #2471a7;
}
.highcontrast .page.initialsetup .wizard-form form fieldset label,
.highcontrast .page.device-page .wizard-form form fieldset label {
  color: #444;
}
.highcontrast .page.initialsetup .wizard-form .default-rules .text-muted,
.highcontrast .page.device-page .wizard-form .default-rules .text-muted {
  opacity: 1;
}
.highcontrast .page.initialsetup .wizard-form form input:checked + .radio-emulate,
.highcontrast .page.device-page .wizard-form form input:checked + .radio-emulate {
  background-color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .profile-content .change-password-notes ul li,
.highcontrast .change-password .change-password-notes ul li,
.highcontrast .profile-content .change-password-notes ul li,
.highcontrast .change-password .change-password-notes ul li {
  color: #444;
}
.highcontrast .profile-content .nav-tabs li.active a,
.highcontrast .change-password .nav-tabs li.active a,
.highcontrast .profile-content .nav-tabs li a:hover,
.highcontrast .change-password .nav-tabs li a:hover {
  color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .empty-label {
  color: rgba(0, 0, 0, 0.85) !important;
}
.highcontrast .upd-block .entry .note {
  color: #444;
}
.highcontrast .onoffswitch .onoffswitch-label .on,
.highcontrast .radio-wrapp input:checked + .radio-emulate {
  background-color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .form-group .wrapp-emulate input:checked + .emulate,
.highcontrast .row .wrapp-emulate input:checked + .emulate {
  background-color: #2471a7;
}
.highcontrast .page.device-page .double-colored-popup .step,
.highcontrast .buttons-switch a.active {
  color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .page.device-page .double-colored-popup .card-item header [class^="icon-"] {
  color: #2471a7;
}
.highcontrast .page.device-page .double-colored-popup h2 {
  color: #38761F;
}
.highcontrast .eventViewerTabs ul li.moreDropdown li.selected,
.highcontrast .eventViewerTabs ul li.moreDropdown li.selected:hover,
.highcontrast .eventViewerTabs ul li.moreDropdown li.selected:focus,
.highcontrast .eventViewerTabs ul li.moreDropdown li:hover,
.highcontrast .eventViewerTabs ul li.moreDropdown li:focus {
  color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .eventViewerTabs ul li.editable .close {
  color: #444;
  opacity: 1;
  border-radius: 50%;
  border: 1px solid #444;
  width: 19px;
  height: 19px;
  text-align: center;
  text-shadow: none;
  line-height: 19px;
}
.highcontrast .eventViewerTabs ul li.editable .close:hover {
  background: #444;
  color: white;
}
.highcontrast .eventViewerFilter .placeholder.show {
  color: #444;
  font-weight: bold;
}
.highcontrast .columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemSelected,
.highcontrast .columnSelectorDialog .columnBoxes .columnBox .columnList li.dojoDndItemAnchor {
  background: #2471a7;
}
.highcontrast .eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader,
.highcontrast .eventViewerTableContainer .dojoxGridMasterHeader .dojoxGridHeader .dojoxGridRowTable {
  background: #1b557d;
}
.highcontrast .dojoxGridRow .detailsLink,
.highcontrast .columnSelectorDialog .columnBoxes .columnBox dl dt .selectAll {
  color: #2471a7;
}
.highcontrast #smxPopupContainer .smxPopup .dialogHeader p,
.highcontrast .columnSelectorDialog .columnBoxes .columnBox dl dt,
.highcontrast .xwtNotification .highcharts-container svg tspan {
  color: #444 !important;
}
.highcontrast .columnSelectorDialog .columnBoxes .columnBox.leftBox .clearableTextBox .tableWrapper .placeHolder {
  color: #555;
}
.highcontrast .xwtNotification .compositeReportletOptions .byTransactions span,
.highcontrast .xwtNotification .compositeReportletOptions .byBandwidth span,
.highcontrast .xwtNotification .reportContainerRow .xsaReportlet:not(.col3) .collapsibleBodyWrap .xsaChartReportLetViewAllLink a {
  color: #2471a7;
}
.highcontrast .messageText,
.highcontrast .noDataAvailable,
.highcontrast .highcharts-container .highcharts-subtitle {
  fill: #444 !important;
  color: #444 !important;
  opacity: 1.0;
}
.highcontrast .identity-setup-dialog .content label.hint,
.highcontrast .policies-page .create-rule-container .create-rule-message {
  color: #444;
}
.highcontrast .time-range-label,
.highcontrast .cs-chart .no-data-msg,
.highcontrast .pie-chart-summary {
  color: #444;
  font-weight: 400;
}
.highcontrast .section-box .min .upper {
  font-weight: bold;
  color: black;
}
.highcontrast .charts-area .cpu-chart .mainValue {
  color: #CA5000;
}
.highcontrast .charts-area .cpu-chart .bar.mainValue {
  fill: #CA5000;
}
.highcontrast .charts-area .memory-chart .mainValue {
  color: #38761F;
}
.highcontrast .charts-area .memory-chart .bar.lastItem {
  fill: #38761F;
}
.highcontrast .initialsetup .s2s .label,
.highcontrast .page.device-page .s2s .label,
.highcontrast .initialsetup .s2s .interface-label,
.highcontrast .page.device-page .s2s .interface-label {
  color: #444;
}
.highcontrast .initialsetup .s2s .block.success,
.highcontrast .page.device-page .s2s .block.success {
  background: #38761F;
}
.highcontrast .initialsetup .s2s .icon-device.success,
.highcontrast .page.device-page .s2s .icon-device.success,
.highcontrast .initialsetup .s2s .internet-with-tunnel .icon-tunnel.success,
.highcontrast .page.device-page .s2s .internet-with-tunnel .icon-tunnel.success {
  color: #38761F;
}
.highcontrast .initialsetup .s2s .wrapp-arrows span.success,
.highcontrast .page.device-page .s2s .wrapp-arrows span.success {
  border-color: #38761F;
}
.highcontrast .initialsetup .s2s .internet-with-tunnel .icon-internet,
.highcontrast .page.device-page .s2s .internet-with-tunnel .icon-internet {
  opacity: 0.6;
}
.highcontrast .initialsetup .s2s .step-pointer,
.highcontrast .page.device-page .s2s .step-pointer {
  background: #2471a7;
}
.highcontrast .summary-holder .connection .icon-inout {
  color: #38761F;
}
.highcontrast .summary-holder .feature-name.enabled {
  background: #38761F;
}
.highcontrast .initialsetup .wrapp-arrows .port-number-holder .port-number,
.highcontrast .page.device-page .wrapp-arrows .port-number-holder .port-number {
  background: #38761F;
}
.highcontrast .initialsetup .wrapp-arrows .route-inside,
.highcontrast .page.device-page .wrapp-arrows .route-inside,
.highcontrast .initialsetup .wrapp-arrows .route-gateway.success,
.highcontrast .page.device-page .wrapp-arrows .route-gateway.success,
.highcontrast .initialsetup .wrapp-arrows .route-management,
.highcontrast .page.device-page .wrapp-arrows .route-management,
.highcontrast .initialsetup .wrapp-arrows .gateway-internet.success,
.highcontrast .page.device-page .wrapp-arrows .gateway-internet.success,
.highcontrast .initialsetup .wrapp-arrows.model-21xx .route-management span:nth-child(1),
.highcontrast .page.device-page .wrapp-arrows.model-21xx .route-management span:nth-child(1),
.highcontrast .initialsetup .wrapp-arrows .route-inside:before,
.highcontrast .page.device-page .wrapp-arrows .route-inside:before,
.highcontrast .initialsetup .wrapp-arrows .route-gateway.success:before,
.highcontrast .page.device-page .wrapp-arrows .route-gateway.success:before,
.highcontrast .initialsetup .wrapp-arrows .route-management:before,
.highcontrast .page.device-page .wrapp-arrows .route-management:before,
.highcontrast .initialsetup .wrapp-arrows .gateway-internet.success:before,
.highcontrast .page.device-page .wrapp-arrows .gateway-internet.success:before,
.highcontrast .initialsetup .wrapp-arrows.model-21xx .route-management span:nth-child(1):before,
.highcontrast .page.device-page .wrapp-arrows.model-21xx .route-management span:nth-child(1):before,
.highcontrast .initialsetup .wrapp-arrows .route-inside:after,
.highcontrast .page.device-page .wrapp-arrows .route-inside:after,
.highcontrast .initialsetup .wrapp-arrows .route-gateway.success:after,
.highcontrast .page.device-page .wrapp-arrows .route-gateway.success:after,
.highcontrast .initialsetup .wrapp-arrows .route-management:after,
.highcontrast .page.device-page .wrapp-arrows .route-management:after,
.highcontrast .initialsetup .wrapp-arrows .gateway-internet.success:after,
.highcontrast .page.device-page .wrapp-arrows .gateway-internet.success:after,
.highcontrast .initialsetup .wrapp-arrows.model-21xx .route-management span:nth-child(1):after,
.highcontrast .page.device-page .wrapp-arrows.model-21xx .route-management span:nth-child(1):after {
  border-color: #38761F;
}
.highcontrast .initialsetup .steps ul li.success .number,
.highcontrast .page.device-page .steps ul li.success .number {
  color: #38761F;
  border-color: #38761F;
}
.highcontrast .initialsetup .wizard-form h2 + p,
.highcontrast .page.device-page .wizard-form h2 + p {
  color: #444;
}
.highcontrast .ci-device.has-expansion-io .expansion-io-label,
.highcontrast .ci-device.model-21xx .sfp-slots-label {
  color: #444;
}
.highcontrast .row-placeholder span {
  border-width: 2px;
  border-style: dotted;
  border-color: #2471a7;
}
.highcontrast .policy .sub-menu li a.active,
.highcontrast .policy .sub-menu li a:hover {
  background-color: #2471a7;
}
.highcontrast .policy .sub-menu li a.active .status,
.highcontrast .policy .sub-menu li a:hover .status {
  color: #38761F;
}
.highcontrast .policy .sub-menu .status {
  background: #38761F;
}
.highcontrast .tabbed-router-wrapper .tabbed-router ul li a {
  font-weight: bold;
}
.highcontrast .tabbed-router-wrapper .tabbed-router ul li a:hover {
  color: #2471a7;
}
.highcontrast .tabbed-router-wrapper .tabbed-router ul li a.active {
  border-color: #2471a7;
  color: #2471a7;
}
.highcontrast .table-holder.card {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.highcontrast ul.buttons-switch .title {
  color: #2471a7;
}
.highcontrast ul.buttons-switch .active .title,
.highcontrast ul.buttons-switch .active .title:hover {
  color: #2471a7;
  border-color: #2471a7;
}
.highcontrast section.expandable .section-title {
  color: #2471a7;
}
.highcontrast section.expandable .section-title span {
  border-color: #2471a7;
}
.highcontrast section.expandable .section-content:before {
  color: #2471a7;
  border-color: #2471a7;
}
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown[disabled],
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown[class*="disabled"] {
  cursor: not-allowed;
  pointer-events: auto;
}
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown[disabled]:hover,
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown[class*="disabled"]:hover {
  background: #049fd9;
}
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown .btn-select:hover {
  background-color: #2d8dd1;
}
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown.open .btn-select {
  background-color: #2471a7;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.highcontrast .update-footer.grouped-buttons-holder .grouped-buttons-dropdown.open .btn-select:hover {
  background-color: #2d8dd1;
}
.highcontrast .update-footer.grouped-buttons-holder .dropdown-menu li:hover {
  background: #2471a7;
  color: white;
}
.highcontrast .update-footer.grouped-buttons-holder .dropdown-menu li:hover [class^="icon-"] {
  color: white;
}
.highcontrast .reportContainerRow .collapsibleBodyWrap .highcharts-series rect {
  fill: #2471a7;
}
.highcontrast .xwtNotification .reportTable table th {
  background: #2471a7;
}
.presets-wrapper {
  font-size: 12px;
}
.presets-wrapper .selected {
  opacity: 0.5;
  pointer-events: none;
}
.presets-wrapper .selected:hover {
  cursor: not-allowed;
}
.presets-wrapper .selected :disabled,
.presets-wrapper .selected .disabled {
  opacity: 1 !important;
}
.presets-wrapper .presets-list {
  margin: 0;
  padding-left: 0;
  display: inline-block;
  list-style: none;
}
.presets-wrapper .presets-list li {
  display: inline-block;
}
.presets-wrapper .presets-list li:not(:last-of-type):after {
  content: ',';
  padding-left: 2px;
}
.hint-in-brackets:before {
  content: '(';
}
.hint-in-brackets:after {
  content: ')';
}
/*font-family: 'CiscoSans';*/
/*Light*/
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTLight.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTLight.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTThinOblique.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTThinOblique.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTThinOblique.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTThinOblique.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}
/*Thin*/
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLight.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLight.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLight.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLightOblique.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLightOblique.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLightOblique.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTExtraLightOblique.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}
/*Regular*/
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTRegular.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTRegular.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTRegular.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTRegular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTRegularOblique.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTRegularOblique.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTRegularOblique.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTRegularOblique.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}
/*Bold*/
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTBold.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTBold.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTBold.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'CiscoSans';
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTBoldOblique.eot');
  src: url('/branding/default/fonts/cisco-sans/CiscoSansTTBoldOblique.eot?#iefix') format('embedded-opentype'), url('/branding/default/fonts/cisco-sans/CiscoSansTTBoldOblique.woff') format('woff'), url('/branding/default/fonts/cisco-sans/CiscoSansTTBoldOblique.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}