/*!
 *   Solarmon
!*/
/*!
 * Bootstrap v3.3.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import "vendor/datatables-2.0.2/datatables.min.css";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,latin-ext');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext');
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-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: 700;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace,monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
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 {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
input[type=search] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid silver;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: 700;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  :after,
  :before {
    color: #000 !important;
    text-shadow: none!important;
    background: 0 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  blockquote,
  pre {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  img,
  tr {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .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 td,
  .table-bordered th {
    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: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-eur:before,
.glyphicon-euro: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-yen:before {
  content: "\00a5";
}
.glyphicon-ruble: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;
}
:after,
:before {
  -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: #333;
  background-color: #fff;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:focus,
a:hover {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  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;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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;
}
.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,
.h1 small,
.h2 .small,
.h2 small,
.h3 .small,
.h3 small,
.h4 .small,
.h4 small,
.h5 .small,
.h5 small,
.h6 .small,
.h6 small,
h1 .small,
h1 small,
h2 .small,
h2 small,
h3 .small,
h3 small,
h4 .small,
h4 small,
h5 .small,
h5 small,
h6 .small,
h6 small {
  font-weight: 400;
  line-height: 1;
  color: #777;
}
.h1,
.h2,
.h3,
h1,
h2,
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,
.h5,
.h6,
h4,
h5,
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: 36px;
}
.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 {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.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: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dd,
dt {
  line-height: 1.42857143;
}
dt {
  font-weight: 700;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[data-original-title],
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote ol:last-child,
blockquote p:last-child,
blockquote ul:last-child {
  margin-bottom: 0;
}
blockquote .small,
blockquote footer,
blockquote small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777;
}
blockquote .small:before,
blockquote footer:before,
blockquote small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse .small:before,
.blockquote-reverse footer:before,
.blockquote-reverse small:before,
blockquote.pull-right .small:before,
blockquote.pull-right footer:before,
blockquote.pull-right small:before {
  content: '';
}
.blockquote-reverse .small:after,
.blockquote-reverse footer:after,
.blockquote-reverse small:after,
blockquote.pull-right .small:after,
blockquote.pull-right footer: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, Monaco, Consolas, "Courier New", 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;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
  -webkit-box-shadow: none;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  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 {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.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-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.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-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.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-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  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-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9 {
    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-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    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-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    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: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  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 > td,
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > td,
.table > thead:first-child > tr:first-child > th {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  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;
  display: table-column;
  float: none;
}
table td[class*=col-],
table th[class*=col-] {
  position: static;
  display: table-cell;
  float: none;
}
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > thead > tr > td.active,
.table > thead > tr > th.active {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover {
  background-color: #e8e8e8;
}
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > thead > tr > td.success,
.table > thead > tr > th.success {
  background-color: #dff0d8;
}
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover {
  background-color: #d0e9c6;
}
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > thead > tr.info > th,
.table > thead > tr > td.info,
.table > thead > tr > th.info {
  background-color: #d9edf7;
}
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover {
  background-color: #c4e3f3;
}
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > thead > tr > td.warning,
.table > thead > tr > th.warning {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover {
  background-color: #faf2cc;
}
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
  background-color: #f2dede;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@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 > tbody > tr > td,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > td,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > thead > tr > th {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > thead > tr > th:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > thead > tr > th:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=checkbox],
input[type=radio] {
  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=checkbox]:focus,
input[type=radio]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  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 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 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[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type=search] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date],
  input[type=time],
  input[type=datetime-local],
  input[type=month] {
    line-height: 34px;
  }
  .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],
  input[type=date].input-sm,
  input[type=time].input-sm,
  input[type=datetime-local].input-sm,
  input[type=month].input-sm {
    line-height: 30px;
  }
  .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],
  input[type=date].input-lg,
  input[type=time].input-lg,
  input[type=datetime-local].input-lg,
  input[type=month].input-lg {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.checkbox,
.radio {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.checkbox label,
.radio label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  cursor: pointer;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.checkbox + .checkbox,
.radio + .radio {
  margin-top: -5px;
}
.checkbox-inline,
.radio-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-inline + .checkbox-inline,
.radio-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px;
}
fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
  cursor: not-allowed;
}
.checkbox-inline.disabled,
.radio-inline.disabled,
fieldset[disabled] .checkbox-inline,
fieldset[disabled] .radio-inline {
  cursor: not-allowed;
}
.checkbox.disabled label,
.radio.disabled label,
fieldset[disabled] .checkbox label,
fieldset[disabled] .radio label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 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;
}
select[multiple].input-sm,
textarea.input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
select[multiple].form-group-sm .form-control,
textarea.form-group-sm .form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  padding: 5px 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;
}
select[multiple].input-lg,
textarea.input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
select[multiple].form-group-lg .form-control,
textarea.form-group-lg .form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -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: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -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: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -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: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.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: #737373;
}
@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 .form-control,
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox,
  .form-inline .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .checkbox label,
  .form-inline .radio label {
    padding-left: 0;
  }
  .form-inline .checkbox input[type=checkbox],
  .form-inline .radio input[type=radio] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .checkbox,
.form-horizontal .checkbox-inline,
.form-horizontal .radio,
.form-horizontal .radio-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .checkbox,
.form-horizontal .radio {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.33px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn.focus,
.btn:focus,
.btn:hover {
  color: #333;
  text-decoration: none;
}
.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -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 {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success.active,
.btn-success.focus,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success.disabled.active,
.btn-success.disabled.focus,
.btn-success.disabled:active,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success[disabled],
.btn-success[disabled].active,
.btn-success[disabled].focus,
.btn-success[disabled]:active,
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success.active,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info.active,
.btn-info.focus,
.btn-info:active,
.btn-info:focus,
.btn-info:hover,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info.disabled.active,
.btn-info.disabled.focus,
.btn-info.disabled:active,
.btn-info.disabled:focus,
.btn-info.disabled:hover,
.btn-info[disabled],
.btn-info[disabled].active,
.btn-info[disabled].focus,
.btn-info[disabled]:active,
.btn-info[disabled]:focus,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info.active,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:hover {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning.active,
.btn-warning.focus,
.btn-warning:active,
.btn-warning:focus,
.btn-warning:hover,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning.disabled.active,
.btn-warning.disabled.focus,
.btn-warning.disabled:active,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled],
.btn-warning[disabled].active,
.btn-warning[disabled].focus,
.btn-warning[disabled]:active,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning.active,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger.disabled.active,
.btn-danger.disabled.focus,
.btn-danger.disabled:active,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger[disabled],
.btn-danger[disabled].active,
.btn-danger[disabled].focus,
.btn-danger[disabled]:active,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger.active,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: 400;
  color: #337ab7;
  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:active,
.btn-link:focus,
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus,
.btn-link:hover {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:focus,
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
  color: #777;
  text-decoration: none;
}
.btn-group-lg > .btn,
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-group-sm > .btn,
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-xs > .btn,
.btn-xs {
  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=button].btn-block,
input[type=reset].btn-block,
input[type=submit].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
  visibility: hidden;
}
.collapse.in {
  display: block;
  visibility: visible;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height,visibility;
  -o-transition-property: height,visibility;
  transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown,
.dropup {
  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;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  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);
}
.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: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  color: #777;
}
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group-vertical > .btn,
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  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-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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 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-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  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-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  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=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio] {
  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-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.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;
}
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn,
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.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;
}
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn,
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group .form-control,
.input-group-addon,
.input-group-btn {
  display: table-cell;
}
.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn: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: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  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=checkbox],
.input-group-addon input[type=radio] {
  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-group:not(:last-child) > .btn,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-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:first-child > .btn-group:not(:first-child) > .btn,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-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:active,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:hover {
  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 {
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:focus,
.nav > li.disabled > a:hover {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: #eee;
  border-color: #337ab7;
}
.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: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.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:focus,
.nav-tabs.nav-justified > .active > a:hover {
  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:focus,
  .nav-tabs.nav-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
  color: #fff;
  background-color: #337ab7;
}
.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 {
  margin-bottom: 5px;
  text-align: center;
}
.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:focus,
.nav-tabs-justified > .active > a:hover {
  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:focus,
  .nav-tabs-justified > .active > a:hover {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-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 {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    visibility: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-bottom .navbar-collapse,
  .navbar-fixed-top .navbar-collapse {
    max-height: 200px;
  }
}
.container-fluid > .navbar-collapse,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container > .navbar-header {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container-fluid > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container > .navbar-header {
    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-bottom,
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-bottom,
  .navbar-fixed-top {
    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;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:focus,
.navbar-brand:hover {
  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;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  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;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-nav .open .dropdown-menu > li > a:hover {
    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 {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -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);
}
@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 .form-control,
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox,
  .navbar-form .radio {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .checkbox label,
  .navbar-form .radio label {
    padding-left: 0;
  }
  .navbar-form .checkbox input[type=checkbox],
  .navbar-form .radio input[type=radio] {
    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;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.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-right: 15px;
    margin-left: 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:focus,
.navbar-default .navbar-brand:hover {
  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:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:focus,
.navbar-default .navbar-nav > .disabled > a:hover {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  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:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    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:focus,
.navbar-default .btn-link:hover {
  color: #333;
}
.navbar-default .btn-link[disabled]:focus,
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:focus,
fieldset[disabled] .navbar-default .btn-link:hover {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-nav > .disabled > a:hover {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
  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:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  color: #fff;
  background-color: #080808;
}
@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: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:focus,
.navbar-inverse .btn-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:focus,
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
  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 {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.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: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.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:focus,
.pager li > a:hover {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:focus,
.pager .disabled > a:hover,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:focus,
a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:focus,
.label-default[href]:hover {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:focus,
.label-primary[href]:hover {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:focus,
.label-success[href]:hover {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:focus,
.label-info[href]:hover {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:focus,
.label-warning[href]:hover {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:focus,
.label-danger[href]:hover {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:focus,
a.badge:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  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: 30px 15px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.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;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron .h1,
  .jumbotron h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  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;
}
.thumbnail a > img,
.thumbnail > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.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: 700;
}
.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 {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-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 {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  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: #337ab7;
  -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;
}
.progress-bar-striped,
.progress-striped .progress-bar {
  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);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-bar.active,
.progress.active .progress-bar {
  -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: #5cb85c;
}
.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: #f0ad4e;
}
.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 {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-body,
.media-left,
.media-right {
  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 {
  padding-left: 0;
  margin-bottom: 20px;
}
.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-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:focus,
a.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus,
a.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:focus,
a.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus,
a.list-group-item-info:hover {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:focus,
a.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus,
a.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:focus,
a.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus,
a.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:focus,
a.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.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-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > .small,
.panel-title > .small > a,
.panel-title > a,
.panel-title > small,
.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-left-radius: 3px;
  border-top-right-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-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .panel-collapse > .table,
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .panel-collapse > .table caption,
.panel > .table caption,
.panel > .table-responsive > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table-responsive:first-child > .table:first-child,
.panel > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table-responsive:first-child > .table:first-child > tbody: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:first-child > thead:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table-responsive:first-child > .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 th:first-child,
.panel > .table-responsive:first-child > .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 th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table-responsive:first-child > .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 th:last-child,
.panel > .table-responsive:first-child > .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 th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child,
.panel > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table-responsive:last-child > .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 th:first-child,
.panel > .table-responsive:last-child > .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 th:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table-responsive:last-child > .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 th:last-child,
.panel > .table-responsive:last-child > .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 th:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .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 td,
.panel > .table > tbody:first-child > tr:first-child th {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child {
  border-left: 0;
}
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child {
  border-right: 0;
}
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 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 > .list-group,
.panel-group .panel-heading + .panel-collapse > .panel-body {
  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: #333;
  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: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  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: #3c763d;
}
.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: #8a6d3b;
  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: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  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: #a94442;
}
.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 embed,
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.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: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
}
.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;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  min-height: 16.43px;
  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-bottom: 0;
  margin-left: 5px;
}
.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-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.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-size: 14px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  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 {
  padding: 8px 14px;
  margin: 0;
  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 {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  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: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-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;
    backface-visibility: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
  }
  .carousel-inner > .item.active.right,
  .carousel-inner > .item.next {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.active.left,
  .carousel-inner > .item.prev {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.active,
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:focus,
.carousel-control:hover {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: 0.9;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-next,
.carousel-control .icon-prev {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.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%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  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-next,
  .carousel-control .icon-prev {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.btn-group-vertical > .btn-group:after,
.btn-group-vertical > .btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: " ";
}
.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: 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;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.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;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.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;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.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;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.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;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.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;
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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;
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px 18px;
  border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 18px 6px 18px;
  border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
  cursor: pointer;
  *cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
  background-repeat: no-repeat;
  background-position: center right;
}
table.dataTable thead .sorting_desc {
  background-image: url("../images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("../images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
  background-color: #fff;
}
table.dataTable tbody tr.selected {
  background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid #ddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe tbody tr.odd,
table.dataTable.display tbody tr.odd {
  background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected,
table.dataTable.display tbody tr.odd.selected {
  background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover,
table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
  background-color: #f5f5f5;
}
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected,
table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
  background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3,
table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
  background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3,
table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
  background-color: #f1f1f1;
}
table.dataTable.display tbody tr.odd > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {
  background-color: #f3f3f3;
}
table.dataTable.display tbody tr.odd > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {
  background-color: #f5f5f5;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
  background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
  background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
  background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
  background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
  background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
  background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
  background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
  background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
  background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
  background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
  background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
  background-color: #eee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
  background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
  background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
  background-color: #a4b2cb;
}
table.dataTable.no-footer {
  border-bottom: 1px solid #111;
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable,
table.dataTable th,
table.dataTable td {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
  *zoom: 1;
  zoom: 1;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333 !important;
  border: 1px solid transparent;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid #cacaca;
  background-color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));
  background: -webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%);
  background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 40px;
  margin-left: -50%;
  margin-top: -25px;
  padding-top: 20px;
  text-align: center;
  font-size: 1.2em;
  background-color: white;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  *margin-top: -1px;
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .add-on {
  cursor: pointer;
}
.bootstrap-timepicker .add-on i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 2px 3px 2px 2px;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  left: 9px;
  position: absolute;
  top: -7px;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  left: 10px;
  position: absolute;
  top: -6px;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
}
.bootstrap-timepicker-widget table td input {
  width: 25px;
  margin: 0;
  text-align: center;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
}
@media (min-width: 767px) {
  .bootstrap-timepicker-widget.modal {
    width: 200px;
    margin-left: -100px;
  }
}
@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }
  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  padding: 4px;
  border-radius: 4px;
  direction: ltr;
  /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}
.datepicker-inline {
  width: 100%;
}
.datepicker.datepicker-rtl {
  direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-top:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
  text-align: center;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: #777;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: #444;
  cursor: default;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background: rgba(0, 0, 0, 0.2);
  border-color: #ffb733;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:focus,
.datepicker table tr td.today:hover:focus,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  color: #000000;
  background: rgba(0, 0, 0, 0.2);
  border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.today,
.open .dropdown-toggle.datepicker table tr td.today:hover,
.open .dropdown-toggle.datepicker table tr td.today.disabled,
.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.today,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today.disabled,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover.disabled:hover,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
.datepicker table tr td.today:hover[disabled]:hover,
.datepicker table tr td.today.disabled[disabled]:hover,
.datepicker table tr td.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
fieldset[disabled] .datepicker table tr td.today:hover:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today:hover.disabled:focus,
.datepicker table tr td.today.disabled.disabled:focus,
.datepicker table tr td.today.disabled:hover.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
.datepicker table tr td.today:hover[disabled]:focus,
.datepicker table tr td.today.disabled[disabled]:focus,
.datepicker table tr td.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
fieldset[disabled] .datepicker table tr td.today:hover:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today:hover.disabled:active,
.datepicker table tr td.today.disabled.disabled:active,
.datepicker table tr td.today.disabled:hover.disabled:active,
.datepicker table tr td.today[disabled]:active,
.datepicker table tr td.today:hover[disabled]:active,
.datepicker table tr td.today.disabled[disabled]:active,
.datepicker table tr td.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.today:active,
fieldset[disabled] .datepicker table tr td.today:hover:active,
fieldset[disabled] .datepicker table tr td.today.disabled:active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today:hover.disabled.active,
.datepicker table tr td.today.disabled.disabled.active,
.datepicker table tr td.today.disabled:hover.disabled.active,
.datepicker table tr td.today[disabled].active,
.datepicker table tr td.today:hover[disabled].active,
.datepicker table tr td.today.disabled[disabled].active,
.datepicker table tr td.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.today.active,
fieldset[disabled] .datepicker table tr td.today:hover.active,
fieldset[disabled] .datepicker table tr td.today.disabled.active,
fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
  background: rgba(0, 0, 0, 0.2);
  border-color: #ffb733;
}
.datepicker table tr td.today:hover:hover {
  color: #000;
}
.datepicker table tr td.today.active:hover {
  color: #fff;
}
.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background: rgba(0, 0, 0, 0.2);
  border-color: #f1a417;
  border-radius: 0;
}
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today:hover:focus,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  color: #000000;
  background: rgba(0, 0, 0, 0.2);
  border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.range.today,
.open .dropdown-toggle.datepicker table tr td.range.today:hover,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
  background-image: none;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.range.today,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today:hover.disabled:hover,
.datepicker table tr td.range.today.disabled.disabled:hover,
.datepicker table tr td.range.today.disabled:hover.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
.datepicker table tr td.range.today:hover[disabled]:hover,
.datepicker table tr td.range.today.disabled[disabled]:hover,
.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today:hover.disabled:focus,
.datepicker table tr td.range.today.disabled.disabled:focus,
.datepicker table tr td.range.today.disabled:hover.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
.datepicker table tr td.range.today:hover[disabled]:focus,
.datepicker table tr td.range.today.disabled[disabled]:focus,
.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today:hover.disabled:active,
.datepicker table tr td.range.today.disabled.disabled:active,
.datepicker table tr td.range.today.disabled:hover.disabled:active,
.datepicker table tr td.range.today[disabled]:active,
.datepicker table tr td.range.today:hover[disabled]:active,
.datepicker table tr td.range.today.disabled[disabled]:active,
.datepicker table tr td.range.today.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.range.today:active,
fieldset[disabled] .datepicker table tr td.range.today:hover:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today:hover.disabled.active,
.datepicker table tr td.range.today.disabled.disabled.active,
.datepicker table tr td.range.today.disabled:hover.disabled.active,
.datepicker table tr td.range.today[disabled].active,
.datepicker table tr td.range.today:hover[disabled].active,
.datepicker table tr td.range.today.disabled[disabled].active,
.datepicker table tr td.range.today.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.range.today.active,
fieldset[disabled] .datepicker table tr td.range.today:hover.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
  background: rgba(0, 0, 0, 0.2);
  border-color: #f1a417;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
  border-color: #555555;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected:hover:focus,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
  border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.selected,
.open .dropdown-toggle.datepicker table tr td.selected:hover,
.open .dropdown-toggle.datepicker table tr td.selected.disabled,
.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
  background-image: none;
}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.selected,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover.disabled:hover,
.datepicker table tr td.selected.disabled.disabled:hover,
.datepicker table tr td.selected.disabled:hover.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected:hover[disabled]:hover,
.datepicker table tr td.selected.disabled[disabled]:hover,
.datepicker table tr td.selected.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected:hover:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected:hover.disabled:focus,
.datepicker table tr td.selected.disabled.disabled:focus,
.datepicker table tr td.selected.disabled:hover.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected:hover[disabled]:focus,
.datepicker table tr td.selected.disabled[disabled]:focus,
.datepicker table tr td.selected.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected:hover:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected:hover.disabled:active,
.datepicker table tr td.selected.disabled.disabled:active,
.datepicker table tr td.selected.disabled:hover.disabled:active,
.datepicker table tr td.selected[disabled]:active,
.datepicker table tr td.selected:hover[disabled]:active,
.datepicker table tr td.selected.disabled[disabled]:active,
.datepicker table tr td.selected.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.selected:active,
fieldset[disabled] .datepicker table tr td.selected:hover:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected:hover.disabled.active,
.datepicker table tr td.selected.disabled.disabled.active,
.datepicker table tr td.selected.disabled:hover.disabled.active,
.datepicker table tr td.selected[disabled].active,
.datepicker table tr td.selected:hover[disabled].active,
.datepicker table tr td.selected.disabled[disabled].active,
.datepicker table tr td.selected.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.selected.active,
fieldset[disabled] .datepicker table tr td.selected:hover.active,
fieldset[disabled] .datepicker table tr td.selected.disabled.active,
fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
  background: rgba(0, 0, 0, 0.2);
  border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.2);
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:focus,
.datepicker table tr td.active:hover:focus,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
  border-color: #285e8e;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td.active,
.open .dropdown-toggle.datepicker table tr td.active:hover,
.open .dropdown-toggle.datepicker table tr td.active.disabled,
.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td.active,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.disabled,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover.disabled:hover,
.datepicker table tr td.active.disabled.disabled:hover,
.datepicker table tr td.active.disabled:hover.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active:hover[disabled]:hover,
.datepicker table tr td.active.disabled[disabled]:hover,
.datepicker table tr td.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active:hover:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active:hover.disabled:focus,
.datepicker table tr td.active.disabled.disabled:focus,
.datepicker table tr td.active.disabled:hover.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active:hover[disabled]:focus,
.datepicker table tr td.active.disabled[disabled]:focus,
.datepicker table tr td.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active:hover:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:focus,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active:hover.disabled:active,
.datepicker table tr td.active.disabled.disabled:active,
.datepicker table tr td.active.disabled:hover.disabled:active,
.datepicker table tr td.active[disabled]:active,
.datepicker table tr td.active:hover[disabled]:active,
.datepicker table tr td.active.disabled[disabled]:active,
.datepicker table tr td.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td.active:active,
fieldset[disabled] .datepicker table tr td.active:hover:active,
fieldset[disabled] .datepicker table tr td.active.disabled:active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active:hover.disabled.active,
.datepicker table tr td.active.disabled.disabled.active,
.datepicker table tr td.active.disabled:hover.disabled.active,
.datepicker table tr td.active[disabled].active,
.datepicker table tr td.active:hover[disabled].active,
.datepicker table tr td.active.disabled[disabled].active,
.datepicker table tr td.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td.active.active,
fieldset[disabled] .datepicker table tr td.active:hover.active,
fieldset[disabled] .datepicker table tr td.active.disabled.active,
fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  border-radius: 4px;
}
.datepicker table tr td span:hover {
  background: rgba(0, 0, 0, 0.2);
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: #444;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.open .dropdown-toggle.datepicker table tr td span.active,
.open .dropdown-toggle.datepicker table tr td span.active:hover,
.open .dropdown-toggle.datepicker table tr td span.active.disabled,
.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
  background-image: none;
}
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled],
fieldset[disabled] .datepicker table tr td span.active,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active:hover.disabled:active,
.datepicker table tr td span.active.disabled.disabled:active,
.datepicker table tr td span.active.disabled:hover.disabled:active,
.datepicker table tr td span.active[disabled]:active,
.datepicker table tr td span.active:hover[disabled]:active,
.datepicker table tr td span.active.disabled[disabled]:active,
.datepicker table tr td span.active.disabled:hover[disabled]:active,
fieldset[disabled] .datepicker table tr td span.active:active,
fieldset[disabled] .datepicker table tr td span.active:hover:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active:hover.disabled.active,
.datepicker table tr td span.active.disabled.disabled.active,
.datepicker table tr td span.active.disabled:hover.disabled.active,
.datepicker table tr td span.active[disabled].active,
.datepicker table tr td span.active:hover[disabled].active,
.datepicker table tr td span.active.disabled[disabled].active,
.datepicker table tr td span.active.disabled:hover[disabled].active,
fieldset[disabled] .datepicker table tr td span.active.active,
fieldset[disabled] .datepicker table tr td span.active:hover.active,
fieldset[disabled] .datepicker table tr td span.active.disabled.active,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: #444;
}
.datepicker th.datepicker-switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
  background: rgba(0, 0, 0, 0.2);
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.datepicker thead tr:first-child th.cw {
  cursor: default;
  background-color: transparent;
}
.input-group.date .input-group-addon i {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
.input-daterange input {
  text-align: center;
}
.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
  width: auto;
  min-width: 16px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eeeeee;
  border: solid #cccccc;
  border-width: 1px 0;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  color: #333333;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
}
.datepicker.dropdown-menu th,
.datepicker.dropdown-menu td {
  padding: 4px 5px;
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #ccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: 0.8em;
  height: 20px;
  line-height: 20px;
  color: #777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px;
}
.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777;
}
.bootstrap-datetimepicker-widget table td.today {
  position: relative;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-search--inline {
  float: left;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}
.select2-results__option[aria-selected] {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #000 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/* ========================================================================
 * bootstrap-switch - v3.3.2
 * http://www.bootstrap-switch.org
 * ========================================================================
 * Copyright 2012-2013 Mattia Larentis
 *
 * ========================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================================
 */
.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  color: #fff;
  background: #337ab7;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
  color: #fff;
  background: #5bc0de;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
  color: #000;
  background: #eee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333;
  background: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch input[type=radio],
.bootstrap-switch input[type=checkbox] {
  position: absolute!important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-indeterminate,
.bootstrap-switch.bootstrap-switch-readonly {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-radius: 0 3px 3px 0;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-radius: 3px 0 0 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
/*
 *   Loader
 */
.pace .pace-progress {
  background: #fedc04;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  height: 2px;
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s;
}
.pace-inactive {
  display: none;
}
/*
 *   Mixins
 */
.cursor-pointer {
  cursor: pointer;
}
/*
 *   Base - All variables
 */
/*
 *   Core
 */
html,
body {
  overflow-x: hidden !important;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  background: #e9e9e9;
}
a {
  color: #3c8dbc;
}
a:hover,
a:active,
a:focus {
  outline: none;
  text-decoration: none;
  color: #72afd2;
}
/* Layouts */
.wrapper {
  min-height: 100%;
}
.wrapper:before,
.wrapper:after {
  display: table;
  content: " ";
}
.wrapper:after {
  clear: both;
}
/* Header */
body > .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}
/* Define 2 column template */
.right-side,
.left-side {
  min-height: 100%;
  display: block;
}
.right-side.init-loaded,
.left-side.init-loaded {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
/*right side - contins main content*/
.right-side {
  background-color: #e9e9e9;
  margin-left: 260px;
}
/*left side - contains sidebar*/
.left-side {
  position: absolute;
  width: 100%;
  top: 0;
  padding-bottom: 30px;
  z-index: 1040;
  background: #27282c;
  -webkit-box-shadow: inset -3px 0 0 0 #1b1c1f;
  box-shadow: inset -3px 0 0 0 #1b1c1f;
}
@media screen and (min-width: 991px) {
  .left-side {
    width: 260px;
  }
}
@media screen and (min-width: 992px) {
  .left-side {
    top: 60px;
    left: 0;
  }
  .left-side.collapse-left {
    left: -260px;
  }
  /*Right side strech mode*/
  .right-side.strech {
    margin-left: 0;
  }
  .right-side.strech > .content-header {
    margin-top: 0px;
  }
}
/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
  .right-side {
    margin-left: 0;
  }
}
/*
	By default the layout is not fixed but if you add the class .fixed to the body element
	the sidebar and the navbar will automatically become poisitioned fixed
*/
body.fixed > .header,
body.fixed .left-side,
body.fixed .navbar {
  position: fixed;
}
body.fixed > .header {
  top: 0;
  right: 0;
  left: 0;
}
body.fixed .navbar {
  left: 0;
  right: 0;
}
body.fixed .wrapper {
  margin-top: 60px;
}
/* Utility */
/* H1 - H6 font */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Open Sans', sans-serif;
}
/* Page Header */
.page-header {
  margin: 10px 0 20px 0;
  font-size: 22px;
}
.page-header > small {
  color: #666;
  display: block;
  margin-top: 5px;
}
/* All images should be responsive */
img {
  max-width: 100% !important;
}
.sort-highlight {
  background: #f4f4f4;
  border: 1px dashed #ddd;
  margin-bottom: 10px;
}
/* 10px padding and margins */
.pad {
  padding: 10px;
}
.margin {
  margin: 10px;
}
/* Display inline */
.inline {
  display: inline;
  width: auto;
}
/* Background colors */
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black {
  color: #f9f9f9 !important;
}
.bg-gray {
  background-color: #eaeaec !important;
}
.bg-black {
  background-color: #222 !important;
}
.bg-red {
  background-color: #ed5e5e !important;
}
.bg-yellow {
  background-color: #e1c722 !important;
}
.bg-aqua {
  background-color: #16469d !important;
}
.bg-blue {
  background-color: #0073b7 !important;
}
.bg-light-blue {
  background-color: #3c8dbc !important;
}
.bg-green {
  background-color: #56b65d !important;
}
.bg-navy {
  background-color: #001f3f !important;
}
.bg-teal {
  background-color: #39cccc !important;
}
.bg-olive {
  background-color: #3d9970 !important;
}
.bg-lime {
  background-color: #01ff70 !important;
}
.bg-orange {
  background-color: #e5ab5f !important;
}
.bg-fuchsia {
  background-color: #f012be !important;
}
.bg-purple {
  background-color: #b579c6 !important;
}
.bg-maroon {
  background-color: #85144b !important;
}
/* Text colors */
.text-red {
  color: #ed5e5e !important;
}
.text-yellow {
  color: #e1c722 !important;
}
.text-aqua {
  color: #16469d !important;
}
.text-blue {
  color: #0073b7 !important;
}
.text-black {
  color: #222 !important;
}
.text-light-blue {
  color: #3c8dbc !important;
}
.text-green {
  color: #56b65d !important;
}
.text-navy {
  color: #001f3f !important;
}
.text-teal {
  color: #39cccc !important;
}
.text-olive {
  color: #3d9970 !important;
}
.text-lime {
  color: #01ff70 !important;
}
.text-orange {
  color: #e5ab5f !important;
}
.text-fuchsia {
  color: #f012be !important;
}
.text-purple {
  color: #b579c6 !important;
}
.text-maroon {
  color: #85144b !important;
}
/*Hide elements by display none only*/
.hide {
  display: none !important;
}
/* Remove borders */
.no-border {
  border: 0px !important;
}
/* Remove padding */
.no-padding {
  padding: 0px !important;
}
/* Remove margins */
.no-margin {
  margin: 0px !important;
}
/* Remove box shadow */
.no-shadow {
  box-shadow: none!important;
}
/* Don't display when printing */
@media print {
  .no-print {
    display: none;
  }
  .left-side,
  .header,
  .content-header {
    display: none;
  }
  .right-side {
    margin: 0;
  }
}
/* Remove border radius */
.flat {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
/* Change the color of the striped tables */
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f3f4f5;
}
.table.no-border,
.table.no-border td,
.table.no-border th {
  border: 0;
}
/* .text-center in tables */
table.text-center,
table.text-center td,
table.text-center th {
  text-align: center;
}
.table.align th {
  text-align: left;
}
.table.align td {
  text-align: right;
}
.text-bold,
.text-bold.table td,
.text-bold.table th {
  font-weight: 700;
}
.border-radius-none {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
/* _fix for sparkline tooltip */
.jqstooltip {
  padding: 5px!important;
  width: auto!important;
  height: auto!important;
}
/*
Gradient Background colors
*/
.bg-teal-gradient {
  background: #39cccc !important;
  background: linear-gradient(90deg, #39cccc 0%, #7adddd 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important;
  background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important;
  background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important;
  background: -o-linear-gradient(#7adddd, #39cccc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important;
  color: #fff;
}
.bg-light-blue-gradient {
  background: #3c8dbc !important;
  background: linear-gradient(90deg, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;
  background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;
  background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;
  background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;
  color: #fff;
}
.bg-blue-gradient {
  background: #0073b7 !important;
  background: linear-gradient(90deg, #0073b7 0%, #0089db 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
  background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
  background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
  background: -o-linear-gradient(#0089db, #0073b7) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
  color: #fff;
}
.bg-aqua-gradient {
  background: #16469d !important;
  background: linear-gradient(90deg, #16469d 0%, #1a54bc 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #16469d), color-stop(1, #1a54bc)) !important;
  background: -ms-linear-gradient(bottom, #16469d, #1a54bc) !important;
  background: -moz-linear-gradient(center bottom, #16469d 0%, #1a54bc 100%) !important;
  background: -o-linear-gradient(#1a54bc, #16469d) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a54bc', endColorstr='#16469d', GradientType=0) !important;
  color: #fff;
}
.bg-yellow-gradient {
  background: #e1c722 !important;
  background: linear-gradient(90deg, #e1c722 0%, #ebd96a 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e1c722), color-stop(1, #ebd96a)) !important;
  background: -ms-linear-gradient(bottom, #e1c722, #ebd96a) !important;
  background: -moz-linear-gradient(center bottom, #e1c722 0%, #ebd96a 100%) !important;
  background: -o-linear-gradient(#ebd96a, #e1c722) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd96a', endColorstr='#e1c722', GradientType=0) !important;
  color: #fff;
}
.bg-purple-gradient {
  background: #b579c6 !important;
  background: linear-gradient(90deg, #b579c6 0%, #d5b2de 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #b579c6), color-stop(1, #d5b2de)) !important;
  background: -ms-linear-gradient(bottom, #b579c6, #d5b2de) !important;
  background: -moz-linear-gradient(center bottom, #b579c6 0%, #d5b2de 100%) !important;
  background: -o-linear-gradient(#d5b2de, #b579c6) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5b2de', endColorstr='#b579c6', GradientType=0) !important;
  color: #fff;
}
.bg-green-gradient {
  background: #56b65d !important;
  background: linear-gradient(90deg, #56b65d 0%, #6fc175 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #56b65d), color-stop(1, #6fc175)) !important;
  background: -ms-linear-gradient(bottom, #56b65d, #6fc175) !important;
  background: -moz-linear-gradient(center bottom, #56b65d 0%, #6fc175 100%) !important;
  background: -o-linear-gradient(#6fc175, #56b65d) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6fc175', endColorstr='#56b65d', GradientType=0) !important;
  color: #fff;
}
.bg-red-gradient {
  background: #ed5e5e !important;
  background: linear-gradient(90deg, #ed5e5e 0%, #f28c8c 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ed5e5e), color-stop(1, #f28c8c)) !important;
  background: -ms-linear-gradient(bottom, #ed5e5e, #f28c8c) !important;
  background: -moz-linear-gradient(center bottom, #ed5e5e 0%, #f28c8c 100%) !important;
  background: -o-linear-gradient(#f28c8c, #ed5e5e) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f28c8c', endColorstr='#ed5e5e', GradientType=0) !important;
  color: #fff;
}
.bg-black-gradient {
  background: #222 !important;
  background: linear-gradient(90deg, #222 0%, #3c3c3c 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #222), color-stop(1, #3c3c3c)) !important;
  background: -ms-linear-gradient(bottom, #222, #3c3c3c) !important;
  background: -moz-linear-gradient(center bottom, #222 0%, #3c3c3c 100%) !important;
  background: -o-linear-gradient(#3c3c3c, #222) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#222', GradientType=0) !important;
  color: #fff;
}
.bg-maroon-gradient {
  background: #85144b !important;
  background: linear-gradient(90deg, #85144b 0%, #b11b64 100%) !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #85144b), color-stop(1, #b11b64)) !important;
  background: -ms-linear-gradient(bottom, #85144b, #b11b64) !important;
  background: -moz-linear-gradient(center bottom, #85144b 0%, #b11b64 100%) !important;
  background: -o-linear-gradient(#b11b64, #85144b) !important;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b11b64', endColorstr='#85144b', GradientType=0) !important;
  color: #fff;
}
.connectedSortable {
  min-height: 100px;
}
.icon {
  width: 10px;
  height: 10px;
  display: block;
  background-color: #e6e6e6;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: help;
}
.icon + .tooltip .tooltip-arrow {
  border-bottom-color: #fff;
}
.icon + .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  color: #1b1c1f;
}
.icon.icon-on {
  background-color: #56b65d;
}
.icon.icon-on + .tooltip .tooltip-arrow {
  border-bottom-color: #56b65d;
}
.icon.icon-on + .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #56b65d;
  color: #fff;
}
.icon.icon-off {
  background-color: #ed5e5e;
}
.icon.icon-off + .tooltip .tooltip-arrow {
  border-bottom-color: #ed5e5e;
}
.icon.icon-off + .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #ed5e5e;
  color: #fff;
}
/* Utilities RWD */
.visible-lgg {
  display: none !important;
}
@media screen and (min-width: 1400px) {
  .visible-lgg {
    display: block !important;
  }
}
.hidden-lgg {
  display: none !important;
}
@media screen and (max-width: 1399px) {
  .hidden-lgg {
    display: block !important;
  }
}
/*
 *   Navbar, logo and content header
 */
body > .header {
  position: relative;
  max-height: 120px;
  z-index: 1030;
  -webkit-box-shadow: 0 3px 0 0 #dedede;
  box-shadow: 0 3px 0 0 #dedede;
}
body > .header .navbar-btn {
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin: 0;
}
body > .header > .navbar-btn {
  background: #2a86b1;
  color: #fff;
}
body > .header .sidebar-toggle {
  float: left;
  padding: 9px 5px;
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  z-index: 20;
  position: relative;
  background-color: #27282c;
}
@media screen and (max-width: 991px) {
  body > .header .sidebar-toggle {
    display: block;
    z-index: 1020;
    background-color: #fff;
    border-right: 1px solid #ebebec;
  }
}
body > .header .sidebar-toggle .icon-bar {
  display: block;
  width: 24px;
  height: 2px;
  margin: 12px auto 0;
}
body > .header .sidebar-toggle .icon-bar + .icon-bar {
  margin-top: 6px;
}
body > .header > .sidebar-toggle {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
}
body > .header > .sidebar-toggle .icon-bar {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  background: #fff;
}
@media screen and (max-width: 991px) {
  body > .header > .sidebar-toggle .icon-bar {
    background: #2a86b1;
  }
}
body > .header > .sidebar-toggle:hover {
  background: #16469d;
}
@media screen and (max-width: 991px) {
  body > .header > .sidebar-toggle:hover {
    background-color: #2a86b1;
  }
}
body > .header > .sidebar-toggle:hover .icon-bar {
  background: #fff;
}
body > .header .navbar {
  position: relative;
  z-index: 10;
  height: 60px;
  margin-bottom: 0;
  margin-left: 260px;
  background-color: #fff;
  border: none;
  width: 100%;
}
body > .header .navbar .nav a {
  color: #333;
}
body > .header .navbar .nav > li > a:hover,
body > .header .navbar .nav > li > a:active,
body > .header .navbar .nav > li > a:focus,
body > .header .navbar .nav .open > a,
body > .header .navbar .nav .open > a:hover,
body > .header .navbar .nav .open > a:focus {
  background: #fff;
  color: #999;
}
body > .header .navbar .sidebar-toggle .icon-bar {
  background: #333;
}
body > .header .navbar .sidebar-toggle:hover .icon-bar {
  background: #999 !important;
}
@media screen and (min-width: 992px) {
  body > .header .navbar {
    margin-left: 0;
    padding-left: 260px;
  }
}
body > .header .navbar > .navbar-btn {
  display: none;
}
@media screen and (max-width: 991px) {
  body > .header .navbar > .navbar-btn {
    display: block;
  }
}
body > .header .navbar > .sidebar-toggle {
  width: 60px;
  height: 60px;
}
body > .header .navbar > .sidebar-toggle .icon-bar {
  background: #1b1c1f;
}
body > .header .navbar > .sidebar-toggle:hover .icon-bar {
  background: #2a86b1;
}
body > .header .navbar > .navbar-left {
  float: left;
  width: calc(100% - 60px - 42px);
  height: 60px;
}
@media screen and (min-width: 992px) {
  body > .header .navbar > .navbar-left {
    width: auto;
  }
}
body > .header .navbar > .navbar-left .navbar-nav > li.overview {
  border-left: 1px solid #ebebec;
  border-right: 1px solid #ebebec;
}
body > .header .navbar > .navbar-left .navbar-nav > li.overview-2 {
  border-left: none;
  border-right: 1px solid #ebebec;
}
body > .header .navbar > .navbar-right {
  margin-right: 0;
}
body > .header .navbar > .navbar-right .navbar-nav > li {
  border-left: 1px solid #ebebec;
}
body > .header .navbar .navbar-nav {
  width: 100%;
  margin-right: 0;
}
body > .header .navbar .navbar-nav > li > a,
body > .header .navbar .navbar-nav > li > a:visited {
  padding: 20px 15px;
  line-height: 20px;
  color: #999;
}
body > .header .navbar .navbar-nav > li > a:hover,
body > .header .navbar .navbar-nav > li > a:focus {
  color: #34333a;
}
body > .header .navbar .navbar-nav li {
  /*
				&.open {
					.dropdown-menu {
						@media screen and (max-width: @screen-md-max) {
							position: static;
							float: none;
							width: auto;
							margin-top: 0;
							background-color: transparent;
							border: 0;
							-webkit-box-shadow: none;
							box-shadow: none;
						}
					}
				}
				*/
}
body > .header .navbar .navbar-nav li.factory {
  padding: 0;
  width: calc(100% - 34px - 1px);
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.factory {
    width: calc(100% - 56px - 1px);
  }
}
@media screen and (min-width: 992px) {
  body > .header .navbar .navbar-nav li.factory {
    width: auto;
  }
}
body > .header .navbar .navbar-nav li.factory .dropdown-toggle,
body > .header .navbar .navbar-nav li.factory .dropdown-toggle:visited {
  line-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.factory .dropdown-toggle,
  body > .header .navbar .navbar-nav li.factory .dropdown-toggle:visited {
    padding: 0 15px;
  }
}
@media screen and (min-width: 992px) {
  body > .header .navbar .navbar-nav li.factory .dropdown-toggle,
  body > .header .navbar .navbar-nav li.factory .dropdown-toggle:visited {
    padding-left: 0;
  }
}
body > .header .navbar .navbar-nav li.factory .dropdown-toggle > span.caret-holder,
body > .header .navbar .navbar-nav li.factory .dropdown-toggle:visited > span.caret-holder {
  position: relative;
  top: -3px;
}
body > .header .navbar .navbar-nav li.factory .dropdown-toggle > .dropdown-menu {
  margin: 0;
  padding: 0;
}
body > .header .navbar .navbar-nav li.factory .name {
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 10px;
  padding: 0 0 0 10px;
  font-size: 1.357em;
  color: #16469d;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  display: block;
  float: left;
  height: 60px;
  line-height: 60px;
}
body > .header .navbar .navbar-nav li.factory .name:first-letter {
  font-size: 1.211em;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.factory .name {
    padding: 0 0 0 15px;
  }
}
body > .header .navbar .navbar-nav li.factory .value {
  display: block;
  float: left;
  font-size: 0.9em;
  height: 22px;
  line-height: 22px;
  margin: 0 10px;
  padding: 0 5px;
  background: #16469d;
  background: linear-gradient(180deg, #2a86b1 0%, #16469d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #2a86b1), color-stop(1, #16469d));
  background: -ms-linear-gradient(left, #2a86b1, #16469d);
  background: -moz-linear-gradient(left bottom, #2a86b1 0%, #16469d 100%);
  background: -o-linear-gradient(#16469d, #2a86b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16469d', endColorstr='#2a86b1', GradientType=0);
  color: #fff;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.factory .value {
    padding: 0 10px;
  }
}
@media screen and (min-width: 992px) {
  body > .header .navbar .navbar-nav li.factory .value {
    margin-left: 40px;
  }
}
body > .header .navbar .navbar-nav li.factory .value .no {
  font-weight: 700;
}
body > .header .navbar .navbar-nav li.factory:after {
  clear: both;
  content: "";
  display: block;
}
body > .header .navbar .navbar-nav li.status-system {
  height: 60px;
  line-height: 56px;
  padding: 2px;
  position: relative;
}
body > .header .navbar .navbar-nav li.status-system .type {
  display: block;
  width: 14px;
  height: 56px;
}
body > .header .navbar .navbar-nav li.status-system .type.green {
  background-color: #56b65d;
}
body > .header .navbar .navbar-nav li.status-system .type.yellow {
  background-color: #e1c722;
}
body > .header .navbar .navbar-nav li.status-system .type.red {
  background-color: #ed5e5e;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.status-system .type {
    padding: 2px;
    width: 24px;
  }
}
body > .header .navbar .navbar-nav li.status-fve {
  height: 60px;
  line-height: 56px;
  padding: 2px 1px;
  position: relative;
}
body > .header .navbar .navbar-nav li.status-fve .status-fve__link {
  color: inherit;
  display: block;
  height: 100%;
  line-height: normal;
  padding: 0;
  text-decoration: none;
}
body > .header .navbar .navbar-nav li.status-fve .status-fve__link > span {
  display: block;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.status-fve {
    padding: 2px;
  }
}
body > .header .navbar .navbar-nav li.status-fve .ico,
body > .header .navbar .navbar-nav li.status-fve .type {
  display: block;
  width: 14px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  padding: 2px 0;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.status-fve .ico,
  body > .header .navbar .navbar-nav li.status-fve .type {
    padding: 2px;
    width: 24px;
  }
}
body > .header .navbar .navbar-nav li.status-fve .ico {
  font-size: 0.8em;
  line-height: 40px;
}
@media screen and (min-width: 768px) {
  body > .header .navbar .navbar-nav li.status-fve .ico {
    font-size: 1.6em;
    line-height: 28px;
  }
}
body > .header .navbar .navbar-nav li.status-fve .ico .fa-check,
body > .header .navbar .navbar-nav li.status-fve .ico .fa-exclamation-triangle,
body > .header .navbar .navbar-nav li.status-fve .ico .fa-close {
  display: none;
}
body > .header .navbar .navbar-nav li.status-fve .type {
  font-size: 0.7em;
  font-weight: 600;
  color: #fff;
}
body > .header .navbar .navbar-nav li.status-fve .green .ico {
  color: #56b65d;
}
body > .header .navbar .navbar-nav li.status-fve .green .ico .fa-check {
  display: inline;
}
body > .header .navbar .navbar-nav li.status-fve .green .type {
  background-color: #56b65d;
}
body > .header .navbar .navbar-nav li.status-fve .yellow .ico {
  color: #e1c722;
}
body > .header .navbar .navbar-nav li.status-fve .yellow .ico .fa-exclamation-triangle {
  display: inline;
}
body > .header .navbar .navbar-nav li.status-fve .yellow .type {
  background-color: #e1c722;
}
body > .header .navbar .navbar-nav li.status-fve .red .ico {
  color: #ed5e5e;
}
body > .header .navbar .navbar-nav li.status-fve .red .ico .fa-close {
  display: inline;
}
body > .header .navbar .navbar-nav li.status-fve .red .type {
  background-color: #ed5e5e;
}
body > .header .navbar .navbar-nav li.overview {
  height: 60px;
  line-height: 56px;
  padding: 2px 5px;
  position: relative;
}
body > .header .navbar .navbar-nav li.overview .item {
  float: left;
  margin: 0 8px;
}
body > .header .navbar .navbar-nav li.overview .item .ico,
body > .header .navbar .navbar-nav li.overview .item .value {
  display: block;
  color: #797787;
  text-align: center;
  line-height: 28px;
}
body > .header .navbar .navbar-nav li.overview .item .ico {
  position: relative;
  font-size: 1.2em;
  line-height: 22px;
  padding-top: 6px;
}
body > .header .navbar .navbar-nav li.overview .item .ico .img-label {
  color: #797787;
  font-size: 0.6em;
  font-weight: 400;
  height: 0;
  line-height: 0;
  margin-left: 4px;
}
body > .header .navbar .navbar-nav li.overview .item .ico:after {
  clear: both;
  content: "";
  display: block;
}
body > .header .navbar .navbar-nav li.overview .item .value {
  font-size: 0.929em;
  font-weight: 400;
}
body > .header .navbar .navbar-nav li.overview .item .value .no {
  font-weight: 700;
}
body > .header .navbar .navbar-nav li.overview:after {
  clear: both;
  content: "";
  display: block;
}
body > .header .navbar .navbar-nav li.switch-lang {
  text-transform: uppercase;
}
body > .header .navbar .navbar-nav li.switch-lang > a,
body > .header .navbar .navbar-nav li.switch-lang > a:visited {
  padding: 20px 8px;
  display: block;
  width: 48px;
}
body > .header .navbar .navbar-nav li.switch-lang.open > a,
body > .header .navbar .navbar-nav li.switch-lang.open > a:visited {
  background: #f0f0f1;
  color: #b1b3bb;
}
body > .header .navbar .navbar-nav li.switch-lang.open + li {
  border-color: #dedede;
}
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu {
  margin-right: -1px;
  border: 1px solid #dedede;
  padding: 0;
  -webkit-box-shadow: 0 0 0 0 #dedede;
  box-shadow: 0 0 0 0 #dedede;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  min-width: 50px;
  width: 50px;
  border-top: none;
}
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu:after {
  display: none;
}
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li {
  border-top: 1px solid #ebebec;
}
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li > a,
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li > a:visited {
  font-weight: 300;
  font-size: 0.9em;
  background: #fff;
  border: none;
  padding: 5px 8px;
  text-align: left;
}
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li > a:hover,
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li > a:visited:hover,
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li > a:focus,
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li > a:visited:focus {
  background-color: #fafafa;
}
body > .header .navbar .navbar-nav li.switch-lang > .dropdown-menu > li:after {
  clear: both;
  content: "";
  display: block;
}
body > .header .navbar .navbar-nav li.user.open > a,
body > .header .navbar .navbar-nav li.user-menu.open > a,
body > .header .navbar .navbar-nav li.user.open > a:visited,
body > .header .navbar .navbar-nav li.user-menu.open > a:visited {
  background: #f0f0f1;
  color: #b1b3bb;
}
body > .header .navbar .navbar-nav li.user.open + li,
body > .header .navbar .navbar-nav li.user-menu.open + li {
  border-color: #dedede;
}
body > .header .navbar .navbar-nav li.user a,
body > .header .navbar .navbar-nav li.user-menu a,
body > .header .navbar .navbar-nav li.user a:visited,
body > .header .navbar .navbar-nav li.user-menu a:visited {
  font-weight: 300;
  font-size: 1.1em;
}
body > .header .navbar .navbar-nav li.user a .caret,
body > .header .navbar .navbar-nav li.user-menu a .caret,
body > .header .navbar .navbar-nav li.user a:visited .caret,
body > .header .navbar .navbar-nav li.user-menu a:visited .caret {
  border-left-width: 5px;
  border-right-width: 5px;
  border-top-width: 5px;
}
body > .header .navbar .navbar-nav li.user > .dropdown-menu,
body > .header .navbar .navbar-nav li.user-menu > .dropdown-menu {
  margin-right: -1px;
  border: 1px solid #dedede;
  border-top: none;
  padding: 0;
  -webkit-box-shadow: 0 0 0 0 #dedede;
  box-shadow: 0 0 0 0 #dedede;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  width: 200px;
}
body > .header .navbar .navbar-nav li.user > .dropdown-menu:after,
body > .header .navbar .navbar-nav li.user-menu > .dropdown-menu:after {
  display: none;
}
body > .header .navbar .navbar-nav li.user-header {
  position: relative;
  height: 60px;
  padding: 12px 15px 12px 45px;
  text-align: left;
  color: #797787;
}
@media screen and (min-width: 1400px) {
  body > .header .navbar .navbar-nav li.user-header {
    max-width: 180px;
  }
}
body > .header .navbar .navbar-nav li.user-header .ico {
  position: absolute;
  top: 15px;
  left: 15px;
  font-size: 1.3em;
}
body > .header .navbar .navbar-nav li.user-header .name,
body > .header .navbar .navbar-nav li.user-header .last-login {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0.9em;
}
body > .header .navbar .navbar-nav li.user-header .name {
  font-size: 0.9em;
  min-height: 18px;
}
body > .header .navbar .navbar-nav li.user-header .last-login {
  padding-top: 5px;
  font-size: 0.8em;
  line-height: 1em;
}
body > .header .navbar .navbar-nav li.user-header > a,
body > .header .navbar .navbar-nav li.user-header > a:visited {
  display: block;
  margin: -12px -15px -12px -45px;
  padding: 12px 28px 12px 45px;
  color: #797787;
}
body > .header .navbar .navbar-nav li.user-header .caret-holder {
  position: absolute;
  top: 21px;
  right: 10px;
}
body > .header .navbar .navbar-nav li .header-user-menu {
  max-width: calc(100vw - 20px);
  min-width: 220px;
  width: max-content;
}
body > .header .navbar .navbar-nav li .header-user-menu .header-user-menu__link {
  color: #797787;
}
body > .header .navbar .navbar-nav li .header-user-menu .header-user-menu__link .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
}
body > .header .navbar .navbar-nav li .header-user-menu .header-user-menu__link:hover,
body > .header .navbar .navbar-nav li .header-user-menu .header-user-menu__link:focus {
  background-color: #f4f7f9;
  color: #797787;
  text-decoration: none;
}
body > .header .navbar .navbar-nav li.user-links:after {
  clear: both;
  content: "";
  display: block;
}
body > .header .navbar .navbar-nav li.user-links a,
body > .header .navbar .navbar-nav li.user-links a:visited {
  font-size: 0.9em;
  background: #fff;
  border: none;
  padding: 5px 15px;
  text-align: right;
}
body > .header .navbar .navbar-nav li.user-links a + a,
body > .header .navbar .navbar-nav li.user-links a:visited + a,
body > .header .navbar .navbar-nav li.user-links a + a:visited,
body > .header .navbar .navbar-nav li.user-links a:visited + a:visited {
  border-top: 1px solid #ebebec;
}
body > .header .navbar .navbar-nav li.user-links a:hover,
body > .header .navbar .navbar-nav li.user-links a:visited:hover,
body > .header .navbar .navbar-nav li.user-links a:focus,
body > .header .navbar .navbar-nav li.user-links a:visited:focus {
  background-color: #fafafa;
}
body > .header .navbar .navbar-nav li.user-links .form-group {
  margin: 0;
  padding: 5px 15px;
}
body > .header .navbar .navbar-nav li.user-links .form-group label,
body > .header .navbar .navbar-nav li.user-links .form-group select {
  font-size: 0.9em;
  display: block;
  width: 100%;
  text-align: right;
}
body > .header .navbar .navbar-nav li.more {
  width: 42px;
}
body > .header .navbar .navbar-nav li.more .dropdown-toggle {
  display: block;
  font-size: 1.5em;
  text-align: center;
  color: #2a86b1;
}
body > .header .navbar .navbar-nav li.more .dropdown-toggle .icon-bar {
  display: block;
  width: 4px;
  height: 4px;
  background-color: #2a86b1;
  margin: 0 auto 4px;
}
body > .header .navbar .navbar-nav li.more .dropdown-toggle .icon-bar:last-child {
  margin-bottom: 0;
}
body > .header .navbar .navbar-nav li.more .dropdown-menu {
  background-color: #fff;
}
body > .header .navbar .navbar-nav li.lang .dropdown-toggle {
  display: block;
  font-size: 1.5em;
}
body > .header .navbar .navbar-nav li.lang .dropdown-toggle > span.caret-holder {
  margin-left: 4px;
  position: relative;
  top: -3px;
}
body > .header .navbar .navbar-nav li.logout {
  font-size: 1.1em;
  width: 60px;
  text-align: center;
}
body > .header .navbar .navbar-nav li.logout a,
body > .header .navbar .navbar-nav li.logout a:visited {
  color: #e83030;
}
body > .header .navbar .navbar-nav li.logout a:hover,
body > .header .navbar .navbar-nav li.logout a:focus {
  color: #a01212;
}
body > .header .navbar .navbar-nav .tooltip .tooltip-arrow {
  border-bottom-color: #fff;
}
body > .header .navbar .navbar-nav .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  color: #1b1c1f;
}
body > .header .navbar .nav > li > a > .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  right: 2px;
  font-size: 10px;
  font-weight: normal;
  width: 15px;
  height: 15px;
  line-height: 1em;
  text-align: center;
  padding: 2px;
}
body > .header .navbar .nav > li > a:hover > .label {
  top: 3px;
}
body > .header .navbar .nav > li.user > a > .fa,
body > .header .navbar .nav > li.user > a > .glyphicon,
body > .header .navbar .nav > li.user > a > .ion {
  margin-right: 5px;
}
body > .header a.logo,
body > .header a.logo:visited {
  background: #16469d;
  background: linear-gradient(90deg, #2a86b1 0%, #16469d 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2a86b1), color-stop(1, #16469d));
  background: -ms-linear-gradient(bottom, #2a86b1, #16469d);
  background: -moz-linear-gradient(center bottom, #2a86b1 0%, #16469d 100%);
  background: -o-linear-gradient(#16469d, #2a86b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16469d', endColorstr='#2a86b1', GradientType=0);
  color: #fff;
  float: left;
  padding: 0 10px 0 15px;
  text-align: left;
  height: 60px;
  line-height: 60px;
  width: 200px;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-size: 1.643em;
  font-weight: 400;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  position: relative;
  z-index: 20;
}
body > .header a.logo:before,
body > .header a.logo:visited:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 60px;
  background-color: #fff;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  background-color: rgba(255, 255, 255, 0.05);
}
@media screen and (max-width: 991px) {
  body > .header a.logo,
  body > .header a.logo:visited {
    padding: 0 10px;
    text-align: center;
    width: 100%;
    float: none;
    display: none;
  }
  body > .header a.logo:before,
  body > .header a.logo:visited:before {
    display: none;
  }
}
body > .header a.logo:first-letter,
body > .header a.logo:visited:first-letter {
  font-size: 1.217em;
}
body > .header a.logo .icon,
body > .header a.logo:visited .icon {
  margin-right: 10px;
}
body > .header a.logo:hover:before,
body > .header a.logo:focus:before {
  width: 100%;
}
body > .header .open .dropdown-menu.change-fve,
body > .header .open .dropdown-menu.change-lang,
body > .header .open .dropdown-menu.mobile-more {
  box-shadow: none;
  border: none;
  border-radius: 0;
  background-color: #fff;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 3px solid #dedede;
}
body > .header .dropdown-menu.mobile-more {
  position: absolute;
  width: 100vw;
  left: calc(-100vw + 100%);
  right: auto;
  margin-top: 1px;
}
@media screen and (min-width: 480px) {
  body > .header .dropdown-menu.mobile-more {
    width: 370px;
    left: auto;
    right: 0;
  }
}
body > .header .change-fve {
  width: 100%;
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
@media screen and (min-width: 992px) {
  body > .header .change-fve {
    text-align: left;
  }
}
body > .header .change-fve .change-fve__title {
  display: block;
  font-weight: 300;
  line-height: 1.2em;
  padding: 0 15px 4px;
}
body > .header .change-fve .change-fve__fve {
  padding: 0;
}
body > .header .change-fve .change-fve__fve-holder {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: scroll;
  max-height: calc(100vh - 225px);
}
@media screen and (min-width: 992px) {
  body > .header .change-fve .change-fve__fve-holder {
    max-height: calc(100vh - 220px);
  }
}
body > .header .change-fve .change-fve__label {
  position: relative;
}
body > .header .change-fve .change-fve__label:after {
  clear: both;
  content: "";
  display: block;
}
body > .header .change-fve .change-fve__state {
  background-color: #eaeaec;
  bottom: 8px;
  display: block;
  left: 15px;
  position: absolute;
  top: 8px;
  width: 3px;
}
body > .header .change-fve .change-fve__state.change-fve__state--on {
  background-color: #56b65d;
}
body > .header .change-fve .change-fve__state.change-fve__state--na {
  background-color: #e1c722;
}
body > .header .change-fve .change-fve__state.change-fve__state--off {
  background-color: #ed5e5e;
}
body > .header .change-fve .change-fve__health {
  display: block;
  float: left;
  font-size: 0.9em;
  line-height: 22px;
  margin-left: 12px;
  text-align: center;
  width: 18px;
}
body > .header .change-fve .change-fve__health .fa-check,
body > .header .change-fve .change-fve__health .fa-exclamation-triangle,
body > .header .change-fve .change-fve__health .fa-close {
  display: none;
}
body > .header .change-fve .change-fve__health.change-fve__health--ok {
  color: #56b65d;
}
body > .header .change-fve .change-fve__health.change-fve__health--ok .fa-check {
  display: inline;
}
body > .header .change-fve .change-fve__health.change-fve__health--warning,
body > .header .change-fve .change-fve__health.change-fve__health--unknown {
  color: #e1c722;
}
body > .header .change-fve .change-fve__health.change-fve__health--warning .fa-exclamation-triangle,
body > .header .change-fve .change-fve__health.change-fve__health--unknown .fa-exclamation-triangle {
  display: inline;
}
body > .header .change-fve .change-fve__health.change-fve__health--error {
  color: #ed5e5e;
}
body > .header .change-fve .change-fve__health.change-fve__health--error .fa-close {
  display: inline;
}
body > .header .change-fve .change-fve__label-name {
  display: block;
  float: left;
  margin-left: 6px;
}
body > .header .change-fve .change-fve__label-value {
  display: block;
  float: right;
  font-size: 0.8em;
  height: 22px;
  line-height: 22px;
  margin: 0;
  padding: 0 5px;
  background: #16469d;
  background: linear-gradient(180deg, #2a86b1 0%, #16469d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #2a86b1), color-stop(1, #16469d));
  background: -ms-linear-gradient(left, #2a86b1, #16469d);
  background: -moz-linear-gradient(left bottom, #2a86b1 0%, #16469d 100%);
  background: -o-linear-gradient(#16469d, #2a86b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16469d', endColorstr='#2a86b1', GradientType=0);
  color: #fff;
  font-weight: 400;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  body > .header .change-fve .change-fve__label-value {
    padding: 0 10px;
  }
}
body > .header .change-fve .change-fve__label-value-no {
  font-weight: 700;
}
body > .header .change-fve li .change-fve__label,
body > .header .change-fve li .change-fve__label-sub,
body > .header .change-fve li .change-fve__label:visited,
body > .header .change-fve li .change-fve__label-sub:visited {
  display: block;
  padding: 4px 15px;
  font-size: 1.143em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #16469d;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}
body > .header .change-fve li .change-fve__label.change-fve__label-selected,
body > .header .change-fve li .change-fve__label-sub.change-fve__label-selected,
body > .header .change-fve li .change-fve__label:hover,
body > .header .change-fve li .change-fve__label-sub:hover,
body > .header .change-fve li .change-fve__label:focus,
body > .header .change-fve li .change-fve__label-sub:focus {
  background-color: #ebebec;
}
body > .header .change-fve .change-fve__title-sub {
  padding: 10px 15px 4px;
  border-top: 1px solid #ebebec;
}
body > .header .change-fve .change-fve__title-sub.form-group {
  margin-bottom: 0;
}
body > .header .change-fve .change-fve__title-sub label {
  font-weight: 300;
  line-height: 1.2em;
  margin-bottom: 0;
}
body > .header .change-fve .change-fve__input-holder {
  padding: 0 15px;
}
body > .header .change-fve .change-fve__input {
  border: 1px solid #ebebec;
}
body > .header .change-fve .change-fve__fve-list-item--show {
  display: block;
}
body > .header .change-lang {
  width: 100%;
  margin: 0;
  padding: 10px 0;
}
body > .header .change-lang > .change-lang__item {
  display: block;
}
body > .header .change-lang > .change-lang__item > .change-lang__label,
body > .header .change-lang > .change-lang__item > .change-lang__label:visited {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 4px 15px;
  font-size: 1.143em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
}
body > .header .change-lang > .change-lang__item > .change-lang__label.change-lang__label-selected,
body > .header .change-lang > .change-lang__item > .change-lang__label:hover,
body > .header .change-lang > .change-lang__item > .change-lang__label:focus {
  background-color: #ebebec;
}
body > .header .change-lang > .change-lang__item > .change-lang__label > span {
  order: 2;
}
body > .header .change-lang > .change-lang__item > .change-lang__label > span + span {
  order: 1;
}
.right-side > .content-header {
  background: transparent;
  box-shadow: none;
  position: relative;
}
.right-side > .content-header > h1 {
  margin: 0;
  font-weight: 400;
  font-size: 1.8em;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
}
.right-side > .content-header > h1 > small {
  padding-top: 5px;
  font-size: 0.65em;
  display: block;
  font-weight: 300;
  text-transform: none;
}
.right-side > .content-header > .breadcrumb {
  float: right;
  background: transparent;
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 12px;
  padding: 7px 5px;
  position: absolute;
  top: 15px;
  right: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.right-side > .content-header > .breadcrumb > li > a {
  color: #444;
  text-decoration: none;
}
.right-side > .content-header > .breadcrumb > li > a > .fa,
.right-side > .content-header > .breadcrumb > li > a > .glyphicon,
.right-side > .content-header > .breadcrumb > li > a > .ion {
  margin-right: 5px;
}
.right-side > .content-header > .breadcrumb > li + li:before {
  content: '>\00a0';
}
@media screen and (max-width: 768px) {
  .right-side > .content-header > .breadcrumb {
    position: relative;
    margin-top: 5px;
    top: 0;
    right: 0;
    float: none;
    background: #efefef;
  }
}
@media (max-width: 768px) {
  .navbar .navbar-nav > li {
    float: left;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav > li > a {
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 20px;
  }
}
@media screen and (max-width: 991px) {
  body > .header {
    position: relative;
  }
  body > .header .navbar {
    float: none;
    position: relative !important;
    margin: 0;
  }
  body.fixed > .header {
    position: fixed;
  }
}
body > .header .navbar .navbar-nav li.more .dropdown-menu.mobile-more {
  padding: 0;
}
body > .header .navbar .navbar-nav .mobile-more ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body > .header .navbar .navbar-nav .mobile-more li.overview {
  margin: 0;
}
body > .header .navbar .navbar-nav .mobile-more li.overview .item {
  margin: 0;
  padding: 0 8px;
  width: calc(100% / 3);
}
body > .header .navbar .navbar-nav .mobile-more li.overview,
body > .header .navbar .navbar-nav .mobile-more .user-header,
body > .header .navbar .navbar-nav .mobile-more .lang {
  border-bottom: 1px solid #ebebec;
}
body > .header .navbar .navbar-nav .mobile-more .user-header,
body > .header .navbar .navbar-nav .mobile-more .lang,
body > .header .navbar .navbar-nav .mobile-more .logout {
  width: 100%;
}
body > .header .navbar .navbar-nav .mobile-more .lang > a,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a,
body > .header .navbar .navbar-nav .mobile-more .logout > a,
body > .header .navbar .navbar-nav .mobile-more .lang > a:visited,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a:visited,
body > .header .navbar .navbar-nav .mobile-more .logout > a:visited {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px;
  line-height: 20px;
}
body > .header .navbar .navbar-nav .mobile-more .header-user-action {
  border-bottom: 1px solid #ebebec;
}
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a:visited {
  color: #797787;
}
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a:hover,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a:focus {
  background-color: #f4f7f9;
  color: #797787;
  text-decoration: none;
}
body > .header .navbar .navbar-nav .mobile-more .header-user-action .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
}
body > .header .navbar .navbar-nav .mobile-more .user-header {
  text-align: center;
  padding: 12px 10px;
  height: auto;
}
body > .header .navbar .navbar-nav .mobile-more .user-header-holder {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px;
  width: 100%;
}
body > .header .navbar .navbar-nav .mobile-more .user-header-holder .ico {
  position: relative;
  top: auto;
  left: auto;
}
/*
 *   Sidebar
 */
.sidebar {
  margin-bottom: 5px;
}
.sidebar .sidebar-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
.sidebar .sidebar-menu li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #3d3e42;
}
.sidebar .sidebar-menu li.active > a {
  color: #fff;
  background: #1b1c1f;
}
.sidebar .sidebar-menu li.treeview {
  position: relative;
}
.sidebar .sidebar-menu li.treeview .caret-holder {
  pointer-events: none;
  position: absolute;
  top: 14px;
  right: 20px;
  color: #fff;
  text-align: center;
}
.sidebar .sidebar-menu li.treeview .caret-holder .caret {
  margin: 0;
}
.sidebar .sidebar-menu li.treeview.active .caret-holder {
  color: #999;
  transform: rotate(180deg);
  top: 16px;
}
.sidebar .sidebar-menu li > .treeview-menu {
  background: #1b1c1f;
}
.sidebar .sidebar-menu li > a,
.sidebar .sidebar-menu li > a:visited {
  display: block;
  padding: 17px 50px 17px 60px;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  font-size: 1.143em;
}
.sidebar .sidebar-menu li > a > span,
.sidebar .sidebar-menu li > a:visited > span {
  display: block;
  line-height: 1;
}
.sidebar .sidebar-menu li > a > .fa,
.sidebar .sidebar-menu li > a:visited > .fa,
.sidebar .sidebar-menu li > a > .glyphicon,
.sidebar .sidebar-menu li > a:visited > .glyphicon,
.sidebar .sidebar-menu li > a > .ion,
.sidebar .sidebar-menu li > a:visited > .ion {
  width: 30px;
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 1.2em;
  text-align: center;
}
.sidebar .sidebar-menu li > a .more-arrow,
.sidebar .sidebar-menu li > a:visited .more-arrow {
  left: auto;
  right: 15px;
  font-size: 1.2em;
  top: 20px;
  width: 10px;
}
.sidebar .sidebar-menu li > a .badge,
.sidebar .sidebar-menu li > a:visited .badge {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  padding: 3px 6px;
  font-size: 0.8em;
}
.sidebar .sidebar-menu li > a .badge.green,
.sidebar .sidebar-menu li > a:visited .badge.green {
  background-color: #56b65d;
  color: #fff;
}
.sidebar .sidebar-menu li > a .badge.red,
.sidebar .sidebar-menu li > a:visited .badge.red {
  background-color: #ed5e5e;
  color: #fff;
}
.sidebar .sidebar-menu li > a .badge.yellow,
.sidebar .sidebar-menu li > a:visited .badge.yellow {
  background-color: #fedc04;
  color: #1b1c1f;
}
.sidebar .sidebar-menu li > a:hover {
  background: #2e2f34;
}
.sidebar .sidebar-menu li .treeview-menu {
  display: none;
  list-style: none;
  padding: 0 0 20px 30px;
  margin: 0;
}
.sidebar .sidebar-menu li .treeview-menu > li {
  margin: 0;
  border-bottom: none;
  position: relative;
}
.sidebar .sidebar-menu li .treeview-menu > li > a,
.sidebar .sidebar-menu li .treeview-menu > li > a:visited {
  display: block;
  margin: 0;
  padding: 9px 40px 9px 28px;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease;
  border-left: 2px solid #3d3e42;
  color: #999;
}
.sidebar .sidebar-menu li .treeview-menu > li > a:hover,
.sidebar .sidebar-menu li .treeview-menu > li > a:focus {
  background: transparent;
  color: #fff;
}
.sidebar .sidebar-menu li .treeview-menu > li.active > a,
.sidebar .sidebar-menu li .treeview-menu > li.active > a:visited {
  color: #fff;
  border-color: #fff;
}
.sidebar .sidebar-menu li .treeview-menu > li > span.text {
  display: block;
}
.sidebar .sidebar-menu li .treeview-menu > li > span.text.name {
  font-weight: 300;
  font-size: 1.1em;
  color: #ccced3;
  line-height: 1.2em;
}
.sidebar .sidebar-menu li .treeview-menu > li > span.text.login {
  display: block;
  padding-top: 5px;
  padding-bottom: 15px;
  font-size: 0.8em;
  line-height: 1.1em;
  color: #a3a6af;
}
.sidebar .sidebar-menu li .treeview-menu > li .treeview-menu {
  padding: 0 0 10px 30px;
}
.sidebar .sidebar-menu li .treeview-menu > li .treeview-menu > li > a,
.sidebar .sidebar-menu li .treeview-menu > li .treeview-menu > li > a:visited {
  font-size: 1em;
  padding-left: 15px;
}
.sidebar .sidebar-menu a {
  color: #eee;
}
.sidebar .sidebar-menu a:hover {
  text-decoration: none;
}
.sidebar .sidebar-form {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px solid #555;
  margin: 10px 10px;
}
.sidebar .sidebar-form input[type="text"],
.sidebar .sidebar-form .btn {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.1);
  border: 0 solid rgba(255, 255, 255, 0.1);
  height: 35px;
  outline: none;
}
.sidebar .sidebar-form input[type="text"] {
  color: #666;
  -webkit-border-top-left-radius: 2px !important;
  -webkit-border-top-right-radius: 0 !important;
  -webkit-border-bottom-right-radius: 0 !important;
  -webkit-border-bottom-left-radius: 2px !important;
  -moz-border-radius-topleft: 2px !important;
  -moz-border-radius-topright: 0 !important;
  -moz-border-radius-bottomright: 0 !important;
  -moz-border-radius-bottomleft: 2px !important;
  border-top-left-radius: 2px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 2px !important;
}
.sidebar .sidebar-form input[type="text"]:focus,
.sidebar .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  background-color: #444;
  border: 0;
}
.sidebar .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
  border-left: 0;
}
.sidebar .sidebar-form .btn {
  color: #999;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 2px !important;
  -webkit-border-bottom-right-radius: 2px !important;
  -webkit-border-bottom-left-radius: 0 !important;
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 2px !important;
  -moz-border-radius-bottomright: 2px !important;
  -moz-border-radius-bottomleft: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
  border-bottom-left-radius: 0 !important;
  border-left: 0;
}
.sidebar .sidebar-form input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: transparent!important;
}
.user-panel {
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #3d3e42;
}
.user-panel .overview {
  height: 60px;
  line-height: 56px;
  position: relative;
}
.user-panel .overview .item {
  padding: 2px 5px;
}
.user-panel .overview .item .ico,
.user-panel .overview .item .value {
  display: block;
  height: 28px;
  line-height: 28px;
  text-align: left;
  float: left;
}
.user-panel .overview .item .ico {
  position: relative;
}
.user-panel .overview .item .ico .img {
  display: block;
  float: left;
  width: 30px;
  height: 28px;
  background-image: url('../img/ico_headerbar.png');
  background-repeat: no-repeat;
  background-position: 5px 0;
}
.user-panel .overview .item .ico .img.type-1 {
  background-position: center 2px;
}
.user-panel .overview .item .ico .img.type-2 {
  background-position: center -28px;
}
.user-panel .overview .item .ico .img.type-3 {
  background-position: center -58px;
}
.user-panel .overview .item .ico .img.type-4 {
  background-position: center -92px;
}
.user-panel .overview .item .ico .img-label {
  display: block;
  float: left;
  color: #797787;
  font-size: 0.714em;
  font-weight: 400;
  padding: 0 5px;
  height: 28px;
  line-height: 28px;
}
.user-panel .overview .item .ico:after {
  clear: both;
  content: "";
  display: block;
}
.user-panel .overview .item .value {
  font-size: 0.929em;
  font-weight: 600;
  color: #797787;
  font-weight: 400;
  padding: 0 5px;
}
.user-panel .overview .item .value .no {
  font-weight: 700;
}
.user-panel .overview .item:after {
  clear: both;
  content: "";
  display: block;
}
.user-panel .overview:after {
  clear: both;
  content: "";
  display: block;
}
.user-panel:after {
  clear: both;
  content: "";
  display: block;
}
/*
 * Off Canvas
 * --------------------------------------------------
 *  Gives us the push menu effect
 */
@media screen and (max-width: 992px) {
  .relative {
    position: relative;
  }
  .row-offcanvas-right .sidebar-offcanvas {
    right: -260px;
  }
  .row-offcanvas-left .sidebar-offcanvas {
    left: -260px;
  }
  .row-offcanvas-right.active {
    right: 260px;
  }
  .sidebar-offcanvas {
    left: 0;
  }
  body.fixed .sidebar-offcanvas {
    margin-top: 60px;
    left: -100%;
  }
  body.fixed .row-offcanvas-left.active .navbar {
    left: 260px !important;
    right: 0;
  }
  body.fixed .row-offcanvas-left.active .sidebar-offcanvas {
    left: 0px;
  }
}
@media screen and (max-width: 992px) and screen and (min-width: 992px) {
  body.fixed .sidebar-offcanvas {
    left: -260px;
  }
}
/*
 *   DD menus
 */
/*Dropdowns in general*/
.dropdown-menu {
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
  margin-right: 10px;
}
.dropdown-menu > li > a:hover {
  background-color: #3c8dbc;
  color: #f9f9f9;
}
body > .header .navbar .navbar-nav .header-user-menu.dropdown-menu > li > a.button-controls__dropdown-link,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a.button-controls__dropdown-link {
  color: #797787;
}
body > .header .navbar .navbar-nav .header-user-menu.dropdown-menu > li > a.button-controls__dropdown-link:hover,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a.button-controls__dropdown-link:hover,
body > .header .navbar .navbar-nav .header-user-menu.dropdown-menu > li > a.button-controls__dropdown-link:focus,
body > .header .navbar .navbar-nav .mobile-more .header-user-action > a.button-controls__dropdown-link:focus {
  background-color: #f4f7f9;
  color: #797787;
  text-decoration: none;
}
/*Drodown in navbars*/
.skin-blue .navbar .dropdown-menu > li > a {
  color: #444444;
}
/*
    Navbar custom dropdown menu
------------------------------------
*/
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0!important;
  margin: 0!important;
  top: 100%;
  border: 1px solid #dfdfdf;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #ffffff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #444444;
  font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
.navbar-nav > .messages-menu > .dropdown-menu > li.header:after,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {
  bottom: 100%;
  left: 92%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 7px;
  margin-left: -7px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
  -webkit-border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #f4f4f4;
  padding: 7px 10px;
  border-bottom: 1px solid #eeeeee;
  color: #444444;
  text-align: center;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
  background: #f4f4f4;
  text-decoration: none;
  font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  display: block;
  white-space: nowrap;
  /* Prevent text from breaking */
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
  background: #f6f6f6;
  text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
  font-size: 12px;
  color: #444444;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
  font-size: 20px;
  width: 50px;
  text-align: center;
  padding: 15px 0px;
  margin-right: 5px;
  /* Default background and font colors */
  background: #16469d;
  color: #f9f9f9;
  /* Fallback for browsers that doesn't support rgba */
  color: rgba(255, 255, 255, 0.7);
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.danger,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.danger {
  background: #ed5e5e;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.warning,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.warning {
  background: #e1c722;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.success,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.success {
  background: #56b65d;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa.info,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion.info {
  background: #16469d;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
  margin: 0px;
  line-height: 20px;
  padding: 10px 5px 10px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
  border: 1px solid #dddddd;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #444444;
  font-size: 15px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
  color: #999999;
  font-size: 10px;
  float: right;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  display: table;
  content: " ";
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
  clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
  font-size: 14px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
  padding: 0;
  margin: 0;
}
/* Add fade animation to dropdown menus */
.open:not(.dropup) > .dropdown-menu {
  animation-name: fadeAnimation;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: fadeAnimation;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: fadeAnimation;
  -moz-animation-duration: 0.7s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
@-webkit-keyframes fadeAnimation {
  from {
    opacity: 0;
    top: 120%;
  }
  to {
    opacity: 1;
    top: 100%;
  }
}
/* Fix dropdown menu for small screens to display correctly on small screens */
@media screen and (max-width: 768px) {
  .navbar-nav > .notifications-menu > .dropdown-menu,
  .navbar-nav > .user-menu > .dropdown-menu,
  .navbar-nav > .tasks-menu > .dropdown-menu,
  .navbar-nav > .messages-menu > .dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    left: auto;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    background: #ffffff;
  }
}
/* Fix menu positions on xs screens to appear correctly and fully */
@media screen and (max-width: 480px) {
  .navbar-nav > .notifications-menu > .dropdown-menu > li.header,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.header,
  .navbar-nav > .messages-menu > .dropdown-menu > li.header {
    /* Remove arrow from the top */
  }
  .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after,
  .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after,
  .navbar-nav > .messages-menu > .dropdown-menu > li.header:after {
    border-width: 0px!important;
  }
  .navbar-nav > .tasks-menu > .dropdown-menu {
    position: absolute;
    right: -120px;
    left: auto;
  }
  .navbar-nav > .notifications-menu > .dropdown-menu {
    position: absolute;
    right: -170px;
    left: auto;
  }
  .navbar-nav > .messages-menu > .dropdown-menu {
    position: absolute;
    right: -210px;
    left: auto;
  }
}
/*
 *   Forms
 */
.form-control {
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  box-shadow: none;
}
.form-control:focus {
  border-color: #3c8dbc !important;
  box-shadow: none;
}
.form-group {
  margin-bottom: 20px;
}
.form-group--last {
  margin-bottom: 0;
}
.form-group.has-success label {
  color: #56b65d;
}
.form-group.has-success .form-control {
  border-color: #56b65d !important;
  box-shadow: none;
}
.form-group.has-warning label {
  color: #e1c722;
}
.form-group.has-warning .form-control {
  border-color: #e1c722 !important;
  box-shadow: none;
}
.form-group.has-error label {
  color: #ed5e5e;
}
.form-group.has-error .form-control {
  border-color: #ed5e5e !important;
  box-shadow: none;
}
.form-group .btn-primary {
  display: block;
  float: none;
  height: 50px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  border: none;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.429em;
}
.form-group .btn-primary:first-letter {
  font-size: 1.217em;
}
.content .btn {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  font-style: 1em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 400;
  border: none;
  padding: 10px 20px;
  text-align: left;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.content .btn.btn-lg {
  font-size: 1.35em;
}
.content .btn.btn-small {
  min-height: 32px;
  padding: 5px 20px;
  font-size: 0.85em;
}
.content .btn.btn-anchor {
  padding-left: 30px;
}
.content .btn.btn-anchor > i {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -6px;
  font-size: 1em;
  color: #cccccc;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
  font-weight: 400;
}
.content .btn.btn-anchor:hover > i {
  color: #999999;
}
.content .btn.btn-center {
  text-align: center;
}
.content .btn.btn-default {
  border: 0;
}
.content .btn__icon {
  margin-right: 10px;
}
.content .btn__icon--self {
  margin-right: 0;
}
.content .btn__icon--bigger {
  font-size: 1.5em;
}
.content .form-group label {
  cursor: pointer;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #666;
}
.content .form-group .form-control {
  padding: 10px 20px;
  font-weight: 400;
  height: auto;
}
.content .form-group .form-control.date-choice.native,
.content .form-group .form-control.time-choice.native {
  padding: 1px 10px;
}
.content .form-group .form-control.date-choice[readonly="readonly"],
.content .form-group .form-control.time-choice[readonly="readonly"],
.content .form-group .form-control.date-time-choice[readonly="readonly"] {
  background: #fff;
  cursor: default;
}
.content .form-group select.form-control {
  appearance: none;
  padding-right: 30px;
  cursor: pointer;
}
.content .form-group textarea.form-control {
  max-width: 100%;
  min-width: 100%;
}
.content .form-group .custom-classic-select {
  position: relative;
}
.content .form-group .custom-classic-select:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  z-index: 10;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #555555 transparent transparent transparent;
}
.content .form-group .custom-classic-select select.form-control {
  height: 42px;
  padding-right: 40px;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.content .input-group-custom-select {
  display: block;
}
.content .select2-container .select2-selection {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 400;
  border-color: #cccccc;
  box-shadow: none;
  min-height: 42px;
  padding: 4px 20px 9px;
}
.content .select2-container .select2-selection.select2-selection--multiple > ul {
  padding: 0;
  display: block;
}
.content .select2-container .select2-selection.select2-selection--multiple > ul:after {
  clear: both;
  content: "";
  display: block;
}
.content .select2-container .select2-selection.select2-selection--multiple .select2-search__field {
  margin-top: 5px;
}
.content .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice {
  margin: 0;
  margin-right: 5px;
  margin-top: 5px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border-color: #e6e6e6;
  background: #ffffff;
  height: 22px;
  line-height: 20px;
  font-size: 14px;
  color: #555;
}
.content .select2-container .select2-selection.select2-selection--multiple .select2-selection__choice + .select2-search .select2-search__field {
  height: 22px;
  line-height: 22px;
}
.content .select2-container.select2-container--focus .select2-selection,
.content .select2-container.select2-container--open .select2-selection {
  border-color: #2a86b1;
}
.select2-dropdown {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: 400;
  border-color: #cccccc;
  color: #555;
}
.select2-dropdown .select2-results__option {
  padding: 7px 20px;
  font-weight: 400;
  border-color: #cccccc;
  color: #555;
}
.datepicker.dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.datepicker table tr td,
.datepicker table tr th {
  height: auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
  color: #3c8dbc;
  background: none;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  opacity: 0.3;
}
.bootstrap-datetimepicker-widget {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .picker-switch a,
.bootstrap-datetimepicker-widget .timepicker a,
.bootstrap-datetimepicker-widget .picker-switch a > span,
.bootstrap-datetimepicker-widget .timepicker a > span {
  color: #333;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  font-weight: 400;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget table td a,
.bootstrap-datetimepicker-widget table th a,
.bootstrap-datetimepicker-widget table td a:visited,
.bootstrap-datetimepicker-widget table th a:visited,
.bootstrap-datetimepicker-widget table td a:focus,
.bootstrap-datetimepicker-widget table th a:focus,
.bootstrap-datetimepicker-widget table td a:hover,
.bootstrap-datetimepicker-widget table th a:hover {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-datetimepicker-widget table td span,
.bootstrap-datetimepicker-widget table th span {
  text-align: center;
}
.bootstrap-datetimepicker-widget table td input,
.bootstrap-datetimepicker-widget table th input {
  padding: 0;
  text-align: center;
  border: none;
  margin: 0 auto;
}
.bootstrap-timepicker .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-timepicker table td,
.bootstrap-timepicker table th {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-timepicker table td a,
.bootstrap-timepicker table th a,
.bootstrap-timepicker table td a:visited,
.bootstrap-timepicker table th a:visited,
.bootstrap-timepicker table td a:focus,
.bootstrap-timepicker table th a:focus,
.bootstrap-timepicker table td a:hover,
.bootstrap-timepicker table th a:hover {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-timepicker table td input,
.bootstrap-timepicker table th input {
  padding: 0;
  text-align: center;
  border: none;
  margin: 0 auto;
}
/* Input group */
.input-group {
  width: 100%;
}
.input-group .input-group-addon {
  border-radius: 0;
  background-color: #f4f4f4;
}
/* button groups */
.btn-group-vertical .btn.btn-flat:first-of-type,
.btn-group-vertical .btn.btn-flat:last-of-type {
  border-radius: 0;
}
/* Checkbox and radio inputs */
.checkbox,
.radio {
  padding-left: 0;
}
/* Custom checkbox */
.bootstrap-switch {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.bootstrap-switch .bootstrap-switch-container {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.bootstrap-switch .bootstrap-switch-label {
  position: relative;
}
.bootstrap-switch .bootstrap-switch-label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #fff;
  background-color: #d9dadc;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  background-color: #fff;
  color: #4d4d4d;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  background-color: #fff;
  color: #666;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #2a86b1;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dropdown-menu.colorpicker {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/*
 *   Buttons
 */
.btn-group {
  margin-bottom: 15px;
}
.btn-group .btn {
  width: auto;
  margin-bottom: 5px;
  margin-right: -1px;
}
.btn-group .btn:hover,
.btn-group .btn:focus,
.btn-group .btn:active {
  outline: none;
}
.btn-group .btn + .btn {
  margin-left: 0;
}
.btn-group.static-anchors-holder,
.btn-group.dynamical-anchors-holder {
  margin-bottom: 0;
}
.btn {
  font-weight: 500;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0);
}
.btn.btn-default {
  background-color: #fafafa;
  color: #666;
  border-color: #ddd;
  border-bottom-color: #ddd;
}
.btn.btn-default:hover,
.btn.btn-default:active,
.btn.btn-default.hover {
  background-color: #f4f4f4;
}
.btn.btn-default.btn-flat {
  border-bottom-color: #d9dadc;
}
.btn.btn-default.btn-outline {
  color: #666;
  background-color: #fafafa;
  border: 1px solid #d9dadc;
}
.btn.btn-default.btn-outline:hover,
.btn.btn-default.btn-outline:active,
.btn.btn-default.btn-outline.hover {
  background-color: #d9dadc;
  -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0);
}
.btn.btn-default.btn-outline.btn-active {
  border: 1px solid #d9dadc;
  background-color: #d9dadc;
  color: #4d4d4d;
}
.btn.btn-default.btn-outline.btn-disabled {
  cursor: default;
  border: 1px solid #f3f4f4;
  background-color: transparent;
  color: #cccccc;
}
.btn.btn-primary {
  background-color: #3c8dbc;
  border-color: #367fa9;
}
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-primary.hover {
  background-color: #367fa9;
}
.btn.btn-success {
  background-color: #56b65d;
  border-color: #49a950;
}
.btn.btn-success:hover,
.btn.btn-success:active,
.btn.btn-success.hover {
  background-color: #49a950;
}
.btn.btn-info {
  background-color: #16469d;
  border-color: #133c87;
}
.btn.btn-info:hover,
.btn.btn-info:active,
.btn.btn-info.hover {
  background-color: #133c87;
}
.btn.btn-danger {
  background-color: #ed5e5e;
  border-color: #ea4747;
}
.btn.btn-danger:hover,
.btn.btn-danger:active,
.btn.btn-danger.hover {
  background-color: #ea4747;
}
.btn.btn-warning {
  background-color: #e1c722;
  border-color: #ceb51c;
}
.btn.btn-warning:hover,
.btn.btn-warning:active,
.btn.btn-warning.hover {
  background-color: #ceb51c;
}
.btn.btn-flat {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-width: 1px;
}
.btn:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-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:focus {
  outline: none;
}
.btn.btn-file {
  position: relative;
  overflow: hidden;
}
.btn.btn-file > input[type='file'] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}
.btn.btn-app {
  position: relative;
  padding: 15px 5px;
  margin: 0 0 10px 10px;
  min-width: 80px;
  height: 60px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  background-color: #fafafa;
  font-size: 12px;
}
.btn.btn-app > .fa,
.btn.btn-app > .glyphicon,
.btn.btn-app > .ion {
  font-size: 20px;
  display: block;
}
.btn.btn-app:hover {
  background: #f4f4f4;
  color: #444;
  border-color: #aaa;
}
.btn.btn-app:active,
.btn.btn-app:focus {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-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.btn-app > .badge {
  position: absolute;
  top: -3px;
  right: -10px;
  font-size: 10px;
  font-weight: 400;
}
.btn.btn-social-old {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 0.9;
  padding: 0;
}
.btn.btn-social-old > .fa {
  padding: 10px 0;
  width: 40px;
}
.btn.btn-social-old > .fa + span {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.btn.btn-social-old span {
  padding: 10px;
}
.btn.btn-social-old:hover {
  opacity: 1;
}
.btn.btn-circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/*
    Navs
*/
/* NAV PILLS */
.nav.nav-pills > li > a {
  border-top: 3px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #444;
}
.nav.nav-pills > li > a > .fa,
.nav.nav-pills > li > a > .glyphicon,
.nav.nav-pills > li > a > .ion {
  margin-right: 5px;
}
.nav.nav-pills > li.active > a,
.nav.nav-pills > li.active > a:hover {
  background-color: #f6f6f6;
  border-top-color: #3c8dbc;
  color: #444;
}
.nav.nav-pills > li.active > a {
  font-weight: 600;
}
.nav.nav-pills > li > a:hover {
  background-color: #f6f6f6;
}
.nav.nav-pills.nav-stacked > li > a {
  border-top: 0;
  border-left: 3px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #444;
}
.nav.nav-pills.nav-stacked > li.active > a,
.nav.nav-pills.nav-stacked > li.active > a:hover {
  background-color: #f6f6f6;
  border-left-color: #3c8dbc;
  color: #444;
}
.nav.nav-pills.nav-stacked > li.header {
  border-bottom: 1px solid #ddd;
  color: #777;
  margin-bottom: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
/* NAV TABS */
.nav-tabs-custom {
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom > .nav-tabs {
  margin: 0;
  border-bottom-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li {
  border-top: 3px solid transparent;
  margin-bottom: -2px;
  margin-right: 5px;
}
.nav-tabs-custom > .nav-tabs > li > a {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}
.nav-tabs-custom > .nav-tabs > li > a,
.nav-tabs-custom > .nav-tabs > li > a:hover {
  background: transparent;
  margin: 0;
}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
  border-color: transparent;
}
.nav-tabs-custom > .nav-tabs > li.active {
  border-top-color: #3c8dbc;
}
.nav-tabs-custom > .nav-tabs > li.active > a,
.nav-tabs-custom > .nav-tabs > li.active:hover > a {
  background-color: #fff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
  border-top: 0;
  border-left-color: #f4f4f4;
  border-right-color: #f4f4f4;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
  margin-left: 0;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
  border-left-width: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right {
  float: none!important;
}
.nav-tabs-custom > .nav-tabs.pull-right > li {
  float: right;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
  margin-right: 0;
}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
  border-left-width: 1px;
  border-right-width: 0;
}
.nav-tabs-custom > .nav-tabs > li.header {
  font-weight: 400;
  line-height: 35px;
  padding: 0 10px;
  font-size: 20px;
  color: #444;
  cursor: default;
}
.nav-tabs-custom > .nav-tabs > li.header > .fa,
.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
.nav-tabs-custom > .nav-tabs > li.header > .ion {
  margin-right: 10px;
}
.nav-tabs-custom > .tab-content {
  background: #fff;
  padding: 10px;
}
/* Nav tabs bottom */
.tabs-bottom.nav-3 li a {
  width: calc(100% / 3) !important;
}
.tabs-bottom li a {
  border: 0;
}
/* PAGINATION */
.pagination > li > a {
  background: #fafafa;
  color: #666;
  -webkit-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.09);
  -moz-box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.09);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.09);
}
.pagination > li:first-of-type a,
.pagination > li:last-of-type a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
/*
 *   Content
 */
body .wrapper {
  position: relative;
}
body .wrapper a.top,
body .wrapper a.top:visited {
  position: fixed;
  bottom: 0;
  right: 0;
  text-align: center;
  background: #908f93;
  width: 60px;
  height: 30px;
  line-height: 25px;
  color: #fff;
  font-size: 1.7em;
}
body .wrapper a.top i,
body .wrapper a.top:visited i {
  line-height: 1;
}
body .wrapper a.top:hover,
body .wrapper a.top:focus {
  background: #76757a;
}
body .overlayer {
  display: none;
}
body.disabled {
  position: relative;
}
body.disabled .overlayer {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
}
body.disabled .overlayer.disabled {
  background: rgba(22, 70, 157, 0.65);
}
body .overlayer-status {
  display: none;
}
body.overlayed {
  position: relative;
}
body.overlayed .overlayer-status {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.5);
}
body #system-disabled img.logo {
  margin-bottom: 20px;
}
body #system-disabled .alert {
  padding-top: 20px;
  padding-bottom: 20px;
}
body #system-disabled .alert h2,
body #system-disabled .alert h3,
body #system-disabled .alert h4,
body #system-disabled .alert ul,
body #system-disabled .alert ol,
body #system-disabled .alert p {
  padding-left: 20px;
  padding-right: 20px;
}
/* Content */
.content {
  padding: 20px 15px;
  background: #e9e9e9;
}
@media screen and (min-width: 1200px) {
  .content {
    padding: 20px 15px 20px 15px;
  }
}
.content .form-label {
  cursor: pointer;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  color: #666;
  margin-bottom: 5px;
}
.content .static-anchors-holder-holder {
  margin-bottom: 20px;
}
.portal-overview .portal-plant-table tbody tr[data-uuid] {
  cursor: pointer;
}
.portal-overview .portal-plant-table tbody tr[data-uuid] th,
.portal-overview .portal-plant-table tbody tr[data-uuid] td {
  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}
.portal-overview .portal-plant-table tbody tr[data-uuid] th:first-child {
  border-left: 3px solid #d6d6d6;
}
.portal-overview .portal-plant-table tbody tr[data-uuid].state-on th:first-child {
  border-left-color: #56b65d;
}
.portal-overview .portal-plant-table tbody tr[data-uuid].state-na th:first-child {
  border-left-color: #e1c722;
}
.portal-overview .portal-plant-table tbody tr[data-uuid].state-off th:first-child {
  border-left-color: #ed5e5e;
}
.portal-overview .portal-plant-table__status {
  width: 80px;
  text-align: center;
}
.portal-overview__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 120px;
  color: #737373;
  font-weight: 600;
  text-align: center;
}
.portal-overview__empty .material-symbols-outlined {
  font-size: 24px;
  color: #666;
}
.portal-permissions-table__check {
  text-align: center;
}
.portal-permission-switch {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 22px;
  margin: 0;
  vertical-align: middle;
}
.portal-permission-switch__input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.portal-permission-switch__control {
  position: relative;
  display: block;
  width: 42px;
  height: 22px;
  border: 1px solid #c9c9c9;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
}
.portal-permission-switch__control:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background: #737373;
  transition: left 0.15s ease, background 0.15s ease;
}
.portal-permission-switch__input:checked + .portal-permission-switch__control {
  border-color: #0073b7;
  background: rgba(0, 115, 183, 0.12);
}
.portal-permission-switch__input:checked + .portal-permission-switch__control:before {
  left: 23px;
  background: #0073b7;
}
.portal-permission-switch__input:disabled + .portal-permission-switch__control {
  cursor: wait;
  opacity: 0.65;
}
.content-header {
  padding: 15px 15px 10px 20px;
}
@media screen and (min-width: 1200px) {
  .content-header {
    padding: 15px 15px 10px 20px;
  }
}
/*
*   Flash messages - Alerts
*/
.alert {
  width: 80%;
  margin: 20px auto;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  border-left: 2px solid transparent;
}
.alert + .alert {
  margin-top: -15px;
}
.alert.alert-danger {
  color: #a01212;
  background-color: #fce8e8;
  border-left-color: #ed5e5e;
}
.alert.alert-success {
  color: #235026;
  background-color: #c1e4c3;
  border-left-color: #56b65d;
}
.alert.alert-info {
  color: #333;
  background-color: #fff;
  border-left-color: #2a86b1;
}
.alert.alert-warning {
  color: #5d520d;
  background-color: #f3e9a9;
  border-left-color: #e1c722;
}
.content-header .alert,
.content .alert {
  width: 100%;
}
/*
*   Toast notifications
*/
.toast-notification-container {
  position: fixed;
  top: 72px;
  right: 24px;
  z-index: 20000;
  width: 360px;
  max-width: calc(100vw - 32px);
  pointer-events: none;
}
.toast-notification {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-height: 52px;
  margin-bottom: 10px;
  padding: 13px 42px 13px 14px;
  color: #fff;
  background: #2a86b1;
  border: 1px solid #237094;
  border-radius: 0;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
  pointer-events: auto;
  animation: toast-notification-enter 0.22s ease-out;
}
.toast-notification--closing {
  opacity: 0;
  transform: translateY(-6px);
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.toast-notification__icon {
  flex: 0 0 auto;
  margin-top: 1px;
  font-size: 21px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.9);
}
.toast-notification__message {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 13px;
  line-height: 1.45;
  word-break: break-word;
}
.toast-notification__message .alert {
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
}
.toast-notification__close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  color: rgba(255, 255, 255, 0.82);
  background: transparent;
  border: 0;
  border-radius: 0;
}
.toast-notification__close:hover,
.toast-notification__close:focus {
  color: #fff;
  background: rgba(0, 0, 0, 0.12);
  outline: none;
}
.toast-notification__close .material-symbols-outlined {
  font-size: 18px;
  line-height: 1;
}
.toast-notification--success {
  background: #56b65d;
  border-color: #46a24d;
}
.toast-notification--success .toast-notification__icon {
  color: rgba(255, 255, 255, 0.9);
}
.toast-notification--error {
  background: #ed5e5e;
  border-color: #e93e3e;
}
.toast-notification--error .toast-notification__icon {
  color: rgba(255, 255, 255, 0.9);
}
.toast-notification--warning {
  color: #473f0a;
  background: #e1c722;
  border-color: #c5ad1b;
}
.toast-notification--warning .toast-notification__icon {
  color: #473f0a;
}
.toast-notification--warning .toast-notification__close {
  color: rgba(71, 63, 10, 0.78);
}
.toast-notification--warning .toast-notification__close:hover,
.toast-notification--warning .toast-notification__close:focus {
  color: #302b07;
  background: rgba(0, 0, 0, 0.08);
}
.toast-notification--info {
  background: #2a86b1;
  border-color: #237094;
}
.toast-notification--info .toast-notification__icon {
  color: rgba(255, 255, 255, 0.9);
}
@keyframes toast-notification-enter {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .toast-notification-container {
    top: 58px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
  }
}
/*!
 * Bootstrap Colorpicker
 * http://mjolnic.github.io/bootstrap-colorpicker/
 *
 * Originally written by (c) 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0.txt
 *
 */
.colorpicker-saturation {
  width: 200px;
  height: 200px;
  background-image: url("../img/vendor/bootstrap-colorpicker/saturation.png");
  cursor: crosshair;
  float: left;
}
.colorpicker-saturation i {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
  display: block;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.colorpicker-hue,
.colorpicker-alpha {
  width: 30px;
  height: 200px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
.colorpicker-hue i,
.colorpicker-alpha i {
  display: block;
  height: 1px;
  background: #000;
  border-top: 1px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
.colorpicker-hue {
  background-image: url("../img/vendor/bootstrap-colorpicker/hue.png");
}
.colorpicker-alpha {
  background-image: url("../img/vendor/bootstrap-colorpicker/alpha.png");
  display: none;
}
.colorpicker-saturation,
.colorpicker-hue,
.colorpicker-alpha {
  background-size: contain;
}
.colorpicker {
  *zoom: 1;
  top: 0;
  left: 0;
  padding: 4px;
  min-width: 130px;
  margin-top: 1px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 2500;
}
.colorpicker:before,
.colorpicker:after {
  display: table;
  content: "";
  line-height: 0;
}
.colorpicker:after {
  clear: both;
}
.colorpicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.colorpicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.colorpicker div {
  position: relative;
}
.colorpicker.colorpicker-with-alpha {
  min-width: 140px;
}
.colorpicker.colorpicker-with-alpha .colorpicker-alpha {
  display: block;
}
.colorpicker-color {
  height: 30px;
  margin-top: 5px;
  clear: both;
  background-image: url("../img/vendor/bootstrap-colorpicker/alpha.png");
  background-position: 0 100%;
}
.colorpicker-color div {
  height: 30px;
}
.colorpicker-selectors {
  display: none;
  height: 10px;
  margin-top: 5px;
  clear: both;
}
.colorpicker-selectors i {
  cursor: pointer;
  float: left;
  height: 10px;
  width: 10px;
}
.colorpicker-selectors i + i {
  margin-left: 3px;
}
.colorpicker-element .input-group-addon i,
.colorpicker-element .add-on i {
  display: inline-block;
  cursor: pointer;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
}
.colorpicker.colorpicker-inline {
  position: relative;
  display: inline-block;
  float: none;
  z-index: auto;
}
.colorpicker.colorpicker-horizontal {
  width: 110px;
  min-width: 110px;
  height: auto;
}
.colorpicker.colorpicker-horizontal .colorpicker-saturation {
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-color {
  width: 100px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue,
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  width: 100px;
  height: 15px;
  float: left;
  cursor: col-resize;
  margin-left: 0px;
  margin-bottom: 4px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue i,
.colorpicker.colorpicker-horizontal .colorpicker-alpha i {
  display: block;
  height: 15px;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  border: none;
  margin-top: 0px;
}
.colorpicker.colorpicker-horizontal .colorpicker-hue {
  background-image: url("../img/vendor/bootstrap-colorpicker/hue-horizontal.png");
}
.colorpicker.colorpicker-horizontal .colorpicker-alpha {
  background-image: url("../img/vendor/bootstrap-colorpicker/alpha-horizontal.png");
}
.colorpicker.colorpicker-hidden {
  display: none;
}
.colorpicker.colorpicker-visible {
  display: block;
}
.colorpicker-inline.colorpicker-visible {
  display: inline-block;
}
.colorpicker-right:before {
  left: auto;
  right: 6px;
}
.colorpicker-right:after {
  left: auto;
  right: 7px;
}
.colorpicker-no-arrow:before {
  border-right: 0;
  border-left: 0;
}
.colorpicker-no-arrow:after {
  border-right: 0;
  border-left: 0;
}
/*
 *   Footer
 */
.footer {
  width: 100%;
  line-height: 30px;
  background-color: #1b1c1f;
  position: absolute;
  left: 0;
  bottom: 0;
  color: #fff;
  font-size: 0.78em;
  padding: 0 15px;
}
.footer .copy {
  float: left;
  width: 75%;
  text-align: left;
}
.footer .version {
  float: right;
  width: 25%;
  text-align: right;
}
.footer:after {
  clear: both;
  content: "";
  display: block;
}
.footer--content {
  z-index: 100;
  background-color: #e9e9e9;
  color: #797787;
  position: fixed;
}
/*
 *   Modals
 */
.modal .modal-dialog {
  margin-top: 70px;
  margin-bottom: 10px;
}
.modal .modal-content {
  border: none;
  box-shadow: none;
}
.modal .modal-header,
.modal .modal-body,
.modal .modal-footer {
  padding-left: 0;
  padding-right: 0;
}
.modal .modal-header h2,
.modal .modal-header h3 {
  padding-bottom: 0;
}
.modal .close {
  color: #666;
  font-weight: 400;
  font-size: 30px;
  width: 30px;
  margin-right: -8px;
}
.modal .box {
  border-top: none;
  border-left: none;
  border-right: none;
  margin: 0;
}
.modal .form-group:last-child {
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .modal.ajax-modal--draggable .modal-dialog .box-header,
  .modal.ajax-modal--draggable .modal-dialog .modal-header {
    cursor: move;
    user-select: none;
  }
}
.inline-translation-mode [data-translation-key],
.inline-translation-mode [data-translation-title-key],
.inline-translation-mode [data-translation-placeholder-key],
.inline-translation-mode [data-translation-value-key],
.inline-translation-mode [data-translation-aria-label-key] {
  cursor: crosshair;
}
.inline-translation-mode .inline-translation-target--exact {
  outline: 2px solid #3498db;
  outline-offset: 2px;
}
.inline-translation-mode .inline-translation-target--inferred {
  outline: 2px dashed #f39c12;
  outline-offset: 2px;
  cursor: crosshair;
}
.inline-translation-searching {
  cursor: progress !important;
}
.inline-translation-indicator {
  align-items: center;
  background: #3498db;
  color: #fff;
  display: flex;
  gap: 8px;
  min-height: 40px;
  padding: 8px 10px 8px 14px;
  position: fixed;
  right: 18px;
  top: 72px;
  z-index: 1035;
}
.inline-translation-indicator .material-symbols-outlined {
  font-size: 20px;
}
.inline-translation-indicator__label {
  font-size: 13px;
  font-weight: 600;
}
.inline-translation-indicator__close {
  align-items: center;
  color: #fff;
  display: flex;
  height: 28px;
  justify-content: center;
  width: 28px;
}
.inline-translation-indicator__close:hover,
.inline-translation-indicator__close:focus {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.inline-translation-match-modal .box-content {
  padding: 20px 30px 30px;
}
.inline-translation-match-modal__list {
  max-height: 320px;
  overflow-y: auto;
}
.inline-translation-match-modal__list .btn {
  border-radius: 0;
  margin-bottom: 6px;
  overflow-wrap: anywhere;
  text-align: left;
  white-space: normal;
}
@media (max-width: 767px) {
  .inline-translation-indicator {
    left: 10px;
    right: 10px;
    top: 66px;
  }
}
/*
 *   Contents components
 */
.content h2,
.overlayer h2 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 1.429em;
  text-transform: uppercase;
  color: #2a86b1;
  margin: 0;
  padding: 0 0 1em;
}
.content h2:first-letter,
.overlayer h2:first-letter {
  font-size: 1.25em;
}
.content .box,
.overlayer .box {
  background: #fff;
  border-width: 1px 1px 4px 1px;
  border-style: solid;
  border-color: #d6d6d6;
  padding: 20px 20px 15px 30px;
  position: relative;
  -webkit-transition: border 150ms ease;
  -moz-transition: border 150ms ease;
  -ms-transition: border 150ms ease;
  -o-transition: border 150ms ease;
  transition: border 150ms ease;
  margin-bottom: 20px;
  width: 100%;
  clear: both;
}
@media screen and (min-width: 768px) {
  .content .box.size-12,
  .overlayer .box.size-12 {
    width: 48%;
    float: left;
    clear: none;
  }
  .content .box.size-12 + .size-12,
  .overlayer .box.size-12 + .size-12 {
    margin-left: 2%;
  }
}
@media screen and (min-width: 1200px) {
  .content .box.size-13,
  .overlayer .box.size-13 {
    width: 32%;
    float: left;
    clear: none;
  }
  .content .box.size-13 + .size-13,
  .overlayer .box.size-13 + .size-13 {
    margin-left: 2%;
  }
  .content .box.size-13 + .size-13 + .size-13 + .size-13,
  .overlayer .box.size-13 + .size-13 + .size-13 + .size-13 {
    margin-left: 0;
  }
  .content .box.size-13 + .size-13 + .size-13 + .size-13 + .size-13,
  .overlayer .box.size-13 + .size-13 + .size-13 + .size-13 + .size-13 {
    margin-left: 2%;
  }
}
.content .box .box-header,
.overlayer .box .box-header {
  min-height: 42px;
  margin-right: 60px;
}
.content .box .box-header .box-controls,
.overlayer .box .box-header .box-controls {
  display: block;
  position: absolute;
  top: 20px;
  right: 0px;
  width: 0px;
  height: 42px;
  background-color: #a8a8a8;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
  z-index: 100;
  overflow: hidden;
}
.content .box .box-header .box-controls.overflow,
.overlayer .box .box-header .box-controls.overflow {
  overflow: visible;
}
.content .box .box-header .box-controls-header,
.overlayer .box .box-header .box-controls-header {
  position: absolute;
  left: -1px;
  top: 0;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
}
.content .box .box-header .box-controls-header i,
.overlayer .box .box-header .box-controls-header i {
  color: #fff;
  font-size: 1.1em;
}
.content .box .box-header .box-controls-content,
.overlayer .box .box-header .box-controls-content {
  position: absolute;
  top: 42px;
  right: -1px;
  width: 200px;
  background-color: #fff;
  display: none;
}
.content .box .box-header .box-controls-content.shwd,
.overlayer .box .box-header .box-controls-content.shwd {
  display: block;
}
.content .box .box-header .box-controls-content ul,
.overlayer .box .box-header .box-controls-content ul {
  margin: 0;
  padding: 0;
  border: 1px solid #a8a8a8;
  border-bottom: none;
}
.content .box .box-header .box-controls-content ul li,
.overlayer .box .box-header .box-controls-content ul li {
  list-style: none;
  border-bottom: 1px solid #a8a8a8;
}
.content .box .box-header .box-controls-content ul li a,
.overlayer .box .box-header .box-controls-content ul li a,
.content .box .box-header .box-controls-content ul li a:visited,
.overlayer .box .box-header .box-controls-content ul li a:visited {
  display: block;
  font-size: 0.9em;
  text-align: right;
  padding: 10px 15px;
  font-weight: 300;
  color: #333;
}
.content .box .box-header .box-controls-content ul li a:hover,
.overlayer .box .box-header .box-controls-content ul li a:hover,
.content .box .box-header .box-controls-content ul li a:focus,
.overlayer .box .box-header .box-controls-content ul li a:focus {
  background-color: #f2f2f2;
}
.content .box .box-content .boxes-overview:after,
.overlayer .box .box-content .boxes-overview:after {
  clear: both;
  content: "";
  display: block;
}
.content .box .box-content .boxes-overview .item,
.overlayer .box .box-content .boxes-overview .item {
  float: left;
  text-align: center;
}
.content .box .box-content .boxes-overview .item > .inner,
.overlayer .box .box-content .boxes-overview .item > .inner {
  margin-left: -1px;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  padding: 12px;
}
.content .box .box-content .boxes-overview .item .value,
.overlayer .box .box-content .boxes-overview .item .value {
  font-weight: 400;
  white-space: nowrap;
  height: 32px;
}
.content .box .box-content .boxes-overview .item .value.f-size-1,
.overlayer .box .box-content .boxes-overview .item .value.f-size-1 {
  font-size: 1.071em;
  padding-top: 8px;
}
.content .box .box-content .boxes-overview .item .value.f-size-2,
.overlayer .box .box-content .boxes-overview .item .value.f-size-2 {
  font-size: 1.286em;
  padding-top: 4px;
}
.content .box .box-content .boxes-overview .item .value.f-size-3,
.overlayer .box .box-content .boxes-overview .item .value.f-size-3 {
  font-size: 1.571em;
}
.content .box .box-content .boxes-overview .item .value .no,
.overlayer .box .box-content .boxes-overview .item .value .no {
  font-weight: 800;
}
.content .box .box-content .boxes-overview .item .name,
.overlayer .box .box-content .boxes-overview .item .name {
  font-size: 0.857em;
  font-weight: 600;
}
.content .box .box-content .boxes-overview .item .name span,
.overlayer .box .box-content .boxes-overview .item .name span {
  display: block;
  line-height: 1.1em;
}
.content .box .box-content .boxes-overview .item.color-var-1,
.overlayer .box .box-content .boxes-overview .item.color-var-1 {
  background-color: #93acb6;
  color: #fff;
}
.content .box .box-content .boxes-overview .item.color-var-2,
.overlayer .box .box-content .boxes-overview .item.color-var-2 {
  background-color: #64d8c9;
  color: #fff;
}
.content .box .box-content .boxes-overview .item.color-var-3,
.overlayer .box .box-content .boxes-overview .item.color-var-3 {
  background-color: #69a9c8;
  color: #fff;
}
.content .box .box-content .boxes-overview .item.size-12,
.overlayer .box .box-content .boxes-overview .item.size-12 {
  width: 50%;
}
.content .box .box-content .boxes-overview .item.size-13,
.overlayer .box .box-content .boxes-overview .item.size-13 {
  width: 33.3333%;
}
.content .box .box-content .bars-overview .bar + .bar,
.overlayer .box .box-content .bars-overview .bar + .bar {
  margin-top: 8px;
}
.content .box .box-content .bars-overview .bar .bar-label,
.overlayer .box .box-content .bars-overview .bar .bar-label {
  font-size: 0.786em;
  color: #658997;
}
.content .box .box-content .bars-overview .bar .bar-label .value,
.overlayer .box .box-content .bars-overview .bar .bar-label .value {
  float: right;
  font-weight: 400;
}
.content .box .box-content .bars-overview .bar .bar-label .value .no,
.overlayer .box .box-content .bars-overview .bar .bar-label .value .no {
  font-weight: 800;
}
.content .box .box-content .bars-overview .bar .bar-progress,
.overlayer .box .box-content .bars-overview .bar .bar-progress {
  margin-top: 2px;
  height: 8px;
  background-color: #f2f2f2;
  position: relative;
  overflow: hidden;
}
.content .box .box-content .bars-overview .bar .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar .bar-progress > span {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #93acb6;
  -webkit-transition: all 1500ms ease;
  -moz-transition: all 1500ms ease;
  -ms-transition: all 1500ms ease;
  -o-transition: all 1500ms ease;
  transition: all 1500ms ease;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
}
.content .box .box-content .bars-overview .bar .bar-progress > span.loaded,
.overlayer .box .box-content .bars-overview .bar .bar-progress > span.loaded {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.content .box .box-content .bars-overview .bar.bar-yellow .bar-label,
.overlayer .box .box-content .bars-overview .bar.bar-yellow .bar-label {
  color: #ad9a1a;
}
.content .box .box-content .bars-overview .bar.bar-yellow .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar.bar-yellow .bar-progress > span {
  background-color: #e1c722;
}
.content .box .box-content .bars-overview .bar.bar-green .bar-label,
.overlayer .box .box-content .bars-overview .bar.bar-green .bar-label {
  color: #56b65d;
}
.content .box .box-content .bars-overview .bar.bar-green .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar.bar-green .bar-progress > span {
  background-color: #88cc8d;
}
.content .box .box-content .bars-overview .bar.bar-purple .bar-label,
.overlayer .box .box-content .bars-overview .bar.bar-purple .bar-label {
  color: #b579c6;
}
.content .box .box-content .bars-overview .bar.bar-purple .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar.bar-purple .bar-progress > span {
  background-color: #b579c6;
}
.content .box .box-content .bars-overview .bar.another-process .bar-label,
.overlayer .box .box-content .bars-overview .bar.another-process .bar-label {
  color: #e5ab5f;
}
.content .box .box-content .bars-overview .bar.another-process .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar.another-process .bar-progress > span {
  background-color: #e5ab5f;
}
.content .box .box-content .bars-overview .bar.another-process.low .bar-label,
.overlayer .box .box-content .bars-overview .bar.another-process.low .bar-label {
  color: #ed5e5e;
}
.content .box .box-content .bars-overview .bar.another-process.low .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar.another-process.low .bar-progress > span {
  background-color: #ef8a8a;
}
.content .box .box-content .bars-overview .bar.another-process.high .bar-label,
.overlayer .box .box-content .bars-overview .bar.another-process.high .bar-label {
  color: #56b65d;
}
.content .box .box-content .bars-overview .bar.another-process.high .bar-progress > span,
.overlayer .box .box-content .bars-overview .bar.another-process.high .bar-progress > span {
  background-color: #88cc8d;
}
.content .box .box-content .circle-cake-overview:after,
.overlayer .box .box-content .circle-cake-overview:after {
  clear: both;
  content: "";
  display: block;
}
.content .box .box-content .circle-cake-overview .col,
.overlayer .box .box-content .circle-cake-overview .col {
  width: 40%;
  margin: 0 4% 0 0%;
  float: left;
}
.content .box .box-content .circle-cake-overview .col + .col,
.overlayer .box .box-content .circle-cake-overview .col + .col {
  width: 52%;
  margin: 0 0 0 4%;
}
.content .box .box-content .circle-cake-overview .col .cc-label,
.overlayer .box .box-content .circle-cake-overview .col .cc-label {
  text-align: center;
  font-size: 0.857em;
  font-weight: 600;
  color: #658997;
  margin-bottom: 8px;
}
.content .box .box-content .circle-cake-overview .col .circle-label,
.overlayer .box .box-content .circle-cake-overview .col .circle-label {
  text-align: center;
  font-size: 1.214em;
  font-weight: 400;
  color: #658997;
}
.content .box .box-content .circle-cake-overview .col .circle-label .no,
.overlayer .box .box-content .circle-cake-overview .col .circle-label .no {
  font-weight: 800;
}
.content .box .box-content .circle-cake-overview .col .circle-graph,
.overlayer .box .box-content .circle-cake-overview .col .circle-graph {
  margin: 0 auto 6px;
  padding: 15px;
  text-align: center;
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: url('../img/layout/boxes/bg_circle-graph.gif') no-repeat center center;
}
.content .box .box-content .circle-cake-overview .col .circle-graph:after,
.overlayer .box .box-content .circle-cake-overview .col .circle-graph:after {
  position: absolute;
  top: 42px;
  right: 25px;
  content: '%';
  font-size: 0.9em;
  font-weight: 400;
  color: #658997;
}
.content .box .box-content .circle-cake-overview .col .circle-graph .no,
.overlayer .box .box-content .circle-cake-overview .col .circle-graph .no {
  display: none;
}
.content .box .box-content .circle-cake-overview .col .circle-graph input,
.overlayer .box .box-content .circle-cake-overview .col .circle-graph input {
  border: none;
  color: #658997;
}
.content .box .box-content .circle-cake-overview .col .value,
.overlayer .box .box-content .circle-cake-overview .col .value {
  height: 43px;
  text-align: center;
  color: #fff;
}
.content .box .box-content .circle-cake-overview .col .value.cc-size-1,
.overlayer .box .box-content .circle-cake-overview .col .value.cc-size-1 {
  margin: 0 20px 1px;
  background-color: #b4d4e3;
}
.content .box .box-content .circle-cake-overview .col .value.cc-size-2,
.overlayer .box .box-content .circle-cake-overview .col .value.cc-size-2 {
  margin: 0 10px 1px;
  background-color: #8ebed6;
}
.content .box .box-content .circle-cake-overview .col .value.cc-size-3,
.overlayer .box .box-content .circle-cake-overview .col .value.cc-size-3 {
  margin: 0 0 1px;
  background-color: #69a9c8;
}
.content .box .box-content .circle-cake-overview .col .value .period,
.overlayer .box .box-content .circle-cake-overview .col .value .period {
  display: block;
  font-size: 0.857em;
  font-weight: 600;
  line-height: 1;
  padding: 6px 0 0;
}
.content .box .box-content .circle-cake-overview .col .value .value-line,
.overlayer .box .box-content .circle-cake-overview .col .value .value-line {
  display: block;
  line-height: 1;
  padding: 4px 0 0;
}
.content .box .box-content .circle-cake-overview .col .value .value-line .no,
.overlayer .box .box-content .circle-cake-overview .col .value .value-line .no {
  font-size: 1em;
  font-weight: 800;
}
.content .box .box-common,
.overlayer .box .box-common {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.content .box .box-common a.side-button,
.overlayer .box .box-common a.side-button,
.content .box .box-common a.side-button:visited,
.overlayer .box .box-common a.side-button:visited {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 20px;
  text-align: center;
  height: 100%;
  background-color: rgba(245, 245, 245, 0.8);
  z-index: 100;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
@media screen and (max-width: 991px) {
  .content .box .box-common a.side-button,
  .overlayer .box .box-common a.side-button,
  .content .box .box-common a.side-button:visited,
  .overlayer .box .box-common a.side-button:visited {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
.content .box .box-common a.side-button > span,
.overlayer .box .box-common a.side-button > span,
.content .box .box-common a.side-button:visited > span,
.overlayer .box .box-common a.side-button:visited > span {
  display: block;
  text-indent: -9999px;
}
.content .box .box-common a.side-button:after,
.overlayer .box .box-common a.side-button:after,
.content .box .box-common a.side-button:visited:after,
.overlayer .box .box-common a.side-button:visited:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.content .box .box-common a.side-button.side-left,
.overlayer .box .box-common a.side-button.side-left,
.content .box .box-common a.side-button:visited.side-left,
.overlayer .box .box-common a.side-button:visited.side-left {
  left: 0;
}
.content .box .box-common a.side-button.side-left:after,
.overlayer .box .box-common a.side-button.side-left:after,
.content .box .box-common a.side-button:visited.side-left:after,
.overlayer .box .box-common a.side-button:visited.side-left:after {
  left: 5px;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #2a86b1 transparent transparent;
}
.content .box .box-common a.side-button.side-right,
.overlayer .box .box-common a.side-button.side-right,
.content .box .box-common a.side-button:visited.side-right,
.overlayer .box .box-common a.side-button:visited.side-right {
  right: 0;
}
.content .box .box-common a.side-button.side-right:after,
.overlayer .box .box-common a.side-button.side-right:after,
.content .box .box-common a.side-button:visited.side-right:after,
.overlayer .box .box-common a.side-button:visited.side-right:after {
  right: 5px;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #2a86b1;
}
.content .box .box-common a.side-button:hover,
.overlayer .box .box-common a.side-button:hover,
.content .box .box-common a.side-button:visited:hover,
.overlayer .box .box-common a.side-button:visited:hover,
.content .box .box-common a.side-button:focus,
.overlayer .box .box-common a.side-button:focus,
.content .box .box-common a.side-button:visited:focus,
.overlayer .box .box-common a.side-button:visited:focus {
  width: 40px;
  background-color: rgba(245, 245, 245, 0.8);
}
.content .box .box-common a.side-button:hover:after,
.overlayer .box .box-common a.side-button:hover:after,
.content .box .box-common a.side-button:visited:hover:after,
.overlayer .box .box-common a.side-button:visited:hover:after,
.content .box .box-common a.side-button:focus:after,
.overlayer .box .box-common a.side-button:focus:after,
.content .box .box-common a.side-button:visited:focus:after,
.overlayer .box .box-common a.side-button:visited:focus:after {
  transform: scale(1.4);
  -ms-transform: scale(1.4);
  /* IE 9 */
  -webkit-transform: scale(1.4);
  /* Safari and Chrome */
}
.content .box .box-common a.side-button:hover.side-left:after,
.overlayer .box .box-common a.side-button:hover.side-left:after,
.content .box .box-common a.side-button:visited:hover.side-left:after,
.overlayer .box .box-common a.side-button:visited:hover.side-left:after,
.content .box .box-common a.side-button:focus.side-left:after,
.overlayer .box .box-common a.side-button:focus.side-left:after,
.content .box .box-common a.side-button:visited:focus.side-left:after,
.overlayer .box .box-common a.side-button:visited:focus.side-left:after {
  left: 15px;
}
.content .box .box-common a.side-button:hover.side-right:after,
.overlayer .box .box-common a.side-button:hover.side-right:after,
.content .box .box-common a.side-button:visited:hover.side-right:after,
.overlayer .box .box-common a.side-button:visited:hover.side-right:after,
.content .box .box-common a.side-button:focus.side-right:after,
.overlayer .box .box-common a.side-button:focus.side-right:after,
.content .box .box-common a.side-button:visited:focus.side-right:after,
.overlayer .box .box-common a.side-button:visited:focus.side-right:after {
  right: 15px;
}
.content .box .box-common a.side-button:active,
.overlayer .box .box-common a.side-button:active,
.content .box .box-common a.side-button:visited:active,
.overlayer .box .box-common a.side-button:visited:active {
  background-color: #d6d6d6;
}
.content .box .box-common a.side-button:active.side-left:after,
.overlayer .box .box-common a.side-button:active.side-left:after,
.content .box .box-common a.side-button:visited:active.side-left:after,
.overlayer .box .box-common a.side-button:visited:active.side-left:after {
  border-color: transparent #fff transparent transparent;
}
.content .box .box-common a.side-button:active.side-right:after,
.overlayer .box .box-common a.side-button:active.side-right:after,
.content .box .box-common a.side-button:visited:active.side-right:after,
.overlayer .box .box-common a.side-button:visited:active.side-right:after {
  border-color: transparent transparent transparent #fff;
}
.content .box.graph-hovered,
.overlayer .box.graph-hovered {
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.content .box.graph-hovered .box-common a.side-button,
.overlayer .box.graph-hovered .box-common a.side-button,
.content .box.graph-hovered .box-common a.side-button:visited,
.overlayer .box.graph-hovered .box-common a.side-button:visited {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.content .box.hovered,
.overlayer .box.hovered {
  border-color: #a8a8a8;
}
.content .box.hovered .box-header .box-controls,
.overlayer .box.hovered .box-header .box-controls {
  width: 40px;
}
.content .box.info h2,
.overlayer .box.info h2 {
  color: #b2b2b2;
}
.content .box.info h2 + .date,
.overlayer .box.info h2 + .date {
  position: absolute;
  top: 25px;
  right: 20px;
  width: 30%;
  text-align: right;
  font-size: 1em;
  color: #b2b2b2;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
}
.content .box.bg-picture,
.overlayer .box.bg-picture {
  background-repeat: no-repeat;
  background-position: right top;
}
.content .box.bg-picture.bg-meteo,
.overlayer .box.bg-picture.bg-meteo {
  background-image: url('../img/layout/boxes/bg_box-meteo.png');
}
.content .box.bg-picture.bg-power,
.overlayer .box.bg-picture.bg-power {
  background-image: url('../img/layout/boxes/bg_box-power.png');
}
.content .box.bg-picture.bg-effectivity,
.overlayer .box.bg-picture.bg-effectivity {
  background-image: url('../img/layout/boxes/bg_box-effectivity.png');
}
.content .box.bg-picture.bg-audit-product,
.overlayer .box.bg-picture.bg-audit-product {
  background-image: url('../img/layout/boxes/bg_box-audit-product.png');
}
.content .box.bg-picture.bg-audit-fin,
.overlayer .box.bg-picture.bg-audit-fin {
  background-image: url('../img/layout/boxes/bg_box-audit-fin.png');
}
.content .box.bg-picture.bg-audit-perform,
.overlayer .box.bg-picture.bg-audit-perform {
  background-image: url('../img/layout/boxes/bg_box-audit-perform.png');
}
.content .dataTables_wrapper .DTTT_container,
.login-page .dataTables_wrapper .DTTT_container {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-size: 1.143em;
  position: absolute;
  bottom: 0;
  left: 220px;
}
@media screen and (max-width: 991px) {
  .content .dataTables_wrapper .DTTT_container,
  .login-page .dataTables_wrapper .DTTT_container {
    display: none;
  }
}
.content .dataTables_wrapper .DTTT_container a,
.login-page .dataTables_wrapper .DTTT_container a,
.content .dataTables_wrapper .DTTT_container a:visited,
.login-page .dataTables_wrapper .DTTT_container a:visited {
  display: block;
  color: #737373;
  padding: 0 0.86em;
  background: #fafafa;
  height: 40px;
  line-height: 40px;
}
.content .dataTables_wrapper .DTTT_container a:hover,
.login-page .dataTables_wrapper .DTTT_container a:hover,
.content .dataTables_wrapper .DTTT_container a:focus,
.login-page .dataTables_wrapper .DTTT_container a:focus {
  background: #e6e6e6;
  color: #2a86b1 !important;
}
.content .table-wrapper,
.login-page .table-wrapper {
  width: 100%;
}
.content .table-wrapper.overflow-x,
.login-page .table-wrapper.overflow-x {
  overflow: hidden;
  position: relative;
}
.content .table-wrapper.overflow-x:after,
.login-page .table-wrapper.overflow-x:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  height: 100%;
  width: 10px;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #ffffff));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(left bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0)', GradientType=0);
}
.content .table-wrapper.overflow-x .table-wrapper-wrapper,
.login-page .table-wrapper.overflow-x .table-wrapper-wrapper {
  overflow: hidden;
  overflow-x: auto;
}
.content .data-table,
.login-page .data-table {
  width: 100%;
  border-collapse: collapse;
  color: #737373;
  font-size: 0.857em;
}
.content .data-table thead th,
.login-page .data-table thead th {
  font-weight: 700;
  font-size: 1.05em;
  padding: 0.9em 2em 0.9em 0.8em;
  border-top: 1px solid #93acb6;
  border-bottom: 1px solid #93acb6;
  vertical-align: top;
}
.content .data-table thead th.sorting,
.login-page .data-table thead th.sorting {
  background-image: url('../img/datatables/sort_both.png');
}
.content .data-table thead th.sorting_asc,
.login-page .data-table thead th.sorting_asc {
  background-image: url('../img/datatables/sort_asc.png');
}
.content .data-table thead th.sorting_desc,
.login-page .data-table thead th.sorting_desc {
  background-image: url('../img/datatables/sort_desc.png');
}
.content .data-table thead th.sorting_asc,
.login-page .data-table thead th.sorting_asc,
.content .data-table thead th.sorting_desc,
.login-page .data-table thead th.sorting_desc {
  background-color: #fafafa;
}
.content .data-table thead th.type,
.login-page .data-table thead th.type {
  width: 30px;
  min-width: 30px;
}
@media screen and (max-width: 991px) {
  .content .data-table thead th.date,
  .login-page .data-table thead th.date {
    width: 70px;
  }
}
.content .data-table thead th .datatable-label,
.login-page .data-table thead th .datatable-label {
  display: block;
  float: left;
}
.content .data-table thead th .datatable-help,
.login-page .data-table thead th .datatable-help {
  display: block;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #d6d6d6;
  color: #fff;
  position: relative;
  top: 1px;
}
.content .data-table thead th .datatable-help .datatable-label-in,
.login-page .data-table thead th .datatable-help .datatable-label-in {
  display: block;
}
.content .data-table thead th .datatable-help i,
.login-page .data-table thead th .datatable-help i {
  position: relative;
  left: 0;
  line-height: 1;
}
.content .data-table thead th .datatable-label-help-inline,
.login-page .data-table thead th .datatable-label-help-inline {
  display: block;
  font-size: 0.9em;
  font-weight: 400;
  padding-top: 0.4em;
  line-height: 1.2;
}
.content .data-table thead th .tooltip .tooltip-arrow,
.login-page .data-table thead th .tooltip .tooltip-arrow {
  border-bottom-color: #737373;
}
.content .data-table thead th .tooltip .tooltip-inner,
.login-page .data-table thead th .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #737373;
  color: #fff;
}
.content .data-table tbody th,
.login-page .data-table tbody th,
.content .data-table tbody td,
.login-page .data-table tbody td {
  font-weight: 400;
  padding: 1em 0.86em;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}
.content .data-table tbody th .date,
.login-page .data-table tbody th .date,
.content .data-table tbody td .date,
.login-page .data-table tbody td .date,
.content .data-table tbody th .time,
.login-page .data-table tbody th .time,
.content .data-table tbody td .time,
.login-page .data-table tbody td .time {
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .content .data-table tbody th .date,
  .login-page .data-table tbody th .date,
  .content .data-table tbody td .date,
  .login-page .data-table tbody td .date,
  .content .data-table tbody th .time,
  .login-page .data-table tbody th .time,
  .content .data-table tbody td .time,
  .login-page .data-table tbody td .time {
    display: block;
  }
}
.content .data-table tbody th .date,
.login-page .data-table tbody th .date,
.content .data-table tbody td .date,
.login-page .data-table tbody td .date {
  font-weight: 600;
}
.content .data-table tbody th .time,
.login-page .data-table tbody th .time,
.content .data-table tbody td .time,
.login-page .data-table tbody td .time {
  padding-left: 12px;
}
@media screen and (max-width: 991px) {
  .content .data-table tbody th .time,
  .login-page .data-table tbody th .time,
  .content .data-table tbody td .time,
  .login-page .data-table tbody td .time {
    padding-left: 0;
  }
}
.content .data-table tbody th.type,
.login-page .data-table tbody th.type,
.content .data-table tbody td.type,
.login-page .data-table tbody td.type {
  text-align: center;
}
.content .data-table tbody th.type i,
.login-page .data-table tbody th.type i,
.content .data-table tbody td.type i,
.login-page .data-table tbody td.type i {
  font-size: 1.5em;
}
.content .data-table tbody th.type i.fa-check,
.login-page .data-table tbody th.type i.fa-check,
.content .data-table tbody td.type i.fa-check,
.login-page .data-table tbody td.type i.fa-check {
  color: #56b65d;
}
.content .data-table tbody th.type i.fa-warning,
.login-page .data-table tbody th.type i.fa-warning,
.content .data-table tbody td.type i.fa-warning,
.login-page .data-table tbody td.type i.fa-warning {
  color: #e1c722;
}
.content .data-table tbody th.type i.fa-close,
.login-page .data-table tbody th.type i.fa-close,
.content .data-table tbody td.type i.fa-close,
.login-page .data-table tbody td.type i.fa-close {
  color: #ed5e5e;
}
.content .data-table tbody th.type i > span,
.login-page .data-table tbody th.type i > span,
.content .data-table tbody td.type i > span,
.login-page .data-table tbody td.type i > span {
  display: none;
}
.content .data-table tbody tr.odd th,
.login-page .data-table tbody tr.odd th,
.content .data-table tbody tr.odd td,
.login-page .data-table tbody tr.odd td {
  background-color: #fafafa;
}
.content .data-table tbody tr:hover th,
.login-page .data-table tbody tr:hover th,
.content .data-table tbody tr:hover td,
.login-page .data-table tbody tr:hover td {
  background-color: #f5f5f5;
}
.content .data-table tbody tr:last-child th,
.login-page .data-table tbody tr:last-child th,
.content .data-table tbody tr:last-child td,
.login-page .data-table tbody tr:last-child td {
  border-bottom: 1px solid #93acb6;
}
.content .dt-container .dt-search,
.login-page .dt-container .dt-search {
  color: #b3b3b3;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-size: 1.143em;
  text-align: left;
}
@media screen and (min-width: 1400px) {
  .content .dt-container .dt-search,
  .login-page .dt-container .dt-search {
    text-align: right;
  }
}
.content .dt-container .dt-search label,
.login-page .dt-container .dt-search label {
  cursor: pointer;
  font-weight: 600;
  color: #666;
}
.content .dt-container .dt-search input,
.login-page .dt-container .dt-search input,
.content .dt-container .dt-search select,
.login-page .dt-container .dt-search select {
  border: 1px solid #dbdbdb;
  background: #fff;
  outline: none;
  padding: 5px 10px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-left: 15px;
}
.content .dataTables_wrapper .dataTables_length,
.login-page .dataTables_wrapper .dataTables_length,
.content .dataTables_wrapper .dataTables_filter,
.login-page .dataTables_wrapper .dataTables_filter,
.content .dataTables_wrapper .dt-search,
.login-page .dataTables_wrapper .dt-search {
  color: #b3b3b3;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-size: 1.143em;
}
.content .dataTables_wrapper .dataTables_length label,
.login-page .dataTables_wrapper .dataTables_length label,
.content .dataTables_wrapper .dataTables_filter label,
.login-page .dataTables_wrapper .dataTables_filter label,
.content .dataTables_wrapper .dt-search label,
.login-page .dataTables_wrapper .dt-search label {
  font-weight: 400;
  cursor: pointer;
}
.content .dataTables_wrapper .dataTables_length input,
.login-page .dataTables_wrapper .dataTables_length input,
.content .dataTables_wrapper .dataTables_filter input,
.login-page .dataTables_wrapper .dataTables_filter input,
.content .dataTables_wrapper .dt-search input,
.login-page .dataTables_wrapper .dt-search input,
.content .dataTables_wrapper .dataTables_length select,
.login-page .dataTables_wrapper .dataTables_length select,
.content .dataTables_wrapper .dataTables_filter select,
.login-page .dataTables_wrapper .dataTables_filter select,
.content .dataTables_wrapper .dt-search select,
.login-page .dataTables_wrapper .dt-search select {
  border: 1px solid #dbdbdb;
  background: #fff;
  outline: none;
  padding: 0 0.25em;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
@media screen and (max-width: 991px) {
  .content .dataTables_wrapper .dataTables_length,
  .login-page .dataTables_wrapper .dataTables_length {
    display: none;
  }
}
@media screen and (max-width: 991px) {
  .content .dataTables_wrapper .dataTables_filter,
  .login-page .dataTables_wrapper .dataTables_filter {
    float: right;
  }
}
.content .dataTables_wrapper .dataTables_info,
.login-page .dataTables_wrapper .dataTables_info {
  margin-top: 12px;
  font-style: italic;
  font-size: 0.857em;
  color: #737373;
  padding: 1em 0.86em;
  background-color: #fafafa;
  height: 40px;
}
.content .dataTables_wrapper .dataTables_paginate,
.login-page .dataTables_wrapper .dataTables_paginate {
  margin-top: 12px;
  padding: 0;
  background-color: #fafafa;
  height: 40px;
}
.content .dataTables_wrapper .dataTables_paginate a,
.login-page .dataTables_wrapper .dataTables_paginate a,
.content .dataTables_wrapper .dataTables_paginate a:visited,
.login-page .dataTables_wrapper .dataTables_paginate a:visited,
.content .dataTables_wrapper .dataTables_paginate span.ellipsis,
.login-page .dataTables_wrapper .dataTables_paginate span.ellipsis {
  display: block;
  font-size: 0.857em;
  color: #737373;
  padding: 1em 0.86em;
  float: left;
  border: none;
}
.content .dataTables_wrapper .dataTables_paginate a.current,
.login-page .dataTables_wrapper .dataTables_paginate a.current,
.content .dataTables_wrapper .dataTables_paginate a:visited.current,
.login-page .dataTables_wrapper .dataTables_paginate a:visited.current,
.content .dataTables_wrapper .dataTables_paginate span.ellipsis.current,
.login-page .dataTables_wrapper .dataTables_paginate span.ellipsis.current {
  border: none !important;
  background: #2a86b1 !important;
  color: #fff !important;
}
.content .dataTables_wrapper .dataTables_paginate a.disabled,
.login-page .dataTables_wrapper .dataTables_paginate a.disabled,
.content .dataTables_wrapper .dataTables_paginate a:visited.disabled,
.login-page .dataTables_wrapper .dataTables_paginate a:visited.disabled,
.content .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled,
.login-page .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled,
.content .dataTables_wrapper .dataTables_paginate a.disabled:hover,
.login-page .dataTables_wrapper .dataTables_paginate a.disabled:hover,
.content .dataTables_wrapper .dataTables_paginate a:visited.disabled:hover,
.login-page .dataTables_wrapper .dataTables_paginate a:visited.disabled:hover,
.content .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled:hover,
.login-page .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled:hover,
.content .dataTables_wrapper .dataTables_paginate a.disabled:focus,
.login-page .dataTables_wrapper .dataTables_paginate a.disabled:focus,
.content .dataTables_wrapper .dataTables_paginate a:visited.disabled:focus,
.login-page .dataTables_wrapper .dataTables_paginate a:visited.disabled:focus,
.content .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled:focus,
.login-page .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled:focus {
  cursor: default;
  color: #fafafa !important;
}
.content .dataTables_wrapper .dataTables_paginate a:hover,
.login-page .dataTables_wrapper .dataTables_paginate a:hover,
.content .dataTables_wrapper .dataTables_paginate a:active,
.login-page .dataTables_wrapper .dataTables_paginate a:active,
.content .dataTables_wrapper .dataTables_paginate a:focus,
.login-page .dataTables_wrapper .dataTables_paginate a:focus {
  border: none;
  background: #e6e6e6;
  color: #2a86b1 !important;
  -webkit-box-shadow: inset 0 0 0 #fff;
  box-shadow: inset 0 0 0 #fff;
}
.content .dataTables_wrapper .dataTables_paginate a:hover.disabled,
.login-page .dataTables_wrapper .dataTables_paginate a:hover.disabled,
.content .dataTables_wrapper .dataTables_paginate a:active.disabled,
.login-page .dataTables_wrapper .dataTables_paginate a:active.disabled,
.content .dataTables_wrapper .dataTables_paginate a:focus.disabled,
.login-page .dataTables_wrapper .dataTables_paginate a:focus.disabled {
  cursor: default;
  background-color: #fafafa;
  color: #fafafa !important;
}
.content .dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control,
.content .dataTable.dtr-inline.collapsed > tbody > tr td.dtr-control,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr td.dtr-control {
  min-height: 34px;
  padding-left: 64px;
}
.content .dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control::before,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control::before,
.content .dataTable.dtr-inline.collapsed > tbody > tr td.dtr-control::before,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr td.dtr-control::before {
  position: absolute;
  left: 10px;
  margin-top: -8px;
  margin-right: 20px;
  background-color: #fafafa;
  color: #666;
  border: 1px solid #d9dadc;
  content: '+';
  width: 34px;
  height: 34px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
}
.content .dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control::before:hover,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr th.dtr-control::before:hover,
.content .dataTable.dtr-inline.collapsed > tbody > tr td.dtr-control::before:hover,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr td.dtr-control::before:hover {
  background-color: #d9dadc;
}
.content .dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded th.dtr-control::before,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded th.dtr-control::before,
.content .dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded td.dtr-control::before,
.login-page .dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded td.dtr-control::before {
  border: 1px solid #d9dadc;
  background-color: #d9dadc;
  color: #4d4d4d;
  content: '-';
  line-height: 30px;
}
.content .dataTable > tbody > tr.child ul.dtr-details,
.login-page .dataTable > tbody > tr.child ul.dtr-details {
  width: 100%;
}
.content .dataTable > tbody > tr.child ul.dtr-details .dtr-title,
.login-page .dataTable > tbody > tr.child ul.dtr-details .dtr-title {
  padding-right: 20px;
  min-width: 150px;
}
table.dataTable td.dt-type-date,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable th.dt-type-numeric {
  text-align: left;
}
.dtfh-floatingparent.dtfh-floatingparent-head {
  top: 60px !important;
  overflow: visible !important;
}
.dtr-details .datatable-help {
  display: block;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #d6d6d6;
  color: #fff;
  position: relative;
  top: 1px;
  margin-top: 0;
  float: right;
}
.dtr-details .datatable-help .datatable-label-in {
  display: block;
}
.dtr-details .datatable-help i {
  position: relative;
  left: 0;
  line-height: 1;
}
.dtr-details .datatable-label-help-inline {
  display: block;
  font-size: 0.9em;
  font-weight: 400;
  padding-top: 0.4em;
  line-height: 1.2;
}
.dtr-details .tooltip .tooltip-arrow {
  border-bottom-color: #737373;
}
.dtr-details .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #737373;
  color: #fff;
}
.data-table-init.fixedHeader-floating {
  background-color: #fff;
  width: 100%;
  border-collapse: collapse;
  color: #737373;
  font-size: 0.857em;
}
.data-table-init.fixedHeader-floating thead th {
  font-weight: 700;
  font-size: 1.05em;
  padding: 0.9em 2em 0.9em 0.8em;
  border-top: 1px solid #93acb6;
  border-bottom: 1px solid #93acb6;
  vertical-align: top;
}
.data-table-init.fixedHeader-floating thead th.sorting {
  background-image: url('../img/datatables/sort_both.png');
}
.data-table-init.fixedHeader-floating thead th.sorting_asc {
  background-image: url('../img/datatables/sort_asc.png');
}
.data-table-init.fixedHeader-floating thead th.sorting_desc {
  background-image: url('../img/datatables/sort_desc.png');
}
.data-table-init.fixedHeader-floating thead th.sorting_asc,
.data-table-init.fixedHeader-floating thead th.sorting_desc {
  background-color: #fafafa;
}
.data-table-init.fixedHeader-floating thead th.type {
  width: 30px;
  min-width: 30px;
}
@media screen and (max-width: 991px) {
  .data-table-init.fixedHeader-floating thead th.date {
    width: 70px;
  }
}
.data-table-init.fixedHeader-floating thead th .datatable-label {
  display: block;
  float: left;
}
.data-table-init.fixedHeader-floating thead th .datatable-help {
  display: block;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #d6d6d6;
  color: #fff;
  position: relative;
  top: 1px;
}
.data-table-init.fixedHeader-floating thead th .datatable-help .datatable-label-in {
  display: block;
}
.data-table-init.fixedHeader-floating thead th .datatable-help i {
  position: relative;
  left: 0;
  line-height: 1;
}
.data-table-init.fixedHeader-floating thead th .datatable-label-help-inline {
  display: block;
  font-size: 0.9em;
  font-weight: 400;
  padding-top: 0.4em;
  line-height: 1.2;
}
.data-table-init.fixedHeader-floating thead th .tooltip .tooltip-arrow {
  border-bottom-color: #737373;
}
.data-table-init.fixedHeader-floating thead th .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #737373;
  color: #fff;
}
.data-table-init.fixedHeader-floating tbody th,
.data-table-init.fixedHeader-floating tbody td {
  font-weight: 400;
  padding: 1em 0.86em;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}
.data-table-init.fixedHeader-floating tbody th .date,
.data-table-init.fixedHeader-floating tbody td .date,
.data-table-init.fixedHeader-floating tbody th .time,
.data-table-init.fixedHeader-floating tbody td .time {
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .data-table-init.fixedHeader-floating tbody th .date,
  .data-table-init.fixedHeader-floating tbody td .date,
  .data-table-init.fixedHeader-floating tbody th .time,
  .data-table-init.fixedHeader-floating tbody td .time {
    display: block;
  }
}
.data-table-init.fixedHeader-floating tbody th .date,
.data-table-init.fixedHeader-floating tbody td .date {
  font-weight: 600;
}
.data-table-init.fixedHeader-floating tbody th .time,
.data-table-init.fixedHeader-floating tbody td .time {
  padding-left: 12px;
}
@media screen and (max-width: 991px) {
  .data-table-init.fixedHeader-floating tbody th .time,
  .data-table-init.fixedHeader-floating tbody td .time {
    padding-left: 0;
  }
}
.data-table-init.fixedHeader-floating tbody th.type,
.data-table-init.fixedHeader-floating tbody td.type {
  text-align: center;
}
.data-table-init.fixedHeader-floating tbody th.type i,
.data-table-init.fixedHeader-floating tbody td.type i {
  font-size: 1.5em;
}
.data-table-init.fixedHeader-floating tbody th.type i.fa-check,
.data-table-init.fixedHeader-floating tbody td.type i.fa-check {
  color: #56b65d;
}
.data-table-init.fixedHeader-floating tbody th.type i.fa-warning,
.data-table-init.fixedHeader-floating tbody td.type i.fa-warning {
  color: #e1c722;
}
.data-table-init.fixedHeader-floating tbody th.type i.fa-close,
.data-table-init.fixedHeader-floating tbody td.type i.fa-close {
  color: #ed5e5e;
}
.data-table-init.fixedHeader-floating tbody th.type i > span,
.data-table-init.fixedHeader-floating tbody td.type i > span {
  display: none;
}
.data-table-init.fixedHeader-floating tbody tr.odd th,
.data-table-init.fixedHeader-floating tbody tr.odd td {
  background-color: #fafafa;
}
.data-table-init.fixedHeader-floating tbody tr:hover th,
.data-table-init.fixedHeader-floating tbody tr:hover td {
  background-color: #f5f5f5;
}
.data-table-init.fixedHeader-floating tbody tr:last-child th,
.data-table-init.fixedHeader-floating tbody tr:last-child td {
  border-bottom: 1px solid #93acb6;
}
.data-table-init.fixedHeader-floating.no-footer {
  border-bottom-width: 0;
}
.data-table-init.fixedHeader-locked {
  position: absolute !important;
  background-color: #fff;
}
@media print {
  .data-table-init.fixedHeader-floating {
    display: none;
  }
}
.data-table-init .btn {
  width: auto;
}
/*
 *   Analyzer
 */
#analyzer-schema {
  position: relative;
}
@media screen and (min-width: 768px) {
  #analyzer-schema {
    width: 682px;
    height: 320px;
    background: url('/img/analyzer-schema-smaller.png') no-repeat left top;
  }
}
@media screen and (min-width: 993px) and (max-width: 1002px) {
  #analyzer-schema {
    margin-left: -10px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema {
    width: 752px;
    background: url('/img/analyzer-schema.png') no-repeat left top;
  }
}
#analyzer-schema .a-box {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  text-transform: none;
  font-size: 1em;
  font-weight: 700;
  color: #666;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  line-height: 32px;
  height: 32px;
  -webkit-box-shadow: 2px 2px 0 #e5e5e5;
  box-shadow: 2px 2px 0 #e5e5e5;
  position: relative;
  display: inline-block;
  margin: 0 15px 15px 0;
  padding: 0 15px;
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box {
    position: absolute;
    padding: 0 8px 0 10px;
    margin: 0;
  }
}
#analyzer-schema .a-box .value,
#analyzer-schema .a-box .unit {
  color: #2a86b1;
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box::after {
    content: "";
    position: absolute;
    right: -10px;
    top: -1px;
    width: 15px;
    height: 32px;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    -webkit-box-shadow: 2px 2px 0 #e5e5e5;
    box-shadow: 2px 2px 0 #e5e5e5;
    transform: skew(-20deg);
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ia,
  #analyzer-schema .a-box-ib,
  #analyzer-schema .a-box-ic {
    left: 18px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ia,
  #analyzer-schema .a-box-ib,
  #analyzer-schema .a-box-ic {
    left: 68px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ia {
    top: 39px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ia {
    left: 116px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ib {
    top: 94px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ib {
    left: 116px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ic {
    top: 151px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ic {
    left: 116px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-u1 {
    top: 122px;
    left: 337px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-u1 {
    left: 425px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-u2 {
    top: 172px;
    left: 266px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-u2 {
    left: 354px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-u3 {
    top: 222px;
    left: 195px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-u3 {
    left: 284px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ul12 {
    top: 67px;
    left: 220px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ul12 {
    left: 315px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ul23 {
    top: 122px;
    left: 152px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ul23 {
    left: 244px;
  }
}
@media screen and (min-width: 768px) {
  #analyzer-schema .a-box-ul13 {
    top: 67px;
    left: 96px;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .a-box-ul13 {
    left: 174px;
  }
}
#analyzer-schema .big-box {
  display: inline-block;
  border: 1px solid #e5e5e5;
  background-color: #fafafa;
  padding: 15px 15px 0;
  -webkit-box-shadow: 2px 2px 0 #e5e5e5;
  box-shadow: 2px 2px 0 #e5e5e5;
}
@media screen and (min-width: 768px) {
  #analyzer-schema .big-box {
    border: none;
    background: transparent;
    padding: 0;
    position: absolute;
    top: 22px;
    left: 455px;
    width: 185px;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (min-width: 1200px) {
  #analyzer-schema .big-box {
    left: 545px;
  }
}
#analyzer-schema .big-box .a-box {
  position: relative;
}
@media screen and (min-width: 768px) {
  #analyzer-schema .big-box .a-box {
    float: left;
    padding: 0 10px;
    margin-top: 10px;
    margin-left: 15px;
  }
}
#analyzer-schema .big-box .a-box::after {
  display: none;
}
#analyzer-schema .big-box .a-box.a-box-row {
  clear: both;
}
/*
 *   Regulation
 */
@media screen and (min-width: 1200px) {
  .regulation-power,
  .regulation-hvf,
  .regulation-pf {
    min-height: 185px;
  }
}
@media screen and (min-width: 1400px) {
  .regulation-power,
  .regulation-hvf,
  .regulation-pf {
    min-height: 160px;
  }
}
.regulation-label,
.regulation-power .label,
.regulation-hvf .label {
  display: block;
  text-align: left;
  font-size: 0.857em;
  font-weight: 700;
  color: #658997;
  padding: 0;
  margin-bottom: 10px;
  white-space: normal;
}
.regulation-indicator,
.regulation-power-indicator,
.regulation-hvf-indicator {
  max-width: 60px;
  height: 30px;
  background-color: #f3f4f5;
  border-radius: 15px;
  position: relative;
}
.regulation-indicator__toggle,
.regulation-power-indicator__toggle,
.regulation-hvf-indicator__toggle {
  display: inline-block;
  height: 24px;
  line-height: 18px;
  padding: 3px 6px;
  border-radius: 12px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top: 3px;
}
.regulation-indicator-toggle-span,
.regulation-power-indicator__toggle > span,
.regulation-power-indicator__toggle .off,
.regulation-hvf-indicator__toggle > span,
.regulation-hvf-indicator__toggle .off {
  display: none;
}
.regulation-indicator-toggle-on,
.regulation-power-indicator__toggle .on,
.regulation-hvf-indicator__toggle .on {
  display: inline;
}
.regulation-indicator-off,
.regulation-power-indicator__toggle--off,
.regulation-hvf-indicator__toggle--off {
  background-color: #93acb6;
  left: 3px;
}
.regulation-indicator-on,
.regulation-power-indicator__toggle--on,
.regulation-hvf-indicator__toggle--on {
  background-color: #56b65d;
  right: 3px;
}
.regulation-power-bars {
  position: relative;
}
.regulation-power-bar {
  height: 30px;
  display: flex;
}
.regulation-power-bar + .regulation-power-bar {
  margin-top: 1px;
}
.regulation-power-bar__line {
  width: 75%;
  /* 225px */
  display: flex;
}
.regulation-power-bar__controls {
  width: 25%;
  /* 75 */
}
.regulation-power-bar__range {
  color: #fff;
  font-size: 12px;
  width: 45%;
  position: relative;
}
.regulation-power-bar__range::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.regulation-power-bar__range::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background-color: #fff;
}
.regulation-power-bar__range .value-line {
  display: block;
  line-height: 30px;
  text-align: center;
  width: 90%;
}
.regulation-power-bar__range .ico {
  display: none;
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 1.6em;
  color: #fff;
}
.regulation-power-bar__range-in::before {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 3px 0 0;
  border-color: #fff transparent transparent transparent;
}
.regulation-power-bar__range-in::after {
  content: '';
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 30px 3px;
  border-color: transparent transparent #fff transparent;
}
.regulation-power-bar--active .regulation-power-bar__range {
  font-weight: 700;
  font-size: 14px;
  width: 60%;
}
.regulation-power-bar--active .regulation-power-bar__range .ico {
  display: block;
}
.regulation-power-bar--active .regulation-power-bar__range::after,
.regulation-power-bar--active .regulation-power-bar__range-in::after {
  display: none;
}
.regulation-power-bar--100 .regulation-power-bar__range {
  background-color: rgba(86, 182, 93, 0.2);
}
.regulation-power-bar--100 .regulation-power-bar__range::before {
  background-color: #56b65d;
  width: 14px;
}
.regulation-power-bar--100 .regulation-power-bar__range::after {
  width: 0;
}
.regulation-power-bar--100 .regulation-power-bar__range-in::before {
  border-color: #56b65d transparent transparent transparent;
  left: 14px;
}
.regulation-power-bar--100 .regulation-power-bar__range-in::after {
  right: 0;
}
.regulation-power-bar--100.regulation-power-bar--active .regulation-power-bar__range {
  background-color: #56b65d;
}
.regulation-power-bar--6099 .regulation-power-bar__range {
  background-color: rgba(225, 199, 34, 0.2);
}
.regulation-power-bar--6099 .regulation-power-bar__range::before {
  background-color: #e1c722;
  width: 11px;
}
.regulation-power-bar--6099 .regulation-power-bar__range::after {
  width: 5px;
}
.regulation-power-bar--6099 .regulation-power-bar__range-in::before {
  border-color: #e1c722 transparent transparent transparent;
  left: 11px;
}
.regulation-power-bar--6099 .regulation-power-bar__range-in::after {
  right: 5px;
}
.regulation-power-bar--6099.regulation-power-bar--active .regulation-power-bar__range {
  background-color: #e1c722;
}
.regulation-power-bar--3059 .regulation-power-bar__range {
  background-color: rgba(229, 171, 95, 0.2);
}
.regulation-power-bar--3059 .regulation-power-bar__range::before {
  background-color: #e5ab5f;
  width: 8px;
}
.regulation-power-bar--3059 .regulation-power-bar__range::after {
  width: 8px;
}
.regulation-power-bar--3059 .regulation-power-bar__range-in::before {
  border-color: #e5ab5f transparent transparent transparent;
  left: 8px;
}
.regulation-power-bar--3059 .regulation-power-bar__range-in::after {
  right: 8px;
}
.regulation-power-bar--3059.regulation-power-bar--active .regulation-power-bar__range {
  background-color: #e5ab5f;
}
.regulation-power-bar--029 .regulation-power-bar__range {
  background-color: rgba(237, 94, 94, 0.2);
}
.regulation-power-bar--029 .regulation-power-bar__range::before {
  background-color: #ed5e5e;
  width: 5px;
}
.regulation-power-bar--029 .regulation-power-bar__range::after {
  width: 11px;
}
.regulation-power-bar--029 .regulation-power-bar__range-in::before {
  border-color: #ed5e5e transparent transparent transparent;
  left: 5px;
}
.regulation-power-bar--029 .regulation-power-bar__range-in::after {
  right: 11px;
}
.regulation-power-bar--029.regulation-power-bar--active .regulation-power-bar__range {
  background-color: #ed5e5e;
}
.regulation-power-values {
  display: none;
  font-size: 14px;
  color: #658997;
  height: 30px;
  width: 40%;
  padding-left: 10px;
}
.regulation-power-values .no {
  font-weight: 700;
}
.regulation-power-bar--active .regulation-power-values {
  display: flex;
  flex-flow: column;
}
.regulation-power-values__percentage {
  line-height: 15px;
}
.regulation-power-values__value {
  line-height: 15px;
}
.regulation-power-status {
  width: 25%;
  position: absolute;
  top: -22px;
  right: 0;
}
.regulation-power-status--6099 {
  top: 9px;
}
.regulation-power-status--3059 {
  top: 40px;
}
.regulation-power-status--029 {
  top: 71px;
}
.regulation-pf-axe-holder {
  height: 90px;
  padding: 39px 0 49px;
}
.regulation-pf-axe {
  position: relative;
  width: 100%;
  height: 2px;
  background: #ed5e5e;
  background: linear-gradient(90deg, #ed5e5e 15%, #e1c722 35%, #56b65d 50%, #e1c722 65%, #ed5e5e 85%);
}
.regulation-pf-axe__point {
  display: block;
  position: absolute;
  top: -3px;
  width: 1px;
  height: 8px;
}
.regulation-pf-axe__point--edge-left {
  left: 0;
  background-color: #ed5e5e;
}
.regulation-pf-axe__point--left-left {
  left: 16.66667%;
  background-color: #e5ab5f;
}
.regulation-pf-axe__point--left {
  left: 33.33334%;
  background-color: #e1c722;
}
.regulation-pf-axe__point--middle {
  left: 50%;
  margin-left: -1px;
  width: 3px;
  height: 14px;
  top: -6px;
  background-color: #56b65d;
}
.regulation-pf-axe__point--right {
  right: 33.33334%;
  background-color: #e1c722;
}
.regulation-pf-axe__point--right-right {
  right: 16.66667%;
  background-color: #e5ab5f;
}
.regulation-pf-axe__point--edge-right {
  right: 0;
  background-color: #ed5e5e;
}
.regulation-pf-axe__point-value {
  position: absolute;
  top: 10px;
  width: 24px;
  color: #b2b2b2;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.regulation-pf-axe__point-value--left-left {
  left: 16.66667%;
  margin-left: -12px;
}
.regulation-pf-axe__point-value--left {
  left: 33.33334%;
  margin-left: -12px;
}
.regulation-pf-axe__point-value--middle {
  left: 50%;
  margin-left: -12px;
}
.regulation-pf-axe__point-value--right {
  right: 33.33334%;
  margin-right: -12px;
}
.regulation-pf-axe__point-value--right-right {
  right: 16.66667%;
  margin-right: -12px;
}
.regulation-pf-values {
  font-size: 12px;
  text-align: center;
  position: relative;
  height: 30px;
}
.regulation-pf-values .label-holder {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.regulation-pf-values .no-holder {
  display: inline-block;
  font-size: 14px;
  width: 50px;
  text-align: center;
  height: 24px;
  font-weight: 600;
  line-height: 24px;
  position: relative;
}
.regulation-pf-values .no-holder::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -6px;
  margin-left: -6px;
  width: 12px;
  height: 12px;
  transform: rotate(45deg);
}
.regulation-pf-values .no {
  position: relative;
}
.regulation-pf-values-in {
  line-height: 24px;
  display: flex;
  position: absolute;
  opacity: 0;
}
.regulation-pf-values-in.regulation-pf-values-in--in {
  opacity: 1;
}
.regulation-pf-values-in .label-holder {
  order: 1;
  text-align: right;
  margin-right: 10px;
  color: #658997;
}
.regulation-pf-values-in .no-holder {
  order: 2;
  color: #fff;
  background: #93acb6;
}
.regulation-pf-values-in .no-holder::before {
  background-color: #93acb6;
}
.regulation-pf-values-in.regulation-pf-values-in--negative {
  transform: translateX(25px);
}
.regulation-pf-values-in.regulation-pf-values-in--negative .label-holder {
  order: 1;
  text-align: right;
  margin-right: 10px;
}
.regulation-pf-values-in.regulation-pf-values-in--negative .no-holder {
  order: 2;
}
.regulation-pf-values-in.regulation-pf-values-in--negative.regulation-pf-values-in--edge-right {
  right: 5%;
}
.regulation-pf-values-in.regulation-pf-values-in--negative.regulation-pf-values-in--right-right-right {
  right: 14%;
}
.regulation-pf-values-in.regulation-pf-values-in--negative.regulation-pf-values-in--right-right {
  right: 22%;
}
.regulation-pf-values-in.regulation-pf-values-in--negative.regulation-pf-values-in--right {
  right: 40%;
}
.regulation-pf-values-in.regulation-pf-values-in--negative.regulation-pf-values-in--middle {
  right: 50%;
}
.regulation-pf-values-in.regulation-pf-values-in--positive {
  transform: translateX(-25px);
}
.regulation-pf-values-in.regulation-pf-values-in--positive .label-holder {
  order: 2;
  text-align: left;
  margin-left: 10px;
}
.regulation-pf-values-in.regulation-pf-values-in--positive .no-holder {
  order: 1;
}
.regulation-pf-values-in.regulation-pf-values-in--positive.regulation-pf-values-in--edge-left {
  left: 5%;
}
.regulation-pf-values-in.regulation-pf-values-in--positive.regulation-pf-values-in--left-left-left {
  left: 14%;
}
.regulation-pf-values-in.regulation-pf-values-in--positive.regulation-pf-values-in--left-left {
  left: 22%;
}
.regulation-pf-values-in.regulation-pf-values-in--positive.regulation-pf-values-in--left {
  left: 40%;
}
.regulation-pf-values-in.regulation-pf-values-in--positive.regulation-pf-values-in--middle {
  left: 50%;
}
.regulation-pf-values-in.regulation-pf-values-in--green .label-holder {
  color: #56b65d;
}
.regulation-pf-values-in.regulation-pf-values-in--green .no-holder {
  background: #56b65d;
}
.regulation-pf-values-in.regulation-pf-values-in--green .no-holder::before {
  background-color: #56b65d;
}
.regulation-pf-values-in.regulation-pf-values-in--yellow .label-holder {
  color: #e1c722;
}
.regulation-pf-values-in.regulation-pf-values-in--yellow .no-holder {
  background: #e1c722;
}
.regulation-pf-values-in.regulation-pf-values-in--yellow .no-holder::before {
  background-color: #e1c722;
}
.regulation-pf-values-in.regulation-pf-values-in--orange .label-holder {
  color: #e5ab5f;
}
.regulation-pf-values-in.regulation-pf-values-in--orange .no-holder {
  background: #e5ab5f;
}
.regulation-pf-values-in.regulation-pf-values-in--orange .no-holder::before {
  background-color: #e5ab5f;
}
.regulation-pf-values-in.regulation-pf-values-in--red .label-holder {
  color: #ed5e5e;
}
.regulation-pf-values-in.regulation-pf-values-in--red .no-holder {
  background: #ed5e5e;
}
.regulation-pf-values-in.regulation-pf-values-in--red .no-holder::before {
  background-color: #ed5e5e;
}
.regulation-pf-values__current {
  font-weight: 700;
}
.regulation-pf-values__current .no-holder::before {
  bottom: -6px;
}
.regulation-pf-values__required .no-holder::before {
  top: -6px;
}
.regulation-hvf {
  display: flex;
  flex-flow: row;
}
@media screen and (min-width: 1200px) {
  .regulation-hvf .label {
    min-height: 24px;
  }
}
@media screen and (min-width: 1400px) {
  .regulation-hvf .label {
    min-height: auto;
  }
}
.regulation-hvf__side-l {
  position: relative;
  width: 50%;
  padding-right: 20px;
  border-right: 1px solid #f3f4f5;
}
.regulation-hvf__side-r {
  width: 50%;
  padding-left: 20px;
}
.regulation-hvf-status {
  position: relative;
}
.regulation-hvf-status + .regulation-hvf-status {
  margin-top: 10px;
  padding-top: 15px;
  border-top: 1px solid transparent;
}
.regulation-hvf-status + .regulation-hvf-status--bordered {
  border-top-color: #f3f4f5;
}
.regulation-hvf-values {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  line-height: 30px;
  font-size: 14px;
  color: #658997;
}
.regulation-hvf-values .no {
  font-weight: 700;
}
.regulation-hvf-values__current {
  text-align: left;
}
.regulation-hvf-values__delimiter {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  color: #b2b2b2;
}
.regulation-hvf-values__target {
  text-align: right;
}
.regulation-hvf-values__target--on {
  color: #56b65d;
}
.market-price-regulation-settings__last-run {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-bottom: 20px;
}
.market-price-regulation-settings__rules {
  margin-top: 10px;
}
.market-price-regulation-settings__rules h2 {
  margin-bottom: 5px;
}
.market-price-regulation-settings__rules .button-controls__link {
  border: 0;
  background: transparent;
}
/*
 *   Login page
 */
.login-page .wrapper {
  background-color: #fff;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url('../img/layout/bg_login-page.jpg');
  background-size: cover;
  position: relative;
}
.login-page .login-content {
  padding-bottom: 40px;
}
.login-page .login-content #login {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -125px 0 0 -155px;
  width: 310px;
  height: 250px;
}
.login-page .login-content #login.form-box--invitation {
  height: auto;
  margin-top: -190px;
}
.login-page .login-content #login.form-box--password-reset {
  height: auto;
  margin-top: -170px;
}
.login-page .login-content #login a.header,
.login-page .login-content #login a.header:visited {
  color: #fff;
  font-size: 2.714em;
  text-align: right;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 3px;
  text-decoration: none;
  display: block;
  position: relative;
}
.login-page .login-content #login a.header:before,
.login-page .login-content #login a.header:visited:before {
  content: "";
  position: absolute;
  top: -6px;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.login-page .login-content #login a.header:first-letter,
.login-page .login-content #login a.header:visited:first-letter {
  font-size: 1.217em;
}
.login-page .login-content #login a.header:hover:before,
.login-page .login-content #login a.header:visited:hover:before {
  width: 100%;
}
.login-page .login-content #login .login-progress {
  height: 5px;
  margin-bottom: 1px;
}
.login-page .login-content #login .login-progress .line {
  display: block;
  height: 5px;
  float: left;
  width: 50%;
  background-color: #fff;
}
.login-page .login-content #login .login-progress .line.full {
  background-color: #2a86b1;
}
.login-page .login-content #login .body .login-invitation-message {
  background-color: #fff;
  border-left: 2px solid #2a86b1;
  color: #4d4d4d;
  font-size: 1em;
  line-height: 1.4;
  margin-bottom: 1px;
  padding: 14px 20px;
}
.login-page .login-content #login .body .login-invitation-message strong,
.login-page .login-content #login .body .login-invitation-message > span {
  display: block;
}
.login-page .login-content #login .body .login-invitation-message strong {
  color: #2a86b1;
  font-weight: 600;
  margin-bottom: 5px;
}
.login-page .login-content #login .body .login-invitation-message .login-invitation-value {
  display: inline;
  font-weight: 700;
}
.login-page .login-content #login .body .login-invitation-gdpr {
  background-color: #fff;
  border-left: 2px solid #fff;
  color: #4d4d4d;
  font-size: 0.9em;
  line-height: 1.35;
  padding: 12px 16px;
}
.login-page .login-content #login .body .login-invitation-gdpr:after {
  clear: both;
  content: "";
  display: block;
}
.login-page .login-content #login .body .login-invitation-gdpr label {
  cursor: pointer;
  display: table;
  float: left;
  font-weight: 400;
  margin: 0;
  max-width: 245px;
}
.login-page .login-content #login .body .login-invitation-gdpr input,
.login-page .login-content #login .body .login-invitation-gdpr span {
  display: table-cell;
  vertical-align: top;
}
.login-page .login-content #login .body .login-invitation-gdpr input {
  margin: 2px 9px 0 0;
}
.login-page .login-content #login .body .login-invitation-gdpr .login-invitation-gdpr-link,
.login-page .login-content #login .body .login-invitation-gdpr .login-invitation-gdpr-link:visited {
  color: #2a86b1;
  display: block;
  float: right;
  font-size: 1.3em;
  line-height: 1;
  margin-top: 1px;
}
.login-page .login-content #login .body .login-invitation-gdpr .login-invitation-gdpr-link:hover,
.login-page .login-content #login .body .login-invitation-gdpr .login-invitation-gdpr-link:focus {
  color: #206788;
}
.login-page .login-content #login .body .form-group {
  margin: 0;
  position: relative;
}
.login-page .login-content #login .body .form-group + .form-group {
  margin-top: 1px;
}
.login-page .login-content #login .body .form-group + .form-group.last {
  margin-top: 10px;
}
.login-page .login-content #login .body .form-group .form-control {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  text-transform: none;
  background-color: #fff;
  border: none;
  border-left: 2px solid #fff;
  font-size: 1.429em;
  height: 50px;
  padding: 8px 20px 8px 65px;
  color: #4d4d4d;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.login-page .login-content #login .body .form-group .form-control + .ico-input {
  position: absolute;
  top: 13px;
  left: 28px;
  color: #b3b3b3;
  font-size: 1.5em;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.login-page .login-content #login .body .form-group .form-control:focus {
  color: #2a86b1;
}
.login-page .login-content #login .body .form-group .form-control:focus + .ico-input {
  color: #2a86b1;
}
.login-page .login-content #login .body .form-group.error .form-control {
  border-left-color: #ed5e5e;
}
.login-page .login-content #login .body .form-group.error .info {
  color: #a01212;
  border-left-color: #ed5e5e;
}
.login-page .login-content #login .body .form-group .info {
  display: block;
  padding: 2px 20px 10px 65px;
  font-size: 0.8em;
  background-color: #fff;
  border-left: 2px solid #fff;
}
.login-page .login-content #login .body .form-group .btn-primary {
  padding: 8px 20px 8px 65px;
  width: 100%;
  text-align: left;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.login-page .login-content #login .body .login-secondary-action {
  background-color: #fff;
  border-left: 2px solid #fff;
  margin-top: 1px;
  padding: 10px 20px;
  text-align: right;
}
.login-page .login-content #login .body .login-secondary-action a,
.login-page .login-content #login .body .login-secondary-action a:visited {
  color: #2a86b1;
  font-size: 0.9em;
}
.login-page .login-content #login .body .login-secondary-action a:hover,
.login-page .login-content #login .body .login-secondary-action a:focus {
  color: #206788;
}
.login-page .login-content #login .login-secondary-action--below {
  background-color: transparent;
  border-left: none;
  margin-top: 9px;
  padding: 0;
  text-align: right;
}
.login-page .login-content #login .login-secondary-action--below a,
.login-page .login-content #login .login-secondary-action--below a:visited {
  color: #fff;
  font-size: 0.85em;
  text-decoration: none;
}
.login-page .login-content #login .login-secondary-action--below a:hover,
.login-page .login-content #login .login-secondary-action--below a:focus {
  color: #2a86b1;
  text-decoration: none;
}
.login-page .invitation-gdpr-modal {
  color: #4d4d4d;
}
.login-page .invitation-gdpr-modal .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: none;
}
.login-page .invitation-gdpr-modal .box {
  border: none;
  margin: 0;
}
.login-page .invitation-gdpr-modal .close {
  color: #666;
  font-size: 30px;
  font-weight: 400;
  margin-right: 2px;
  margin-top: 2px;
  position: relative;
  z-index: 2;
}
.login-page .invitation-gdpr-modal .box-header {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 12px;
}
.login-page .invitation-gdpr-modal .box-header h2 {
  margin-bottom: 0;
}
.login-page .invitation-gdpr-modal .box-content {
  padding: 0 20px 20px;
}
.login-page .invitation-gdpr-modal__content {
  max-height: 65vh;
  overflow-y: auto;
  padding-right: 10px;
}
.login-page .invitation-gdpr-modal__actions {
  border-top: 1px solid #d6d6d6;
  margin-top: 16px;
  padding-top: 16px;
}
.login-page .login-footer {
  color: #fff;
  height: 40px;
  line-height: 40px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .login-page .login-footer {
    line-height: 15px;
  }
}
.login-page .login-footer .imp {
  font-weight: 600;
}
.login-page .login-footer .copy {
  float: left;
  font-size: 0.714em;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .login-page .login-footer .copy {
    text-align: center;
    float: none;
  }
}
.login-page .login-footer .version {
  float: right;
  font-size: 0.714em;
  text-align: right;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .login-page .login-footer .version {
    text-align: center;
    float: none;
  }
}
.login-page .login-content .lang-box,
.login-page .login-overview-content .lang-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 30px;
  text-align: center;
}
.login-page .login-content .lang-box:after,
.login-page .login-overview-content .lang-box:after {
  clear: both;
  content: "";
  display: block;
}
.login-page .login-content .lang-box a,
.login-page .login-overview-content .lang-box a,
.login-page .login-content .lang-box a:visited,
.login-page .login-overview-content .lang-box a:visited {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  margin: 0;
  width: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #595959;
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
.login-page .login-content .lang-box a.active,
.login-page .login-overview-content .lang-box a.active,
.login-page .login-content .lang-box a:visited.active,
.login-page .login-overview-content .lang-box a:visited.active {
  color: #595959;
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.9);
}
.login-page .login-content .lang-box a:hover,
.login-page .login-overview-content .lang-box a:hover,
.login-page .login-content .lang-box a:visited:hover,
.login-page .login-overview-content .lang-box a:visited:hover,
.login-page .login-content .lang-box a:focus,
.login-page .login-overview-content .lang-box a:focus,
.login-page .login-content .lang-box a:visited:focus,
.login-page .login-overview-content .lang-box a:visited:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.login-page__overview .login-overview-content {
  padding: 50px 20px 40px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .login-overview-content {
    padding: 70px 20px 40px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .login-overview-content {
    padding: 100px 80px 40px 270px;
  }
}
@media screen and (min-width: 1200px) {
  .login-page__overview .login-overview-content {
    padding: 140px 80px 40px 270px;
  }
}
.login-page__overview .login-overview-content:after {
  clear: both;
  content: "";
  display: block;
}
.login-page__overview .box {
  margin-left: 5px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .box {
    margin-left: 8px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .box {
    margin-left: 10px;
  }
}
.login-page__overview .box a.header,
.login-page__overview .box a.header:visited {
  color: #fff;
  font-size: 2.714em;
  text-align: right;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 3px;
  text-decoration: none;
  display: block;
  position: relative;
  float: right;
}
.login-page__overview .box a.header:before,
.login-page__overview .box a.header:visited:before {
  content: "";
  position: absolute;
  top: -6px;
  right: 0;
  width: 0;
  height: 1px;
  background-color: #fff;
  -webkit-transition: all 150ms ease;
  -moz-transition: all 150ms ease;
  -ms-transition: all 150ms ease;
  -o-transition: all 150ms ease;
  transition: all 150ms ease;
}
.login-page__overview .box a.header:first-letter,
.login-page__overview .box a.header:visited:first-letter {
  font-size: 1.217em;
}
.login-page__overview .box a.header:hover:before,
.login-page__overview .box a.header:visited:hover:before {
  width: 100%;
}
.login-page__overview .box .tabs-holder {
  clear: both;
  margin-top: 15px;
  position: relative;
  /*
			&:before {
				content: "";
				position: absolute;
				top: 0;
				right: 0;
				width: 2000px;
				height: 1px;
				background-color: @primary-light;
			}
			*/
}
.login-page__overview .box .tabs-holder:after {
  clear: both;
  content: "";
  display: block;
}
@media screen and (min-width: 992px) {
  .login-page__overview .box .tabs-holder {
    margin-top: 20px;
    clear: none;
    float: left;
  }
}
.login-page__overview .box a.tabs,
.login-page__overview .box a.tabs:visited {
  float: left;
  display: block;
  padding: 8px 0;
  border: 1px solid transparent;
  font-size: 16px;
  color: #595959;
  text-align: center;
  width: 25%;
}
@media screen and (min-width: 992px) {
  .login-page__overview .box a.tabs,
  .login-page__overview .box a.tabs:visited {
    font-size: 14px;
    text-align: left;
    width: auto;
    padding: 5px 10px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .box a.tabs .fa,
  .login-page__overview .box a.tabs:visited .fa,
  .login-page__overview .box a.tabs .glyphicon,
  .login-page__overview .box a.tabs:visited .glyphicon {
    padding-right: 10px;
  }
}
.login-page__overview .box a.tabs .glyphicon,
.login-page__overview .box a.tabs:visited .glyphicon {
  font-size: 0.9em;
}
.login-page__overview .box a.tabs:hover,
.login-page__overview .box a.tabs:visited:hover,
.login-page__overview .box a.tabs:focus,
.login-page__overview .box a.tabs:visited:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.login-page__overview .box a.tabs.active,
.login-page__overview .box a.tabs:visited.active {
  background-color: #2a86b1;
  color: #fff;
}
.login-page__overview .box a.tabs > .lab,
.login-page__overview .box a.tabs:visited > .lab {
  display: none;
}
@media screen and (min-width: 992px) {
  .login-page__overview .box a.tabs > .lab,
  .login-page__overview .box a.tabs:visited > .lab {
    display: inline;
  }
}
.login-page__overview .box .login-progress {
  clear: both;
  height: 5px;
  position: relative;
}
.login-page__overview .box .login-progress .line {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  height: 5px;
  width: 400%;
  background-color: #2a86b1;
}
.login-page__overview .items {
  display: none;
  padding-top: 10px;
}
.login-page__overview .items:after {
  clear: both;
  content: "";
  display: block;
}
.login-page__overview .row-line {
  display: block;
}
.login-page__overview a.item,
.login-page__overview a.item:visited {
  display: block;
  background-color: #fff;
  padding: 8px 5px 8px 12px;
  margin: 0 0 5px 5px;
  border-bottom: 3px solid #d6d6d6;
  font-size: 0.8em;
}
@media screen and (min-width: 480px) {
  .login-page__overview a.item,
  .login-page__overview a.item:visited {
    padding: 10px 5px 10px 15px;
    margin: 0 0 8px 8px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview a.item,
  .login-page__overview a.item:visited {
    padding: 15px 10px 15px 20px;
    font-size: 1em;
    margin: 0 0 10px 10px;
  }
}
.login-page__overview a.item.loading-data,
.login-page__overview a.item:visited.loading-data {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('../img/layout/item-loading.gif?v=3');
}
.login-page__overview a.item.state-on,
.login-page__overview a.item:visited.state-on {
  border-color: #56b65d;
}
.login-page__overview a.item.state-na,
.login-page__overview a.item:visited.state-na {
  border-color: #e1c722;
}
.login-page__overview a.item.state-off,
.login-page__overview a.item:visited.state-off {
  border-color: #ed5e5e;
}
.login-page__overview a.item.changed-running,
.login-page__overview a.item:visited.changed-running,
.login-page__overview a.item.changed-condition,
.login-page__overview a.item:visited.changed-condition {
  -webkit-animation: changedValue 1s ease infinite;
  animation: changedValue 1s ease infinite;
}
.login-page__overview a.item:hover,
.login-page__overview a.item:visited:hover,
.login-page__overview a.item:focus,
.login-page__overview a.item:visited:focus {
  background: #bdbdbd;
}
.login-page__overview a.item:hover.state-on,
.login-page__overview a.item:visited:hover.state-on,
.login-page__overview a.item:focus.state-on,
.login-page__overview a.item:visited:focus.state-on {
  background: #56b65d;
}
.login-page__overview a.item:hover.state-na,
.login-page__overview a.item:visited:hover.state-na,
.login-page__overview a.item:focus.state-na,
.login-page__overview a.item:visited:focus.state-na {
  background: #e1c722;
}
.login-page__overview a.item:hover.state-off,
.login-page__overview a.item:visited:hover.state-off,
.login-page__overview a.item:focus.state-off,
.login-page__overview a.item:visited:focus.state-off {
  background: #ed5e5e;
}
.login-page__overview a.item:hover .name,
.login-page__overview a.item:visited:hover .name,
.login-page__overview a.item:focus .name,
.login-page__overview a.item:visited:focus .name,
.login-page__overview a.item:hover .power,
.login-page__overview a.item:visited:hover .power,
.login-page__overview a.item:focus .power,
.login-page__overview a.item:visited:focus .power {
  color: #fff;
}
.login-page__overview a.item:hover .size,
.login-page__overview a.item:visited:hover .size,
.login-page__overview a.item:focus .size,
.login-page__overview a.item:visited:focus .size {
  background: none;
  border: 1px solid #fff;
}
.login-page__overview a.item:hover .ico.status-ok,
.login-page__overview a.item:visited:hover .ico.status-ok,
.login-page__overview a.item:focus .ico.status-ok,
.login-page__overview a.item:visited:focus .ico.status-ok,
.login-page__overview a.item:hover .ico.status-warning,
.login-page__overview a.item:visited:hover .ico.status-warning,
.login-page__overview a.item:focus .ico.status-warning,
.login-page__overview a.item:visited:focus .ico.status-warning,
.login-page__overview a.item:hover .ico.status-error,
.login-page__overview a.item:visited:hover .ico.status-error,
.login-page__overview a.item:focus .ico.status-error,
.login-page__overview a.item:visited:focus .ico.status-error {
  color: #fff;
}
.login-page__overview .name {
  color: #2a86b1;
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.429em;
  display: block;
  padding-right: 30px;
  line-height: 18px;
}
@media screen and (min-width: 992px) {
  .login-page__overview .name {
    line-height: 20px;
    padding-top: 1px;
  }
}
.login-page__overview .name:first-letter {
  font-size: 1.211em;
}
.login-page__overview .size {
  display: block;
  font-size: 0.9em;
  padding: 2px 5px;
  background: #16469d;
  background: linear-gradient(180deg, #2a86b1 0%, #16469d 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #2a86b1), color-stop(1, #16469d));
  background: -ms-linear-gradient(left, #2a86b1, #16469d);
  background: -moz-linear-gradient(left bottom, #2a86b1 0%, #16469d 100%);
  background: -o-linear-gradient(#16469d, #2a86b1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#16469d', endColorstr='#2a86b1', GradientType=0);
  color: #fff;
  font-weight: 400;
}
.login-page__overview .size .value {
  font-weight: 700;
}
.login-page__overview .power {
  display: block;
  float: left;
  font-size: 1.071em;
  color: #737373;
  font-weight: 400;
  line-height: 1;
  padding-right: 30px;
}
.login-page__overview .power .value {
  font-weight: 700;
}
.login-page__overview .ov-ta-value {
  font-size: 1.071em;
  color: #737373;
  font-weight: 700;
}
.login-page__overview .ov-ta-value .unit {
  font-weight: 400;
}
.login-page__overview .ico {
  display: block;
  float: right;
  line-height: 1;
}
.login-page__overview .ico i {
  position: relative;
  top: 2px;
  display: none;
}
.login-page__overview .ico.status-ok {
  color: #56b65d;
}
.login-page__overview .ico.status-ok .fa-check {
  display: block;
}
.login-page__overview .ico.status-warning {
  color: #e1c722;
}
.login-page__overview .ico.status-warning .fa-exclamation-triangle {
  display: block;
}
.login-page__overview .ico.status-error {
  color: #ed5e5e;
}
.login-page__overview .ico.status-error .fa-close {
  display: block;
}
.login-page__overview .table {
  padding-left: 5px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .table {
    padding-left: 8px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .table {
    padding-left: 10px;
  }
}
.login-page__overview .table .name {
  padding: 0;
  padding-right: 25px;
}
.login-page__overview .table .size {
  text-align: center;
  display: block;
  float: left;
  border: 1px solid #fff;
}
.login-page__overview .table .ico {
  float: none;
}
.login-page__overview .table .power {
  padding: 0;
  float: none;
}
.login-page__overview .table .table-wrapper {
  width: 100%;
}
.login-page__overview .table .table-wrapper.overflow-x {
  overflow: hidden;
  position: relative;
}
.login-page__overview .table .table-wrapper.overflow-x:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0px;
  height: 100%;
  width: 10px;
  background: rgba(255, 255, 255, 0);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(1, #ffffff));
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background: -moz-linear-gradient(left bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -o-linear-gradient(#ffffff, rgba(255, 255, 255, 0));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='rgba(255, 255, 255, 0)', GradientType=0);
}
.login-page__overview .table .table-wrapper.overflow-x .table-wrapper-wrapper {
  overflow: hidden;
  overflow-x: auto;
}
.login-page__overview .table table.data-table {
  border: none;
  width: 100%;
  border-collapse: collapse;
  color: #737373;
  font-size: 0.857em;
  font-size: 0.95em;
}
.login-page__overview .table table.data-table thead th {
  font-weight: 700;
  font-size: 1.05em;
  padding: 0.9em 2em 0.9em 0.8em;
  border-top: 1px solid #93acb6;
  border-bottom: 1px solid #93acb6;
  vertical-align: top;
}
.login-page__overview .table table.data-table thead th.sorting {
  background-image: url('../img/datatables/sort_both.png');
}
.login-page__overview .table table.data-table thead th.sorting_asc {
  background-image: url('../img/datatables/sort_asc.png');
}
.login-page__overview .table table.data-table thead th.sorting_desc {
  background-image: url('../img/datatables/sort_desc.png');
}
.login-page__overview .table table.data-table thead th.sorting_asc,
.login-page__overview .table table.data-table thead th.sorting_desc {
  background-color: #fafafa;
}
.login-page__overview .table table.data-table thead th.type {
  width: 30px;
  min-width: 30px;
}
@media screen and (max-width: 991px) {
  .login-page__overview .table table.data-table thead th.date {
    width: 70px;
  }
}
.login-page__overview .table table.data-table thead th .datatable-label {
  display: block;
  float: left;
}
.login-page__overview .table table.data-table thead th .datatable-help {
  display: block;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  background-color: #d6d6d6;
  color: #fff;
  position: relative;
  top: 1px;
}
.login-page__overview .table table.data-table thead th .datatable-help .datatable-label-in {
  display: block;
}
.login-page__overview .table table.data-table thead th .datatable-help i {
  position: relative;
  left: 0;
  line-height: 1;
}
.login-page__overview .table table.data-table thead th .datatable-label-help-inline {
  display: block;
  font-size: 0.9em;
  font-weight: 400;
  padding-top: 0.4em;
  line-height: 1.2;
}
.login-page__overview .table table.data-table thead th .tooltip .tooltip-arrow {
  border-bottom-color: #737373;
}
.login-page__overview .table table.data-table thead th .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #737373;
  color: #fff;
}
.login-page__overview .table table.data-table tbody th,
.login-page__overview .table table.data-table tbody td {
  font-weight: 400;
  padding: 1em 0.86em;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}
.login-page__overview .table table.data-table tbody th .date,
.login-page__overview .table table.data-table tbody td .date,
.login-page__overview .table table.data-table tbody th .time,
.login-page__overview .table table.data-table tbody td .time {
  white-space: nowrap;
}
@media screen and (max-width: 991px) {
  .login-page__overview .table table.data-table tbody th .date,
  .login-page__overview .table table.data-table tbody td .date,
  .login-page__overview .table table.data-table tbody th .time,
  .login-page__overview .table table.data-table tbody td .time {
    display: block;
  }
}
.login-page__overview .table table.data-table tbody th .date,
.login-page__overview .table table.data-table tbody td .date {
  font-weight: 600;
}
.login-page__overview .table table.data-table tbody th .time,
.login-page__overview .table table.data-table tbody td .time {
  padding-left: 12px;
}
@media screen and (max-width: 991px) {
  .login-page__overview .table table.data-table tbody th .time,
  .login-page__overview .table table.data-table tbody td .time {
    padding-left: 0;
  }
}
.login-page__overview .table table.data-table tbody th.type,
.login-page__overview .table table.data-table tbody td.type {
  text-align: center;
}
.login-page__overview .table table.data-table tbody th.type i,
.login-page__overview .table table.data-table tbody td.type i {
  font-size: 1.5em;
}
.login-page__overview .table table.data-table tbody th.type i.fa-check,
.login-page__overview .table table.data-table tbody td.type i.fa-check {
  color: #56b65d;
}
.login-page__overview .table table.data-table tbody th.type i.fa-warning,
.login-page__overview .table table.data-table tbody td.type i.fa-warning {
  color: #e1c722;
}
.login-page__overview .table table.data-table tbody th.type i.fa-close,
.login-page__overview .table table.data-table tbody td.type i.fa-close {
  color: #ed5e5e;
}
.login-page__overview .table table.data-table tbody th.type i > span,
.login-page__overview .table table.data-table tbody td.type i > span {
  display: none;
}
.login-page__overview .table table.data-table tbody tr.odd th,
.login-page__overview .table table.data-table tbody tr.odd td {
  background-color: #fafafa;
}
.login-page__overview .table table.data-table tbody tr:hover th,
.login-page__overview .table table.data-table tbody tr:hover td {
  background-color: #f5f5f5;
}
.login-page__overview .table table.data-table tbody tr:last-child th,
.login-page__overview .table table.data-table tbody tr:last-child td {
  border-bottom: 1px solid #93acb6;
}
.login-page__overview .table table.data-table thead th {
  color: #666;
  text-align: left;
  border: none;
  padding: 8px 5px 8px 12px;
  background-color: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 480px) {
  .login-page__overview .table table.data-table thead th {
    padding: 10px 5px 10px 15px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .table table.data-table thead th {
    padding: 15px 10px 15px 20px;
  }
}
.login-page__overview .table table.data-table thead th + th {
  padding-left: 5px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .table table.data-table thead th + th {
    padding-left: 5px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .table table.data-table thead th + th {
    padding-left: 10px;
  }
}
.login-page__overview .table table.data-table thead th:nth-child(4),
.login-page__overview .table table.data-table thead td:nth-child(4) {
  text-align: center;
}
.login-page__overview .table table.data-table tbody th,
.login-page__overview .table table.data-table tbody td {
  text-align: left;
  padding: 5px;
  background-color: #fff;
  border-top: 1px solid #d6d6d6;
  border-bottom: none;
  height: 48px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .table table.data-table tbody th,
  .login-page__overview .table table.data-table tbody td {
    padding: 5px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .table table.data-table tbody th,
  .login-page__overview .table table.data-table tbody td {
    padding: 10px;
  }
}
.login-page__overview .table table.data-table tbody th {
  padding-left: 12px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .table table.data-table tbody th {
    padding-left: 15px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .table table.data-table tbody th {
    padding-left: 20px;
  }
}
.login-page__overview .table table.data-table tbody tr {
  cursor: pointer;
}
.login-page__overview .table table.data-table tbody tr.changed-running th,
.login-page__overview .table table.data-table tbody tr.changed-condition th,
.login-page__overview .table table.data-table tbody tr.changed-running td,
.login-page__overview .table table.data-table tbody tr.changed-condition td {
  -webkit-animation: changedValue 1s ease infinite;
  animation: changedValue 1s ease infinite;
}
.login-page__overview .table table.data-table tbody tr.loading-data th {
  background-position: center right;
  background-repeat: no-repeat;
  background-image: url('../img/layout/item-loading.gif?v=3');
}
.login-page__overview .table table.data-table tbody tr:last-child th,
.login-page__overview .table table.data-table tbody tr:last-child td {
  border-bottom: none;
}
.login-page__overview .table table.data-table tbody tr th {
  border-left: 3px solid #d6d6d6;
}
.login-page__overview .table table.data-table tbody tr.state-on th {
  border-left-color: #56b65d;
}
.login-page__overview .table table.data-table tbody tr.state-na th {
  border-left-color: #e1c722;
}
.login-page__overview .table table.data-table tbody tr.state-off th {
  border-left-color: #ed5e5e;
}
.login-page__overview .table table.data-table tbody tr.odd .size {
  border: 1px solid #fafafa;
}
.login-page__overview .table table.data-table tbody tr:hover th,
.login-page__overview .table table.data-table tbody tr.odd:hover th,
.login-page__overview .table table.data-table tbody tr.even:hover th,
.login-page__overview .table table.data-table tbody tr:hover td,
.login-page__overview .table table.data-table tbody tr.odd:hover td,
.login-page__overview .table table.data-table tbody tr.even:hover td {
  background-color: #d6d6d6;
}
.login-page__overview .table table.data-table tbody tr:hover.state-on th,
.login-page__overview .table table.data-table tbody tr.odd:hover.state-on th,
.login-page__overview .table table.data-table tbody tr.even:hover.state-on th,
.login-page__overview .table table.data-table tbody tr:hover.state-on td,
.login-page__overview .table table.data-table tbody tr.odd:hover.state-on td,
.login-page__overview .table table.data-table tbody tr.even:hover.state-on td {
  border-color: #56b65d;
  background-color: #56b65d;
}
.login-page__overview .table table.data-table tbody tr:hover.state-na th,
.login-page__overview .table table.data-table tbody tr.odd:hover.state-na th,
.login-page__overview .table table.data-table tbody tr.even:hover.state-na th,
.login-page__overview .table table.data-table tbody tr:hover.state-na td,
.login-page__overview .table table.data-table tbody tr.odd:hover.state-na td,
.login-page__overview .table table.data-table tbody tr.even:hover.state-na td {
  border-color: #e1c722;
  background-color: #e1c722;
}
.login-page__overview .table table.data-table tbody tr:hover.state-off th,
.login-page__overview .table table.data-table tbody tr.odd:hover.state-off th,
.login-page__overview .table table.data-table tbody tr.even:hover.state-off th,
.login-page__overview .table table.data-table tbody tr:hover.state-off td,
.login-page__overview .table table.data-table tbody tr.odd:hover.state-off td,
.login-page__overview .table table.data-table tbody tr.even:hover.state-off td {
  border-color: #ed5e5e;
  background-color: #ed5e5e;
}
.login-page__overview .table table.data-table tbody tr:hover .name,
.login-page__overview .table table.data-table tbody tr.odd:hover .name,
.login-page__overview .table table.data-table tbody tr.even:hover .name,
.login-page__overview .table table.data-table tbody tr:hover .power,
.login-page__overview .table table.data-table tbody tr.odd:hover .power,
.login-page__overview .table table.data-table tbody tr.even:hover .power,
.login-page__overview .table table.data-table tbody tr:hover .ov-ta-value,
.login-page__overview .table table.data-table tbody tr.odd:hover .ov-ta-value,
.login-page__overview .table table.data-table tbody tr.even:hover .ov-ta-value {
  color: #fff;
}
.login-page__overview .table table.data-table tbody tr:hover .size,
.login-page__overview .table table.data-table tbody tr.odd:hover .size,
.login-page__overview .table table.data-table tbody tr.even:hover .size {
  background: none;
}
.login-page__overview .table table.data-table tbody tr:hover .ico.status-ok,
.login-page__overview .table table.data-table tbody tr.odd:hover .ico.status-ok,
.login-page__overview .table table.data-table tbody tr.even:hover .ico.status-ok,
.login-page__overview .table table.data-table tbody tr:hover .ico.status-warning,
.login-page__overview .table table.data-table tbody tr.odd:hover .ico.status-warning,
.login-page__overview .table table.data-table tbody tr.even:hover .ico.status-warning,
.login-page__overview .table table.data-table tbody tr:hover .ico.status-error,
.login-page__overview .table table.data-table tbody tr.odd:hover .ico.status-error,
.login-page__overview .table table.data-table tbody tr.even:hover .ico.status-error {
  color: #fff;
}
.login-page__overview .table table.data-table tbody tr:hover a.open-fve,
.login-page__overview .table table.data-table tbody tr.odd:hover a.open-fve,
.login-page__overview .table table.data-table tbody tr.even:hover a.open-fve,
.login-page__overview .table table.data-table tbody tr:hover a.open-fve:visited,
.login-page__overview .table table.data-table tbody tr.odd:hover a.open-fve:visited,
.login-page__overview .table table.data-table tbody tr.even:hover a.open-fve:visited {
  color: #fff;
}
.login-page__overview .table table.data-table tbody th:nth-child(4),
.login-page__overview .table table.data-table tbody td:nth-child(4) {
  text-align: center;
}
.login-page__overview .table a.open-fve,
.login-page__overview .table a.open-fve:visited {
  display: block;
  text-align: center;
  font-size: 1.1em;
}
.login-page__overview .table .open-fve-wrapper {
  min-width: 60px;
}
.login-page__overview .table .dataTables_wrapper .dataTables_info {
  background-color: transparent;
  color: #fff;
}
.login-page__overview .table .dataTables_wrapper .dataTables_paginate {
  background-color: transparent;
}
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:visited,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate span.ellipsis {
  color: #fff !important;
}
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a.disabled,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:visited.disabled,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a.disabled:hover,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:visited.disabled:hover,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled:hover,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a.disabled:focus,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:visited.disabled:focus,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate span.ellipsis.disabled:focus {
  cursor: default;
  color: #999999 !important;
}
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:hover,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:active,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:focus {
  color: #2a86b1 !important;
  background-color: transparent;
}
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:hover.disabled,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:active.disabled,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:focus.disabled {
  background-color: transparent;
}
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:hover.current,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:active.current,
.login-page__overview .table .dataTables_wrapper .dataTables_paginate a:focus.current {
  color: #fff !important;
}
.login-page__overview .table .dataTables_wrapper label {
  color: #666;
}
.login-page__overview .table .dataTables_wrapper input,
.login-page__overview .table .dataTables_wrapper select {
  border: 1px solid #fff;
}
.login-page__overview .graphics .row-line.padt {
  padding-top: 5px;
}
@media screen and (min-width: 480px) {
  .login-page__overview .graphics .row-line.padt {
    padding-top: 8px;
  }
}
@media screen and (min-width: 992px) {
  .login-page__overview .graphics .row-line.padt {
    padding-top: 10px;
  }
}
.login-page__overview .graphics .row-line:after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.login-page__overview .graphics a.item,
.login-page__overview .graphics a.item:visited {
  float: left;
}
.login-page__overview .graphics .name {
  float: left;
}
.login-page__overview .graphics .size {
  float: right;
  border: 1px solid #fff;
}
@keyframes changedValue {
  0%,
  100% {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
  }
  50% {
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
  }
}
/*
*   Spinner
*/
.spinner {
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #3498db;
  width: 20px;
  height: 20px;
  -webkit-animation: spin 1s linear infinite;
  /* Safari */
  animation: spin 1s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
 * Header user settings modals.
 */
.header-user-settings-modal .box-header {
  padding-bottom: 12px;
}
.header-user-settings-modal .box-header h2 {
  margin-bottom: 0;
}
.header-user-settings-modal .box-content {
  padding-top: 0;
}
.header-user-settings-modal__tabs {
  margin-bottom: 14px;
}
.header-user-settings-modal__tabs > li {
  white-space: nowrap;
}
.header-user-settings-modal__tabs > li > a {
  align-items: center;
  display: inline-flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  white-space: nowrap;
}
.header-user-settings-modal__tabs .material-symbols-outlined {
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 18px;
  line-height: 1;
}
.header-user-settings-modal__tab-content .tab-pane {
  display: none;
}
.header-user-settings-modal__tab-content .tab-pane.active {
  display: block;
}
.header-user-settings-modal__section {
  background: #f8fafb;
  border: 1px solid #e4ebef;
  border-radius: 4px;
  padding: 16px;
}
.header-user-settings-modal__section .form-group:last-child {
  margin-bottom: 0;
}
.header-user-settings-modal__section-heading {
  align-items: center;
  border-bottom: 1px solid #e4ebef;
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 10px;
}
.header-user-settings-modal__section-heading .material-symbols-outlined {
  color: #6f8490;
  font-size: 22px;
  line-height: 1;
}
.header-user-settings-modal__section-heading h3 {
  color: #3f5360;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  padding: 0;
}
.header-user-settings-modal__actions {
  margin-top: 16px;
}
.design-v2-2 {
  @import "public/less/v2-2/vendor/datatables-2.3.7/dataTables.dataTables.min.css";
  /*
 *   Base - All variables
 */
  /*
 *   Core
 */
  /*
 *   Content
 */
  /*
 *   Buttons
 */
  /*
 *   Contents components
 */
  /*
 *   Battery
 */
  /* Operational inverter overview; shared content tabs with compact status cards. */
  /* Shared dispatcher canvas used by hardware topology maps. */
  /* Logical inverter placement map built on the shared operational snapshot. */
  /* Operational String Box overview; current channels stay compact without hiding data. */
  /*
 *   Table - All variables
 */
}
.design-v2-2 .content-header {
  display: flex;
  flex-flow: row;
  gap: 60px;
  justify-content: flex-start;
  align-items: center;
  justify-content: space-between;
  padding: 20px 15px;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .content-header {
    padding: 20px 15px;
  }
}
.design-v2-2 .content-header__left {
  width: 100%;
  display: flex;
  flex-flow: column;
  gap: 15px;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .content-header__left {
    flex-flow: row;
    gap: 30px;
    justify-content: flex-start;
    align-items: center;
  }
}
.design-v2-2 .content-header__text {
  display: flex;
  flex-flow: column;
}
.design-v2-2 .content-header__header-metrics {
  display: flex;
  flex-flow: column;
  gap: 1px;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .content-header__header-metrics {
    flex-flow: row;
  }
}
.design-v2-2 .content-header__controls {
  display: flex;
  flex-flow: column;
  gap: 15px;
  align-items: flex-end;
  align-self: flex-start;
}
.design-v2-2 .content-header__controls .btn-small {
  gap: 7px;
  padding: 7px 17px;
  font-size: 14px;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .content-header__controls {
    flex-flow: row;
    gap: 20px;
    align-items: center;
  }
}
.design-v2-2 .content {
  font-size: 14px;
  padding: 0 15px 50px;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .content {
    padding: 0 15px 50px;
  }
}
.design-v2-2 .content .box {
  padding: 20px 30px;
}
.design-v2-2 .btn-group {
  display: flex;
  flex-flow: column;
  gap: 15px;
}
@media screen and (min-width: 768px) {
  .design-v2-2 .btn-group {
    flex-flow: row;
  }
}
.design-v2-2 .btn-group--last {
  margin-bottom: 0;
}
.design-v2-2 .btn {
  display: inline-flex;
  flex-flow: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
  border-radius: 0;
}
.design-v2-2 .btn-icon .material-symbols-outlined {
  font-size: 20px;
}
.design-v2-2 .btn-icon-only {
  width: 36px;
  height: 36px;
  padding: 0;
  flex: 0 0 36px;
}
.design-v2-2 .btn-small {
  gap: 5px;
  padding: 5px 15px;
  font-size: 12px;
}
.design-v2-2 .btn-small.btn-icon .material-symbols-outlined {
  font-size: 16px;
}
.design-v2-2 .btn-large {
  gap: 15px;
  padding: 15px 25px;
  font-size: 16px;
}
.design-v2-2 .btn-large.btn-icon .material-symbols-outlined {
  font-size: 24px;
}
.design-v2-2 .btn .btn__icon {
  margin: 0;
}
.design-v2-2 .btn-primary {
  color: #ffffff;
  background-color: #3c8dbc;
  border-color: #3c8dbc;
}
.design-v2-2 .btn-primary:hover,
.design-v2-2 .btn-primary:focus {
  background-color: #2c678a;
  border-color: #2c678a;
}
.design-v2-2 .btn-primary:active {
  background-color: #2c678a;
  border-color: #2c678a;
  box-shadow: none;
}
.design-v2-2 .btn-secondary {
  color: #333333;
  background-color: #e9e9e9;
  border-color: #e9e9e9;
}
.design-v2-2 .btn-secondary:hover,
.design-v2-2 .btn-secondary:focus {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.design-v2-2 .btn-secondary:active {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  box-shadow: none;
}
.design-v2-2 .btn-neutral {
  color: #ffffff;
  background-color: #658997;
  border-color: #658997;
}
.design-v2-2 .btn-neutral:hover,
.design-v2-2 .btn-neutral:focus {
  background-color: #455e68;
  border-color: #455e68;
}
.design-v2-2 .btn-neutral:active {
  background-color: #455e68;
  border-color: #455e68;
  box-shadow: none;
}
.design-v2-2 .btn-success {
  color: #ffffff;
  background-color: #56b65d;
  border-color: #56b65d;
}
.design-v2-2 .btn-success:hover,
.design-v2-2 .btn-success:focus {
  background-color: #3a8740;
  border-color: #3a8740;
}
.design-v2-2 .btn-success:active {
  background-color: #3a8740;
  border-color: #3a8740;
  box-shadow: none;
}
.design-v2-2 .btn-warning {
  color: #333333;
  background-color: #e1c722;
  border-color: #e1c722;
}
.design-v2-2 .btn-warning:hover,
.design-v2-2 .btn-warning:focus {
  background-color: #ad991a;
  border-color: #ad991a;
}
.design-v2-2 .btn-warning:active {
  background-color: #ad991a;
  border-color: #ad991a;
  box-shadow: none;
}
.design-v2-2 .btn-error {
  color: #ffffff;
  background-color: #ed5e5e;
  border-color: #ed5e5e;
}
.design-v2-2 .btn-error:hover,
.design-v2-2 .btn-error:focus {
  background-color: #b24747;
  border-color: #b24747;
}
.design-v2-2 .btn-error:active {
  background-color: #b24747;
  border-color: #b24747;
  box-shadow: none;
}
.design-v2-2 .btn-info {
  color: #333333;
  background-color: #e9e9e9;
  border-color: #e9e9e9;
}
.design-v2-2 .btn-info:hover,
.design-v2-2 .btn-info:focus {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.design-v2-2 .btn-info:active {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
  box-shadow: none;
}
.design-v2-2 .async-panel {
  position: relative;
}
.design-v2-2 .async-panel__status {
  color: #333333;
  display: none;
  font-size: 13px;
  left: 20px;
  line-height: 20px;
  position: absolute;
  top: 12px;
  z-index: 5;
}
.design-v2-2 .async-panel__content {
  transition: opacity 150ms ease;
}
.design-v2-2 .async-panel--initial .async-panel__status,
.design-v2-2 .async-panel--refresh .async-panel__status {
  display: block;
}
.design-v2-2 .async-panel--initial .async-panel__content,
.design-v2-2 .async-panel--refresh .async-panel__content {
  pointer-events: none;
}
.design-v2-2 .async-panel--initial .async-panel__content {
  opacity: 0;
}
.design-v2-2 .async-panel--refresh .async-panel__content {
  opacity: 0.45;
}
.design-v2-2 .async-panel--empty .async-panel__status,
.design-v2-2 .async-panel--error .async-panel__status {
  align-items: center;
  display: flex;
  justify-content: center;
  left: auto;
  min-height: 240px;
  padding: 20px;
  position: relative;
  text-align: center;
  top: auto;
}
.design-v2-2 .async-panel--empty .async-panel__content,
.design-v2-2 .async-panel--error .async-panel__content {
  display: none;
}
.design-v2-2 .async-panel--empty .async-panel__status {
  color: #737373;
}
.design-v2-2 .async-panel--error .async-panel__status {
  color: #c9302c;
}
.design-v2-2 .content-header h1,
.design-v2-2 .content h1,
.design-v2-2 .overlayer h1 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 22px;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  color: #333333;
}
.design-v2-2 .content-header h1:first-letter,
.design-v2-2 .content h1:first-letter,
.design-v2-2 .overlayer h1:first-letter {
  font-size: 1em;
}
.design-v2-2 .content-header h1 + small,
.design-v2-2 .content h1 + small,
.design-v2-2 .overlayer h1 + small {
  padding-top: 10px;
  color: #737373;
  font-size: 14px;
}
.design-v2-2 .content-header h2,
.design-v2-2 .content h2,
.design-v2-2 .overlayer h2 {
  font-family: 'PT Sans Narrow', sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0 0 20px;
  padding: 0;
  color: #333333;
}
.design-v2-2 .content-header h2:first-letter,
.design-v2-2 .content h2:first-letter,
.design-v2-2 .overlayer h2:first-letter {
  font-size: 20px;
}
.design-v2-2 .regulation-current__title {
  font-size: 14px;
  margin-bottom: 5px;
}
.design-v2-2 .regulation-current__items {
  display: flex;
  flex-flow: row wrap;
  gap: 6px;
}
.design-v2-2 .regulation-current-chip {
  position: relative;
  display: inline-block;
  margin: 0 6px 6px 0;
  cursor: default;
  overflow: visible;
}
.design-v2-2 .current-regulation-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.design-v2-2 .current-regulation-item__icon {
  display: inline-flex;
  align-items: center;
}
.design-v2-2 .current-regulation-item__icon .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
}
.design-v2-2 .current-regulation-item .header-metrics__label {
  display: inline;
}
.design-v2-2 .current-regulation-item__value {
  font-size: 13px;
  font-weight: 600;
}
.design-v2-2 .regulation-current-tooltip {
  display: none;
  position: absolute;
  z-index: 1000;
  left: 0;
  top: 100%;
  min-width: 260px;
  margin-top: 6px;
  padding: 8px 10px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  white-space: normal;
}
.design-v2-2 .regulation-current-tooltip span {
  display: block;
}
.design-v2-2 .regulation-current-chip:hover .regulation-current-tooltip,
.design-v2-2 .regulation-current-chip:focus .regulation-current-tooltip {
  display: block;
}
.design-v2-2 .detail-modal-content h3 {
  margin: 24px 0 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2;
  color: #444;
}
.design-v2-2 .detail-modal-content h3:first-child {
  margin-top: 0;
}
.design-v2-2 .multicontent-box {
  margin-bottom: 15px;
}
.design-v2-2 .multicontent-box__tabs {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
}
.design-v2-2 .multicontent-box__tabs-tab {
  position: relative;
  z-index: 2;
  background-color: #d6d6d6;
  border-top: 1px solid #d6d6d6;
  border-left: 1px solid #d6d6d6;
  border-right: 1px solid #d6d6d6;
  transition: all 250ms ease;
}
.design-v2-2 .multicontent-box__tabs-tab:hover,
.design-v2-2 .multicontent-box__tabs-tab:focus {
  background-color: #c9c9c9;
  border-top-color: #c9c9c9;
  border-left-color: #c9c9c9;
  border-right-color: #c9c9c9;
}
.design-v2-2 .multicontent-box__tabs-tab--active,
.design-v2-2 .multicontent-box__tabs-tab--active:hover,
.design-v2-2 .multicontent-box__tabs-tab--active:focus {
  background-color: #ffffff;
}
.design-v2-2 .multicontent-box__contents {
  position: relative;
  z-index: 1;
  margin-top: -1px;
}
.design-v2-2 .multicontent-box__content {
  display: none;
}
.design-v2-2 .multicontent-box__content--active {
  display: block;
}
.design-v2-2 .nav-tabs--content {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 10px;
  width: 100%;
  border-bottom: 0;
  overflow-x: auto;
  overflow-y: visible;
}
.design-v2-2 .nav-tabs--content::before,
.design-v2-2 .nav-tabs--content::after {
  display: none;
  content: none;
}
.design-v2-2 .nav-tabs--content > li {
  float: none;
  margin-bottom: 0;
}
.design-v2-2 .nav-tabs--content > li > a {
  margin-right: 0;
  border: 1px solid #d6d6d6;
  border-radius: 0;
  background-color: #d6d6d6;
  color: #333333;
  transition: all 250ms ease;
}
.design-v2-2 .nav-tabs--content > li > a:hover,
.design-v2-2 .nav-tabs--content > li > a:focus {
  border-color: #c9c9c9;
  background-color: #c9c9c9;
  color: #333333;
  text-decoration: none;
}
.design-v2-2 .nav-tabs--content > li.active > a,
.design-v2-2 .nav-tabs--content > li.active > a:hover,
.design-v2-2 .nav-tabs--content > li.active > a:focus {
  border-color: #d6d6d6;
  border-radius: 0;
  background-color: #ffffff;
  color: #333333;
}
.design-v2-2 .config-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: 32px;
  row-gap: 12px;
  align-items: start;
}
.design-v2-2 .config-settings-grid .form-group {
  display: grid;
  grid-template-columns: minmax(140px, 220px) minmax(160px, 320px);
  column-gap: 12px;
  align-items: center;
  min-width: 0;
  margin-bottom: 10px;
}
.design-v2-2 .config-settings-grid label {
  margin-bottom: 0;
  line-height: 1.25;
}
.design-v2-2 .config-settings-grid .form-control,
.design-v2-2 .config-settings-grid .input-group {
  width: 100%;
  max-width: 320px;
}
.design-v2-2 .config-settings-actions {
  grid-column: 1 / -1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  padding-top: 16px;
  border-top: 1px solid #e5e5e5;
}
.design-v2-2 .settings-context-help {
  grid-column: 1 / -1;
  margin: 0 0 4px;
  color: #666;
}
.design-v2-2 .settings-checkbox-row {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: 34px;
  margin: 0;
  font-weight: 400;
  cursor: pointer;
}
.design-v2-2 .settings-checkbox-row--inline {
  display: inline-flex;
  min-height: 30px;
  margin-right: 16px;
}
.design-v2-2 .settings-checkbox-row input[disabled] + span {
  color: #888;
}
.design-v2-2 .settings-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.design-v2-2 .config-settings-column {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 12px;
  min-width: 0;
}
.design-v2-2 .config-settings-fieldset {
  min-width: 0;
  margin: 0;
  padding: 16px 18px 6px;
  border: 1px solid #e5e5e5;
}
.design-v2-2 .config-settings-fieldset legend {
  width: auto;
  margin: 0;
  padding: 0 8px;
  border: 0;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  color: #333;
}
.design-v2-2 .config-settings-fieldset .form-group:last-child {
  margin-bottom: 10px;
}
.design-v2-2 .config-settings-fieldset .form-label-with-help .tooltip {
  text-transform: none;
}
.design-v2-2 .form-label-with-help {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.design-v2-2 .form-label-help {
  align-items: center;
  cursor: help;
  display: inline-flex;
  line-height: 1;
  vertical-align: middle;
}
.design-v2-2 .form-label-help .material-symbols-outlined {
  color: #7d8b99;
  font-size: 15px;
  line-height: 1;
}
.design-v2-2 .audit-history {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.design-v2-2 .audit-history--empty {
  display: block;
  padding: 18px;
  color: #737373;
  background-color: #f8f8f8;
  border: 1px solid #e5e5e5;
}
.design-v2-2 .audit-history__item {
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
}
.design-v2-2 .audit-history__header {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 14px 16px;
  border-bottom: 1px solid #e5e5e5;
}
.design-v2-2 .audit-history__meta {
  display: flex;
  flex-flow: row wrap;
  gap: 8px 14px;
  color: #737373;
  font-size: 14px;
}
.design-v2-2 .audit-history__date,
.design-v2-2 .audit-history__actor,
.design-v2-2 .audit-history__ip {
  white-space: nowrap;
}
.design-v2-2 .audit-history__summary {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: 8px;
  color: #333333;
}
.design-v2-2 .audit-history__count {
  color: #737373;
  font-size: 14px;
}
.design-v2-2 .audit-history__changes {
  padding: 0 16px 16px;
  overflow-x: auto;
}
.design-v2-2 .audit-history__table {
  margin: 0;
}
.design-v2-2 .audit-history__table th,
.design-v2-2 .audit-history__table td {
  vertical-align: top;
}
.design-v2-2 .audit-history__table td {
  max-width: 420px;
  word-break: break-word;
}
@media (max-width: 1199px) {
  .design-v2-2 .config-settings-grid .form-group {
    grid-template-columns: minmax(120px, 180px) minmax(150px, 1fr);
  }
}
@media (max-width: 767px) {
  .design-v2-2 .config-settings-grid {
    grid-template-columns: 1fr;
  }
  .design-v2-2 .config-settings-grid .form-group {
    grid-template-columns: 1fr;
    row-gap: 6px;
  }
}
.design-v2-2 .header-controls-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row;
}
.design-v2-2 .header-controls-tabs__link {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  color: #333333;
  border: 1px solid #d6d6d6;
  background-color: #d6d6d6;
}
.design-v2-2 .header-controls-tabs__link:hover,
.design-v2-2 .header-controls-tabs__link:focus {
  background-color: #c9c9c9;
  border-color: #c9c9c9;
}
.design-v2-2 .header-controls-tabs__link--active,
.design-v2-2 .header-controls-tabs__link--active:hover,
.design-v2-2 .header-controls-tabs__link--active:focus {
  background-color: #ffffff;
}
.design-v2-2 .header-controls-tabs__icon.material-symbols-outlined {
  font-size: 24px;
}
.design-v2-2 .button-controls {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: row;
  order: 1;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .button-controls {
    order: 2;
  }
}
.design-v2-2 .button-controls__link {
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  color: #2b87b2;
  border: 1px solid transparent;
  padding: 0;
}
.design-v2-2 .button-controls__link:hover,
.design-v2-2 .button-controls__link:focus {
  background-color: #d6d6d6;
}
.design-v2-2 .button-controls__link--red {
  color: #ed5e5e;
}
.design-v2-2 .button-controls__link--disabled {
  color: #737373;
  cursor: default;
}
.design-v2-2 .button-controls__link--disabled:hover,
.design-v2-2 .button-controls__link--disabled:focus {
  background-color: transparent;
  color: #737373;
}
.design-v2-2 .button-controls__link--active,
.design-v2-2 .button-controls__link--active:hover,
.design-v2-2 .button-controls__link--active:focus {
  background-color: #d6d6d6;
}
.design-v2-2 .button-controls__icon.material-symbols-outlined {
  font-size: 24px;
}
.design-v2-2 .button-controls__item--dropdown {
  position: relative;
}
.design-v2-2 .button-controls__dropdown-menu.dropdown-menu {
  min-width: 230px;
  padding: 4px 0;
}
.design-v2-2 .button-controls__dropdown-form {
  margin: 0;
}
.design-v2-2 .button-controls__dropdown-link {
  align-items: center;
  background: transparent;
  border: 0;
  color: #333333;
  display: flex;
  gap: 8px;
  padding: 7px 16px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}
.design-v2-2 .button-controls__dropdown-link:hover,
.design-v2-2 .button-controls__dropdown-link:focus {
  background-color: #d6d6d6;
  color: #333333;
  text-decoration: none;
}
.design-v2-2 .button-controls__dropdown-link--red {
  color: #ed5e5e;
}
.design-v2-2 .button-controls__dropdown-link--red:hover,
.design-v2-2 .button-controls__dropdown-link--red:focus {
  color: #ed5e5e;
}
.design-v2-2 .button-controls__dropdown-link .fa,
.design-v2-2 .button-controls__dropdown-link .material-symbols-outlined {
  flex: 0 0 18px;
  font-size: 18px;
  text-align: center;
}
.design-v2-2 .contents-label {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 20px;
  line-height: 20px;
}
.design-v2-2 .contents-label__icon {
  color: #333333;
  text-decoration: none;
}
.design-v2-2 .contents-label__label {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  color: #333333;
  font-size: 16px;
  text-decoration: none;
  max-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.design-v2-2 .header-metrics {
  background-color: #fff;
  display: flex;
  flex-flow: row;
  gap: 10px;
  padding: 10px 20px;
  line-height: 20px;
  border: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .design-v2-2 .header-metrics {
    justify-content: center;
    align-items: center;
  }
}
.design-v2-2 .header-metrics--na {
  color: #d6d6d6;
}
.design-v2-2 .header-metrics__label {
  font-size: 12px;
}
.design-v2-2 .header-metrics__value {
  font-size: 16px;
}
.design-v2-2 .header-metrics__value > span {
  font-weight: 700;
}
.design-v2-2 .device-status-metric {
  appearance: none;
  border-left-width: 4px;
  cursor: pointer;
  font-family: inherit;
  white-space: nowrap;
}
.design-v2-2 .device-status-metric:hover,
.design-v2-2 .device-status-metric:focus,
.design-v2-2 .device-status-metric--active {
  background-color: #f2f2f2;
  outline: none;
}
.design-v2-2 .device-status-metric--active {
  box-shadow: inset 0 -2px 0 #2b87b2;
}
.design-v2-2 .device-status-metric--success {
  border-left-color: #56b65d;
}
.design-v2-2 .device-status-metric--warning {
  border-left-color: #e1c722;
}
.design-v2-2 .device-status-metric--error {
  border-left-color: #ed5e5e;
}
.design-v2-2 .device-status-metric--neutral {
  border-left-color: #658997;
}
.design-v2-2 .device-status-metric .status-icon {
  justify-content: center;
}
.design-v2-2 .material-symbols-outlined {
  display: block;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
}
.design-v2-2 .material-symbols-outlined--inline {
  display: inline-block;
  vertical-align: middle;
}
.design-v2-2 .material-symbols-outlined--spin {
  display: inline-block;
  vertical-align: middle;
  animation: material-symbols-spin 1s linear infinite;
}
@keyframes material-symbols-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.design-v2-2 .page-filter {
  position: relative;
  z-index: 10;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  gap: 20px;
}
.design-v2-2 .page-filter .contents-label {
  padding: 5px 10px;
}
.design-v2-2 .page-filter .contents-label__label {
  font-size: 14px;
}
.design-v2-2 .page-filter__toggle {
  height: 30px;
  position: relative;
  z-index: 4;
}
.design-v2-2 .page-filter__toggle,
.design-v2-2 .page-filter__toggle:visited {
  background-color: #d6d6d6;
  border: 1px solid #d6d6d6;
}
.design-v2-2 .page-filter__toggle:hover,
.design-v2-2 .page-filter__toggle:focus {
  background-color: #c9c9c9;
  border: 1px solid #c9c9c9;
}
.design-v2-2 .page-filter__toggle--opened,
.design-v2-2 .page-filter__toggle--opened:visited,
.design-v2-2 .page-filter__toggle--opened:hover,
.design-v2-2 .page-filter__toggle--opened:focus {
  position: relative;
  background-color: #ffffff;
  border-top-color: #d6d6d6;
  border-left-color: #d6d6d6;
  border-right-color: #d6d6d6;
  border-bottom-color: transparent;
}
.design-v2-2 .page-filter__toggle--opened + .page-filter__details {
  display: block;
}
.design-v2-2 .page-filter__toggle--opened::before,
.design-v2-2 .page-filter__toggle--opened::after {
  z-index: 5;
  content: '';
  position: absolute;
  right: -1px;
  width: calc(100% + 2px);
  height: 10px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
}
.design-v2-2 .page-filter__toggle--opened::before {
  height: 10px;
  top: -10px;
  border-bottom: none;
}
.design-v2-2 .page-filter__toggle--opened::after {
  height: 12px;
  bottom: -11px;
  border-top: none;
  border-bottom: none;
}
.design-v2-2 .page-filter__details {
  display: none;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 39px;
  padding: 20px 30px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-bottom-width: 4px;
  min-width: 100px;
  min-height: 100px;
}
.design-v2-2 .page-filter__details--table-viewer {
  width: calc(100vw - 15px - 15px);
}
@media screen and (min-width: 768px) {
  .design-v2-2 .page-filter__details--table-viewer {
    width: 60vw;
  }
}
@media screen and (min-width: 1200px) {
  .design-v2-2 .page-filter__details--table-viewer {
    width: 50vw;
  }
}
.design-v2-2 .page-filter__params-holder {
  display: none;
}
@media screen and (min-width: 1200px) {
  .design-v2-2 .page-filter__params-holder {
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
  }
}
.design-v2-2 .page-filter__set {
  height: 30px;
  padding: 5px 0;
}
.design-v2-2 .page-filter__params {
  display: flex;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.design-v2-2 .page-filter__param,
.design-v2-2 .page-filter__param:visited {
  display: block;
  background: #e9e9e9;
  color: #2b87b2;
  border: 1px solid #2b87b2;
  cursor: pointer;
  text-decoration: none;
  padding: 5px 10px;
  line-height: 18px;
  white-space: nowrap;
}
.design-v2-2 .page-filter__param:hover,
.design-v2-2 .page-filter__param:focus {
  color: #e9e9e9;
  background: #2b87b2;
}
.design-v2-2 .page-filter__param__label {
  font-weight: 600;
}
.design-v2-2 .settings-group-title {
  display: block;
  width: 100%;
  margin: 0 0 8px;
  padding: 0 0 8px;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.35;
  border: 0;
  border-bottom: 1px solid #d6d6d6;
}
.design-v2-2 .settings-scroll-list {
  max-height: 264px;
  overflow-y: auto;
  padding-right: 8px;
  scrollbar-gutter: stable;
}
.design-v2-2 .modal-detail-tabs {
  margin-bottom: 15px;
}
.design-v2-2 .modal-detail-tab-content .tab-pane {
  display: none;
}
.design-v2-2 .modal-detail-tab-content .tab-pane.active {
  display: block;
}
.design-v2-2 .modal-table-scroll {
  max-height: min(360px, calc(100vh - 280px));
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.design-v2-2 .modal-table-scroll .table {
  margin-bottom: 0;
}
.design-v2-2 .modal-table-scroll__wide-table {
  min-width: 820px;
}
.design-v2-2 .settings-column-heading {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.design-v2-2 .settings-column-heading__icon {
  font-size: 18px;
}
.design-v2-2 .settings-column-heading--group {
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.design-v2-2 .settings-column-heading--icon {
  justify-content: center;
}
.design-v2-2 .sensor-box-preset-metrics {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  margin-bottom: 20px;
}
@media screen and (min-width: 992px) {
  .design-v2-2 .sensor-box-preset-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.design-v2-2 .sensor-box-preset-metrics--single-column {
  grid-template-columns: minmax(0, 1fr);
}
.design-v2-2 .sensor-box-preset-metrics__group {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.design-v2-2 .sensor-box-preset-metrics__head,
.design-v2-2 .sensor-box-preset-metrics .sensor-box-preset-metric {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 90px;
  gap: 12px;
  align-items: center;
}
.design-v2-2 .sensor-box-preset-metrics__head {
  position: sticky;
  top: 0;
  z-index: 20;
  padding: 0 0 6px;
  color: #737373;
  background: #ffffff;
  font-size: 14px;
}
.design-v2-2 .sensor-box-preset-metrics__head > span:last-child {
  text-align: center;
}
.design-v2-2 .sensor-box-preset-metrics__list {
  border-bottom: 1px solid #d6d6d6;
}
.design-v2-2 .presentation-display-columns,
.design-v2-2 .presentation-display-columns__head {
  --display-columns: 36px 40px minmax(150px, 0.8fr) minmax(220px, 1.4fr) minmax(100px, 130px) 90px 72px;
}
.design-v2-2 .presentation-display-columns__surface {
  overflow-x: auto;
}
.design-v2-2 .presentation-display-columns__head {
  align-items: center;
  background: #ffffff;
  color: #737373;
  display: grid;
  font-size: 14px;
  grid-template-columns: var(--display-columns);
  min-height: 40px;
  padding: 0 14px 0 8px;
  position: sticky;
  top: 0;
  text-align: center;
  z-index: 20;
}
.design-v2-2 .presentation-display-columns__head > span:nth-child(3),
.design-v2-2 .presentation-display-columns__head > span:nth-child(4),
.design-v2-2 .presentation-display-columns__head > span:nth-child(5) {
  text-align: left;
}
.design-v2-2 .presentation-display-columns__head > span:nth-child(6),
.design-v2-2 .presentation-display-columns__head > span:nth-child(7) {
  display: flex;
  justify-content: center;
  text-align: center;
}
.design-v2-2 .presentation-display-columns {
  max-height: 360px;
  min-width: 620px;
  overflow-x: hidden;
  overflow-y: auto;
}
.design-v2-2 .presentation-display-columns .settings-order__item,
.design-v2-2 .presentation-display-columns .settings-order__placeholder {
  grid-template-columns: var(--display-columns);
}
.design-v2-2 .presentation-display-column__visible,
.design-v2-2 .presentation-display-column__help,
.design-v2-2 .presentation-display-column__empty {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  min-height: 40px;
}
.design-v2-2 .presentation-display-column__help {
  color: #737373;
  font-size: 14px;
  justify-content: flex-start;
  line-height: 1.35;
  text-align: left;
}
.design-v2-2 .presentation-display-column__source {
  color: #737373;
  font-size: 14px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.design-v2-2 .presentation-display-column__decimals {
  justify-self: center;
  width: 100%;
}
.design-v2-2 .presentation-display-column .settings-order__fixed {
  justify-self: center;
  width: 100%;
}
.design-v2-2 .sensor-box-preset-tabs,
.design-v2-2 .presentation-preset-tabs {
  display: inline-flex;
  width: auto;
  max-width: 100%;
  margin: 0 0 20px;
  padding-left: 0;
  vertical-align: bottom;
}
.design-v2-2 .sensor-box-preset-tabs > li > a,
.design-v2-2 .presentation-preset-tabs > li > a {
  min-width: 150px;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .sensor-box-preset-tabs,
  .design-v2-2 .presentation-preset-tabs {
    display: flex;
    width: 100%;
  }
  .design-v2-2 .sensor-box-preset-tabs > li > a,
  .design-v2-2 .presentation-preset-tabs > li > a {
    min-width: 140px;
  }
}
.design-v2-2 .sensor-box-preset-tab-content,
.design-v2-2 .presentation-preset-tab-content {
  min-height: 180px;
}
.design-v2-2 .sensor-box-preset-section {
  border-bottom: 1px solid #d6d6d6;
  margin-bottom: 18px;
  padding-bottom: 18px;
}
.design-v2-2 .sensor-box-preset-section:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.design-v2-2 .sensor-box-preset-section__title {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  color: #666;
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 12px;
}
.design-v2-2 .sensor-box-preset-view-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 0;
}
.design-v2-2 .sensor-box-preset-view-settings .form-group {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .sensor-box-preset-view-settings {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .sensor-box-preset-table-settings {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 0;
}
.design-v2-2 .sensor-box-preset-table-settings .form-group {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .sensor-box-preset-table-settings {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .settings-order {
  border: 1px solid #d6d6d6;
  max-height: 260px;
  overflow-y: auto;
}
.design-v2-2 .settings-order__item,
.design-v2-2 .settings-order__placeholder {
  align-items: center;
  border-bottom: 1px solid #d6d6d6;
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) 90px;
  min-height: 46px;
  padding: 0 14px 0 8px;
}
.design-v2-2 .settings-order__title {
  align-items: end;
  color: #737373;
  display: grid;
  font-size: 14px;
  grid-template-columns: 40px minmax(0, 1fr) 90px;
}
.design-v2-2 .settings-order__title .sensor-box-preset-section__title {
  grid-column: 1 / 3;
}
.design-v2-2 .settings-order__title > span {
  grid-column: 3;
  padding: 0 14px 8px 0;
  text-align: center;
}
.design-v2-2 .settings-order__item:last-child {
  border-bottom: 0;
}
.design-v2-2 .settings-order__placeholder {
  background: #f7f7f7;
}
.design-v2-2 .settings-order__handle {
  align-items: center;
  background: transparent;
  border: 0;
  color: #737373;
  cursor: move;
  display: inline-flex;
  justify-content: center;
  min-height: 40px;
  padding: 0;
}
.design-v2-2 .settings-order__handle:hover,
.design-v2-2 .settings-order__handle:focus {
  color: #2b87b2;
}
.design-v2-2 .settings-order__handle--disabled {
  color: #737373;
  cursor: default;
}
.design-v2-2 .settings-order__handle--disabled:hover,
.design-v2-2 .settings-order__handle--disabled:focus {
  color: #737373;
}
.design-v2-2 .settings-order__label {
  min-width: 0;
  overflow-wrap: anywhere;
}
.design-v2-2 .settings-order__fixed {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  margin: 0;
  min-height: 40px;
}
.design-v2-2 .settings-order__item--required-fixed .design-v2-2 .settings-order__fixed {
  cursor: default;
}
.design-v2-2 .settings-order__item--required-fixed .design-v2-2 .settings-order__fixed input {
  pointer-events: none;
}
.design-v2-2 .sensor-box-preset-checkbox {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  gap: 9px;
  margin: 0 0 11px;
}
.design-v2-2 .presentation-chart-settings {
  margin-bottom: 26px;
}
.design-v2-2 .presentation-chart-settings__group {
  margin: 0 0 20px;
  padding: 0;
  border: 0;
}
.design-v2-2 .presentation-chart-settings__head,
.design-v2-2 .presentation-chart-settings .presentation-chart-setting__summary {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(170px, 250px) 54px 42px;
  gap: 12px;
  align-items: center;
}
.design-v2-2 .presentation-chart-settings__head {
  min-height: 40px;
  padding: 0 0 7px;
  color: #737373;
  font-size: 14px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .presentation-chart-settings__head {
    display: none;
  }
}
.design-v2-2 .presentation-chart-settings--without-color .presentation-chart-settings__head,
.design-v2-2 .presentation-chart-settings--without-color .presentation-chart-setting__summary {
  grid-template-columns: minmax(220px, 1fr) minmax(170px, 250px) 42px;
}
.design-v2-2 .presentation-chart-setting {
  border-top: 1px solid #d6d6d6;
}
.design-v2-2 .presentation-chart-setting__summary {
  min-height: 48px;
}
.design-v2-2 .presentation-chart-setting__label {
  min-width: 0;
}
.design-v2-2 .presentation-chart-setting__color {
  width: 38px;
  height: 34px;
  padding: 3px;
}
.design-v2-2 .presentation-chart-setting__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 34px;
  padding: 0;
}
.design-v2-2 .presentation-chart-setting__toggle .material-symbols-outlined {
  font-size: 21px;
}
.design-v2-2 .presentation-chart-setting__details {
  display: grid;
  grid-template-columns: repeat(3, minmax(150px, 1fr));
  gap: 14px 20px;
  padding: 14px 12px 16px;
  background: #f7f7f7;
  border-top: 1px solid #d6d6d6;
}
.design-v2-2 .presentation-chart-setting__details.hidden {
  display: none;
}
.design-v2-2 .presentation-chart-setting__details .form-group {
  margin: 0;
}
.design-v2-2 .presentation-chart-setting__details .form-group > span:first-child {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 600;
}
.design-v2-2 .presentation-chart-setting__option {
  align-items: center;
  align-self: end;
  cursor: pointer;
  display: flex;
  gap: 9px;
  min-height: 34px;
  margin: 0;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .presentation-chart-setting__summary {
    grid-template-columns: minmax(0, 1fr) 46px 42px;
    padding: 8px 0;
  }
  .design-v2-2 .presentation-chart-setting__summary .input-group {
    grid-column: 1 / -1;
  }
  .design-v2-2 .presentation-chart-setting__color {
    grid-column: 2;
    grid-row: 1;
  }
  .design-v2-2 .presentation-chart-setting__toggle {
    grid-column: 3;
    grid-row: 1;
  }
  .design-v2-2 .presentation-chart-setting__details {
    grid-template-columns: 1fr;
  }
}
.design-v2-2 .presentation-preset-dirty {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  margin: 0;
  color: #737373;
  font-size: 13px;
}
.design-v2-2 .presentation-preset-dirty.hidden {
  display: none;
}
.design-v2-2 .presentation-preset-dirty .material-symbols-outlined {
  font-size: 17px;
}
.design-v2-2 .sensor-box-preset-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 420px) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 18px;
}
.design-v2-2 .sensor-box-preset-toolbar__select {
  margin-bottom: 0;
}
.design-v2-2 .sensor-box-preset-toolbar__label {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.design-v2-2 .sensor-box-preset-toolbar__label label {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .sensor-box-preset-toolbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .design-v2-2 .sensor-box-preset-toolbar__select {
    grid-column: 1 / -1;
  }
}
.design-v2-2 .presentation-preset-footer {
  margin-top: 24px;
  padding-top: 18px;
  border-top: 1px solid #d6d6d6;
}
.design-v2-2 .presentation-preset-footer__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.design-v2-2 .presentation-preset-save-as {
  display: grid;
  grid-template-columns: minmax(260px, 420px) auto;
  gap: 10px;
  align-items: end;
  margin-top: 14px;
}
.design-v2-2 .presentation-preset-save-as.hidden {
  display: none;
}
.design-v2-2 .presentation-preset-save-as .form-group {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .presentation-preset-save-as {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .energy-preset-toolbar {
  display: grid;
  grid-template-columns: minmax(260px, 420px) auto;
  gap: 12px;
  align-items: end;
  margin-bottom: 15px;
}
.design-v2-2 .energy-preset-toolbar .form-group {
  margin-bottom: 0;
}
.design-v2-2 .energy-preset-default-type {
  max-width: 260px;
}
.design-v2-2 .energy-preset-default-state {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 260px));
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .energy-preset-default-state {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .presentation-table-default-state {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 240px));
  gap: 20px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #d6d6d6;
}
.design-v2-2 .presentation-table-default-state .form-group {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .presentation-table-default-state {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .presentation-table-default-state__title {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  color: #666;
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0 -8px;
}
.design-v2-2 .presentation-display-columns--without-source {
  --display-columns: 36px 40px minmax(150px, 0.8fr) minmax(220px, 1.4fr) 90px 72px;
}
.design-v2-2 .presentation-display-columns--without-source.presentation-display-columns__head > span:nth-child(3),
.design-v2-2 .presentation-display-columns--without-source.presentation-display-columns__head > span:nth-child(4) {
  text-align: left;
}
.design-v2-2 .presentation-display-columns--without-source.presentation-display-columns__head > span:nth-child(5),
.design-v2-2 .presentation-display-columns--without-source.presentation-display-columns__head > span:nth-child(6) {
  display: flex;
  justify-content: center;
  text-align: center;
}
.design-v2-2 .presentation-display-columns--without-description {
  --display-columns: 36px 40px minmax(170px, 1fr) minmax(100px, 130px) 90px 72px;
}
.design-v2-2 .presentation-display-columns--without-decimals {
  --display-columns: 36px 40px minmax(150px, 0.8fr) minmax(220px, 1.4fr) minmax(100px, 130px) 72px;
}
.design-v2-2 .presentation-display-columns--without-description.presentation-display-columns--without-source {
  --display-columns: 36px 40px minmax(200px, 1fr) 90px 72px;
}
.design-v2-2 .presentation-display-columns--without-decimals.presentation-display-columns--without-source {
  --display-columns: 36px 40px minmax(180px, 0.9fr) minmax(240px, 1.4fr) 72px;
}
.design-v2-2 .presentation-display-columns--without-description.presentation-display-columns--without-decimals {
  --display-columns: 36px 40px minmax(220px, 1fr) minmax(100px, 130px) 72px;
}
.design-v2-2 .presentation-display-columns--without-description.presentation-display-columns--without-decimals.presentation-display-columns--without-source {
  --display-columns: 36px 40px minmax(240px, 1fr) 72px;
}
.design-v2-2 .presentation-display-columns__head > span:last-child {
  display: flex;
  justify-content: center;
  text-align: center;
}
.design-v2-2 .page-filter__details .input-group .form-control.input-sm,
.design-v2-2 .page-filter__details .input-group .input-group-addon {
  height: 34px;
}
.design-v2-2 .page-filter__details .input-group .input-group-addon .material-symbols-outlined {
  font-size: 20px;
  line-height: 1;
  vertical-align: middle;
}
.design-v2-2 .bootstrap-datetimepicker-widget .timepicker-picker table td {
  height: 40px;
  line-height: 40px;
  padding: 2px;
}
.design-v2-2 .bootstrap-datetimepicker-widget .timepicker-picker a.btn[data-action] {
  height: 32px;
  min-height: 32px;
  padding: 0;
  width: 100%;
}
.design-v2-2 .bootstrap-datetimepicker-widget .timepicker-picker table td span {
  height: 36px;
  line-height: 36px;
  margin: 0;
  width: 36px;
}
.design-v2-2 .page-filter__details .power-regulation-requests-filter,
.design-v2-2 .page-filter__details .portal-service-records-filter {
  width: 560px;
  min-width: 560px;
}
.design-v2-2 .page-filter__details .portal-users-filter {
  width: 560px;
}
.design-v2-2 .page-filter__details .portal-users-filter .filter-row {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 10px;
}
.design-v2-2 .page-filter__details .portal-users-filter .filter-row--actions {
  margin-bottom: 0;
}
.design-v2-2 .page-filter__details .portal-users-filter__label-col {
  flex: 0 0 115px;
}
.design-v2-2 .page-filter__details .portal-users-filter__label-col label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.design-v2-2 .page-filter__details .portal-users-filter__field-col {
  flex: 1 1 auto;
  margin-bottom: 0;
  min-width: 0;
}
.design-v2-2 .page-filter__details .portal-users-filter .form-control,
.design-v2-2 .page-filter__details .portal-users-filter .select2-container {
  width: 100% !important;
}
.design-v2-2 .page-filter__details .portal-users-filter .filter-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 8px;
  justify-content: flex-start;
}
.design-v2-2 .page-filter__details .portal-users-filter .filter-actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  text-transform: none;
}
.design-v2-2 .page-filter__details .portal-users-filter .filter-actions .btn i {
  font-size: 14px;
  margin-right: 4px;
}
.design-v2-2 .page-filter__details .portal-translations-filter {
  width: 360px;
}
.design-v2-2 .page-filter__details .portal-translations-filter .form-group {
  margin-bottom: 15px;
}
.design-v2-2 .page-filter__details .portal-translations-filter label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 600;
}
.design-v2-2 .page-filter__details.inverters-settings-filter {
  width: 680px;
  min-width: 680px;
}
.design-v2-2 .page-filter__details.inverters-settings-filter .filter-row:not(.filter-row--actions) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 14px;
}
.design-v2-2 .page-filter__details.inverters-settings-filter .form-group {
  float: none;
  width: auto;
  min-width: 0;
  margin-bottom: 0;
  padding: 0;
}
.design-v2-2 .page-filter__details.inverters-settings-filter label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 600;
}
.design-v2-2 .page-filter__details.inverters-settings-filter .form-control,
.design-v2-2 .page-filter__details.inverters-settings-filter .select2-container {
  width: 100% !important;
}
.design-v2-2 .page-filter__details.inverters-settings-filter .filter-row--actions {
  margin: 0;
}
.design-v2-2 .page-filter__details.inverters-settings-filter .filter-row--actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  padding: 6px 12px;
  text-transform: none;
}
.design-v2-2 .page-filter__details.inverters-settings-filter .filter-row--actions .btn i {
  font-size: 14px;
  margin-right: 4px;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .page-filter__details.inverters-settings-filter {
    width: calc(100vw - 40px);
    min-width: 0;
  }
  .design-v2-2 .page-filter__details.inverters-settings-filter .filter-row:not(.filter-row--actions) {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .page-filter__details--two-column {
  width: 680px;
  min-width: 680px;
}
.design-v2-2 .page-filter__details--two-column .filter-row:not(.filter-row--actions) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin: 0 0 14px;
}
.design-v2-2 .page-filter__details--two-column .form-group {
  float: none;
  margin-bottom: 0;
  min-width: 0;
  padding: 0;
  width: auto;
}
.design-v2-2 .page-filter__details--two-column .form-control,
.design-v2-2 .page-filter__details--two-column .select2-container {
  width: 100% !important;
}
.design-v2-2 .page-filter__details--two-column .custom-classic-select {
  position: relative;
}
.design-v2-2 .page-filter__details--two-column .custom-classic-select:after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  z-index: 10;
  pointer-events: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #555555 transparent transparent transparent;
}
.design-v2-2 .page-filter__details--two-column .custom-classic-select select.form-control {
  height: 42px;
  padding-right: 40px;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .page-filter__details--two-column {
    width: calc(100vw - 40px);
    min-width: 0;
  }
  .design-v2-2 .page-filter__details--two-column .filter-row:not(.filter-row--actions) {
    grid-template-columns: minmax(0, 1fr);
  }
}
.design-v2-2 .portal-users-plants {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  max-width: 100%;
}
.design-v2-2 .portal-users-plants__item,
.design-v2-2 .portal-users-plants__more {
  align-items: center;
  background: #e9e9e9;
  border: 1px solid #d6d6d6;
  color: #2b87b2;
  display: inline-flex;
  font-size: 12px;
  line-height: 16px;
  max-width: 150px;
  min-height: 22px;
  overflow: hidden;
  padding: 2px 6px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .portal-users-plants__more {
  cursor: help;
  font-weight: 600;
}
.design-v2-2 .portal-users-table--loading {
  opacity: 0.6;
  pointer-events: none;
}
.design-v2-2 .portal-admin--plants .table-v2 tbody tr td:first-child,
.design-v2-2 .portal-admin--plants .table-v2 tbody tr th:first-child {
  border-left: 3px solid #d6d6d6;
}
.design-v2-2 .portal-admin--plants .table-v2 tbody tr.state-on td:first-child,
.design-v2-2 .portal-admin--plants .table-v2 tbody tr.state-on th:first-child {
  border-left-color: #56b65d;
}
.design-v2-2 .portal-admin--plants .table-v2 tbody tr.state-na td:first-child,
.design-v2-2 .portal-admin--plants .table-v2 tbody tr.state-na th:first-child {
  border-left-color: #e1c722;
}
.design-v2-2 .portal-admin--plants .table-v2 tbody tr.state-off td:first-child,
.design-v2-2 .portal-admin--plants .table-v2 tbody tr.state-off th:first-child {
  border-left-color: #ed5e5e;
}
.design-v2-2 .portal-admin--plants .table-v2 .table-td-center .status-icon {
  justify-content: center;
  margin: 0 auto;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-wizard {
  margin: 0 auto;
  max-width: none;
  width: 100%;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-steps {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 15px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step {
  align-items: center;
  border-bottom: 3px solid #d6d6d6;
  color: #777;
  display: flex;
  gap: 8px;
  min-height: 42px;
  padding: 8px 4px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step--active {
  border-bottom-color: #2b87b2;
  color: #2b87b2;
  font-weight: 600;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step--done {
  border-bottom-color: #56b65d;
  color: #3f9145;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step--link {
  text-decoration: none;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step--link:hover,
.design-v2-2 .portal-admin--plant-installation .plant-installation-step--link:focus {
  border-bottom-color: #2b87b2;
  color: #2b87b2;
  text-decoration: none;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step__icon {
  font-size: 20px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-step__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-box .box-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-box h3 {
  color: #2b87b2;
  font-size: 16px;
  font-weight: 600;
  margin: 18px 0 12px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-grid {
  display: grid;
  gap: 12px 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-grid--database {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 760px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-devices {
  display: grid;
  gap: 8px 18px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-switch-field {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-switch-field .input-group {
  display: block;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-switch-field__label {
  color: #777;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-section-label {
  color: #2b87b2;
  display: block;
  font-size: 13px;
  font-weight: 600;
  margin: 18px 0 10px;
  text-transform: uppercase;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-access {
  margin-top: 18px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-actions {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-top: 20px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-summary {
  border-bottom: 1px solid #d6d6d6;
  display: grid;
  gap: 8px 18px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 18px;
  padding-bottom: 15px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-checks {
  display: grid;
  gap: 8px;
  max-width: 860px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check {
  align-items: center;
  border: 1px solid #d6d6d6;
  display: grid;
  gap: 10px;
  grid-template-columns: 24px minmax(160px, 240px) 1fr;
  padding: 10px 12px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check--success {
  border-left: 3px solid #56b65d;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check--error {
  border-left: 3px solid #ed5e5e;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check__icon {
  font-size: 20px;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check--success .design-v2-2 .portal-admin--plant-installation .plant-installation-check__icon {
  color: #56b65d;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check--error .design-v2-2 .portal-admin--plant-installation .plant-installation-check__icon {
  color: #ed5e5e;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-check__label {
  font-weight: 600;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-done {
  text-align: center;
}
.design-v2-2 .portal-admin--plant-installation .plant-installation-done__icon {
  color: #56b65d;
  font-size: 48px;
}
.design-v2-2 .portal-user-default-profile {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 15px;
}
.design-v2-2 .portal-user-default-profile__label {
  color: #4d4d4d;
  font-weight: 600;
}
.design-v2-2 .portal-user-add-plant {
  border-bottom: 1px solid #d6d6d6;
  flex: 0 0 auto;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.design-v2-2 .portal-rest-clients-check-list {
  border: 1px solid #d6d6d6;
  max-height: 230px;
  overflow-y: auto;
  padding: 8px 12px;
}
.design-v2-2 .portal-rest-clients-check-list .checkbox {
  margin-bottom: 6px;
  margin-top: 0;
}
.design-v2-2 .portal-rest-clients-check-list .code-badge {
  margin-bottom: 4px;
}
.design-v2-2 .portal-rest-clients-check-list--readonly {
  border-color: transparent;
  max-height: 160px;
  padding-left: 0;
  padding-right: 0;
}
.design-v2-2 .portal-rest-clients-auth-log {
  max-height: 260px;
  overflow-y: auto;
}
.design-v2-2 .portal-rest-clients-token {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: normal;
  word-break: break-all;
}
.design-v2-2 .portal-translations-table__value {
  max-width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .portal-translations-form .box-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 155px);
  overflow: hidden;
}
.design-v2-2 .portal-translations-form__fields {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 8px;
}
.design-v2-2 .portal-translations-form__identifier {
  margin-right: 15px;
}
.design-v2-2 .portal-translations-form__actions {
  border-top: 1px solid #d6d6d6;
  flex: 0 0 auto;
  margin: 15px 0 0;
  padding-top: 15px;
}
.design-v2-2 .portal-translations-form textarea.form-control {
  resize: vertical;
}
.design-v2-2 .js-portal-users-detail .box-content,
.design-v2-2 .js-portal-users-plants-form .box-content,
.design-v2-2 .js-portal-users-permissions-form .box-content,
.design-v2-2 .js-plant-admin-detail .box-content,
.design-v2-2 .js-plant-admin-edit-form .box-content,
.design-v2-2 .js-plant-admin-users-form .box-content {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 155px);
  overflow: hidden;
}
.design-v2-2 .js-portal-users-detail .box-content > .table,
.design-v2-2 .js-plant-admin-detail .box-content > .table {
  flex: 0 0 auto;
}
.design-v2-2 .portal-user-detail-tabs,
.design-v2-2 .plant-admin-detail-tabs {
  flex: 0 0 auto;
  margin-bottom: 15px;
}
.design-v2-2 .portal-user-detail-tab-content,
.design-v2-2 .plant-admin-detail-tab-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  max-height: calc(100vh - 260px);
  min-height: 180px;
  overflow: hidden;
}
.design-v2-2 .portal-user-detail-tab-content .tab-pane,
.design-v2-2 .plant-admin-detail-tab-content .tab-pane {
  display: none;
}
.design-v2-2 .portal-user-detail-tab-content .tab-pane.active,
.design-v2-2 .plant-admin-detail-tab-content .tab-pane.active {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  max-height: calc(100vh - 260px);
  overflow-x: hidden;
  overflow-y: auto;
}
.design-v2-2 .portal-user-detail-tab-content .table,
.design-v2-2 .plant-admin-detail-tab-content .table {
  margin-bottom: 0;
}
.design-v2-2 #portal-user-detail-plants .portal-user-assignments-scroll,
.design-v2-2 #portal-user-detail-logins .portal-user-assignments-scroll {
  flex: 1 1 auto;
  max-height: calc(100vh - 275px);
  margin-bottom: 0;
  min-height: 0;
}
.design-v2-2 #plant-admin-detail-users .plant-admin-assignments-scroll {
  max-height: calc(100vh - 275px);
  margin-bottom: 0;
}
.design-v2-2 .portal-user-assignments-table td,
.design-v2-2 .portal-user-logins-table td,
.design-v2-2 .plant-admin-assignments-table td,
.design-v2-2 .plant-admin-devices-table td,
.design-v2-2 .portal-user-assignments-table th,
.design-v2-2 .portal-user-logins-table th,
.design-v2-2 .plant-admin-assignments-table th,
.design-v2-2 .plant-admin-devices-table th {
  vertical-align: middle !important;
}
.design-v2-2 .plant-admin-assignment-user {
  display: block;
  line-height: 1.25;
}
.design-v2-2 .plant-admin-assignment-user__name,
.design-v2-2 .plant-admin-assignment-user__email {
  display: block;
}
.design-v2-2 .plant-admin-assignment-user__email {
  color: #4d4d4d;
  font-size: 11px;
  margin-top: 2px;
}
.design-v2-2 .portal-user-assignments-scroll,
.design-v2-2 .plant-admin-assignments-scroll {
  border: 1px solid #d6d6d6;
  flex: 1 1 auto;
  margin-bottom: 15px;
  min-height: 120px;
  overflow-x: hidden;
  overflow-y: auto;
}
.design-v2-2 .portal-user-assignments-scroll .table,
.design-v2-2 .plant-admin-assignments-scroll .table {
  margin-bottom: 0;
}
.design-v2-2 .portal-user-assignments-scroll thead th,
.design-v2-2 .plant-admin-assignments-scroll thead th {
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 1;
}
.design-v2-2 .plant-admin-devices-table {
  flex: 0 0 auto;
}
.design-v2-2 .plant-admin-devices-table td {
  width: 120px;
}
.design-v2-2 .plant-admin-device-state {
  align-items: center;
  display: inline-flex;
  gap: 8px;
  white-space: nowrap;
}
.design-v2-2 .plant-admin-device-state .status-icon {
  justify-content: center;
}
.design-v2-2 .portal-user-modal-subtitle,
.design-v2-2 .plant-admin-modal-subtitle {
  flex: 0 0 auto;
  color: #2b87b2;
  font-size: 16px;
  font-weight: 600;
  margin: 18px 0 10px;
}
.design-v2-2 .portal-rest-clients-modal-actions,
.design-v2-2 .portal-user-modal-actions,
.design-v2-2 .plant-admin-modal-actions {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  margin-top: 15px;
}
.design-v2-2 .modal .box-content .btn {
  align-items: center;
  display: inline-flex;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  height: 34px;
  line-height: 20px;
  min-height: 0;
  padding: 6px 12px;
  text-transform: none;
}
.design-v2-2 .modal .box-content .btn__icon {
  line-height: 1;
  margin-right: 6px;
}
.design-v2-2 .plant-admin-add-user {
  border-bottom: 1px solid #d6d6d6;
  flex: 0 0 auto;
  margin-bottom: 15px;
  padding-bottom: 5px;
}
.design-v2-2 .js-portal-users-plants-form #setBtnCon,
.design-v2-2 .js-plant-admin-users-form #setBtnCon {
  flex: 0 0 auto;
  margin-bottom: 0;
}
.design-v2-2 .page-filter__details--table-viewer {
  max-width: calc(100vw - 15px - 15px);
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .page-filter__details--table-viewer {
    width: 860px;
    max-width: calc(100vw - 32px);
  }
}
.design-v2-2 .page-preset {
  position: relative;
  z-index: 10;
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  gap: 20px;
  order: 2;
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .page-preset {
    order: 1;
  }
}
.design-v2-2 .page-preset .contents-label {
  padding: 5px 10px;
}
.design-v2-2 .page-preset .contents-label__label {
  font-size: 14px;
}
.design-v2-2 .page-preset__toggle {
  height: 30px;
  position: relative;
  z-index: 4;
}
.design-v2-2 .page-preset__toggle,
.design-v2-2 .page-preset__toggle:visited {
  background-color: #d6d6d6;
  border: 1px solid #d6d6d6;
}
.design-v2-2 .page-preset__toggle:hover,
.design-v2-2 .page-preset__toggle:focus {
  background-color: #c9c9c9;
  border: 1px solid #c9c9c9;
}
.design-v2-2 .page-preset__toggle--opened,
.design-v2-2 .page-preset__toggle--opened:visited,
.design-v2-2 .page-preset__toggle--opened:hover,
.design-v2-2 .page-preset__toggle--opened:focus {
  position: relative;
  background-color: #ffffff;
  border-top-color: #d6d6d6;
  border-left-color: #d6d6d6;
  border-right-color: #d6d6d6;
  border-bottom-color: transparent;
}
.design-v2-2 .page-preset__toggle--opened + .page-preset__details {
  display: block;
}
.design-v2-2 .page-preset__toggle--opened::before,
.design-v2-2 .page-preset__toggle--opened::after {
  z-index: 5;
  content: '';
  position: absolute;
  right: -1px;
  width: calc(100% + 2px);
  height: 10px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
}
.design-v2-2 .page-preset__toggle--opened::before {
  height: 10px;
  top: -10px;
  border-bottom: none;
}
.design-v2-2 .page-preset__toggle--opened::after {
  height: 12px;
  bottom: -11px;
  border-top: none;
  border-bottom: none;
}
.design-v2-2 .page-preset__details {
  display: none;
  position: absolute;
  z-index: 3;
  right: 0;
  top: 39px;
  padding: 20px 30px;
  background-color: #ffffff;
  border: 1px solid #d6d6d6;
  border-bottom-width: 4px;
  min-width: 100px;
  min-height: 100px;
}
.design-v2-2 .page-preset__details--table-viewer {
  width: calc(100vw - 15px - 15px);
}
@media screen and (min-width: 768px) {
  .design-v2-2 .page-preset__details--table-viewer {
    width: 60vw;
  }
}
@media screen and (min-width: 1200px) {
  .design-v2-2 .page-preset__details--table-viewer {
    width: 50vw;
  }
}
.design-v2-2 .page-preset .selected-users {
  border: 1px solid #e9e9e9;
  padding: 15px;
}
.design-v2-2 .page-preset__details--energy,
.design-v2-2 .page-preset__details--sensor-box {
  width: calc(100vw - 30px);
  max-height: calc(100vh - 150px);
  overflow: auto;
}
@media screen and (min-width: 992px) {
  .design-v2-2 .page-preset__details--energy,
  .design-v2-2 .page-preset__details--sensor-box {
    width: max-content;
    min-width: 620px;
    max-width: calc(100vw - 60px);
  }
}
.design-v2-2 .selected-users {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.design-v2-2 .selected-users__tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid #d6d6d6;
  background-color: #e9e9e9;
  color: #2b87b2;
  cursor: pointer;
  line-height: 18px;
}
.design-v2-2 .power-regulation-requests-filter .filter-row,
.design-v2-2 .portal-service-records-filter .filter-row {
  display: flex;
  gap: 15px;
  flex-wrap: nowrap;
}
.design-v2-2 .power-regulation-requests-filter .filter-row--actions,
.design-v2-2 .portal-service-records-filter .filter-row--actions {
  display: flex;
  align-items: flex-end;
  gap: 16px;
}
.design-v2-2 .power-regulation-requests-filter .form-control,
.design-v2-2 .portal-service-records-filter .form-control {
  width: 100%;
}
.design-v2-2 .power-regulation-requests-filter .select2-container,
.design-v2-2 .portal-service-records-filter .select2-container {
  width: 100% !important;
}
.design-v2-2 .power-regulation-requests-filter .select2-container .select2-selection,
.design-v2-2 .portal-service-records-filter .select2-container .select2-selection {
  border-radius: 0;
}
.design-v2-2 .power-regulation-requests-filter .filter-field,
.design-v2-2 .portal-service-records-filter .filter-field,
.design-v2-2 .power-regulation-requests-filter .filter-actions,
.design-v2-2 .portal-service-records-filter .filter-actions {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.design-v2-2 .power-regulation-requests-filter .filter-actions,
.design-v2-2 .portal-service-records-filter .filter-actions {
  flex-direction: row;
  gap: 8px;
  align-items: center;
  font-size: 14px;
  margin-top: 22px;
}
.design-v2-2 .power-regulation-requests-filter .filter-actions .btn,
.design-v2-2 .portal-service-records-filter .filter-actions .btn {
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  text-transform: none;
  display: inline-flex;
  align-items: center;
}
.design-v2-2 .power-regulation-requests-filter .filter-actions .btn i,
.design-v2-2 .portal-service-records-filter .filter-actions .btn i {
  margin-right: 4px;
  font-size: 14px;
}
.design-v2-2 .code-badge {
  align-items: center;
  border-radius: 4px;
  display: inline-flex;
  flex: 0 0 auto;
  font-size: 90%;
  line-height: 1.25;
  max-width: 100%;
  padding: 2px 5px;
  white-space: normal;
  width: auto;
}
.design-v2-2 .code-badge--danger {
  background-color: #fbe8ed;
  color: #b92f4c;
}
.design-v2-2 .code-badge--primary {
  background-color: #e8f2fb;
  color: #2369a9;
}
.design-v2-2 .code-badge--success {
  background-color: #eaf6ec;
  color: #2f7d3b;
}
.design-v2-2 .code-badge--warning {
  background-color: #fff3d6;
  color: #8a6500;
}
.design-v2-2 .code-badge--neutral {
  background-color: #eef0f2;
  color: #5f6368;
}
.design-v2-2 .technical-type,
.design-v2-2 .table-v2-data-type {
  color: #777;
  font-size: 12px;
  font-style: italic;
}
.design-v2-2 .power-regulation-param-value {
  align-items: center;
  display: flex;
  gap: 6px;
  margin-bottom: 3px;
  white-space: nowrap;
}
.design-v2-2 .power-regulation-param-value__code {
  min-width: 0;
}
.design-v2-2 .power-regulation-param-value__raw {
  white-space: nowrap;
}
.design-v2-2 .power-regulation-timeline-params {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.design-v2-2 .power-regulation-timeline-param {
  align-items: center;
  display: inline-flex;
  gap: 2px;
  white-space: nowrap;
}
.design-v2-2 .power-regulation-status-badge {
  align-items: center;
  display: inline-flex;
  font-weight: 500;
  max-width: 100%;
  width: auto;
}
.design-v2-2 .power-regulation-manual-page .box-content {
  padding-top: 16px;
}
.design-v2-2 .regulation-manual-header-controls {
  margin: 0;
}
.design-v2-2 .regulation-manual-header-controls .btn {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}
.design-v2-2 .btn.is-loading {
  overflow: hidden;
  position: relative;
}
.design-v2-2 .btn .btn__loading {
  align-items: center;
  bottom: 0;
  display: flex;
  font-size: 1em;
  justify-content: center;
  left: 0;
  line-height: 1;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.15s ease;
}
.design-v2-2 .btn .btn__loading-icon {
  font-size: 1.15em;
  line-height: 1;
}
.design-v2-2 .btn.is-loading .btn__loading {
  opacity: 1;
}
.design-v2-2 .power-regulation-manual-modal .box-header {
  border-bottom: 1px solid #edf0f3;
  padding-bottom: 12px;
}
.design-v2-2 .power-regulation-manual-modal .box-header h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 4px;
}
.design-v2-2 .power-regulation-manual-modal .box-header p {
  margin-bottom: 0;
}
.design-v2-2 .power-regulation-manual-modal .box-content {
  padding-top: 16px;
}
.design-v2-2 .manual-regulation-form__section {
  background: #fff;
  border: 1px solid #e5e9ee;
  border-radius: 8px;
  margin-bottom: 14px;
  padding: 16px;
}
.design-v2-2 .manual-regulation-form__section-heading {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 14px;
}
.design-v2-2 .manual-regulation-form__section-heading .material-symbols-outlined {
  color: #5b6b7c;
  font-size: 20px;
}
.design-v2-2 .manual-regulation-form__section-heading h3 {
  font-size: 15px;
  font-weight: 600;
  margin: 0;
}
.design-v2-2 .manual-regulation-form__actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 2px;
}
.design-v2-2 .manual-regulation-form__actions .form-group {
  margin-bottom: 0;
}
.design-v2-2 .manual-regulation-form__actions .btn {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}
.design-v2-2 .manual-regulation-type-preview {
  align-items: center;
  background: #f8fafc;
  border: 1px solid #edf0f3;
  border-radius: 6px;
  display: flex;
  gap: 8px;
  margin-bottom: 12px;
  padding: 8px 10px;
}
.design-v2-2 .manual-regulation-type-preview__label {
  font-weight: 600;
  min-width: 0;
}
.design-v2-2 .manual-regulation-priority {
  margin-bottom: 0;
}
.design-v2-2 .manual-regulation-priority .datatable-label {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  margin-bottom: 5px;
}
.design-v2-2 .manual-regulation-priority .datatable-label-help-inline {
  align-items: center;
  display: inline-flex;
  line-height: 1;
  vertical-align: middle;
}
.design-v2-2 .manual-regulation-priority .material-symbols-outlined {
  color: #7d8b99;
  font-size: 15px;
  line-height: 1;
}
.design-v2-2 .manual-regulation-warning {
  margin-top: 12px;
}
.design-v2-2 .manual-regulation-loading {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 0;
}
.design-v2-2 .manual-regulation-loading .material-symbols-outlined {
  flex: 0 0 auto;
}
.design-v2-2 .manual-regulation-param {
  border-top: 1px solid #edf0f3;
  margin-bottom: 0;
  padding: 12px 0;
}
.design-v2-2 .manual-regulation-param:first-child {
  border-top: 0;
  padding-top: 0;
}
.design-v2-2 .manual-regulation-param:last-child {
  padding-bottom: 0;
}
.design-v2-2 .manual-regulation-param__header {
  align-items: center;
  display: flex;
  gap: 8px;
  margin-bottom: 7px;
}
.design-v2-2 .manual-regulation-param__header label {
  font-weight: 600;
  margin: 0;
  min-width: 0;
}
.design-v2-2 .manual-regulation-param__label {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  min-width: 0;
}
.design-v2-2 .manual-regulation-param__code {
  font-size: 11px;
  font-weight: 400;
  opacity: 0.78;
  padding: 1px 4px;
}
.design-v2-2 .manual-regulation-param__required {
  color: #d9534f;
  margin-left: 3px;
}
.design-v2-2 .manual-regulation-param__control {
  align-items: center;
  display: flex;
  gap: 8px;
}
.design-v2-2 .manual-regulation-param__control .form-control {
  max-width: 360px;
}
.design-v2-2 .manual-regulation-param__control .select2-container {
  max-width: 360px;
}
.design-v2-2 .manual-regulation-param__unit {
  color: #6f7c88;
  flex: 0 0 auto;
  font-size: 13px;
  white-space: nowrap;
}
.design-v2-2 .manual-regulation-param__switch {
  width: auto;
}
.design-v2-2 .manual-regulation-validity {
  display: inline-flex;
  flex-direction: column;
  gap: 1px;
  line-height: 1.25;
  white-space: nowrap;
}
.design-v2-2 .manual-regulation-validity__arrow {
  color: #8a96a3;
  font-size: 11px;
  line-height: 1;
}
.design-v2-2 .modal-section-heading {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 20px;
}
.design-v2-2 .power-regulation-plan {
  width: 100%;
}
.design-v2-2 .power-regulation-plan__toolbar {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.design-v2-2 .power-regulation-plan__title h2 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.25;
  margin: 0;
}
.design-v2-2 .power-regulation-plan__title span {
  color: #737373;
  font-size: 12px;
}
.design-v2-2 .power-regulation-plan__date-nav {
  align-items: center;
  color: #5d7078;
  display: inline-flex;
  font-size: 13px;
  font-weight: 500;
  gap: 6px;
  line-height: 1.2;
  margin-top: 6px;
}
.design-v2-2 .power-regulation-plan__date-nav-button {
  align-items: center;
  background: #ffffff;
  border: 1px solid rgba(101, 137, 151, 0.28);
  border-radius: 3px;
  color: #4f6974;
  display: inline-flex;
  font-size: 16px;
  height: 30px;
  justify-content: center;
  line-height: 1;
  padding: 0;
  width: 32px;
}
.design-v2-2 .power-regulation-plan__date-nav-button:hover,
.design-v2-2 .power-regulation-plan__date-nav-button:focus {
  background: #f1f7fa;
  border-color: rgba(101, 137, 151, 0.42);
  color: #2f78bf;
  outline: none;
}
.design-v2-2 .power-regulation-plan__date-nav-label {
  white-space: nowrap;
}
.design-v2-2 .power-regulation-plan__axis {
  height: 20px;
  margin-left: 272px;
  position: relative;
}
.design-v2-2 .power-regulation-plan__axis-marker {
  color: #737373;
  font-size: 11px;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}
.design-v2-2 .power-regulation-plan__day {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  padding-bottom: 10px;
}
.design-v2-2 .power-regulation-plan__day + .power-regulation-plan__day {
  border-top: 1px solid rgba(101, 137, 151, 0.12);
  padding-top: 12px;
}
.design-v2-2 .power-regulation-plan--daily .power-regulation-plan__day {
  display: block;
  gap: 0;
  margin-bottom: 18px;
  padding-bottom: 16px;
}
.design-v2-2 .power-regulation-plan--weekly .power-regulation-plan__day {
  display: block;
  gap: 0;
  margin-bottom: 18px;
  padding-bottom: 16px;
}
.design-v2-2 .power-regulation-plan--daily .power-regulation-plan__day + .power-regulation-plan__day {
  border-top: 1px solid rgba(101, 137, 151, 0.12);
  padding-top: 14px;
}
.design-v2-2 .power-regulation-plan--weekly .power-regulation-plan__day + .power-regulation-plan__day {
  border-top: 1px solid rgba(101, 137, 151, 0.12);
  padding-top: 14px;
}
.design-v2-2 .power-regulation-plan__slot-header,
.design-v2-2 .power-regulation-plan__week-header {
  align-items: flex-end;
  display: flex;
  gap: 14px;
  margin-bottom: 10px;
}
.design-v2-2 .power-regulation-plan__slot-range,
.design-v2-2 .power-regulation-plan__week-date {
  color: #2f3f46;
  flex: 0 0 174px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
}
.design-v2-2 .power-regulation-plan__week-date {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.design-v2-2 .power-regulation-plan__week-date strong {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
.design-v2-2 .power-regulation-plan__week-date span {
  color: #87969d;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}
.design-v2-2 .power-regulation-plan__week-date span::before {
  content: '·';
  margin-right: 5px;
}
.design-v2-2 .power-regulation-plan__slot-axis,
.design-v2-2 .power-regulation-plan__week-axis {
  border-bottom: 1px solid rgba(101, 137, 151, 0.18);
  flex: 1 1 auto;
  height: 25px;
  min-width: 0;
  position: relative;
}
.design-v2-2 .power-regulation-plan__slot-tick,
.design-v2-2 .power-regulation-plan__week-tick {
  background: rgba(101, 137, 151, 0.2);
  bottom: 0;
  height: 5px;
  position: absolute;
  transform: translateX(-50%);
  width: 1px;
}
.design-v2-2 .power-regulation-plan__slot-tick--half,
.design-v2-2 .power-regulation-plan__week-tick--half {
  background: rgba(101, 137, 151, 0.32);
  height: 8px;
}
.design-v2-2 .power-regulation-plan__slot-tick--hour,
.design-v2-2 .power-regulation-plan__week-tick--hour {
  background: rgba(101, 137, 151, 0.48);
  height: 12px;
}
.design-v2-2 .power-regulation-plan__slot-tick-label,
.design-v2-2 .power-regulation-plan__week-tick-label {
  color: #7e8e96;
  font-size: 11px;
  font-weight: 500;
  left: 50%;
  position: absolute;
  top: -18px;
  transform: translateX(-50%);
  white-space: nowrap;
}
.design-v2-2 .power-regulation-plan__day-label {
  color: #36464d;
  flex: 0 0 76px;
  font-size: 12px;
  padding-top: 9px;
  text-align: right;
}
.design-v2-2 .power-regulation-plan__day-label strong {
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
}
.design-v2-2 .power-regulation-plan__day-label span {
  color: #87969d;
  display: block;
  font-size: 11px;
  line-height: 1.25;
  margin-top: 2px;
}
.design-v2-2 .power-regulation-plan--daily .power-regulation-plan__day-label {
  flex-basis: 112px;
}
.design-v2-2 .power-regulation-plan__type-rows {
  flex: 1 1 auto;
  min-width: 0;
}
.design-v2-2 .power-regulation-plan__type-row {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-bottom: 10px;
}
.design-v2-2 .power-regulation-plan__type-row:last-child {
  margin-bottom: 0;
}
.design-v2-2 .power-regulation-plan--daily .power-regulation-plan__type-row {
  margin-bottom: 8px;
}
.design-v2-2 .power-regulation-plan--weekly .power-regulation-plan__type-row {
  margin-bottom: 8px;
}
.design-v2-2 .power-regulation-plan__type-label {
  align-items: flex-start;
  color: #36464d;
  display: flex;
  flex: 0 0 174px;
  flex-direction: column;
  font-size: 12px;
  justify-content: center;
  min-width: 0;
}
.design-v2-2 .power-regulation-plan__type-label span {
  display: block;
  font-weight: 500;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.design-v2-2 .power-regulation-plan__type-label .code-badge {
  background-color: rgba(35, 105, 169, 0.07);
  color: #58727d;
  font-size: 10px;
  font-weight: 400;
  margin-top: 3px;
  max-width: 100%;
  padding: 1px 4px;
}
.design-v2-2 .power-regulation-plan--daily .power-regulation-plan__type-label {
  flex-basis: 174px;
}
.design-v2-2 .power-regulation-plan--weekly .power-regulation-plan__type-label {
  flex-basis: 174px;
}
.design-v2-2 .power-regulation-plan__day-track {
  background: transparent;
  border: 0;
  border-radius: 0;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.design-v2-2 .power-regulation-plan__grid-line {
  background: linear-gradient(to bottom, rgba(101, 137, 151, 0), rgba(101, 137, 151, 0.13) 16%, rgba(101, 137, 151, 0.13) 84%, rgba(101, 137, 151, 0));
  bottom: 0;
  position: absolute;
  top: 0;
  width: 1px;
}
.design-v2-2 .power-regulation-plan__grid-line--quarter {
  background: linear-gradient(to bottom, rgba(101, 137, 151, 0), rgba(101, 137, 151, 0.055) 20%, rgba(101, 137, 151, 0.055) 80%, rgba(101, 137, 151, 0));
}
.design-v2-2 .power-regulation-plan__grid-line--half {
  background: linear-gradient(to bottom, rgba(101, 137, 151, 0), rgba(101, 137, 151, 0.08) 18%, rgba(101, 137, 151, 0.08) 82%, rgba(101, 137, 151, 0));
}
.design-v2-2 .power-regulation-plan__grid-line--hour {
  background: linear-gradient(to bottom, rgba(101, 137, 151, 0), rgba(101, 137, 151, 0.13) 16%, rgba(101, 137, 151, 0.13) 84%, rgba(101, 137, 151, 0));
}
.design-v2-2 .power-regulation-plan__block {
  background: linear-gradient(135deg, #f7fbff, #eef5fa);
  border: 1px solid rgba(101, 137, 151, 0.16);
  border-left: 0;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(35, 73, 92, 0.11);
  color: #2f2f2f;
  display: flex;
  flex-direction: column;
  height: 44px;
  justify-content: center;
  line-height: 1.25;
  min-width: 8px;
  overflow: hidden;
  padding: 7px 12px;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  transition: box-shadow 0.15s ease, transform 0.15s ease, opacity 0.15s ease;
}
.design-v2-2 .power-regulation-plan__block:hover,
.design-v2-2 .power-regulation-plan__block:focus {
  box-shadow: 0 6px 16px rgba(35, 73, 92, 0.18);
  transform: translateY(-1px);
  z-index: 4;
}
.design-v2-2 .power-regulation-plan__block.is-loading {
  opacity: 0.58;
  pointer-events: none;
}
.design-v2-2 .power-regulation-plan__block::before {
  background: #658997;
  bottom: 6px;
  content: '';
  left: 7px;
  position: absolute;
  top: 6px;
  width: 4px;
  border-radius: 4px;
}
.design-v2-2 .power-regulation-plan__block--type-battery-overflow-regulation {
  background: linear-gradient(135deg, #ecfbf6, #dff4f7);
  border-color: rgba(50, 143, 130, 0.18);
  box-shadow: 0 4px 12px rgba(45, 130, 119, 0.12);
}
.design-v2-2 .power-regulation-plan__block--type-battery-overflow-regulation::before {
  background: #2f9b88;
}
.design-v2-2 .power-regulation-plan__block--type-inverter-power {
  background: linear-gradient(135deg, #eef7ff, #e2effb);
  border-color: rgba(45, 112, 179, 0.18);
  box-shadow: 0 4px 12px rgba(45, 112, 179, 0.11);
}
.design-v2-2 .power-regulation-plan__block--type-inverter-power::before {
  background: #2f78bf;
}
.design-v2-2 .power-regulation-plan__block--type-default {
  background: linear-gradient(135deg, #f5f9fb, #edf3f6);
}
.design-v2-2 .power-regulation-plan__block--type-default::before {
  background: #658997;
}
.design-v2-2 .power-regulation-plan__block--cluster {
  border-color: rgba(79, 105, 116, 0.28);
  box-shadow: 0 5px 14px rgba(35, 73, 92, 0.14);
  font-weight: 600;
}
.design-v2-2 .power-regulation-plan__block--cluster::after {
  background: repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.28) 0, rgba(255, 255, 255, 0.28) 4px, rgba(255, 255, 255, 0) 4px, rgba(255, 255, 255, 0) 9px);
  bottom: 0;
  content: '';
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.design-v2-2 .power-regulation-plan__block--cluster .power-regulation-plan__block-main,
.design-v2-2 .power-regulation-plan__block--cluster .power-regulation-plan__block-meta {
  position: relative;
  z-index: 1;
}
.design-v2-2 .power-regulation-plan__block--cluster.power-regulation-plan__block--type-battery-overflow-regulation {
  border-color: rgba(47, 155, 136, 0.34);
  box-shadow: 0 5px 14px rgba(45, 130, 119, 0.16);
}
.design-v2-2 .power-regulation-plan__block--cluster.power-regulation-plan__block--type-inverter-power {
  border-color: rgba(47, 120, 191, 0.34);
  box-shadow: 0 5px 14px rgba(45, 112, 179, 0.15);
}
.design-v2-2 .power-regulation-plan__block--coalesced {
  border-style: solid;
}
.design-v2-2 .power-regulation-plan__block--coalesced::after {
  background: rgba(255, 255, 255, 0.36);
  border-radius: 999px;
  content: '';
  height: 4px;
  position: absolute;
  right: 9px;
  top: 9px;
  width: 14px;
}
.design-v2-2 .power-regulation-plan__block--planned {
  box-shadow: 0 4px 12px rgba(103, 94, 70, 0.1);
}
.design-v2-2 .power-regulation-plan__block--cancelled {
  background: #f3f5f6;
  border-color: rgba(120, 135, 142, 0.16);
  box-shadow: none;
  color: #78878e;
  opacity: 0.72;
}
.design-v2-2 .power-regulation-plan__block--cancelled::before {
  background: #9aa7ad;
}
.design-v2-2 .power-regulation-plan__block--narrow {
  align-items: center;
  padding-left: 6px;
  padding-right: 6px;
}
.design-v2-2 .power-regulation-plan__block--narrow::before {
  display: none;
}
.design-v2-2 .power-regulation-plan__block--compact {
  height: 44px;
  justify-content: center;
  padding-bottom: 7px;
  padding-top: 7px;
}
.design-v2-2 .power-regulation-plan__block--compact .power-regulation-plan__block-main {
  font-size: 11px;
  line-height: 1.25;
  padding-left: 0;
}
.design-v2-2 .power-regulation-plan__block--micro {
  border-radius: 16px;
  height: 44px;
  justify-content: center;
  min-width: 8px;
  padding: 0;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation .power-regulation-plan__block-main,
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation .power-regulation-plan__block-meta {
  display: none;
}
.design-v2-2 .power-regulation-plan__block--micro::before {
  display: none;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation {
  background: transparent;
  border: 0;
  box-shadow: none;
  margin-left: -3px;
  min-width: 0;
  overflow: visible;
  width: 6px !important;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation:hover,
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation:focus {
  box-shadow: none;
  transform: none;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation::after {
  background: #658997;
  border-radius: 3px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.86);
  content: '';
  height: 34px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 4px;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation.power-regulation-plan__block--type-battery-overflow-regulation::after {
  background: #2f9b88;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation.power-regulation-plan__block--type-inverter-power::after {
  background: #2f78bf;
}
.design-v2-2 .power-regulation-plan__block--micro.power-regulation-plan__block--regulation.power-regulation-plan__block--cancelled::after {
  background: #9aa7ad;
}
.design-v2-2 .power-regulation-plan__block-main,
.design-v2-2 .power-regulation-plan__block-meta {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-v2-2 .power-regulation-plan__block-main {
  color: #2f2f2f;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  padding-left: 8px;
  white-space: nowrap;
}
.design-v2-2 .power-regulation-plan__block-meta {
  color: #4f6974;
  font-size: 12px;
  line-height: 1.25;
  margin-top: 2px;
  padding-left: 8px;
  white-space: nowrap;
}
.design-v2-2 .power-regulation-plan__block--narrow .power-regulation-plan__block-main {
  font-size: 11px;
  padding-left: 0;
}
.design-v2-2 .power-regulation-plan__empty {
  color: #b3b3b3;
  display: block;
  font-size: 12px;
  padding: 10px;
}
.design-v2-2 .power-regulation-timeline-group__summary {
  background: #f8fbfc;
  border: 1px solid rgba(101, 137, 151, 0.14);
  border-radius: 4px;
  display: grid;
  gap: 8px 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 14px;
  padding: 12px;
}
.design-v2-2 .power-regulation-timeline-group__summary strong {
  color: #4f6974;
  display: block;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}
.design-v2-2 .power-regulation-timeline-group__summary span {
  color: #2f3f46;
  display: block;
  font-size: 13px;
  margin-top: 2px;
}
.design-v2-2 .power-regulation-timeline-group__summary .code-badge {
  display: inline-block;
  margin-left: 4px;
}
.design-v2-2 .power-regulation-timeline-group__table {
  margin-bottom: 0;
}
.design-v2-2 .power-regulation-timeline-group__detail-link {
  font-weight: 600;
}
.design-v2-2 .page-filter__details .power-regulation-plan-filter {
  margin-left: 0;
  min-width: 560px;
  width: 560px;
}
.design-v2-2 .power-regulation-plan-filter .filter-row {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 10px;
}
.design-v2-2 .power-regulation-plan-filter .filter-row--actions {
  align-items: center;
  display: flex;
  margin-bottom: 0;
}
.design-v2-2 .power-regulation-plan-filter__label-col {
  flex: 0 0 135px;
  text-align: left;
}
.design-v2-2 .power-regulation-plan-filter__label-col label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.design-v2-2 .power-regulation-plan-filter__field-col {
  flex: 1 1 auto;
  min-width: 0;
}
.design-v2-2 .power-regulation-plan-filter .form-control {
  width: 100%;
}
.design-v2-2 .power-regulation-plan-filter__date {
  align-items: center;
  display: flex;
  gap: 6px;
}
.design-v2-2 .power-regulation-plan-filter__date .input-group {
  flex: 1 1 auto;
  min-width: 0;
}
.design-v2-2 .power-regulation-plan-filter__date .btn {
  flex: 0 0 auto;
  width: 34px;
}
.design-v2-2 .power-regulation-plan-filter__date .btn i {
  margin: 0;
}
.design-v2-2 .power-regulation-plan-filter__buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-start;
}
.design-v2-2 .power-regulation-plan-filter__buttons .btn {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  text-transform: none;
}
.design-v2-2 .power-regulation-plan-filter__buttons .btn i {
  font-size: 14px;
  margin-right: 4px;
}
.design-v2-2 .power-regulation-plan-filter .filter-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 8px;
  justify-content: flex-start;
}
.design-v2-2 .api-service-card-header {
  align-items: center;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 16px;
}
.design-v2-2 .api-service-card-header h3 {
  margin: 0;
}
.design-v2-2 .api-service-card-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.design-v2-2 .web-service-settings-header-controls [data-tab-control] {
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.design-v2-2 .page-filter__details .web-service-log-filter {
  width: 360px;
  min-width: 360px;
}
.design-v2-2 .page-filter__details .web-service-log-filter .filter-row {
  display: block;
}
.design-v2-2 .page-filter__details .web-service-log-filter .form-group {
  margin-bottom: 12px;
}
.design-v2-2 .page-filter__details .web-service-log-filter .form-control {
  width: 100%;
}
.design-v2-2 .page-filter__details .web-service-log-filter .filter-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 8px;
  justify-content: flex-start;
  margin-bottom: 0;
  margin-top: 4px;
}
.design-v2-2 .page-filter__details .web-service-log-filter .filter-actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  text-transform: none;
  width: auto;
}
.design-v2-2 .page-filter__details .web-service-log-filter .filter-actions .btn i {
  font-size: 14px;
  margin-right: 4px;
}
.design-v2-2 .api-service-detail__header {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 14px;
}
.design-v2-2 .api-service-detail__header h3 {
  margin: 0;
}
.design-v2-2 .api-service-detail__subtitle {
  align-items: center;
  color: #737373;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 6px;
}
.design-v2-2 .api-service-detail__state {
  flex: 0 0 auto;
}
.design-v2-2 .api-service-detail__description {
  background-color: #e9e9e9;
  border-left: 3px solid #2b87b2;
  margin-bottom: 16px;
  padding: 10px 12px;
}
.design-v2-2 .api-service-detail__grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-bottom: 20px;
}
.design-v2-2 .api-service-detail__panel {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  padding: 14px;
}
.design-v2-2 .api-service-detail__panel h4 {
  font-size: 15px;
  margin: 0 0 12px;
}
.design-v2-2 .api-service-detail__list {
  display: grid;
  gap: 8px 12px;
  grid-template-columns: minmax(110px, auto) minmax(0, 1fr);
  margin: 0;
}
.design-v2-2 .api-service-detail__list dt {
  color: #737373;
  font-weight: 400;
}
.design-v2-2 .api-service-detail__list dd {
  margin: 0;
  min-width: 0;
}
.design-v2-2 .api-service-detail__break {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.design-v2-2 .api-service-detail__methods {
  margin-top: 4px;
}
.design-v2-2 .api-service-detail__methods h3 {
  margin: 0 0 12px;
}
.design-v2-2 .api-service-inline-form,
.design-v2-2 .api-service-table-action-form {
  display: inline;
  margin: 0;
}
.design-v2-2 .api-service-table-action-form .button-controls__link {
  background: transparent;
  border: 0;
  padding: 0;
}
.design-v2-2 .api-service-plant-map-table .table-td-actions {
  min-width: 132px;
}
.design-v2-2 .api-service-map-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.design-v2-2 .api-service-map-action-form {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.design-v2-2 .portal-user-invitation-form {
  margin-top: 12px;
}
.design-v2-2 .portal-user-invitation-status {
  border-radius: 0;
  font-weight: 500;
}
.design-v2-2 .portal-user-invitation-status--pending {
  background-color: #f0ad4e;
}
.design-v2-2 .portal-user-invitation-status--accepted {
  background-color: #5cb85c;
}
.design-v2-2 .portal-user-invitation-status--expired,
.design-v2-2 .portal-user-invitation-status--revoked {
  background-color: #737373;
}
.design-v2-2 .api-service-map-action-code {
  flex: 0 0 96px;
  text-align: center;
}
.design-v2-2 .api-service-map-action-label {
  color: #333333;
  min-width: 150px;
}
.design-v2-2 .api-service-map-action-field {
  align-items: center;
  display: inline-flex;
  gap: 5px;
  margin: 0;
}
.design-v2-2 .api-service-map-action-field span {
  color: #737373;
  font-weight: 400;
}
.design-v2-2 .api-service-map-action-date {
  width: 142px;
}
.design-v2-2 .api-service-map-action-input {
  width: 142px;
}
.design-v2-2 .api-service-map-action-submit {
  justify-content: center;
  min-width: 32px;
  padding-left: 0;
  padding-right: 0;
  width: 32px;
}
.design-v2-2 .api-service-map-action-submit .material-symbols-outlined {
  font-size: 18px;
  line-height: 1;
}
.design-v2-2 .api-service-method-catalog .api-service-method-parameters {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.design-v2-2 .api-service-method-catalog .api-service-method-parameter {
  align-items: center;
  display: inline-flex;
  gap: 4px;
}
.design-v2-2 .api-service-modal-actions {
  display: grid;
  gap: 14px;
}
.design-v2-2 .api-service-action-selector {
  margin-bottom: 12px;
}
.design-v2-2 .api-service-action-modal-form {
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  margin: 0;
  padding: 12px;
}
.design-v2-2 .api-service-action-modal-form__head {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}
.design-v2-2 .api-service-action-modal-form__fields {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  margin-bottom: 10px;
}
.design-v2-2 .api-service-action-result {
  margin-top: 18px;
}
.design-v2-2 .api-service-action-terminal {
  background: #111827;
  border-radius: 6px;
  color: #e5e7eb;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  line-height: 1.5;
  max-height: 360px;
  overflow: auto;
  padding: 12px;
  white-space: pre-wrap;
}
.design-v2-2 .api-service-action-copy-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}
.design-v2-2 .api-service-log-table .table-td-actions {
  min-width: 48px;
}
.design-v2-2 .api-service-log-content--loading {
  opacity: 0.65;
}
.design-v2-2 .api-service-log-detail-row > td {
  background-color: #e9e9e9;
}
.design-v2-2 .api-service-log-detail {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.design-v2-2 .api-service-log-detail__head {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 8px;
}
.design-v2-2 .api-service-log-detail__head h4 {
  margin: 0;
}
.design-v2-2 .api-service-log-terminal {
  margin: 0;
}
@media (max-width: 991px) {
  .design-v2-2 .api-service-card-header {
    align-items: stretch;
    flex-direction: column;
  }
  .design-v2-2 .api-service-card-actions {
    justify-content: flex-start;
  }
  .design-v2-2 .api-service-detail__grid {
    grid-template-columns: 1fr;
  }
  .design-v2-2 .api-service-map-action-form {
    align-items: flex-start;
    flex-direction: column;
  }
  .design-v2-2 .api-service-map-action-code,
  .design-v2-2 .api-service-map-action-date,
  .design-v2-2 .api-service-map-action-input,
  .design-v2-2 .api-service-map-action-label,
  .design-v2-2 .api-service-map-action-submit {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .design-v2-2 .power-regulation-plan__toolbar,
  .design-v2-2 .power-regulation-plan__day {
    display: block;
  }
  .design-v2-2 .power-regulation-plan__axis {
    margin-left: 0;
  }
  .design-v2-2 .power-regulation-plan__slot-header,
  .design-v2-2 .power-regulation-plan__week-header {
    display: block;
  }
  .design-v2-2 .power-regulation-plan__slot-range,
  .design-v2-2 .power-regulation-plan__week-date {
    margin-bottom: 22px;
  }
  .design-v2-2 .power-regulation-plan__day-label {
    margin-bottom: 4px;
    text-align: left;
  }
  .design-v2-2 .power-regulation-plan__type-row {
    display: block;
  }
  .design-v2-2 .power-regulation-plan__type-label {
    margin-bottom: 4px;
  }
  .design-v2-2 .page-filter__details .power-regulation-plan-filter {
    min-width: 0;
    width: 100%;
  }
  .design-v2-2 .power-regulation-plan-filter .filter-row {
    display: block;
  }
  .design-v2-2 .power-regulation-plan-filter__label-col {
    margin-bottom: 5px;
    text-align: left;
  }
  .design-v2-2 .power-regulation-plan-filter__buttons {
    margin-top: 4px;
  }
}
.design-v2-2 .economics-overview {
  color: #343434;
}
.design-v2-2 .economics-overview__panel {
  background: #fff;
}
.design-v2-2 .economics-overview__status-line {
  min-height: 54px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 28px;
  padding: 10px 28px;
  border-bottom: 1px solid #dedede;
}
.design-v2-2 .economics-overview__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 13px;
}
.design-v2-2 .economics-overview__status .material-symbols-outlined {
  font-size: 20px;
}
.design-v2-2 .economics-overview__status--finalized {
  color: #258a45;
}
.design-v2-2 .economics-overview__status--pending {
  color: #bd7300;
}
.design-v2-2 .economics-overview__status--live {
  color: #258ac0;
}
.design-v2-2 .economics-overview__energy-band {
  padding: 28px;
  border-bottom: 1px solid #d7d7d7;
}
.design-v2-2 .economics-overview__primary-value {
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin-bottom: 24px;
}
.design-v2-2 .economics-overview__primary-value span {
  width: 170px;
  color: #6d6d6d;
  font-size: 14px;
}
.design-v2-2 .economics-overview__primary-value strong {
  font: 700 39px/1 'PT Sans Narrow', sans-serif;
}
.design-v2-2 .economics-overview__primary-value em {
  color: #6d6d6d;
  font: 400 21px 'PT Sans Narrow', sans-serif;
  font-style: normal;
}
.design-v2-2 .economics-overview__breakdown {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin-bottom: 15px;
}
.design-v2-2 .economics-overview__breakdown > div {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
}
.design-v2-2 .economics-overview__breakdown label {
  color: #777;
  font-size: 12px;
  font-weight: 400;
}
.design-v2-2 .economics-overview__breakdown strong {
  grid-column: 2;
  margin-top: 2px;
  font-size: 15px;
}
.design-v2-2 .economics-overview__dot {
  width: 9px;
  height: 9px;
  display: block;
}
.design-v2-2 .economics-overview__dot--finalized,
.design-v2-2 .economics-overview__progress-finalized {
  background: #299c51;
}
.design-v2-2 .economics-overview__dot--pending,
.design-v2-2 .economics-overview__progress-pending {
  background: #f19a22;
}
.design-v2-2 .economics-overview__dot--live,
.design-v2-2 .economics-overview__progress-live {
  background: #2997cf;
}
.design-v2-2 .economics-overview__progress {
  height: 9px;
  display: flex;
  overflow: hidden;
  background: #e5e5e5;
}
.design-v2-2 .economics-overview__progress span {
  min-width: 3px;
  height: 100%;
}
.design-v2-2 .economics-overview__money-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  background: #fafafa;
  border-bottom: 1px solid #d7d7d7;
}
.design-v2-2 .economics-overview__money-column {
  min-width: 0;
  min-height: 125px;
  display: flex;
  gap: 14px;
  padding: 25px 28px;
  border-right: 1px solid #d7d7d7;
}
.design-v2-2 .economics-overview__money-column:last-child {
  border-right: 0;
}
.design-v2-2 .economics-overview__money-column > .material-symbols-outlined {
  color: #299c51;
  font-size: 28px;
}
.design-v2-2 .economics-overview__money-column--pending > .material-symbols-outlined {
  color: #f19a22;
}
.design-v2-2 .economics-overview__money-column--total > .material-symbols-outlined {
  color: #2997cf;
}
.design-v2-2 .economics-overview__money-column.is-negative > .material-symbols-outlined,
.design-v2-2 .economics-overview__money-column.is-negative strong {
  color: #d64545;
}
.design-v2-2 .economics-overview__money-column label {
  display: block;
  margin-bottom: 5px;
  color: #686868;
  font-size: 12px;
  font-weight: 400;
}
.design-v2-2 .economics-overview__money-column strong {
  display: block;
  margin-bottom: 7px;
  font: 700 25px 'PT Sans Narrow', sans-serif;
}
.design-v2-2 .economics-overview__money-column small {
  display: block;
  color: #858585;
  font-size: 11px;
  line-height: 1.4;
}
.design-v2-2 .economics-overview__footnote {
  min-height: 51px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 10px 28px;
  background: #f1f1f1;
  color: #777;
  font-size: 12px;
}
.design-v2-2 .economics-overview__footnote .material-symbols-outlined {
  font-size: 19px;
}
@media (max-width: 720px) {
  .design-v2-2 .economics-overview__status-line,
  .design-v2-2 .economics-overview__energy-band {
    padding-right: 16px;
    padding-left: 16px;
  }
  .design-v2-2 .economics-overview__primary-value {
    flex-wrap: wrap;
  }
  .design-v2-2 .economics-overview__primary-value span {
    width: 100%;
  }
  .design-v2-2 .economics-overview__primary-value strong {
    font-size: 32px;
  }
  .design-v2-2 .economics-overview__breakdown,
  .design-v2-2 .economics-overview__money-grid {
    grid-template-columns: 1fr;
  }
  .design-v2-2 .economics-overview__breakdown {
    gap: 12px;
  }
  .design-v2-2 .economics-overview__money-column {
    min-height: 100px;
    padding: 20px 16px;
    border-right: 0;
    border-bottom: 1px solid #d7d7d7;
  }
  .design-v2-2 .economics-overview__money-column:last-child {
    border-bottom: 0;
  }
  .design-v2-2 .economics-overview__footnote {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.design-v2-2 .battery-sort-controls {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #fff;
  padding: 8px 10px;
}
.design-v2-2 .battery-sort-controls__label {
  margin: 0;
  color: #333333;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
}
.design-v2-2 .battery-sort-controls__group {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 6px;
}
.design-v2-2 .battery-sort-controls .form-control {
  width: 190px;
  height: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.design-v2-2 .battery-sort-controls .select2-container {
  width: 190px !important;
}
.design-v2-2 .battery-sort-controls__direction {
  width: 30px;
  height: 30px;
  padding: 4px;
}
.design-v2-2 .battery-sort-controls__direction .material-symbols-outlined {
  font-size: 18px;
  line-height: 20px;
}
.design-v2-2 .battery-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
  .design-v2-2 .battery-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .battery-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 1900px) {
  .design-v2-2 .battery-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
.design-v2-2 .battery-container .battery-card {
  position: relative;
  background: #ffffff;
  border: 1px solid #d6d6d6;
  border-bottom-width: 4px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.design-v2-2 .battery-container .battery-card::before {
  position: absolute;
  bottom: -4px;
  left: -1px;
  content: "";
  height: calc(100% + 4px + 1px);
  width: 1px;
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  height: 4px;
  width: 100%;
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__more-info {
  position: absolute;
  bottom: 3px;
  right: 3px;
  cursor: help;
}
.design-v2-2 .battery-container .battery-card__more-info > span {
  color: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__more-info:focus > span,
.design-v2-2 .battery-container .battery-card__more-info:hover > span {
  color: #222222;
}
.design-v2-2 .battery-container .battery-card .tooltip.top .tooltip-arrow {
  border-top-color: #fff;
}
.design-v2-2 .battery-container .battery-card .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #fff;
}
.design-v2-2 .battery-container .battery-card .tooltip .tooltip-inner {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
  color: #222222;
  white-space: nowrap;
}
.design-v2-2 .battery-container .battery-card__inner {
  position: relative;
  padding: 20px;
  height: 100%;
}
.design-v2-2 .battery-container .battery-card__inner::before {
  opacity: 0.05;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__inner::after {
  position: absolute;
  top: -1px;
  left: 0;
  content: "";
  height: 1px;
  width: 100%;
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__content {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.design-v2-2 .battery-container .battery-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.design-v2-2 .battery-container .battery-card__header-icon {
  position: relative;
  color: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__header-icon .material-symbols-outlined {
  position: relative;
  z-index: 2;
  line-height: 22px;
  font-size: 22px;
}
.design-v2-2 .battery-container .battery-card__header--sub {
  padding-bottom: 5px;
}
.design-v2-2 .battery-container .battery-card__title {
  margin: 0;
  margin-right: auto;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.design-v2-2 .battery-container .battery-card__title--sub {
  font-family: 'PT Sans Narrow', sans-serif;
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
}
.design-v2-2 .battery-container .battery-card__state {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  border-color: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__state--sub {
  font-size: 14px;
}
.design-v2-2 .battery-container .battery-card__icon {
  line-height: 20px;
}
.design-v2-2 .battery-container .battery-card__icon .material-symbols-outlined {
  line-height: 20px;
  font-size: 24px;
}
.design-v2-2 .battery-container .battery-card__icon--sub {
  line-height: 20px;
}
.design-v2-2 .battery-container .battery-card__icon--sub .material-symbols-outlined {
  line-height: 20px;
  font-size: 18px;
}
.design-v2-2 .battery-container .battery-card__percent-area {
  display: flex;
  align-items: baseline;
  flex-flow: row;
  gap: 5px;
}
.design-v2-2 .battery-container .battery-card__percent-label {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-v2-2 .battery-container .battery-card__percent {
  font-weight: 700;
}
.design-v2-2 .battery-container .battery-card__percent::before {
  content: '–';
}
.design-v2-2 .battery-container .battery-card__percent-unit {
  font-weight: 400;
}
.design-v2-2 .battery-container .battery-card__level {
  position: relative;
  width: calc(100%);
  height: 12px;
  border: 2px solid #d6d6d6;
  border-radius: 2px;
}
.design-v2-2 .battery-container .battery-card__level::before {
  position: absolute;
  content: '';
  top: 1px;
  right: -5px;
  width: 2px;
  height: 6px;
  background-color: #d6d6d6;
  border-radius: 0 2px 2px 0;
}
.design-v2-2 .battery-container .battery-card__level-bar-holder {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.design-v2-2 .battery-container .battery-card__level-bar-holder::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
}
.design-v2-2 .battery-container .battery-card__level-bar-outter {
  position: absolute;
  top: 0;
  left: -22px;
  width: calc(100% + 22px + 22px);
  height: 100%;
}
.design-v2-2 .battery-container .battery-card__level-bar {
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.design-v2-2 .battery-container .battery-card__level-bar-progress {
  width: 0;
  height: 100%;
  display: block;
}
.design-v2-2 .battery-container .battery-card__level-bar-fake-progress {
  position: absolute;
  top: 0;
  left: 22px;
  width: calc(100% - 22px - 22px);
  height: 100%;
  display: flex;
  flex-flow: row;
  gap: 1px;
}
.design-v2-2 .battery-container .battery-card__level-bar-fake-progress > span {
  width: 5%;
  height: 100%;
  display: block;
  border-left: 1px solid #fff;
}
.design-v2-2 .battery-container .battery-card__meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 12px;
}
.design-v2-2 .battery-container .battery-card__metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 10px;
}
.design-v2-2 .battery-container .battery-card__metrics--sub {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.design-v2-2 .battery-container .battery-card__metric {
  display: flex;
  flex-direction: column;
}
.design-v2-2 .battery-container .battery-card__metric--na {
  color: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card__metric--total-charged-energy {
  grid-column: span 2 / span 2;
  grid-row-start: 2;
}
.design-v2-2 .battery-container .battery-card__metric--total-energy-supplied {
  grid-column: span 2 / span 2;
  grid-column-start: 3;
  grid-row-start: 2;
}
.design-v2-2 .battery-container .battery-card__metrics-label {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-v2-2 .battery-container .battery-card__metric-value {
  white-space: nowrap;
  display: flex;
  flex-flow: row;
  gap: 5px;
  font-size: 16px;
}
.design-v2-2 .battery-container .battery-card__metric-value--sub {
  font-size: 14px;
}
.design-v2-2 .battery-container .battery-card__metric-number {
  font-weight: 700;
}
.design-v2-2 .battery-container .battery-card::before {
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card::after {
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card .battery-card__level-bar-progress {
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card .battery-card__level {
  border-color: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card .battery-card__level::before {
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card .battery-card__inner::before {
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card .battery-card__inner::after {
  background: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card .battery-card__icon {
  color: #d6d6d6;
}
.design-v2-2 .battery-container .battery-card--charging .battery-card__icon,
.design-v2-2 .battery-container .battery-card--discharging .battery-card__icon {
  animation: actionBlink 1250ms infinite ease-in-out;
  will-change: opacity;
}
.design-v2-2 .battery-container .battery-card__sub-batteries {
  margin-top: 10px;
  margin-bottom: -10px;
  margin-left: -20px;
  margin-right: -20px;
}
.design-v2-2 .battery-container .battery-card__sub-battery {
  border-top: 1px solid #d6d6d6;
  padding: 10px 20px;
}
.design-v2-2 .battery-container .battery-card--charging .battery-card__level-bar {
  animation: animationCharging calc(1250ms * 2) steps(100) infinite;
}
.design-v2-2 .battery-container .battery-card--discharging .battery-card__level-bar {
  animation: animationDischarging calc(1250ms * 2) steps(100) infinite;
}
@keyframes actionBlink {
  0%,
  100% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
}
@keyframes animationCharging {
  0% {
    opacity: 10%;
    clip-path: inset(0 100% 0 0);
  }
  50% {
    opacity: 100%;
  }
  100% {
    clip-path: inset(0 0 0 0);
    opacity: 100%;
  }
}
@keyframes animationDischarging {
  0% {
    clip-path: inset(0 0 0 0);
    opacity: 100%;
  }
  50% {
    opacity: 100%;
  }
  100% {
    clip-path: inset(0 100% 0 0);
    opacity: 10%;
  }
}
.design-v2-2 .battery-card[data-battery-state="100"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="100"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="100"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="100"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="100"]::after {
  width: 100%;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::before {
  width: 100%;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__inner::after {
  width: 100%;
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__percent::before {
  content: '100';
}
.design-v2-2 .battery-card[data-battery-state="100"] .battery-card__level-bar-progress {
  width: 100%;
}
.design-v2-2 .battery-card[data-battery-state="99"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="99"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="99"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="99"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="99"]::after {
  width: 99%;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::before {
  width: 99%;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__inner::after {
  width: 99%;
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__percent::before {
  content: '99';
}
.design-v2-2 .battery-card[data-battery-state="99"] .battery-card__level-bar-progress {
  width: 99%;
}
.design-v2-2 .battery-card[data-battery-state="98"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="98"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="98"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="98"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="98"]::after {
  width: 98%;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::before {
  width: 98%;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__inner::after {
  width: 98%;
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__percent::before {
  content: '98';
}
.design-v2-2 .battery-card[data-battery-state="98"] .battery-card__level-bar-progress {
  width: 98%;
}
.design-v2-2 .battery-card[data-battery-state="97"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="97"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="97"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="97"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="97"]::after {
  width: 97%;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::before {
  width: 97%;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__inner::after {
  width: 97%;
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__percent::before {
  content: '97';
}
.design-v2-2 .battery-card[data-battery-state="97"] .battery-card__level-bar-progress {
  width: 97%;
}
.design-v2-2 .battery-card[data-battery-state="96"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="96"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="96"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="96"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="96"]::after {
  width: 96%;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::before {
  width: 96%;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__inner::after {
  width: 96%;
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__percent::before {
  content: '96';
}
.design-v2-2 .battery-card[data-battery-state="96"] .battery-card__level-bar-progress {
  width: 96%;
}
.design-v2-2 .battery-card[data-battery-state="95"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="95"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="95"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="95"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="95"]::after {
  width: 95%;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::before {
  width: 95%;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__inner::after {
  width: 95%;
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__percent::before {
  content: '95';
}
.design-v2-2 .battery-card[data-battery-state="95"] .battery-card__level-bar-progress {
  width: 95%;
}
.design-v2-2 .battery-card[data-battery-state="94"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="94"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="94"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="94"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="94"]::after {
  width: 94%;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::before {
  width: 94%;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__inner::after {
  width: 94%;
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__percent::before {
  content: '94';
}
.design-v2-2 .battery-card[data-battery-state="94"] .battery-card__level-bar-progress {
  width: 94%;
}
.design-v2-2 .battery-card[data-battery-state="93"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="93"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="93"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="93"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="93"]::after {
  width: 93%;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::before {
  width: 93%;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__inner::after {
  width: 93%;
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__percent::before {
  content: '93';
}
.design-v2-2 .battery-card[data-battery-state="93"] .battery-card__level-bar-progress {
  width: 93%;
}
.design-v2-2 .battery-card[data-battery-state="92"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="92"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="92"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="92"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="92"]::after {
  width: 92%;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::before {
  width: 92%;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__inner::after {
  width: 92%;
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__percent::before {
  content: '92';
}
.design-v2-2 .battery-card[data-battery-state="92"] .battery-card__level-bar-progress {
  width: 92%;
}
.design-v2-2 .battery-card[data-battery-state="91"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="91"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="91"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="91"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="91"]::after {
  width: 91%;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::before {
  width: 91%;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__inner::after {
  width: 91%;
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__percent::before {
  content: '91';
}
.design-v2-2 .battery-card[data-battery-state="91"] .battery-card__level-bar-progress {
  width: 91%;
}
.design-v2-2 .battery-card[data-battery-state="90"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="90"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="90"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="90"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="90"]::after {
  width: 90%;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::before {
  width: 90%;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__inner::after {
  width: 90%;
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__percent::before {
  content: '90';
}
.design-v2-2 .battery-card[data-battery-state="90"] .battery-card__level-bar-progress {
  width: 90%;
}
.design-v2-2 .battery-card[data-battery-state="89"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="89"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="89"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="89"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="89"]::after {
  width: 89%;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::before {
  width: 89%;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__inner::after {
  width: 89%;
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__percent::before {
  content: '89';
}
.design-v2-2 .battery-card[data-battery-state="89"] .battery-card__level-bar-progress {
  width: 89%;
}
.design-v2-2 .battery-card[data-battery-state="88"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="88"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="88"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="88"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="88"]::after {
  width: 88%;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::before {
  width: 88%;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__inner::after {
  width: 88%;
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__percent::before {
  content: '88';
}
.design-v2-2 .battery-card[data-battery-state="88"] .battery-card__level-bar-progress {
  width: 88%;
}
.design-v2-2 .battery-card[data-battery-state="87"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="87"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="87"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="87"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="87"]::after {
  width: 87%;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::before {
  width: 87%;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__inner::after {
  width: 87%;
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__percent::before {
  content: '87';
}
.design-v2-2 .battery-card[data-battery-state="87"] .battery-card__level-bar-progress {
  width: 87%;
}
.design-v2-2 .battery-card[data-battery-state="86"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="86"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="86"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="86"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="86"]::after {
  width: 86%;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::before {
  width: 86%;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__inner::after {
  width: 86%;
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__percent::before {
  content: '86';
}
.design-v2-2 .battery-card[data-battery-state="86"] .battery-card__level-bar-progress {
  width: 86%;
}
.design-v2-2 .battery-card[data-battery-state="85"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="85"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="85"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="85"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="85"]::after {
  width: 85%;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::before {
  width: 85%;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__inner::after {
  width: 85%;
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__percent::before {
  content: '85';
}
.design-v2-2 .battery-card[data-battery-state="85"] .battery-card__level-bar-progress {
  width: 85%;
}
.design-v2-2 .battery-card[data-battery-state="84"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="84"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="84"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="84"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="84"]::after {
  width: 84%;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::before {
  width: 84%;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__inner::after {
  width: 84%;
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__percent::before {
  content: '84';
}
.design-v2-2 .battery-card[data-battery-state="84"] .battery-card__level-bar-progress {
  width: 84%;
}
.design-v2-2 .battery-card[data-battery-state="83"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="83"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="83"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="83"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="83"]::after {
  width: 83%;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::before {
  width: 83%;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__inner::after {
  width: 83%;
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__percent::before {
  content: '83';
}
.design-v2-2 .battery-card[data-battery-state="83"] .battery-card__level-bar-progress {
  width: 83%;
}
.design-v2-2 .battery-card[data-battery-state="82"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="82"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="82"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="82"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="82"]::after {
  width: 82%;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::before {
  width: 82%;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__inner::after {
  width: 82%;
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__percent::before {
  content: '82';
}
.design-v2-2 .battery-card[data-battery-state="82"] .battery-card__level-bar-progress {
  width: 82%;
}
.design-v2-2 .battery-card[data-battery-state="81"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="81"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="81"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="81"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="81"]::after {
  width: 81%;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::before {
  width: 81%;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__inner::after {
  width: 81%;
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__percent::before {
  content: '81';
}
.design-v2-2 .battery-card[data-battery-state="81"] .battery-card__level-bar-progress {
  width: 81%;
}
.design-v2-2 .battery-card[data-battery-state="80"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="80"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="80"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="80"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="80"]::after {
  width: 80%;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::before {
  width: 80%;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__inner::after {
  width: 80%;
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__percent::before {
  content: '80';
}
.design-v2-2 .battery-card[data-battery-state="80"] .battery-card__level-bar-progress {
  width: 80%;
}
.design-v2-2 .battery-card[data-battery-state="79"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="79"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="79"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="79"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="79"]::after {
  width: 79%;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::before {
  width: 79%;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__inner::after {
  width: 79%;
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__percent::before {
  content: '79';
}
.design-v2-2 .battery-card[data-battery-state="79"] .battery-card__level-bar-progress {
  width: 79%;
}
.design-v2-2 .battery-card[data-battery-state="78"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="78"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="78"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="78"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="78"]::after {
  width: 78%;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::before {
  width: 78%;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__inner::after {
  width: 78%;
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__percent::before {
  content: '78';
}
.design-v2-2 .battery-card[data-battery-state="78"] .battery-card__level-bar-progress {
  width: 78%;
}
.design-v2-2 .battery-card[data-battery-state="77"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="77"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="77"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="77"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="77"]::after {
  width: 77%;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::before {
  width: 77%;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__inner::after {
  width: 77%;
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__percent::before {
  content: '77';
}
.design-v2-2 .battery-card[data-battery-state="77"] .battery-card__level-bar-progress {
  width: 77%;
}
.design-v2-2 .battery-card[data-battery-state="76"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="76"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="76"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="76"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="76"]::after {
  width: 76%;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::before {
  width: 76%;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__inner::after {
  width: 76%;
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__percent::before {
  content: '76';
}
.design-v2-2 .battery-card[data-battery-state="76"] .battery-card__level-bar-progress {
  width: 76%;
}
.design-v2-2 .battery-card[data-battery-state="75"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="75"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="75"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="75"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="75"]::after {
  width: 75%;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::before {
  width: 75%;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__inner::after {
  width: 75%;
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__percent::before {
  content: '75';
}
.design-v2-2 .battery-card[data-battery-state="75"] .battery-card__level-bar-progress {
  width: 75%;
}
.design-v2-2 .battery-card[data-battery-state="74"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="74"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="74"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="74"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="74"]::after {
  width: 74%;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::before {
  width: 74%;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__inner::after {
  width: 74%;
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__percent::before {
  content: '74';
}
.design-v2-2 .battery-card[data-battery-state="74"] .battery-card__level-bar-progress {
  width: 74%;
}
.design-v2-2 .battery-card[data-battery-state="73"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="73"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="73"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="73"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="73"]::after {
  width: 73%;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::before {
  width: 73%;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__inner::after {
  width: 73%;
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__percent::before {
  content: '73';
}
.design-v2-2 .battery-card[data-battery-state="73"] .battery-card__level-bar-progress {
  width: 73%;
}
.design-v2-2 .battery-card[data-battery-state="72"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="72"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="72"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="72"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="72"]::after {
  width: 72%;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::before {
  width: 72%;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__inner::after {
  width: 72%;
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__percent::before {
  content: '72';
}
.design-v2-2 .battery-card[data-battery-state="72"] .battery-card__level-bar-progress {
  width: 72%;
}
.design-v2-2 .battery-card[data-battery-state="71"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="71"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="71"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="71"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="71"]::after {
  width: 71%;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::before {
  width: 71%;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__inner::after {
  width: 71%;
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__percent::before {
  content: '71';
}
.design-v2-2 .battery-card[data-battery-state="71"] .battery-card__level-bar-progress {
  width: 71%;
}
.design-v2-2 .battery-card[data-battery-state="70"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="70"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="70"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="70"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="70"]::after {
  width: 70%;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::before {
  width: 70%;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__inner::after {
  width: 70%;
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__percent::before {
  content: '70';
}
.design-v2-2 .battery-card[data-battery-state="70"] .battery-card__level-bar-progress {
  width: 70%;
}
.design-v2-2 .battery-card[data-battery-state="69"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="69"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="69"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="69"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="69"]::after {
  width: 69%;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::before {
  width: 69%;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__inner::after {
  width: 69%;
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__percent::before {
  content: '69';
}
.design-v2-2 .battery-card[data-battery-state="69"] .battery-card__level-bar-progress {
  width: 69%;
}
.design-v2-2 .battery-card[data-battery-state="68"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="68"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="68"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="68"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="68"]::after {
  width: 68%;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::before {
  width: 68%;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__inner::after {
  width: 68%;
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__percent::before {
  content: '68';
}
.design-v2-2 .battery-card[data-battery-state="68"] .battery-card__level-bar-progress {
  width: 68%;
}
.design-v2-2 .battery-card[data-battery-state="67"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="67"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="67"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="67"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="67"]::after {
  width: 67%;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::before {
  width: 67%;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__inner::after {
  width: 67%;
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__percent::before {
  content: '67';
}
.design-v2-2 .battery-card[data-battery-state="67"] .battery-card__level-bar-progress {
  width: 67%;
}
.design-v2-2 .battery-card[data-battery-state="66"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="66"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="66"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="66"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="66"]::after {
  width: 66%;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::before {
  width: 66%;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__inner::after {
  width: 66%;
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__percent::before {
  content: '66';
}
.design-v2-2 .battery-card[data-battery-state="66"] .battery-card__level-bar-progress {
  width: 66%;
}
.design-v2-2 .battery-card[data-battery-state="65"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="65"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="65"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="65"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="65"]::after {
  width: 65%;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::before {
  width: 65%;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__inner::after {
  width: 65%;
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__percent::before {
  content: '65';
}
.design-v2-2 .battery-card[data-battery-state="65"] .battery-card__level-bar-progress {
  width: 65%;
}
.design-v2-2 .battery-card[data-battery-state="64"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="64"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="64"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="64"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="64"]::after {
  width: 64%;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::before {
  width: 64%;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__inner::after {
  width: 64%;
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__percent::before {
  content: '64';
}
.design-v2-2 .battery-card[data-battery-state="64"] .battery-card__level-bar-progress {
  width: 64%;
}
.design-v2-2 .battery-card[data-battery-state="63"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="63"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="63"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="63"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="63"]::after {
  width: 63%;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::before {
  width: 63%;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__inner::after {
  width: 63%;
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__percent::before {
  content: '63';
}
.design-v2-2 .battery-card[data-battery-state="63"] .battery-card__level-bar-progress {
  width: 63%;
}
.design-v2-2 .battery-card[data-battery-state="62"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="62"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="62"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="62"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="62"]::after {
  width: 62%;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::before {
  width: 62%;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__inner::after {
  width: 62%;
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__percent::before {
  content: '62';
}
.design-v2-2 .battery-card[data-battery-state="62"] .battery-card__level-bar-progress {
  width: 62%;
}
.design-v2-2 .battery-card[data-battery-state="61"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="61"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="61"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="61"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="61"]::after {
  width: 61%;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::before {
  width: 61%;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__inner::after {
  width: 61%;
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__percent::before {
  content: '61';
}
.design-v2-2 .battery-card[data-battery-state="61"] .battery-card__level-bar-progress {
  width: 61%;
}
.design-v2-2 .battery-card[data-battery-state="60"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="60"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="60"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="60"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="60"]::after {
  width: 60%;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::before {
  width: 60%;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__inner::after {
  width: 60%;
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__percent::before {
  content: '60';
}
.design-v2-2 .battery-card[data-battery-state="60"] .battery-card__level-bar-progress {
  width: 60%;
}
.design-v2-2 .battery-card[data-battery-state="59"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="59"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="59"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="59"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="59"]::after {
  width: 59%;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::before {
  width: 59%;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__inner::after {
  width: 59%;
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__percent::before {
  content: '59';
}
.design-v2-2 .battery-card[data-battery-state="59"] .battery-card__level-bar-progress {
  width: 59%;
}
.design-v2-2 .battery-card[data-battery-state="58"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="58"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="58"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="58"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="58"]::after {
  width: 58%;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::before {
  width: 58%;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__inner::after {
  width: 58%;
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__percent::before {
  content: '58';
}
.design-v2-2 .battery-card[data-battery-state="58"] .battery-card__level-bar-progress {
  width: 58%;
}
.design-v2-2 .battery-card[data-battery-state="57"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="57"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="57"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="57"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="57"]::after {
  width: 57%;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::before {
  width: 57%;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__inner::after {
  width: 57%;
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__percent::before {
  content: '57';
}
.design-v2-2 .battery-card[data-battery-state="57"] .battery-card__level-bar-progress {
  width: 57%;
}
.design-v2-2 .battery-card[data-battery-state="56"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="56"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="56"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="56"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="56"]::after {
  width: 56%;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::before {
  width: 56%;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__inner::after {
  width: 56%;
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__percent::before {
  content: '56';
}
.design-v2-2 .battery-card[data-battery-state="56"] .battery-card__level-bar-progress {
  width: 56%;
}
.design-v2-2 .battery-card[data-battery-state="55"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="55"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="55"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="55"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="55"]::after {
  width: 55%;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::before {
  width: 55%;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__inner::after {
  width: 55%;
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__percent::before {
  content: '55';
}
.design-v2-2 .battery-card[data-battery-state="55"] .battery-card__level-bar-progress {
  width: 55%;
}
.design-v2-2 .battery-card[data-battery-state="54"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="54"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="54"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="54"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="54"]::after {
  width: 54%;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::before {
  width: 54%;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__inner::after {
  width: 54%;
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__percent::before {
  content: '54';
}
.design-v2-2 .battery-card[data-battery-state="54"] .battery-card__level-bar-progress {
  width: 54%;
}
.design-v2-2 .battery-card[data-battery-state="53"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="53"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="53"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="53"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="53"]::after {
  width: 53%;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::before {
  width: 53%;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__inner::after {
  width: 53%;
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__percent::before {
  content: '53';
}
.design-v2-2 .battery-card[data-battery-state="53"] .battery-card__level-bar-progress {
  width: 53%;
}
.design-v2-2 .battery-card[data-battery-state="52"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="52"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="52"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="52"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="52"]::after {
  width: 52%;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::before {
  width: 52%;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__inner::after {
  width: 52%;
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__percent::before {
  content: '52';
}
.design-v2-2 .battery-card[data-battery-state="52"] .battery-card__level-bar-progress {
  width: 52%;
}
.design-v2-2 .battery-card[data-battery-state="51"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="51"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="51"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="51"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="51"]::after {
  width: 51%;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::before {
  width: 51%;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__inner::after {
  width: 51%;
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__percent::before {
  content: '51';
}
.design-v2-2 .battery-card[data-battery-state="51"] .battery-card__level-bar-progress {
  width: 51%;
}
.design-v2-2 .battery-card[data-battery-state="50"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="50"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="50"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="50"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"]::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"]::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level-bar-progress {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level {
  border-color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::before {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::after {
  background: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__header-icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="50"]::after {
  width: 50%;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::before {
  width: 50%;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__inner::after {
  width: 50%;
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__percent::before {
  content: '50';
}
.design-v2-2 .battery-card[data-battery-state="50"] .battery-card__level-bar-progress {
  width: 50%;
}
.design-v2-2 .battery-card[data-battery-state="49"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="49"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="49"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="49"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="49"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="49"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="49"]::after {
  width: 49%;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::before {
  width: 49%;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__inner::after {
  width: 49%;
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__percent::before {
  content: '49';
}
.design-v2-2 .battery-card[data-battery-state="49"] .battery-card__level-bar-progress {
  width: 49%;
}
.design-v2-2 .battery-card[data-battery-state="48"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="48"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="48"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="48"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="48"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="48"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="48"]::after {
  width: 48%;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::before {
  width: 48%;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__inner::after {
  width: 48%;
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__percent::before {
  content: '48';
}
.design-v2-2 .battery-card[data-battery-state="48"] .battery-card__level-bar-progress {
  width: 48%;
}
.design-v2-2 .battery-card[data-battery-state="47"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="47"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="47"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="47"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="47"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="47"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="47"]::after {
  width: 47%;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::before {
  width: 47%;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__inner::after {
  width: 47%;
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__percent::before {
  content: '47';
}
.design-v2-2 .battery-card[data-battery-state="47"] .battery-card__level-bar-progress {
  width: 47%;
}
.design-v2-2 .battery-card[data-battery-state="46"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="46"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="46"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="46"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="46"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="46"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="46"]::after {
  width: 46%;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::before {
  width: 46%;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__inner::after {
  width: 46%;
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__percent::before {
  content: '46';
}
.design-v2-2 .battery-card[data-battery-state="46"] .battery-card__level-bar-progress {
  width: 46%;
}
.design-v2-2 .battery-card[data-battery-state="45"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="45"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="45"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="45"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="45"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="45"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="45"]::after {
  width: 45%;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::before {
  width: 45%;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__inner::after {
  width: 45%;
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__percent::before {
  content: '45';
}
.design-v2-2 .battery-card[data-battery-state="45"] .battery-card__level-bar-progress {
  width: 45%;
}
.design-v2-2 .battery-card[data-battery-state="44"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="44"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="44"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="44"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="44"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="44"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="44"]::after {
  width: 44%;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::before {
  width: 44%;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__inner::after {
  width: 44%;
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__percent::before {
  content: '44';
}
.design-v2-2 .battery-card[data-battery-state="44"] .battery-card__level-bar-progress {
  width: 44%;
}
.design-v2-2 .battery-card[data-battery-state="43"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="43"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="43"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="43"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="43"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="43"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="43"]::after {
  width: 43%;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::before {
  width: 43%;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__inner::after {
  width: 43%;
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__percent::before {
  content: '43';
}
.design-v2-2 .battery-card[data-battery-state="43"] .battery-card__level-bar-progress {
  width: 43%;
}
.design-v2-2 .battery-card[data-battery-state="42"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="42"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="42"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="42"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="42"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="42"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="42"]::after {
  width: 42%;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::before {
  width: 42%;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__inner::after {
  width: 42%;
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__percent::before {
  content: '42';
}
.design-v2-2 .battery-card[data-battery-state="42"] .battery-card__level-bar-progress {
  width: 42%;
}
.design-v2-2 .battery-card[data-battery-state="41"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="41"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="41"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="41"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="41"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="41"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="41"]::after {
  width: 41%;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::before {
  width: 41%;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__inner::after {
  width: 41%;
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__percent::before {
  content: '41';
}
.design-v2-2 .battery-card[data-battery-state="41"] .battery-card__level-bar-progress {
  width: 41%;
}
.design-v2-2 .battery-card[data-battery-state="40"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="40"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="40"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="40"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="40"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="40"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="40"]::after {
  width: 40%;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::before {
  width: 40%;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__inner::after {
  width: 40%;
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__percent::before {
  content: '40';
}
.design-v2-2 .battery-card[data-battery-state="40"] .battery-card__level-bar-progress {
  width: 40%;
}
.design-v2-2 .battery-card[data-battery-state="39"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="39"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="39"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="39"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="39"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="39"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="39"]::after {
  width: 39%;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::before {
  width: 39%;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__inner::after {
  width: 39%;
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__percent::before {
  content: '39';
}
.design-v2-2 .battery-card[data-battery-state="39"] .battery-card__level-bar-progress {
  width: 39%;
}
.design-v2-2 .battery-card[data-battery-state="38"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="38"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="38"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="38"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="38"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="38"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="38"]::after {
  width: 38%;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::before {
  width: 38%;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__inner::after {
  width: 38%;
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__percent::before {
  content: '38';
}
.design-v2-2 .battery-card[data-battery-state="38"] .battery-card__level-bar-progress {
  width: 38%;
}
.design-v2-2 .battery-card[data-battery-state="37"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="37"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="37"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="37"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="37"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="37"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="37"]::after {
  width: 37%;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::before {
  width: 37%;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__inner::after {
  width: 37%;
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__percent::before {
  content: '37';
}
.design-v2-2 .battery-card[data-battery-state="37"] .battery-card__level-bar-progress {
  width: 37%;
}
.design-v2-2 .battery-card[data-battery-state="36"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="36"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="36"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="36"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="36"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="36"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="36"]::after {
  width: 36%;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::before {
  width: 36%;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__inner::after {
  width: 36%;
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__percent::before {
  content: '36';
}
.design-v2-2 .battery-card[data-battery-state="36"] .battery-card__level-bar-progress {
  width: 36%;
}
.design-v2-2 .battery-card[data-battery-state="35"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="35"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="35"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="35"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="35"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="35"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="35"]::after {
  width: 35%;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::before {
  width: 35%;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__inner::after {
  width: 35%;
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__percent::before {
  content: '35';
}
.design-v2-2 .battery-card[data-battery-state="35"] .battery-card__level-bar-progress {
  width: 35%;
}
.design-v2-2 .battery-card[data-battery-state="34"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="34"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="34"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="34"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="34"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="34"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="34"]::after {
  width: 34%;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::before {
  width: 34%;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__inner::after {
  width: 34%;
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__percent::before {
  content: '34';
}
.design-v2-2 .battery-card[data-battery-state="34"] .battery-card__level-bar-progress {
  width: 34%;
}
.design-v2-2 .battery-card[data-battery-state="33"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="33"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="33"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="33"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="33"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="33"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="33"]::after {
  width: 33%;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::before {
  width: 33%;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__inner::after {
  width: 33%;
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__percent::before {
  content: '33';
}
.design-v2-2 .battery-card[data-battery-state="33"] .battery-card__level-bar-progress {
  width: 33%;
}
.design-v2-2 .battery-card[data-battery-state="32"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="32"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="32"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="32"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="32"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="32"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="32"]::after {
  width: 32%;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::before {
  width: 32%;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__inner::after {
  width: 32%;
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__percent::before {
  content: '32';
}
.design-v2-2 .battery-card[data-battery-state="32"] .battery-card__level-bar-progress {
  width: 32%;
}
.design-v2-2 .battery-card[data-battery-state="31"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="31"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="31"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="31"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="31"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="31"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="31"]::after {
  width: 31%;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::before {
  width: 31%;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__inner::after {
  width: 31%;
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__percent::before {
  content: '31';
}
.design-v2-2 .battery-card[data-battery-state="31"] .battery-card__level-bar-progress {
  width: 31%;
}
.design-v2-2 .battery-card[data-battery-state="30"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="30"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="30"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="30"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="30"]::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"]::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level-bar-progress {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level {
  border-color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::before {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::after {
  background: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__header-icon {
  color: #e1c722;
}
.design-v2-2 .battery-card[data-battery-state="30"]--charging .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="30"]::after {
  width: 30%;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::before {
  width: 30%;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__inner::after {
  width: 30%;
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__percent::before {
  content: '30';
}
.design-v2-2 .battery-card[data-battery-state="30"] .battery-card__level-bar-progress {
  width: 30%;
}
.design-v2-2 .battery-card[data-battery-state="29"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="29"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="29"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="29"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="29"]::after {
  width: 29%;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__inner::before {
  width: 29%;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__inner::after {
  width: 29%;
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__percent::before {
  content: '29';
}
.design-v2-2 .battery-card[data-battery-state="29"] .battery-card__level-bar-progress {
  width: 29%;
}
.design-v2-2 .battery-card[data-battery-state="28"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="28"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="28"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="28"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="28"]::after {
  width: 28%;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__inner::before {
  width: 28%;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__inner::after {
  width: 28%;
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__percent::before {
  content: '28';
}
.design-v2-2 .battery-card[data-battery-state="28"] .battery-card__level-bar-progress {
  width: 28%;
}
.design-v2-2 .battery-card[data-battery-state="27"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="27"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="27"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="27"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="27"]::after {
  width: 27%;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__inner::before {
  width: 27%;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__inner::after {
  width: 27%;
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__percent::before {
  content: '27';
}
.design-v2-2 .battery-card[data-battery-state="27"] .battery-card__level-bar-progress {
  width: 27%;
}
.design-v2-2 .battery-card[data-battery-state="26"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="26"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="26"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="26"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="26"]::after {
  width: 26%;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__inner::before {
  width: 26%;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__inner::after {
  width: 26%;
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__percent::before {
  content: '26';
}
.design-v2-2 .battery-card[data-battery-state="26"] .battery-card__level-bar-progress {
  width: 26%;
}
.design-v2-2 .battery-card[data-battery-state="25"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="25"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="25"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="25"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="25"]::after {
  width: 25%;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__inner::before {
  width: 25%;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__inner::after {
  width: 25%;
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__percent::before {
  content: '25';
}
.design-v2-2 .battery-card[data-battery-state="25"] .battery-card__level-bar-progress {
  width: 25%;
}
.design-v2-2 .battery-card[data-battery-state="24"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="24"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="24"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="24"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="24"]::after {
  width: 24%;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__inner::before {
  width: 24%;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__inner::after {
  width: 24%;
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__percent::before {
  content: '24';
}
.design-v2-2 .battery-card[data-battery-state="24"] .battery-card__level-bar-progress {
  width: 24%;
}
.design-v2-2 .battery-card[data-battery-state="23"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="23"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="23"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="23"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="23"]::after {
  width: 23%;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__inner::before {
  width: 23%;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__inner::after {
  width: 23%;
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__percent::before {
  content: '23';
}
.design-v2-2 .battery-card[data-battery-state="23"] .battery-card__level-bar-progress {
  width: 23%;
}
.design-v2-2 .battery-card[data-battery-state="22"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="22"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="22"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="22"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="22"]::after {
  width: 22%;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__inner::before {
  width: 22%;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__inner::after {
  width: 22%;
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__percent::before {
  content: '22';
}
.design-v2-2 .battery-card[data-battery-state="22"] .battery-card__level-bar-progress {
  width: 22%;
}
.design-v2-2 .battery-card[data-battery-state="21"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="21"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="21"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="21"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="21"]::after {
  width: 21%;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__inner::before {
  width: 21%;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__inner::after {
  width: 21%;
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__percent::before {
  content: '21';
}
.design-v2-2 .battery-card[data-battery-state="21"] .battery-card__level-bar-progress {
  width: 21%;
}
.design-v2-2 .battery-card[data-battery-state="20"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="20"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="20"]::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"]::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level-bar-progress {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level {
  border-color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__inner::before {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__inner::after {
  background: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__header-icon {
  color: #edA55e;
}
.design-v2-2 .battery-card[data-battery-state="20"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="20"]::after {
  width: 20%;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__inner::before {
  width: 20%;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__inner::after {
  width: 20%;
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__percent::before {
  content: '20';
}
.design-v2-2 .battery-card[data-battery-state="20"] .battery-card__level-bar-progress {
  width: 20%;
}
.design-v2-2 .battery-card[data-battery-state="19"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="19"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="19"]::after {
  width: 19%;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__inner::before {
  width: 19%;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__inner::after {
  width: 19%;
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__percent::before {
  content: '19';
}
.design-v2-2 .battery-card[data-battery-state="19"] .battery-card__level-bar-progress {
  width: 19%;
}
.design-v2-2 .battery-card[data-battery-state="18"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="18"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="18"]::after {
  width: 18%;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__inner::before {
  width: 18%;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__inner::after {
  width: 18%;
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__percent::before {
  content: '18';
}
.design-v2-2 .battery-card[data-battery-state="18"] .battery-card__level-bar-progress {
  width: 18%;
}
.design-v2-2 .battery-card[data-battery-state="17"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="17"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="17"]::after {
  width: 17%;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__inner::before {
  width: 17%;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__inner::after {
  width: 17%;
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__percent::before {
  content: '17';
}
.design-v2-2 .battery-card[data-battery-state="17"] .battery-card__level-bar-progress {
  width: 17%;
}
.design-v2-2 .battery-card[data-battery-state="16"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="16"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="16"]::after {
  width: 16%;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__inner::before {
  width: 16%;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__inner::after {
  width: 16%;
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__percent::before {
  content: '16';
}
.design-v2-2 .battery-card[data-battery-state="16"] .battery-card__level-bar-progress {
  width: 16%;
}
.design-v2-2 .battery-card[data-battery-state="15"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="15"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="15"]::after {
  width: 15%;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__inner::before {
  width: 15%;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__inner::after {
  width: 15%;
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__percent::before {
  content: '15';
}
.design-v2-2 .battery-card[data-battery-state="15"] .battery-card__level-bar-progress {
  width: 15%;
}
.design-v2-2 .battery-card[data-battery-state="14"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="14"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="14"]::after {
  width: 14%;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__inner::before {
  width: 14%;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__inner::after {
  width: 14%;
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__percent::before {
  content: '14';
}
.design-v2-2 .battery-card[data-battery-state="14"] .battery-card__level-bar-progress {
  width: 14%;
}
.design-v2-2 .battery-card[data-battery-state="13"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="13"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="13"]::after {
  width: 13%;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__inner::before {
  width: 13%;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__inner::after {
  width: 13%;
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__percent::before {
  content: '13';
}
.design-v2-2 .battery-card[data-battery-state="13"] .battery-card__level-bar-progress {
  width: 13%;
}
.design-v2-2 .battery-card[data-battery-state="12"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="12"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="12"]::after {
  width: 12%;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__inner::before {
  width: 12%;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__inner::after {
  width: 12%;
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__percent::before {
  content: '12';
}
.design-v2-2 .battery-card[data-battery-state="12"] .battery-card__level-bar-progress {
  width: 12%;
}
.design-v2-2 .battery-card[data-battery-state="11"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="11"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="11"]::after {
  width: 11%;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__inner::before {
  width: 11%;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__inner::after {
  width: 11%;
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__percent::before {
  content: '11';
}
.design-v2-2 .battery-card[data-battery-state="11"] .battery-card__level-bar-progress {
  width: 11%;
}
.design-v2-2 .battery-card[data-battery-state="10"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="10"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="10"]::after {
  width: 10%;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__inner::before {
  width: 10%;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__inner::after {
  width: 10%;
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__percent::before {
  content: '10';
}
.design-v2-2 .battery-card[data-battery-state="10"] .battery-card__level-bar-progress {
  width: 10%;
}
.design-v2-2 .battery-card[data-battery-state="9"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="9"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="9"]::after {
  width: 9%;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__inner::before {
  width: 9%;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__inner::after {
  width: 9%;
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__percent::before {
  content: '9';
}
.design-v2-2 .battery-card[data-battery-state="9"] .battery-card__level-bar-progress {
  width: 9%;
}
.design-v2-2 .battery-card[data-battery-state="8"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="8"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="8"]::after {
  width: 8%;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__inner::before {
  width: 8%;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__inner::after {
  width: 8%;
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__percent::before {
  content: '8';
}
.design-v2-2 .battery-card[data-battery-state="8"] .battery-card__level-bar-progress {
  width: 8%;
}
.design-v2-2 .battery-card[data-battery-state="7"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="7"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="7"]::after {
  width: 7%;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__inner::before {
  width: 7%;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__inner::after {
  width: 7%;
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__percent::before {
  content: '7';
}
.design-v2-2 .battery-card[data-battery-state="7"] .battery-card__level-bar-progress {
  width: 7%;
}
.design-v2-2 .battery-card[data-battery-state="6"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="6"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="6"]::after {
  width: 6%;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__inner::before {
  width: 6%;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__inner::after {
  width: 6%;
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__percent::before {
  content: '6';
}
.design-v2-2 .battery-card[data-battery-state="6"] .battery-card__level-bar-progress {
  width: 6%;
}
.design-v2-2 .battery-card[data-battery-state="5"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="5"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="5"]::after {
  width: 5%;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__inner::before {
  width: 5%;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__inner::after {
  width: 5%;
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__percent::before {
  content: '5';
}
.design-v2-2 .battery-card[data-battery-state="5"] .battery-card__level-bar-progress {
  width: 5%;
}
.design-v2-2 .battery-card[data-battery-state="4"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="4"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="4"]::after {
  width: 4%;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__inner::before {
  width: 4%;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__inner::after {
  width: 4%;
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__percent::before {
  content: '4';
}
.design-v2-2 .battery-card[data-battery-state="4"] .battery-card__level-bar-progress {
  width: 4%;
}
.design-v2-2 .battery-card[data-battery-state="3"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="3"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="3"]::after {
  width: 3%;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__inner::before {
  width: 3%;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__inner::after {
  width: 3%;
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__percent::before {
  content: '3';
}
.design-v2-2 .battery-card[data-battery-state="3"] .battery-card__level-bar-progress {
  width: 3%;
}
.design-v2-2 .battery-card[data-battery-state="2"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="2"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="2"]::after {
  width: 2%;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__inner::before {
  width: 2%;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__inner::after {
  width: 2%;
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__percent::before {
  content: '2';
}
.design-v2-2 .battery-card[data-battery-state="2"] .battery-card__level-bar-progress {
  width: 2%;
}
.design-v2-2 .battery-card[data-battery-state="1"]::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"]::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__level-bar-progress {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__level {
  border-color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__level::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__inner::before {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__inner::after {
  background: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__header-icon {
  color: #ed5e5e;
}
.design-v2-2 .battery-card[data-battery-state="1"]--action .battery-card__icon {
  color: #56b65d;
}
.design-v2-2 .battery-card[data-battery-state="1"]::after {
  width: 1%;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__inner::before {
  width: 1%;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__inner::after {
  width: 1%;
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__percent::before {
  content: '1';
}
.design-v2-2 .battery-card[data-battery-state="1"] .battery-card__level-bar-progress {
  width: 1%;
}
.design-v2-2 .battery-card[data-battery-state="0"]::after {
  width: 0%;
}
.design-v2-2 .battery-card[data-battery-state="0"] .battery-card__inner::before {
  width: 0%;
}
.design-v2-2 .battery-card[data-battery-state="0"] .battery-card__inner::after {
  width: 0%;
}
.design-v2-2 .battery-card[data-battery-state="0"] .battery-card__percent::before {
  content: '0';
}
.design-v2-2 .battery-card[data-battery-state="0"] .battery-card__level-bar-progress {
  width: 0%;
}
.design-v2-2 .battery-production .multicontent-box__content {
  min-height: 420px;
}
.design-v2-2 .battery-production__chart {
  min-height: 360px;
  width: 100%;
}
.design-v2-2 .battery-production__table {
  min-height: 180px;
}
.design-v2-2 .battery-production__metric {
  align-items: baseline;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.design-v2-2 .battery-production__metric-label {
  color: #737373;
  font-size: 12px;
}
.design-v2-2 .battery-production__metric-value {
  color: #333333;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.design-v2-2 .battery-production__metric-unit {
  font-size: 12px;
  font-weight: 600;
}
.design-v2-2 .battery-production__metric--na .battery-production__metric-value {
  color: #737373;
}
.design-v2-2 .battery-production-filter {
  width: 560px;
}
.design-v2-2 .battery-production-filter .filter-row {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 10px;
}
.design-v2-2 .battery-production-filter .filter-row--actions {
  margin-bottom: 0;
}
.design-v2-2 .battery-production-filter__label-col {
  flex: 0 0 115px;
}
.design-v2-2 .battery-production-filter__label-col label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.design-v2-2 .battery-production-filter__field-col {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.design-v2-2 .battery-production-filter .form-control,
.design-v2-2 .battery-production-filter .select2-container {
  width: 100% !important;
}
.design-v2-2 .battery-production-filter .filter-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 8px;
  justify-content: flex-start;
}
.design-v2-2 .battery-production-filter .filter-actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  text-transform: none;
}
.design-v2-2 .battery-production-filter .filter-actions .btn i {
  font-size: 14px;
  margin-right: 4px;
}
.design-v2-2 .battery-graphing-function__chart {
  min-height: 600px;
  width: 100%;
}
.design-v2-2 .battery-graphing-filter {
  width: 520px;
}
.design-v2-2 .battery-graphing-filter .filter-row {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
  margin-bottom: 10px;
}
.design-v2-2 .battery-graphing-filter .filter-row--actions {
  margin-bottom: 0;
}
.design-v2-2 .battery-graphing-filter__label-col {
  flex: 0 0 105px;
}
.design-v2-2 .battery-graphing-filter__label-col label {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0;
}
.design-v2-2 .battery-graphing-filter__field-col {
  flex: 1 1 auto;
  margin-bottom: 0;
}
.design-v2-2 .battery-graphing-filter .form-control,
.design-v2-2 .battery-graphing-filter .select2-container {
  width: 100% !important;
}
.design-v2-2 .battery-graphing-filter .filter-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  gap: 8px;
  justify-content: flex-start;
}
.design-v2-2 .battery-graphing-filter .filter-actions .btn {
  align-items: center;
  display: inline-flex;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857143;
  padding: 6px 12px;
  text-transform: none;
}
.design-v2-2 .battery-graphing-filter .filter-actions .btn i {
  font-size: 14px;
  margin-right: 4px;
}
.design-v2-2 .battery-lifecycle-page__views {
  margin-bottom: 0;
}
.design-v2-2 .battery-lifecycle-page__chart-panel {
  margin-bottom: 20px;
}
.design-v2-2 .battery-lifecycle-page__chart {
  width: 100%;
  min-height: 380px;
}
.design-v2-2 .battery-lifecycle-page .battery-lifecycle-page__chart-navigation.chart-side-navigation {
  position: relative;
}
.design-v2-2 .battery-lifecycle-page .battery-lifecycle-page__chart-navigation.chart-side-navigation .side-button {
  bottom: -20px;
  height: auto;
  opacity: 1;
  top: -20px;
}
.design-v2-2 .battery-lifecycle-page .battery-lifecycle-page__chart-navigation.chart-side-navigation .side-button.side-left {
  left: -30px;
}
.design-v2-2 .battery-lifecycle-page .battery-lifecycle-page__chart-navigation.chart-side-navigation .side-button.side-right {
  right: -30px;
}
.design-v2-2 .battery-lifecycle-page .battery-lifecycle-page__chart-navigation.chart-side-navigation .side-button.side-button--disabled {
  opacity: 0.25;
}
.design-v2-2 .battery-lifecycle-page .battery-lifecycle-page__chart-navigation.chart-side-navigation .side-button.is-loading {
  pointer-events: none;
}
.design-v2-2 .battery-lifecycle-page__empty {
  display: none;
  min-height: 180px;
  align-items: center;
  justify-content: center;
  color: #d6d6d6;
  font-size: 16px;
}
.design-v2-2 .battery-lifecycle-modal__pack-name {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 20px;
}
.design-v2-2 .battery-lifecycle-modal__pack-name span {
  color: #d6d6d6;
}
.design-v2-2 .battery-lifecycle-detail .multicontent-box {
  margin-bottom: 0;
}
.design-v2-2 .battery-lifecycle-detail .multicontent-box__tabs {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.design-v2-2 .battery-lifecycle-detail .multicontent-box__contents {
  min-height: 360px;
}
.design-v2-2 .battery-lifecycle-detail__overview {
  margin-bottom: 0;
}
.design-v2-2 .battery-lifecycle-detail__chart {
  min-height: 320px;
  width: 100%;
}
.design-v2-2 .battery-lifecycle-detail__chart-modes {
  flex-flow: row;
  gap: 0;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.design-v2-2 .battery-lifecycle-detail__chart-modes .btn + .btn {
  margin-left: -1px;
}
.design-v2-2 .battery-lifecycle-detail__table {
  min-height: 180px;
  position: relative;
}
.design-v2-2 .battery-lifecycle-detail__table.is-loading::after {
  color: #d6d6d6;
  content: "hourglass_top";
  font-family: "Material Symbols Outlined";
  font-size: 28px;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 28;
  left: 50%;
  line-height: 1;
  position: absolute;
  top: 72px;
  transform: translateX(-50%);
}
.design-v2-2 .battery-lifecycle-detail .table {
  margin-bottom: 0;
}
.design-v2-2 .battery-lifecycle-detail .table th {
  vertical-align: top;
}
.design-v2-2 .inverter-overview-page .box {
  margin: 0;
}
.design-v2-2 .inverter-overview-panel-body {
  padding: 15px;
}
.design-v2-2 .inverter-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .design-v2-2 .inverter-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .inverter-overview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.design-v2-2 .inverter-overview-card {
  --inverter-state: #6d7e8e;
  --inverter-state-soft: #f0f3f5;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 390px;
  padding: 11px 10px 8px;
  border: 1px solid var(--inverter-state);
  border-bottom-width: 4px;
  background: #fff;
  color: #333333;
}
.design-v2-2 .inverter-overview-card--ok {
  --inverter-state: #15923a;
  --inverter-state-soft: #eff8ed;
}
.design-v2-2 .inverter-overview-card--warning {
  --inverter-state: #f18b12;
  --inverter-state-soft: #fff6e6;
}
.design-v2-2 .inverter-overview-card--error {
  --inverter-state: #ef2b32;
  --inverter-state-soft: #fff0f1;
}
.design-v2-2 .inverter-overview-card__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 7px;
  min-height: 52px;
}
.design-v2-2 .inverter-overview-card__connection {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  min-height: 35px;
  color: #147fd1;
}
.design-v2-2 .inverter-overview-card__connection .material-symbols-outlined {
  font-size: 31px;
}
.design-v2-2 .inverter-overview-card__connection-secondary {
  position: absolute;
  right: -2px;
  bottom: -1px;
  padding: 1px;
  border-radius: 50%;
  background: #fff;
  color: #15923a;
  font-size: 15px !important;
}
.design-v2-2 .inverter-overview-card__identity {
  min-width: 0;
  padding-top: 3px;
}
.design-v2-2 .inverter-overview-card__title {
  overflow: hidden;
  margin: 0;
  color: #333333;
  font-size: 16px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .inverter-overview-card__subtitle {
  overflow: hidden;
  margin-top: 4px;
  color: #737373;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .inverter-overview-card__condition {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 27px;
  padding: 3px 6px;
  background: var(--inverter-state-soft);
  color: var(--inverter-state);
  font-size: 11px;
  white-space: nowrap;
}
.design-v2-2 .inverter-overview-card__condition .material-symbols-outlined {
  font-size: 16px;
}
.design-v2-2 .inverter-overview-card__power {
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-height: 62px;
  padding: 3px 8px 6px;
}
.design-v2-2 .inverter-overview-card__power-reading {
  display: flex;
  align-items: baseline;
}
.design-v2-2 .inverter-overview-card__power-value {
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}
.design-v2-2 .inverter-overview-card__power-unit {
  margin-left: 5px;
  color: #737373;
  font-size: 14px;
}
.design-v2-2 .inverter-overview-card__power-indicator {
  color: var(--inverter-state);
  font-size: 48px;
  font-variation-settings: 'wght' 300;
}
.design-v2-2 .inverter-overview-card__electrical-group {
  margin-bottom: 6px;
  border: 1px solid #dfe5e8;
}
.design-v2-2 .inverter-overview-card__electrical-heading {
  min-height: 24px;
  padding: 4px 9px;
  background: var(--inverter-state-soft);
  font-size: 12px;
  line-height: 15px;
}
.design-v2-2 .inverter-overview-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.design-v2-2 .inverter-overview-card__metric {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 48px;
  padding: 5px 8px;
}
.design-v2-2 .inverter-overview-card__metric + .inverter-overview-card__metric {
  border-left: 1px solid #e4e7e9;
}
.design-v2-2 .inverter-overview-card__metric-icon {
  flex: 0 0 auto;
  margin-right: 7px;
  color: #147fd1;
  font-size: 21px;
}
.design-v2-2 .inverter-overview-card__metric-icon--electrical-symbol {
  width: 21px;
  font-family: Arial, sans-serif;
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
.design-v2-2 .inverter-overview-card__metric-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.design-v2-2 .inverter-overview-card__metric-label {
  color: #737373;
  font-size: 8px;
  text-transform: uppercase;
}
.design-v2-2 .inverter-overview-card__metric-value {
  overflow: hidden;
  margin-top: 1px;
  font-size: 12px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .inverter-overview-card__diagnostics {
  margin-top: 1px;
  border: 1px solid #e1e5e8;
}
.design-v2-2 .inverter-overview-card__diagnostic {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 31px;
  padding: 4px 8px;
  font-size: 11px;
}
.design-v2-2 .inverter-overview-card__diagnostic + .inverter-overview-card__diagnostic {
  border-top: 1px solid #e1e5e8;
}
.design-v2-2 .inverter-overview-card__badge {
  flex: 0 0 auto;
  color: #737373;
  font-weight: 600;
}
.design-v2-2 .inverter-overview-card__badge--ok {
  color: #15923a;
}
.design-v2-2 .inverter-overview-card__badge--warning {
  color: #d97800;
}
.design-v2-2 .inverter-overview-card__badge--error {
  color: #ef2b32;
}
.design-v2-2 .inverter-overview-card__badge--disabled {
  color: #8b969f;
  font-weight: 400;
}
.design-v2-2 .inverter-overview-card__badge small {
  font-size: 9px;
  font-weight: 400;
}
.design-v2-2 .inverter-overview-card__footer {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 25px;
  margin-top: auto;
  padding: 6px 5px 0;
  color: #6d7e8e;
  font-size: 11px;
}
.design-v2-2 .inverter-overview-card__footer .material-symbols-outlined {
  font-size: 15px;
}
.design-v2-2 .inverter-overview-empty {
  padding: 50px 20px;
  color: #737373;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .inverter-overview-card {
    min-height: 380px;
  }
  .design-v2-2 .inverter-overview-card__condition span:last-child {
    display: none;
  }
}
.design-v2-2 .technology-map-page:fullscreen,
.design-v2-2 .technology-map-page--fullscreen {
  position: fixed;
  z-index: 20000;
  inset: 0;
  overflow: hidden;
  padding: 10px;
  background: #fff;
}
.design-v2-2 .technology-map-page:fullscreen .technology-map-viewport,
.design-v2-2 .technology-map-page--fullscreen .technology-map-viewport {
  height: calc(100vh - 70px);
  min-height: 0;
}
body.design-v2-2.technology-map-fullscreen-open {
  overflow: hidden;
}
.design-v2-2 .technology-map-viewport {
  position: relative;
  height: clamp(520px, calc(100vh - 300px), 760px);
  min-height: 520px;
  overflow: hidden;
  border: 1px solid #ccd5da;
  background-color: #f5f8f9;
  background-image: radial-gradient(circle, #c4cdd2 1px, transparent 1px);
  background-position: -1px -1px;
  background-size: 24px 24px;
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.design-v2-2 .technology-map-viewport:focus {
  border-color: #2b87b2;
  outline: 0;
}
.design-v2-2 .technology-map-viewport--dragging {
  cursor: grabbing;
}
.design-v2-2 .technology-map-stage {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
  transform-style: preserve-3d;
  will-change: transform;
}
.design-v2-2 .technology-map-node {
  transition: opacity 0.18s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.design-v2-2 .technology-map-viewport--focused .technology-map-node {
  opacity: 0.28;
  pointer-events: none;
}
.design-v2-2 .technology-map-viewport--focused .technology-map-node--expanded {
  z-index: 80;
  opacity: 1;
  pointer-events: auto;
  transform: translateY(-3px);
}
.design-v2-2 .technology-map-viewport--focused .inverter-map-coordinate {
  opacity: 0.42;
}
.design-v2-2 .technology-map-controls {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 60;
  display: flex;
  border: 1px solid #cbd3d8;
  background: #fff;
  box-shadow: 0 2px 7px rgba(26, 45, 58, 0.14);
  cursor: default;
}
.design-v2-2 .technology-map-control {
  display: flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-right: 1px solid #dce2e6;
  background: #fff;
  color: #333333;
}
.design-v2-2 .technology-map-control:last-child {
  border-right: 0;
}
.design-v2-2 .technology-map-control:hover,
.design-v2-2 .technology-map-control:focus {
  background: #eef5f8;
  color: #2b87b2;
  outline: 0;
}
.design-v2-2 .technology-map-control .material-symbols-outlined {
  font-size: 19px;
}
.design-v2-2 .technology-map-control--fit {
  width: auto;
  min-width: 72px;
  gap: 5px;
  padding: 0 8px;
  font-size: 10px;
}
.design-v2-2 .technology-map-relations__loading {
  display: flex;
  min-height: 52px;
  align-items: center;
  justify-content: center;
  color: #737373;
}
.design-v2-2 .technology-map-relations__loading .material-symbols-outlined {
  animation: technology-map-loading 1.1s linear infinite;
  font-size: 21px;
}
@keyframes technology-map-loading {
  to {
    transform: rotate(360deg);
  }
}
@media screen and (max-width: 767px) {
  .design-v2-2 .technology-map-viewport {
    height: calc(100vh - 245px);
    min-height: 430px;
  }
  .design-v2-2 .technology-map-page:fullscreen,
  .design-v2-2 .technology-map-page--fullscreen {
    padding: 5px;
  }
  .design-v2-2 .technology-map-page:fullscreen .technology-map-viewport,
  .design-v2-2 .technology-map-page--fullscreen .technology-map-viewport {
    height: calc(100vh - 55px);
  }
}
.design-v2-2 .inverter-map-page .box {
  margin: 0;
}
.design-v2-2 .inverter-map-panel-body {
  padding: 15px;
}
.design-v2-2 .inverter-map-coordinate {
  position: absolute;
  color: #687b89;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
}
.design-v2-2 .inverter-map-coordinate--x {
  top: 18px;
  width: 140px;
  text-align: center;
}
.design-v2-2 .inverter-map-coordinate--y {
  left: 14px;
  width: 38px;
  line-height: 76px;
  text-align: right;
}
.design-v2-2 .inverter-map-node {
  position: absolute;
  width: 140px;
  min-height: 78px;
}
.design-v2-2 .inverter-map-node--collision::after {
  position: absolute;
  top: -7px;
  right: -7px;
  z-index: 8;
  min-width: 19px;
  height: 19px;
  padding: 0 4px;
  border: 1px solid #fff;
  border-radius: 10px;
  background: #384d5d;
  color: #fff;
  content: var(--map-devices);
  font-size: 9px;
  line-height: 17px;
  text-align: center;
}
.design-v2-2 .inverter-map-node--expanded {
  z-index: 80;
}
.design-v2-2 .inverter-map-node--expanded .inverter-map-device {
  box-shadow: 0 9px 25px rgba(21, 42, 56, 0.28);
}
.design-v2-2 .inverter-map-node .inverter-map-device-wrap:nth-child(2) {
  transform: translate(7px, 7px);
}
.design-v2-2 .inverter-map-node .inverter-map-device-wrap:nth-child(3) {
  transform: translate(14px, 14px);
}
.design-v2-2 .inverter-map-node .inverter-map-device-wrap:nth-child(2):hover,
.design-v2-2 .inverter-map-node .inverter-map-device-wrap:nth-child(3):hover {
  z-index: 10;
  transform: translate(0, 0);
}
.design-v2-2 .inverter-map-node--expanded .inverter-map-device-wrap,
.design-v2-2 .inverter-map-node--expanded .inverter-map-device,
.design-v2-2 .inverter-map-node--expanded .inverter-map-relations {
  transition: none;
}
.design-v2-2 .inverter-map-device-wrap {
  position: absolute;
  z-index: 2;
  inset: 0 auto auto 0;
  width: 140px;
  min-height: 78px;
  transition: transform 0.15s ease;
}
.design-v2-2 .inverter-map-device {
  --inverter-map-state: #6d7e8e;
  --inverter-map-state-soft: #f0f3f5;
  min-width: 0;
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 2;
  width: 140px;
  min-height: 78px;
  padding: 7px 7px 6px;
  border: 1px solid var(--inverter-map-state);
  border-left-width: 3px;
  background: #fff;
  color: #333333;
  box-shadow: 0 1px 3px rgba(27, 47, 60, 0.12);
  transition: box-shadow 0.15s ease;
}
.design-v2-2 .inverter-map-device--ok {
  --inverter-map-state: #15923a;
  --inverter-map-state-soft: #eff8ed;
}
.design-v2-2 .inverter-map-device--warning {
  --inverter-map-state: #f18b12;
  --inverter-map-state-soft: #fff6e6;
}
.design-v2-2 .inverter-map-device--error {
  --inverter-map-state: #ef2b32;
  --inverter-map-state-soft: #fff0f1;
}
.design-v2-2 .inverter-map-device__heading {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 5px;
}
.design-v2-2 .inverter-map-device__icon {
  color: #147fd1;
  font-size: 19px;
}
.design-v2-2 .inverter-map-device__name {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .inverter-map-device__condition {
  color: var(--inverter-map-state);
  font-size: 17px;
}
.design-v2-2 .inverter-map-device__reading {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin: 6px 0 5px 24px;
}
.design-v2-2 .inverter-map-device__reading strong {
  font-size: 18px;
  line-height: 1;
}
.design-v2-2 .inverter-map-device__reading span {
  color: #737373;
  font-size: 11px;
}
.design-v2-2 .inverter-map-device__diagnostics {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 7px;
  padding-top: 5px;
  border-top: 1px solid #e4e8ea;
  color: #737373;
  font-size: 9px;
}
.design-v2-2 .inverter-map-device__diagnostics strong {
  color: var(--inverter-map-state);
  font-size: 10px;
}
.design-v2-2 .inverter-map-relations-toggle {
  position: absolute;
  right: 5px;
  bottom: 26px;
  z-index: 12;
  display: flex;
  height: 20px;
  align-items: center;
  gap: 2px;
  padding: 0 4px;
  border: 0;
  background: #fff;
  color: #147fd1;
  font-size: 9px;
}
.design-v2-2 .inverter-map-relations-toggle:hover,
.design-v2-2 .inverter-map-relations-toggle:focus,
.design-v2-2 .inverter-map-relations-toggle[aria-expanded="true"] {
  background: #eaf4fb;
  outline: 0;
}
.design-v2-2 .inverter-map-relations-toggle .material-symbols-outlined {
  font-size: 14px;
}
.design-v2-2 .inverter-map-relations {
  position: absolute;
  top: 0;
  left: 154px;
  z-index: 50;
  width: 270px;
  max-height: 330px;
  overflow: auto;
  border: 2px solid #7892a2;
  background: #fff;
  box-shadow: 0 13px 34px rgba(17, 38, 52, 0.32);
  animation: inverter-map-focus-in 0.18s ease-out;
}
.design-v2-2 .inverter-map-relations::before {
  position: absolute;
  top: 37px;
  left: -15px;
  width: 14px;
  border-top: 1px solid #8fa5b3;
  content: '';
}
.design-v2-2 .inverter-map-relations--left {
  right: 154px;
  left: auto;
}
.design-v2-2 .inverter-map-relations--left::before {
  right: -15px;
  left: auto;
}
.design-v2-2 .inverter-map-topology {
  padding: 8px 10px;
}
.design-v2-2 .inverter-map-topology__snapshot {
  --topology-state: #6d7e8e;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  margin: -8px -10px 9px;
  padding: 8px 10px;
  border-bottom: 1px solid #dce3e7;
  border-left: 3px solid var(--topology-state);
  background: #f4f7f8;
}
.design-v2-2 .inverter-map-topology__snapshot--ok {
  --topology-state: #15923a;
}
.design-v2-2 .inverter-map-topology__snapshot--warning {
  --topology-state: #f18b12;
}
.design-v2-2 .inverter-map-topology__snapshot--error {
  --topology-state: #ef2b32;
}
.design-v2-2 .inverter-map-topology__snapshot > .material-symbols-outlined {
  color: var(--topology-state);
  font-size: 18px;
}
.design-v2-2 .inverter-map-topology__snapshot strong,
.design-v2-2 .inverter-map-topology__snapshot small {
  display: block;
}
.design-v2-2 .inverter-map-topology__snapshot strong {
  font-size: 11px;
}
.design-v2-2 .inverter-map-topology__snapshot small {
  margin-top: 1px;
  color: #737373;
  font-size: 8px;
}
.design-v2-2 .inverter-map-topology__group + .design-v2-2 .inverter-map-topology__group {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid #e1e6e9;
}
.design-v2-2 .inverter-map-topology h4 {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 5px;
  font-size: 11px;
  font-weight: 600;
}
.design-v2-2 .inverter-map-topology h4 .material-symbols-outlined {
  color: #147fd1;
  font-size: 16px;
}
.design-v2-2 .inverter-map-topology__item {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 6px;
  padding: 5px 0 5px 4px;
  border-left: 1px solid #c7d2d9;
}
.design-v2-2 .inverter-map-topology__item > .material-symbols-outlined {
  color: #667d8d;
  font-size: 15px;
}
.design-v2-2 .inverter-map-topology__item strong,
.design-v2-2 .inverter-map-topology__item small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .inverter-map-topology__item strong {
  font-size: 10px;
}
.design-v2-2 .inverter-map-topology__item small {
  margin-top: 1px;
  color: #737373;
  font-size: 8px;
}
.design-v2-2 .inverter-map-topology__batteries {
  margin-top: 4px;
  padding-top: 3px;
  border-top: 1px dotted #cbd5db;
}
.design-v2-2 .inverter-map-topology__batteries summary {
  color: #2b87b2;
  cursor: pointer;
  font-size: 8px;
}
.design-v2-2 .inverter-map-topology__battery {
  display: block;
  margin-top: 4px;
  padding-left: 7px;
  border-left: 1px solid #d6dfe4;
}
.design-v2-2 .inverter-map-topology__empty {
  padding: 12px;
  color: #737373;
  font-size: 10px;
  text-align: center;
}
@keyframes inverter-map-focus-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.design-v2-2 .inverter-map-viewport[data-map-zoom="overview"] .inverter-map-device__reading,
.design-v2-2 .inverter-map-viewport[data-map-zoom="overview"] .inverter-map-device__diagnostics {
  display: none;
}
.design-v2-2 .inverter-map-viewport[data-map-zoom="overview"] .inverter-map-device {
  min-height: 34px;
}
.design-v2-2 .inverter-map-viewport[data-map-zoom="overview"] .inverter-map-relations-toggle,
.design-v2-2 .inverter-map-viewport[data-map-zoom="overview"] .inverter-map-relations {
  display: none;
}
.design-v2-2 .inverter-map-notice {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 10px;
  color: #737373;
  font-size: 11px;
}
.design-v2-2 .inverter-map-notice .material-symbols-outlined {
  font-size: 17px;
}
.design-v2-2 .inverter-map-groups {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 12px;
}
.design-v2-2 .inverter-map-groups .contents-label {
  border: 1px solid #d9dee1;
  background: #f5f6f7;
}
.design-v2-2 .inverter-map-groups .contents-label--active {
  border-color: #2b87b2;
  background: #fff;
  color: #2b87b2;
}
.design-v2-2 .inverter-map-empty {
  display: flex;
  min-height: 220px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  color: #737373;
  text-align: center;
}
.design-v2-2 .inverter-map-empty .material-symbols-outlined {
  font-size: 35px;
}
.design-v2-2 .inverter-map-empty strong {
  color: #333333;
}
.design-v2-2 .inverter-map-unpositioned-grid {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .inverter-map-panel-body {
    padding: 10px;
  }
}
.design-v2-2 .string-box-overview-page .box {
  margin: 0;
}
.design-v2-2 .string-box-overview-panel-body {
  padding: 15px;
}
.design-v2-2 .string-box-overview-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
}
@media screen and (min-width: 768px) {
  .design-v2-2 .string-box-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media screen and (min-width: 1400px) {
  .design-v2-2 .string-box-overview-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.design-v2-2 .string-box-overview-card {
  --string-box-state: #6d7e8e;
  --string-box-state-soft: #f0f3f5;
  display: flex;
  min-width: 0;
  min-height: 420px;
  flex-direction: column;
  padding: 11px 10px 8px;
  border: 1px solid var(--string-box-state);
  border-bottom-width: 4px;
  background: #fff;
  color: #333333;
}
.design-v2-2 .string-box-overview-card--ok {
  --string-box-state: #15923a;
  --string-box-state-soft: #eff8ed;
}
.design-v2-2 .string-box-overview-card--warning {
  --string-box-state: #f18b12;
  --string-box-state-soft: #fff6e6;
}
.design-v2-2 .string-box-overview-card--error {
  --string-box-state: #ef2b32;
  --string-box-state-soft: #fff0f1;
}
.design-v2-2 .string-box-overview-card__header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 7px;
  min-height: 52px;
}
.design-v2-2 .string-box-overview-card__device-icon {
  width: 35px;
  color: #147fd1;
  font-size: 31px;
  text-align: center;
}
.design-v2-2 .string-box-overview-card__identity {
  min-width: 0;
  padding-top: 3px;
}
.design-v2-2 .string-box-overview-card__title {
  overflow: hidden;
  margin: 0;
  color: #333333;
  font-size: 16px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .string-box-overview-card__subtitle {
  display: flex;
  overflow: hidden;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  color: #737373;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .string-box-overview-card__subtitle .material-symbols-outlined {
  font-size: 13px;
}
.design-v2-2 .string-box-overview-card__condition {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 27px;
  padding: 3px 6px;
  background: var(--string-box-state-soft);
  color: var(--string-box-state);
  font-size: 11px;
  white-space: nowrap;
}
.design-v2-2 .string-box-overview-card__condition .material-symbols-outlined {
  font-size: 16px;
}
.design-v2-2 .string-box-overview-card__primary {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 2px 9px 5px;
}
.design-v2-2 .string-box-overview-card__primary-reading {
  display: flex;
  align-items: baseline;
}
.design-v2-2 .string-box-overview-card__primary-value {
  font-size: 29px;
  font-weight: 600;
  line-height: 1;
}
.design-v2-2 .string-box-overview-card__primary-unit {
  margin-left: 5px;
  color: #737373;
  font-size: 14px;
}
.design-v2-2 .string-box-overview-card__primary-label {
  color: var(--string-box-state);
  font-size: 11px;
  font-weight: 600;
}
.design-v2-2 .string-box-overview-card__metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 7px;
  border: 1px solid #dfe5e8;
}
.design-v2-2 .string-box-overview-card__metric {
  display: flex;
  min-width: 0;
  min-height: 43px;
  align-items: center;
  gap: 7px;
  padding: 4px 7px;
}
.design-v2-2 .string-box-overview-card__metric:nth-child(even) {
  border-left: 1px solid #e4e7e9;
}
.design-v2-2 .string-box-overview-card__metric:nth-child(n+3) {
  border-top: 1px solid #e4e7e9;
}
.design-v2-2 .string-box-overview-card__metric > .material-symbols-outlined,
.design-v2-2 .string-box-overview-card__metric > .string-box-overview-card__electrical-symbol {
  flex: 0 0 20px;
  color: #147fd1;
  font-size: 20px;
  text-align: center;
}
.design-v2-2 .string-box-overview-card__metric > span:last-child {
  display: flex;
  min-width: 0;
  flex-direction: column;
}
.design-v2-2 .string-box-overview-card__metric small {
  color: #737373;
  font-size: 8px;
  text-transform: uppercase;
}
.design-v2-2 .string-box-overview-card__metric strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .string-box-overview-card__electrical-symbol {
  font-family: Arial, sans-serif;
  font-weight: 600;
}
.design-v2-2 .string-box-overview-card__channels {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 3px;
  margin-bottom: 7px;
}
.design-v2-2 .string-box-overview-card__channel {
  display: flex;
  min-width: 0;
  min-height: 28px;
  flex-direction: column;
  justify-content: center;
  padding: 2px 4px;
  border: 1px solid #dfe5e8;
  background: #fafbfc;
  text-align: center;
}
.design-v2-2 .string-box-overview-card__channel span {
  color: #737373;
  font-size: 8px;
  line-height: 1;
}
.design-v2-2 .string-box-overview-card__channel strong {
  overflow: hidden;
  margin-top: 2px;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .string-box-overview-card__channel--unknown strong {
  color: #8b969f;
  font-weight: 400;
}
.design-v2-2 .string-box-overview-card__diagnostics {
  border: 1px solid #e1e5e8;
}
.design-v2-2 .string-box-overview-card__diagnostic {
  display: flex;
  min-height: 29px;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 3px 7px;
  font-size: 10px;
}
.design-v2-2 .string-box-overview-card__diagnostic + .string-box-overview-card__diagnostic {
  border-top: 1px solid #e1e5e8;
}
.design-v2-2 .string-box-overview-card__badge {
  flex: 0 0 auto;
  color: #737373;
  font-weight: 600;
}
.design-v2-2 .string-box-overview-card__badge--ok {
  color: #15923a;
}
.design-v2-2 .string-box-overview-card__badge--warning {
  color: #d97800;
}
.design-v2-2 .string-box-overview-card__badge--error {
  color: #ef2b32;
}
.design-v2-2 .string-box-overview-card__badge--disabled {
  color: #8b969f;
  font-weight: 400;
}
.design-v2-2 .string-box-overview-card__footer {
  display: flex;
  min-height: 24px;
  align-items: center;
  gap: 6px;
  margin-top: auto;
  padding: 6px 5px 0;
  color: #6d7e8e;
  font-size: 10px;
}
.design-v2-2 .string-box-overview-card__footer .material-symbols-outlined {
  font-size: 14px;
}
.design-v2-2 .string-box-overview-empty {
  padding: 50px 20px;
  color: #737373;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .string-box-overview-card__condition span:last-child {
    display: none;
  }
}
.design-v2-2 .dashboard-v2 {
  position: relative;
}
.design-v2-2 .dashboard-market-price-regulation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 14px;
  border: 1px solid #b8d9c7;
  background: #eef9f3;
  color: #255c3d;
}
.design-v2-2 .dashboard-market-price-regulation[hidden] {
  display: none;
}
.design-v2-2 .dashboard-market-price-regulation .material-symbols-outlined {
  font-size: 20px;
}
.design-v2-2 .dashboard-v2__header-controls {
  position: relative;
}
.design-v2-2 .dashboard-v2__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.design-v2-2 .dashboard-v2__toolbar-summary {
  color: #697782;
  font-size: 13px;
}
.design-v2-2 .dashboard-v2__settings-button,
.design-v2-2 .dashboard-v2__settings-close,
.design-v2-2 .dashboard-v2__power-today,
.design-v2-2 .dashboard-v2__widget-export-toggle,
.design-v2-2 .dashboard-v2__widget-settings-toggle,
.design-v2-2 .dashboard-v2__widget-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 1px solid #d8e0e6;
  border-radius: 0;
  background: #fff;
  color: #60717d;
}
.design-v2-2 .dashboard-v2__settings-button:hover,
.design-v2-2 .dashboard-v2__settings-close:hover,
.design-v2-2 .dashboard-v2__power-today:hover,
.design-v2-2 .dashboard-v2__widget-export-toggle:hover,
.design-v2-2 .dashboard-v2__widget-settings-toggle:hover,
.design-v2-2 .dashboard-v2__widget-handle:hover {
  color: #26343d;
  border-color: #b7c5ce;
}
.design-v2-2 .dashboard-v2__power-today,
.design-v2-2 .dashboard-v2__power-today:visited {
  color: #2f91c6;
  text-decoration: none;
}
.design-v2-2 .dashboard-v2__power-today[hidden] {
  display: none;
}
.design-v2-2 .dashboard-v2__settings {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 50;
  width: 780px;
  padding: 16px;
  border: 1px solid #dbe3e8;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 12px 32px rgba(23, 37, 47, 0.14);
}
.design-v2-2 .dashboard-v2__settings--open {
  display: block;
}
.design-v2-2 .dashboard-v2__settings-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.design-v2-2 .dashboard-v2__settings-header h2 {
  margin: 0 0 4px;
  font-size: 18px;
  line-height: 1.25;
}
.design-v2-2 .dashboard-v2__settings-header p {
  margin: 0;
  color: #697782;
}
.design-v2-2 .dashboard-v2__settings-widgets {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.design-v2-2 .dashboard-v2__settings-widget {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  margin: 0;
  padding: 10px;
  border: 1px solid #e1e8ed;
  border-radius: 0;
  background: #f9fbfc;
}
.design-v2-2 .dashboard-v2__settings-widget--width-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.design-v2-2 .dashboard-v2__settings-widget--width-8 {
  flex: 0 0 calc(66.666% - 3px);
  max-width: calc(66.666% - 3px);
}
.design-v2-2 .dashboard-v2__settings-widget--width-6 {
  flex: 0 0 calc(50% - 4px);
  max-width: calc(50% - 4px);
}
.design-v2-2 .dashboard-v2__settings-widget--width-4 {
  flex: 0 0 calc(33.333% - 6px);
  max-width: calc(33.333% - 6px);
}
.design-v2-2 .dashboard-v2__settings-widget--width-3 {
  flex: 0 0 calc(25% - 6px);
  max-width: calc(25% - 6px);
}
.design-v2-2 .dashboard-v2__settings-widget--hidden {
  opacity: 0.58;
}
.design-v2-2 .dashboard-v2__settings-widget-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid transparent;
  background: transparent;
  color: #60717d;
  cursor: move;
}
.design-v2-2 .dashboard-v2__settings-widget-handle:hover,
.design-v2-2 .dashboard-v2__settings-widget-handle:focus {
  border-color: #d8e0e6;
  color: #26343d;
}
.design-v2-2 .dashboard-v2__settings-widget-toggle {
  margin: 0;
}
.design-v2-2 .dashboard-v2__settings-widget-toggle input {
  margin: 0;
}
.design-v2-2 .dashboard-v2__settings-widget-icon {
  color: #60717d;
}
.design-v2-2 .dashboard-v2__settings-widget-text {
  display: grid;
  gap: 2px;
  flex: 1 1 auto;
  min-width: 0;
}
.design-v2-2 .dashboard-v2__settings-widget-text strong,
.design-v2-2 .dashboard-v2__settings-widget-text small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .dashboard-v2__settings-widget-text small {
  color: #697782;
  font-weight: 400;
}
.design-v2-2 .dashboard-v2__settings-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.design-v2-2 .dashboard-v2__settings-widget-placeholder {
  min-height: 58px;
  border: 1px dashed #aebcc6;
  background: #f3f7f9;
}
.design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-12 {
  flex: 0 0 100%;
  max-width: 100%;
}
.design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-8 {
  flex: 0 0 calc(66.666% - 3px);
  max-width: calc(66.666% - 3px);
}
.design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-6 {
  flex: 0 0 calc(50% - 4px);
  max-width: calc(50% - 4px);
}
.design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-4 {
  flex: 0 0 calc(33.333% - 6px);
  max-width: calc(33.333% - 6px);
}
.design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-3 {
  flex: 0 0 calc(25% - 6px);
  max-width: calc(25% - 6px);
}
.design-v2-2 .dashboard-v2__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}
.design-v2-2 .dashboard-v2__widget {
  width: 100%;
  min-width: 280px;
  border: 0;
  border-radius: 0;
  background: #fff;
  overflow: visible;
}
.design-v2-2 .dashboard-v2__widget--width-4,
.design-v2-2 .dashboard-v2__widget--width-3 {
  height: 300px;
}
.design-v2-2 .dashboard-v2__widget--width-4 .dashboard-v2__widget-body,
.design-v2-2 .dashboard-v2__widget--width-3 .dashboard-v2__widget-body {
  height: calc(100% - 46px);
  overflow: hidden;
}
.design-v2-2 .dashboard-v2__widget--width-12 {
  grid-column: span 12;
}
.design-v2-2 .dashboard-v2__widget--width-8 {
  grid-column: span 8;
}
.design-v2-2 .dashboard-v2__widget--width-6 {
  grid-column: span 6;
}
.design-v2-2 .dashboard-v2__widget--width-4 {
  grid-column: span 4;
}
.design-v2-2 .dashboard-v2__widget--width-3 {
  grid-column: span 3;
}
.design-v2-2 .dashboard-v2__widget--width-8[data-widget-key="power_chart"] {
  grid-row: span 2;
}
.design-v2-2 .dashboard-v2__widget-header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 46px;
  padding: 8px 10px;
  border-bottom: 1px solid #edf2f5;
}
.design-v2-2 .dashboard-v2__widget-header h2 {
  flex: 1 1 auto;
  margin: 0;
  min-width: 0;
  overflow: hidden;
  font-size: 16px;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .dashboard-v2__widget-icon {
  color: #60717d;
}
.design-v2-2 .dashboard-v2__widget-handle {
  margin-left: auto;
}
.design-v2-2 .dashboard-v2__widget-export-toggle,
.design-v2-2 .dashboard-v2__widget-settings-toggle,
.design-v2-2 .dashboard-v2__widget-handle {
  opacity: 0;
  transition: opacity 120ms ease, border-color 120ms ease, color 120ms ease;
}
.design-v2-2 .dashboard-v2__widget:hover .dashboard-v2__widget-handle,
.design-v2-2 .dashboard-v2__widget:hover .dashboard-v2__widget-export-toggle,
.design-v2-2 .dashboard-v2__widget:hover .dashboard-v2__widget-settings-toggle,
.design-v2-2 .dashboard-v2__widget--hover .dashboard-v2__widget-handle,
.design-v2-2 .dashboard-v2__widget--hover .dashboard-v2__widget-export-toggle,
.design-v2-2 .dashboard-v2__widget--hover .dashboard-v2__widget-settings-toggle,
.design-v2-2 .dashboard-v2__widget:focus-within .dashboard-v2__widget-handle,
.design-v2-2 .dashboard-v2__widget:focus-within .dashboard-v2__widget-export-toggle,
.design-v2-2 .dashboard-v2__widget:focus-within .dashboard-v2__widget-settings-toggle,
.design-v2-2 .dashboard-v2__widget-export-toggle:focus,
.design-v2-2 .dashboard-v2__widget-settings-toggle:focus,
.design-v2-2 .dashboard-v2__widget-handle:focus {
  opacity: 1;
}
.design-v2-2 .dashboard-v2__widget-export-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 94px;
  z-index: 46;
  min-width: 168px;
  padding: 6px;
  border: 1px solid #dbe3e8;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 10px 26px rgba(23, 37, 47, 0.14);
}
.design-v2-2 .dashboard-v2__widget-export-menu.chart-export-menu--open {
  display: block;
}
.design-v2-2 .chart-export-menu__item {
  display: block;
  width: 100%;
  padding: 7px 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #26343d;
  text-align: left;
  white-space: nowrap;
}
.design-v2-2 .chart-export-menu__item:hover,
.design-v2-2 .chart-export-menu__item:focus {
  background: #f3f7f9;
}
.design-v2-2 .dashboard-v2__widget-settings-panel {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: 52px;
  z-index: 45;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  min-width: 260px;
  padding: 10px;
  border: 1px solid #dbe3e8;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 10px 26px rgba(23, 37, 47, 0.14);
}
.design-v2-2 .dashboard-v2__widget-settings-panel--open {
  display: flex;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--positioned {
  position: fixed;
  right: auto;
  max-height: calc(100vh - 24px);
  overflow: auto;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--power {
  align-items: stretch;
  width: auto;
  min-width: 720px;
  max-width: calc(100vw - 40px);
}
.design-v2-2 .dashboard-v2__power-chart-settings {
  display: grid;
  gap: 10px;
  width: 100%;
}
.design-v2-2 .dashboard-v2__power-chart-settings-row {
  display: grid;
  grid-template-columns: minmax(150px, 1.2fr) repeat(2, minmax(120px, 1fr));
  gap: 10px;
  align-items: start;
  width: 100%;
}
.design-v2-2 .dashboard-v2__power-chart-settings-row label {
  min-width: 0;
}
.design-v2-2 .dashboard-v2__power-chart-settings-label {
  align-self: end;
  color: #60717d;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  min-height: 32px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0;
  white-space: nowrap;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--metrics {
  align-items: stretch;
  width: auto;
  max-width: calc(100vw - 40px);
}
.design-v2-2 .dashboard-v2__widget-settings-panel label {
  display: grid;
  gap: 4px;
  margin: 0;
  color: #60717d;
  font-size: 12px;
  font-weight: 400;
}
.design-v2-2 .dashboard-v2__widget-settings-panel input[type="time"],
.design-v2-2 .dashboard-v2__widget-settings-panel input[type="number"],
.design-v2-2 .dashboard-v2__widget-settings-panel select {
  width: 100%;
  height: 32px;
  padding: 4px 8px;
  border: 1px solid #d8e0e6;
  border-radius: 0;
  color: #26343d;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--power input[type="time"] {
  width: 100%;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--power input[type="number"] {
  width: 100%;
}
.design-v2-2 .dashboard-v2__metric-settings {
  display: grid;
  gap: 10px;
  width: 100%;
}
.design-v2-2 .dashboard-v2__metric-settings--compact-grid {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
}
.design-v2-2 .dashboard-v2__metric-setting {
  display: grid;
  grid-template-columns: 108px 130px 118px;
  gap: 12px;
  align-items: end;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf2f5;
}
.design-v2-2 .dashboard-v2__metric-setting--compact {
  grid-template-columns: minmax(180px, 1fr);
  padding-bottom: 8px;
}
.design-v2-2 .dashboard-v2__metric-setting--compact .dashboard-v2__metric-visible {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.design-v2-2 .dashboard-v2__metric-setting:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.design-v2-2 .dashboard-v2__metric-visible {
  align-self: start;
  width: 100%;
  max-width: none;
}
.design-v2-2 .dashboard-v2__metric-setting label span {
  min-width: 0;
}
.design-v2-2 .dashboard-v2__metric-visible input {
  margin: 0;
}
.design-v2-2 .dashboard-v2__metric-visible .bootstrap-switch {
  width: 68px;
  min-width: 68px;
  height: 28px;
  border-color: #d8e0e6;
}
.design-v2-2 .dashboard-v2__metric-visible .bootstrap-switch .bootstrap-switch-handle-on,
.design-v2-2 .dashboard-v2__metric-visible .bootstrap-switch .bootstrap-switch-handle-off,
.design-v2-2 .dashboard-v2__metric-visible .bootstrap-switch .bootstrap-switch-label {
  height: 28px;
  line-height: 28px;
  padding: 0 9px;
  font-size: 10px;
}
.design-v2-2 .dashboard-v2__metric-visible .bootstrap-switch .bootstrap-switch-label:after {
  border-width: 3px;
}
.design-v2-2 .dashboard-v2__widget-settings-actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
}
.design-v2-2 .dashboard-v2__widget-settings-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 1px solid #d8e0e6;
  border-radius: 0;
  background: #fff;
  color: #60717d;
}
.design-v2-2 .dashboard-v2__widget-settings-action:hover,
.design-v2-2 .dashboard-v2__widget-settings-action:focus {
  border-color: #b7c5ce;
  color: #26343d;
}
.design-v2-2 .dashboard-v2__widget-settings-action--primary {
  border-color: #3c8dbc;
  background: #3c8dbc;
  color: #fff;
}
.design-v2-2 .dashboard-v2__widget-settings-action--primary:hover,
.design-v2-2 .dashboard-v2__widget-settings-action--primary:focus {
  border-color: #2f78a2;
  background: #2f78a2;
  color: #fff;
}
.design-v2-2 .dashboard-v2__widget-settings-action .material-symbols-outlined {
  font-size: 19px;
}
.design-v2-2 .dashboard-v2__widget-body {
  padding: 12px;
}
.design-v2-2 .dashboard-v2__widget[data-widget-key="power_chart"] .dashboard-v2__widget-body {
  padding: 0;
  min-height: 565px;
}
.design-v2-2 .dashboard-v2__widget-body > .box,
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart {
  margin: 0;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart {
  position: relative;
  overflow: hidden;
}
.design-v2-2 .dashboard-v2__widget[data-widget-key="power_chart"] .dashboard-widget-chart {
  min-height: 565px;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart > div:not(.box-common) {
  padding-left: 30px;
  padding-right: 30px;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .highcharts-title,
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .highcharts-subtitle {
  display: none;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .box-common {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.design-v2-2 .dashboard-chart-tooltip {
  color: #26343d;
  font-size: 11px;
  line-height: 1.25;
}
.design-v2-2 .dashboard-chart-tooltip__time {
  margin-bottom: 4px;
  color: #60717d;
  font-weight: 600;
}
.design-v2-2 .dashboard-chart-tooltip table {
  border-collapse: collapse;
}
.design-v2-2 .dashboard-chart-tooltip__name,
.design-v2-2 .dashboard-chart-tooltip__value {
  padding: 1px 0;
  white-space: nowrap;
}
.design-v2-2 .dashboard-chart-tooltip__name {
  padding-right: 10px;
}
.design-v2-2 .dashboard-chart-tooltip__value {
  text-align: right;
}
.design-v2-2 .dashboard-chart-tooltip__marker {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  border-radius: 50%;
  vertical-align: 1px;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .circle-graph.circle-graph--highcharts {
  background: none;
  height: 132px;
  margin: 0 auto;
  overflow: visible;
  padding: 0;
  max-width: 170px;
  width: 100%;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .circle-graph.circle-graph--highcharts:after {
  display: none;
}
.design-v2-2 .dashboard-v2__widget-body .dashboard-energy-gauge {
  height: 132px;
  max-width: 170px;
  width: 100%;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-energy-box {
  background: transparent;
}
.design-v2-2 .dashboard-v2__widget-body .dashboard-energy-widget {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview.dashboard-energy-widget:after {
  display: none;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview.dashboard-energy-widget .col,
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview.dashboard-energy-widget .col + .col {
  float: none;
  margin: 0;
  min-width: 0;
  width: auto;
}
.design-v2-2 .dashboard-v2__widget-body .dashboard-energy-widget .dashboard-energy-widget__output .cc-label {
  text-align: center;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview.dashboard-energy-widget .dashboard-energy-widget__output .circle-label {
  color: #3f5360;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview.dashboard-energy-widget .dashboard-energy-widget__output .circle-label .unit {
  color: rgba(63, 83, 96, 0.68);
  font-size: 0.68em;
  font-weight: 700;
}
.design-v2-2 .dashboard-v2__widget-body .dashboard-energy-widget .dashboard-energy-widget__summary .cc-label {
  text-align: left;
}
.design-v2-2 .dashboard-v2__widget-body .dashboard-energy-metrics {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric {
  align-items: center;
  background: transparent;
  border: 0;
  color: #3f5360;
  display: flex;
  flex-wrap: wrap;
  gap: 2px 8px;
  height: auto;
  justify-content: space-between;
  margin: 0;
  min-height: 40px;
  padding: 0;
  text-align: left;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric .period {
  color: rgba(63, 83, 96, 0.72);
  display: block;
  font-size: 0.857em;
  font-weight: 600;
  line-height: 1.1;
  padding: 0 8px 0 0;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric .value-line {
  align-items: baseline;
  display: flex;
  font-family: inherit;
  justify-content: flex-end;
  line-height: 1;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric .dashboard-energy-meter {
  align-items: center;
  background: #fff;
  border: 1px solid rgba(63, 83, 96, 0.28);
  box-shadow: inset 0 1px 2px rgba(63, 83, 96, 0.08);
  display: flex;
  flex-shrink: 0;
  height: 34px;
  justify-content: flex-end;
  margin-left: auto;
  overflow: hidden;
  padding: 0 8px;
  width: 132px;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric .value-line .no {
  color: #3f5360;
  font-weight: 800;
  letter-spacing: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: none;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric .value-line .unit {
  color: rgba(63, 83, 96, 0.68);
  font-size: 0.68em;
  font-weight: 700;
  padding-left: 4px;
  text-shadow: none;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric--day .value-line .no {
  font-size: 1.35em;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric--month .value-line .no {
  font-size: 1.2em;
}
.design-v2-2 .dashboard-v2__widget-body .circle-cake-overview .col .value.dashboard-energy-metric--year .value-line .no {
  font-size: 1.08em;
}
.design-v2-2 .dashboard-revision-card {
  border-left: 3px solid rgba(63, 83, 96, 0.18);
  color: #3f5360;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 164px;
  padding-left: 12px;
}
.design-v2-2 .dashboard-revision-card--ok {
  border-left-color: #6f9e58;
}
.design-v2-2 .dashboard-revision-card--warning {
  border-left-color: #bd8b2d;
}
.design-v2-2 .dashboard-revision-card--danger {
  border-left-color: #bf5b5b;
}
.design-v2-2 .dashboard-revision-card__stats {
  align-items: stretch;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.design-v2-2 .dashboard-revision-card__stat {
  align-items: baseline;
  border-right: 1px solid rgba(63, 83, 96, 0.16);
  display: flex;
  gap: 4px;
  min-width: 0;
  padding: 0 8px;
}
.design-v2-2 .dashboard-revision-card__stat:first-child {
  padding-left: 0;
}
.design-v2-2 .dashboard-revision-card__stat:last-child {
  border-right: 0;
  padding-right: 0;
}
.design-v2-2 .dashboard-revision-card__stat strong {
  color: #3f5360;
  font-size: 18px;
  line-height: 1.1;
  order: 2;
}
.design-v2-2 .dashboard-revision-card__stat span {
  color: rgba(63, 83, 96, 0.66);
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
  order: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.design-v2-2 .dashboard-revision-card__stat--danger strong {
  color: #bf5b5b;
}
.design-v2-2 .dashboard-revision-card__stat--warning strong {
  color: #bd8b2d;
}
.design-v2-2 .dashboard-revision-card__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 82px;
}
.design-v2-2 .dashboard-revision-card__item {
  align-items: center;
  background: rgba(63, 83, 96, 0.04);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-height: 24px;
  min-width: 0;
  padding: 5px 7px;
}
.design-v2-2 .dashboard-revision-card__item-name {
  color: #253846;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .dashboard-revision-card__item-days {
  color: #3f5360;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1.1;
}
.design-v2-2 .dashboard-revision-card__item--danger .dashboard-revision-card__item-days {
  color: #bf5b5b;
}
.design-v2-2 .dashboard-revision-card__item--warning .dashboard-revision-card__item-days {
  color: #bd8b2d;
}
.design-v2-2 .dashboard-revision-card__empty {
  align-items: center;
  color: rgba(63, 83, 96, 0.72);
  display: flex;
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 700;
  min-height: 70px;
}
.design-v2-2 .dashboard-revision-card__link,
.design-v2-2 .dashboard-revision-card__link:visited {
  align-items: center;
  color: #3f5360;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1.2;
  margin: auto 0 0 auto;
  text-decoration: none;
}
.design-v2-2 .dashboard-revision-card__link:hover,
.design-v2-2 .dashboard-revision-card__link:focus {
  color: #253846;
  text-decoration: none;
}
.design-v2-2 .dashboard-revision-card__link .material-symbols-outlined {
  font-size: 17px;
}
.design-v2-2 .dashboard-service-card {
  border-left: 3px solid rgba(63, 83, 96, 0.18);
  color: #3f5360;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 164px;
  padding-left: 12px;
}
.design-v2-2 .dashboard-service-card--ok {
  border-left-color: #6f9e58;
}
.design-v2-2 .dashboard-service-card--warning {
  border-left-color: #bd8b2d;
}
.design-v2-2 .dashboard-service-card--danger {
  border-left-color: #bf5b5b;
}
.design-v2-2 .dashboard-service-card__stats {
  align-items: stretch;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.design-v2-2 .dashboard-service-card__stat {
  align-items: baseline;
  border-right: 1px solid rgba(63, 83, 96, 0.16);
  display: flex;
  gap: 4px;
  min-width: 0;
  padding: 0 8px;
}
.design-v2-2 .dashboard-service-card__stat:first-child {
  padding-left: 0;
}
.design-v2-2 .dashboard-service-card__stat:last-child {
  border-right: 0;
  padding-right: 0;
}
.design-v2-2 .dashboard-service-card__stat strong {
  color: #3f5360;
  font-size: 18px;
  line-height: 1.1;
  order: 2;
}
.design-v2-2 .dashboard-service-card__stat span {
  color: rgba(63, 83, 96, 0.66);
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
  order: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.design-v2-2 .dashboard-service-card__stat--danger strong {
  color: #bf5b5b;
}
.design-v2-2 .dashboard-service-card__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 82px;
}
.design-v2-2 .dashboard-service-card__item {
  align-items: center;
  background: rgba(63, 83, 96, 0.04);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-height: 24px;
  min-width: 0;
  padding: 5px 7px;
}
.design-v2-2 .dashboard-service-card__item-name {
  color: #253846;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .dashboard-service-card__item-age {
  color: #3f5360;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1.1;
}
.design-v2-2 .dashboard-service-card__item--danger .dashboard-service-card__item-age {
  color: #bf5b5b;
}
.design-v2-2 .dashboard-service-card__item--warning .dashboard-service-card__item-age {
  color: #bd8b2d;
}
.design-v2-2 .dashboard-service-card__empty {
  align-items: center;
  color: rgba(63, 83, 96, 0.72);
  display: flex;
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 700;
  min-height: 70px;
}
.design-v2-2 .dashboard-service-card__link,
.design-v2-2 .dashboard-service-card__link:visited {
  align-items: center;
  color: #3f5360;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1.2;
  margin: auto 0 0 auto;
  text-decoration: none;
}
.design-v2-2 .dashboard-service-card__link:hover,
.design-v2-2 .dashboard-service-card__link:focus {
  color: #253846;
  text-decoration: none;
}
.design-v2-2 .dashboard-service-card__link .material-symbols-outlined {
  font-size: 17px;
}
.design-v2-2 .dashboard-report-card {
  border-left: 3px solid rgba(63, 83, 96, 0.18);
  color: #3f5360;
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 164px;
  padding-left: 12px;
}
.design-v2-2 .dashboard-report-card--ok {
  border-left-color: #6f9e58;
}
.design-v2-2 .dashboard-report-card--warning {
  border-left-color: #bd8b2d;
}
.design-v2-2 .dashboard-report-card--danger {
  border-left-color: #bf5b5b;
}
.design-v2-2 .dashboard-report-card__stats {
  align-items: stretch;
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.design-v2-2 .dashboard-report-card__stat {
  align-items: baseline;
  border-right: 1px solid rgba(63, 83, 96, 0.16);
  display: flex;
  gap: 4px;
  min-width: 0;
  padding: 0 8px;
}
.design-v2-2 .dashboard-report-card__stat:first-child {
  padding-left: 0;
}
.design-v2-2 .dashboard-report-card__stat:last-child {
  border-right: 0;
  padding-right: 0;
}
.design-v2-2 .dashboard-report-card__stat strong {
  color: #3f5360;
  font-size: 18px;
  line-height: 1.1;
  order: 2;
}
.design-v2-2 .dashboard-report-card__stat span {
  color: rgba(63, 83, 96, 0.66);
  display: block;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  overflow: hidden;
  order: 1;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.design-v2-2 .dashboard-report-card__stat--danger strong {
  color: #bf5b5b;
}
.design-v2-2 .dashboard-report-card__stat--warning strong {
  color: #bd8b2d;
}
.design-v2-2 .dashboard-report-card__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-height: 82px;
}
.design-v2-2 .dashboard-report-card__item {
  align-items: center;
  background: rgba(63, 83, 96, 0.04);
  display: flex;
  gap: 8px;
  justify-content: space-between;
  min-height: 24px;
  min-width: 0;
  padding: 5px 7px;
}
.design-v2-2 .dashboard-report-card__item-name {
  color: #253846;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .dashboard-report-card__item-code {
  color: #3f5360;
  flex-shrink: 0;
  font-size: 12px;
  line-height: 1.1;
  max-width: 96px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .dashboard-report-card__item--error .dashboard-report-card__item-code {
  color: #bf5b5b;
}
.design-v2-2 .dashboard-report-card__item--warning .dashboard-report-card__item-code {
  color: #bd8b2d;
}
.design-v2-2 .dashboard-report-card__more {
  color: rgba(63, 83, 96, 0.66);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.1;
  margin-top: -2px;
  text-align: right;
}
.design-v2-2 .dashboard-report-card__empty {
  align-items: center;
  color: rgba(63, 83, 96, 0.72);
  display: flex;
  flex: 1 1 auto;
  font-size: 13px;
  font-weight: 700;
  min-height: 70px;
}
.design-v2-2 .dashboard-report-card__link,
.design-v2-2 .dashboard-report-card__link:visited {
  align-items: center;
  color: #3f5360;
  display: inline-flex;
  font-size: 12px;
  font-weight: 700;
  gap: 5px;
  line-height: 1.2;
  margin: auto 0 0 auto;
  text-decoration: none;
}
.design-v2-2 .dashboard-report-card__link:hover,
.design-v2-2 .dashboard-report-card__link:focus {
  color: #253846;
  text-decoration: none;
}
.design-v2-2 .dashboard-report-card__link .material-symbols-outlined {
  font-size: 17px;
}
@media (min-width: 1025px) and (max-width: 1180px) {
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .dashboard-energy-widget {
    gap: 8px;
    grid-template-columns: 1fr;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .circle-graph.circle-graph--highcharts,
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .dashboard-energy-gauge {
    height: 104px;
    max-width: 136px;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric {
    min-height: 30px;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric .dashboard-energy-meter {
    height: 28px;
    padding: 0 6px;
    width: 112px;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric .period {
    font-size: 0.78em;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric--day .value-line .no {
    font-size: 1em;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric--month .value-line .no,
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric--year .value-line .no {
    font-size: 0.9em;
  }
  .design-v2-2 .dashboard-v2__widget--width-4[data-widget-key="energy_power"] .circle-cake-overview .col .value.dashboard-energy-metric .value-line .unit {
    font-size: 0.62em;
    padding-left: 3px;
  }
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button,
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button:visited,
.design-v2-2 .chart-side-navigation .side-button,
.design-v2-2 .chart-side-navigation .side-button:visited {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  text-align: center;
  background-color: rgba(245, 245, 245, 0.8);
  opacity: 0;
  z-index: 10;
  pointer-events: auto;
  transition: width 150ms ease, opacity 150ms ease, background-color 150ms ease;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button--disabled,
.design-v2-2 .chart-side-navigation .side-button--disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}
.design-v2-2 .dashboard-v2__widget:hover .dashboard-widget-chart .side-button,
.design-v2-2 .dashboard-v2__widget--hover .dashboard-widget-chart .side-button,
.design-v2-2 .dashboard-v2__widget:focus-within .dashboard-widget-chart .side-button,
.design-v2-2 .chart-side-navigation:hover .side-button,
.design-v2-2 .chart-side-navigation:focus-within .side-button {
  opacity: 1;
}
.design-v2-2 .dashboard-v2__widget:hover .dashboard-widget-chart .side-button--disabled,
.design-v2-2 .dashboard-v2__widget--hover .dashboard-widget-chart .side-button--disabled,
.design-v2-2 .dashboard-v2__widget:focus-within .dashboard-widget-chart .side-button--disabled,
.design-v2-2 .chart-side-navigation:hover .side-button--disabled,
.design-v2-2 .chart-side-navigation:focus-within .side-button--disabled {
  opacity: 0.25;
}
@media screen and (max-width: 991px) {
  .design-v2-2 .chart-side-navigation .side-button {
    opacity: 1;
  }
  .design-v2-2 .chart-side-navigation .side-button--disabled {
    opacity: 0.25;
  }
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button > span,
.design-v2-2 .chart-side-navigation .side-button > span {
  display: block;
  text-indent: -9999px;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button:after,
.design-v2-2 .chart-side-navigation .side-button:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  margin-top: -5px;
  border-style: solid;
  transition: transform 150ms ease, left 150ms ease, right 150ms ease;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-left,
.design-v2-2 .chart-side-navigation .side-left {
  left: 0;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-left:after,
.design-v2-2 .chart-side-navigation .side-left:after {
  left: 5px;
  border-width: 5px 8.7px 5px 0;
  border-color: transparent #3c8dbc transparent transparent;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-right,
.design-v2-2 .chart-side-navigation .side-right {
  right: 0;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-right:after,
.design-v2-2 .chart-side-navigation .side-right:after {
  right: 5px;
  border-width: 5px 0 5px 8.7px;
  border-color: transparent transparent transparent #3c8dbc;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button--disabled:after,
.design-v2-2 .chart-side-navigation .side-button--disabled:after {
  border-left-color: #9ca3af;
  border-right-color: #9ca3af;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button:hover,
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-button:focus,
.design-v2-2 .chart-side-navigation .side-button:hover,
.design-v2-2 .chart-side-navigation .side-button:focus {
  width: 40px;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-left:hover:after,
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-left:focus:after,
.design-v2-2 .chart-side-navigation .side-left:hover:after,
.design-v2-2 .chart-side-navigation .side-left:focus:after {
  left: 15px;
  transform: scale(1.4);
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-right:hover:after,
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-chart .side-right:focus:after,
.design-v2-2 .chart-side-navigation .side-right:hover:after,
.design-v2-2 .chart-side-navigation .side-right:focus:after {
  right: 15px;
  transform: scale(1.4);
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-legacy.box {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.design-v2-2 .dashboard-v2__widget-body > .dashboard-widget-legacy.box .box-content {
  border: 0;
}
.design-v2-2 .dashboard-v2__widget-body > .dataTables_wrapper,
.design-v2-2 .dashboard-v2__widget-body > .dt-container {
  margin: 0;
}
.design-v2-2 .dashboard-v2__widget-body .dataTables_scroll,
.design-v2-2 .dashboard-v2__widget-body .dt-scroll {
  max-width: 100%;
}
.design-v2-2 .dashboard-v2__widget-body .dataTables_scrollBody,
.design-v2-2 .dashboard-v2__widget-body .dt-scroll-body {
  border-bottom: 0;
}
.design-v2-2 .dashboard-v2__widget-body .data-table {
  width: 100%;
}
.design-v2-2 .dashboard-v2__loading,
.design-v2-2 .dashboard-v2__error,
.design-v2-2 .dashboard-widget-empty {
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #697782;
}
.design-v2-2 .dashboard-v2__error {
  color: #ba3b3b;
}
.design-v2-2 .dashboard-weather-forecast {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-height: 100%;
  padding: 14px;
  border: 1px solid #dce5eb;
  background: #f8fbfd;
}
.design-v2-2 .dashboard-weather-forecast__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  color: #26343d;
  font-size: 15px;
  font-weight: 600;
}
.design-v2-2 .dashboard-weather-forecast__title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  color: #4a7488;
  font-size: 26px;
  line-height: 1;
}
.design-v2-2 .dashboard-weather-forecast__title-meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}
.design-v2-2 .dashboard-weather-forecast__sunshine {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #60717d;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.design-v2-2 .dashboard-weather-forecast__sunshine .material-symbols-outlined {
  color: #c48a1f;
  font-size: 18px;
  line-height: 1;
}
.design-v2-2 .dashboard-weather-forecast__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.design-v2-2 .dashboard-weather-forecast--chart {
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
}
.design-v2-2 .dashboard-weather-forecast__chart-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 5px;
}
.design-v2-2 .dashboard-weather-forecast__chart-summary-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
  height: 28px;
  padding: 0 4px;
  border: 1px solid #e1e8ed;
  background: #fff;
  color: #26343d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}
.design-v2-2 .dashboard-weather-forecast__chart-summary-item .material-symbols-outlined {
  flex: 0 0 auto;
  color: #4a7488;
  font-size: 17px;
  line-height: 1;
}
.design-v2-2 .dashboard-weather-forecast__chart-summary-item span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.design-v2-2 .dashboard-weather-forecast__chart {
  height: 178px;
  min-height: 178px;
}
.design-v2-2 .dashboard-weather-forecast__item {
  min-width: 0;
  min-height: 72px;
  padding: 9px;
  border: 1px solid #e1e8ed;
  background: #fff;
}
.design-v2-2 .dashboard-weather-forecast__label {
  color: #60717d;
  font-size: 12px;
}
.design-v2-2 .dashboard-weather-forecast__value {
  margin-top: 6px;
  color: #26343d;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  word-break: break-word;
}
.design-v2-2 .dashboard-weather-forecast__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  color: #4a7488;
  font-size: 28px;
  line-height: 1;
}
.design-v2-2 .dashboard-ote-cz {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 100%;
}
.design-v2-2 .dashboard-ote-cz__source {
  color: #60717d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.design-v2-2 .dashboard-ote-cz__chart {
  height: 120px;
  min-height: 120px;
}
.design-v2-2 .dashboard-ote-cz__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
.design-v2-2 .dashboard-ote-cz__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  min-width: 0;
  height: 56px;
  padding: 4px 4px;
  overflow: hidden;
  border: 1px solid #e1e8ed;
  background: #fff;
}
.design-v2-2 .dashboard-ote-cz__value {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #26343d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
  overflow-wrap: normal;
  white-space: nowrap;
}
.design-v2-2 .dashboard-ote-cz__amount {
  display: inline-flex;
  align-items: baseline;
  justify-content: center;
  gap: 2px;
  min-width: 0;
}
.design-v2-2 .dashboard-ote-cz__unit {
  color: #60717d;
  font-size: 9.6px;
  font-weight: 600;
  white-space: nowrap;
}
.design-v2-2 .dashboard-ote-cz__time {
  margin-top: 1px;
  color: #60717d;
  font-size: 9px;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}
.design-v2-2 .dashboard-ote-cz__metric-icon {
  color: #2d7f62;
  font-size: 18px;
  line-height: 1;
}
.design-v2-2 .dashboard-prediction {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-height: 100%;
}
.design-v2-2 .dashboard-prediction__source {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #60717d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
.design-v2-2 .dashboard-prediction__version {
  display: inline-flex;
  align-items: center;
  height: 16px;
  padding: 0 5px;
  border: 1px solid rgba(47, 128, 237, 0.28);
  color: #2f80ed;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-transform: none;
}
.design-v2-2 .dashboard-prediction__date {
  color: #7a8b96;
  font-size: 10px;
  font-weight: 600;
  text-transform: none;
}
.design-v2-2 .dashboard-prediction__chart {
  height: 120px;
  min-height: 120px;
}
.design-v2-2 .dashboard-prediction__items {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
}
.design-v2-2 .dashboard-prediction__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
  min-height: 52px;
  padding: 6px 4px;
  border: 1px solid #e1e8ed;
  background: #fff;
}
.design-v2-2 .dashboard-prediction__value {
  color: #26343d;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  overflow-wrap: anywhere;
}
.design-v2-2 .dashboard-prediction__unit {
  color: #60717d;
  font-size: 9.6px;
  font-weight: 600;
  white-space: nowrap;
}
.design-v2-2 .dashboard-prediction__metric-icon {
  color: #2f80ed;
  font-size: 20px;
  line-height: 1;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--ote {
  width: 460px;
  max-width: calc(100vw - 40px);
}
.design-v2-2 .dashboard-v2__widget-settings-panel--weather {
  width: 430px;
  max-width: calc(100vw - 40px);
  overflow-x: hidden;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--prediction {
  width: 430px;
  max-width: calc(100vw - 40px);
  overflow-x: hidden;
}
.design-v2-2 .dashboard-v2__widget-settings-panel--weather .dashboard-v2__metric-settings--compact-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.design-v2-2 .dashboard-v2__widget-settings-panel--weather .dashboard-v2__metric-setting--compact {
  grid-template-columns: minmax(0, 1fr);
}
.design-v2-2 .dashboard-v2__weather-settings {
  width: 100%;
}
.design-v2-2 .dashboard-v2__prediction-settings {
  width: 100%;
}
.design-v2-2 .dashboard-v2__prediction-settings .input-group {
  width: 100%;
}
.design-v2-2 .dashboard-v2__prediction-settings input[type="text"] {
  height: 32px;
  border-color: #d8e0e6;
  border-radius: 0;
  color: #26343d;
}
.design-v2-2 .dashboard-v2__ote-settings {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}
.design-v2-2 .dashboard-v2__ote-settings label {
  min-width: 0;
}
.design-v2-2 .dashboard-v2__ote-settings select {
  width: 100%;
}
.design-v2-2 .dashboard-v2__widget-settings-panel .dashboard-v2__ote-settings .dashboard-v2__ote-setting--hidden {
  display: none;
}
.design-v2-2 .dashboard-v2__widget-placeholder {
  min-height: 120px;
  flex: 1 1 320px;
  border: 1px dashed #aebcc6;
  border-radius: 0;
  background: #f3f7f9;
}
.design-v2-2 .ui-sortable-helper.dashboard-v2__widget {
  box-shadow: 0 16px 32px rgba(23, 37, 47, 0.18);
}
@media (max-width: 1100px) {
  .design-v2-2 .dashboard-v2__widget--width-8 {
    grid-column: span 12;
  }
  .design-v2-2 .dashboard-v2__widget--width-4,
  .design-v2-2 .dashboard-v2__widget--width-3 {
    grid-column: span 6;
  }
}
@media (max-width: 720px) {
  .design-v2-2 .dashboard-v2__settings {
    position: fixed;
    top: 74px;
    right: 15px;
    left: 15px;
    width: auto;
    max-height: calc(100vh - 94px);
    overflow: auto;
  }
  .design-v2-2 .dashboard-v2__settings-widgets {
    flex-direction: column;
  }
  .design-v2-2 .dashboard-v2__settings-widget,
  .design-v2-2 .dashboard-v2__settings-widget--width-12,
  .design-v2-2 .dashboard-v2__settings-widget--width-8,
  .design-v2-2 .dashboard-v2__settings-widget--width-6,
  .design-v2-2 .dashboard-v2__settings-widget--width-4,
  .design-v2-2 .dashboard-v2__settings-widget--width-3,
  .design-v2-2 .dashboard-v2__settings-widget-placeholder,
  .design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-12,
  .design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-8,
  .design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-6,
  .design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-4,
  .design-v2-2 .dashboard-v2__settings-widget-placeholder.dashboard-v2__settings-widget--width-3 {
    flex-basis: 100%;
    max-width: 100%;
  }
  .design-v2-2 .dashboard-v2__widget-settings-panel {
    right: 0;
    left: 0;
    flex-wrap: wrap;
  }
  .design-v2-2 .dashboard-v2__widget-settings-panel--power {
    min-width: 0;
    max-width: none;
  }
  .design-v2-2 .dashboard-v2__power-chart-settings-row {
    grid-template-columns: 1fr;
  }
  .design-v2-2 .dashboard-v2__power-chart-settings-label {
    padding-bottom: 0;
  }
  .design-v2-2 .dashboard-v2__widget-settings-panel--metrics {
    width: auto;
    max-width: none;
  }
  .design-v2-2 .dashboard-v2__metric-setting {
    grid-template-columns: 88px 92px 102px;
    gap: 8px;
  }
  .design-v2-2 .dashboard-v2__metric-settings--compact-grid {
    grid-template-columns: 1fr;
  }
  .design-v2-2 .dashboard-v2__widget-export-menu {
    right: 0;
  }
  .design-v2-2 .dashboard-v2__widget,
  .design-v2-2 .dashboard-v2__widget--width-12,
  .design-v2-2 .dashboard-v2__widget--width-8,
  .design-v2-2 .dashboard-v2__widget--width-6,
  .design-v2-2 .dashboard-v2__widget--width-4,
  .design-v2-2 .dashboard-v2__widget--width-3 {
    grid-column: span 12;
    height: auto;
  }
  .design-v2-2 .dashboard-v2__widget--width-4 .dashboard-v2__widget-body,
  .design-v2-2 .dashboard-v2__widget--width-3 .dashboard-v2__widget-body {
    height: auto;
    overflow: visible;
  }
  .design-v2-2 .dashboard-weather-forecast__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 359px) {
  .design-v2-2 .dashboard-v2__metric-setting {
    grid-template-columns: 1fr;
  }
}
.design-v2-2 .sensor-box-chart-navigation.chart-side-navigation {
  position: relative;
}
.design-v2-2 .sensor-box-chart-navigation.chart-side-navigation .box-common .side-button {
  bottom: -20px;
  height: auto;
  opacity: 1;
  top: -20px;
}
.design-v2-2 .sensor-box-chart-navigation.chart-side-navigation .box-common .side-button.side-left {
  left: -30px;
}
.design-v2-2 .sensor-box-chart-navigation.chart-side-navigation .box-common .side-button.side-right {
  right: -30px;
}
.design-v2-2 .sensor-box-chart-navigation.chart-side-navigation .box-common .side-button.side-button--disabled {
  opacity: 0.25;
}
.design-v2-2 .sensor-box-chart-navigation.chart-side-navigation .side-button.is-loading {
  pointer-events: none;
}
.design-v2-2 .sensor-box-chart-weather {
  align-items: center;
  color: #67717e;
  display: inline-flex;
  flex-direction: column;
  line-height: 1;
  min-width: 28px;
}
.design-v2-2 .sensor-box-chart-weather__icon {
  font-size: 19px;
}
.design-v2-2 .sensor-box-chart-weather__wind {
  color: #3c8dbc;
  font-size: 13px;
  margin-top: 2px;
  transform-origin: center;
}
.design-v2-2 table.dataTable thead tr > .dtfc-fixed-start,
.design-v2-2 table.dataTable thead tr > .dtfc-fixed-end,
.design-v2-2 table.dataTable tfoot tr > .dtfc-fixed-start,
.design-v2-2 table.dataTable tfoot tr > .dtfc-fixed-end {
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: white;
}
.design-v2-2 table.dataTable tbody tr > .dtfc-fixed-start,
.design-v2-2 table.dataTable tbody tr > .dtfc-fixed-end {
  z-index: 1;
  background-color: white;
}
.design-v2-2 table.dataTable tr > .dtfc-fixed-left::after,
.design-v2-2 table.dataTable tr > .dtfc-fixed-right::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}
.design-v2-2 table.dataTable tr > .dtfc-fixed-left::after {
  right: 0;
  transform: translateX(100%);
}
.design-v2-2 table.dataTable tr > .dtfc-fixed-right::after {
  left: 0;
  transform: translateX(-80%);
}
.design-v2-2 table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
}
.design-v2-2 table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
}
.design-v2-2 table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  box-shadow: none;
}
.design-v2-2 div.dt-scroll,
.design-v2-2 div.dtfh-floatingparent {
  position: relative;
}
.design-v2-2 div.dt-scroll div.dtfc-top-blocker,
.design-v2-2 div.dt-scroll div.dtfc-bottom-blocker,
.design-v2-2 div.dtfh-floatingparent div.dtfc-top-blocker,
.design-v2-2 div.dtfh-floatingparent div.dtfc-bottom-blocker {
  position: absolute;
  background-color: white;
}
.design-v2-2 html.dark table.dataTable thead tr > .dtfc-fixed-start,
.design-v2-2 html.dark table.dataTable thead tr > .dtfc-fixed-end,
.design-v2-2 html.dark table.dataTable tfoot tr > .dtfc-fixed-start,
.design-v2-2 html.dark table.dataTable tfoot tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}
.design-v2-2 html.dark table.dataTable tbody tr > .dtfc-fixed-start,
.design-v2-2 html.dark table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}
.design-v2-2 html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3);
}
.design-v2-2 html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3);
}
.design-v2-2 html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  box-shadow: none;
}
.design-v2-2 html.dark div.dtfc-top-blocker,
.design-v2-2 html.dark div.dtfc-bottom-blocker {
  background-color: var(--dt-html-background);
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote {
  position: relative;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote.table-v2-remote--loading .table-v2-remote__toolbar,
.design-v2-2 .content .table-v2-wrapper.table-v2-remote.table-v2-remote--loading table,
.design-v2-2 .content .table-v2-wrapper.table-v2-remote.table-v2-remote--loading .table-v2-remote__footer {
  opacity: 0.55;
  pointer-events: none;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__toolbar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 10px;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__search-control {
  align-items: center;
  display: flex;
  position: relative;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__search-label {
  color: #666;
  display: inline-flex;
  left: 8px;
  margin: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__search-label .material-symbols-outlined {
  font-size: 20px;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__search {
  max-width: 220px;
  padding-left: 40px;
  width: 220px;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__viewport {
  max-width: 100%;
  position: relative;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll {
  max-width: 100%;
  overflow-x: auto;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll > table {
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: 0;
  min-width: 100%;
  width: max-content !important;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns thead > tr > .dtfc-fixed-start,
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns tbody > tr > .dtfc-fixed-start {
  border-right: 0;
  position: sticky;
  z-index: 2;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns thead > tr > .dtfc-fixed-end,
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns tbody > tr > .dtfc-fixed-end {
  position: sticky;
  z-index: 2;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns thead > tr > .table-th-actions,
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns tbody > tr > .table-td-actions {
  border-left: 0;
  min-width: 72px;
  width: 72px;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns thead > tr > .dtfc-fixed-start,
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns thead > tr > .dtfc-fixed-end {
  background-color: #f2f2f2;
  z-index: 3;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__scroll--fixed-columns tbody > tr > .table-v2-remote__empty {
  position: static;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
  min-height: 42px;
  padding-top: 8px;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__summary {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__page-size-label {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__page-size {
  border-radius: 0;
  height: 30px;
  padding: 4px 24px 4px 8px;
  width: auto;
}
.design-v2-2 .content .table-v2-wrapper.table-v2-remote .table-v2-remote__empty {
  color: #777;
  padding: 24px 12px;
  text-align: center;
}
.design-v2-2 .content .table-v2-wrapper .dt-info {
  font-size: 12px;
}
.design-v2-2 .content .table-v2-wrapper > .dt-container > .dt-layout-row:not(.dt-layout-table):first-child {
  align-items: center;
}
.design-v2-2 .content .table-v2-wrapper > .dt-container > .dt-layout-row:not(.dt-layout-table):first-child .dt-layout-start {
  text-align: left;
}
.design-v2-2 .content .table-v2-wrapper > .dt-container > .dt-layout-row:not(.dt-layout-table):first-child .dt-layout-end {
  text-align: right;
}
.design-v2-2 .content .table-v2-wrapper .dt-column-header {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 6px;
  line-height: 1.25;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging {
  font-size: 12px;
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging > nav {
  display: flex;
  gap: 5px;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button {
  border-radius: 0;
  border: none;
  background: #fff;
  box-shadow: none;
  padding: 0;
  margin: 0;
  text-align: center;
  min-width: 32px;
  min-height: 32px;
  line-height: 32px;
  color: #3c8dbc !important;
  font-weight: 400;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button:hover {
  border: none;
  background: #f2f2f2;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button:active {
  box-shadow: none;
  background: #f2f2f2;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button.disabled {
  color: #eee !important;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button.disabled:hover {
  background: #fff;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button:disabled {
  color: #eee !important;
  cursor: default;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button:disabled:hover {
  background: #fff;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button.current {
  font-weight: 800;
  background: #f2f2f2;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button.current:hover {
  color: #3c8dbc !important;
  border: none;
  font-weight: 800;
  background: #f2f2f2;
}
.design-v2-2 .content .table-v2-wrapper .dt-paging .dt-paging-button .material-symbols-outlined {
  font-weight: 600;
  font-size: 18px;
  height: 32px;
  line-height: 32px;
}
.design-v2-2 .content .table-v2-wrapper .dt-length {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: flex-start;
}
.design-v2-2 .content .table-v2-wrapper .dt-length .dt-input {
  border-radius: 0;
  height: 32px;
  line-height: 32px;
  padding: 0 10px 0 20px;
  border: 1px solid #ccc;
}
.design-v2-2 .content .table-v2-wrapper .dt-length label {
  font-weight: 400;
  font-size: 14px;
  padding-left: 15px;
  margin-bottom: 0;
  text-align: left;
}
.design-v2-2 .content .table-v2-wrapper .dt-search {
  display: flex;
  flex-flow: row;
  align-items: center;
  gap: 0;
  justify-content: flex-start;
  position: relative;
}
.design-v2-2 .content .table-v2-wrapper .dt-search label {
  align-items: center;
  display: flex;
  margin: 0;
}
.design-v2-2 .content .table-v2-wrapper .dt-search .material-symbols-outlined {
  color: #666;
  font-size: 20px;
  left: 8px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.design-v2-2 .content .table-v2-wrapper .dt-search .dt-input {
  flex-grow: 0;
  margin-left: 0;
  max-width: 220px;
  min-width: 220px;
  padding-left: 40px;
  width: 220px;
}
@media screen and (max-width: 767px) {
  .design-v2-2 .content .table-v2-wrapper .dt-search {
    width: 100%;
  }
  .design-v2-2 .content .table-v2-wrapper .dt-search label {
    width: 100%;
  }
  .design-v2-2 .content .table-v2-wrapper .dt-search .dt-input {
    flex: 1 1 auto;
    max-width: none;
    min-width: 0;
    width: 100%;
  }
}
.design-v2-2 .table-v2-header-tooltip {
  background: #333;
  color: #fff;
  font-size: 12px;
  line-height: 1.4;
  max-width: 260px;
  padding: 5px 9px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  z-index: 1070;
}
.design-v2-2 .table.table-v2,
.design-v2-2 .table.dataTable.table-v2 {
  color: #737373;
  width: 100%;
}
.design-v2-2 .table.table-v2 .thead-label,
.design-v2-2 .table.dataTable.table-v2 .thead-label {
  display: flex;
  flex-flow: column;
}
.design-v2-2 .table.table-v2 .thead-label__main,
.design-v2-2 .table.dataTable.table-v2 .thead-label__main {
  font-size: 13px;
}
.design-v2-2 .table.table-v2 .thead-label__sub,
.design-v2-2 .table.dataTable.table-v2 .thead-label__sub {
  font-size: 12px;
  font-weight: 400;
}
.design-v2-2 .table.table-v2 .datatable-label,
.design-v2-2 .table.dataTable.table-v2 .datatable-label {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  max-width: 100%;
  min-width: 0;
  white-space: nowrap;
}
.design-v2-2 .table.table-v2 .datatable-label--header-help,
.design-v2-2 .table.dataTable.table-v2 .datatable-label--header-help {
  display: flex;
  width: 100%;
}
.design-v2-2 .table.table-v2 .datatable-label-in,
.design-v2-2 .table.dataTable.table-v2 .datatable-label-in {
  min-width: 0;
}
.design-v2-2 .table.table-v2 .datatable-label-help-inline,
.design-v2-2 .table.dataTable.table-v2 .datatable-label-help-inline {
  align-items: center;
  color: #8a96a3;
  display: inline-flex;
  flex: 0 0 auto;
  line-height: 1;
}
.design-v2-2 .table.table-v2 .datatable-label-help-inline .material-symbols-outlined,
.design-v2-2 .table.dataTable.table-v2 .datatable-label-help-inline .material-symbols-outlined {
  font-size: 15px;
  line-height: 1;
}
.design-v2-2 .table.table-v2 .table-v2-label-code,
.design-v2-2 .table.dataTable.table-v2 .table-v2-label-code {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.design-v2-2 .table.table-v2 .table-v2-label-code__label,
.design-v2-2 .table.dataTable.table-v2 .table-v2-label-code__label {
  color: #4d4d4d;
}
.design-v2-2 .table.table-v2 .table-v2-label-code__code,
.design-v2-2 .table.dataTable.table-v2 .table-v2-label-code__code {
  line-height: 1.2;
}
.design-v2-2 .table.table-v2 .table-v2-data-type,
.design-v2-2 .table.dataTable.table-v2 .table-v2-data-type {
  color: #777;
  font-size: 12px;
  font-style: italic;
}
.design-v2-2 .table.table-v2 .table-th-actions,
.design-v2-2 .table.dataTable.table-v2 .table-th-actions,
.design-v2-2 .table.table-v2 .table-td-actions,
.design-v2-2 .table.dataTable.table-v2 .table-td-actions {
  text-align: center;
  white-space: nowrap;
}
.design-v2-2 .table.table-v2 .table-th-actions .dt-column-header,
.design-v2-2 .table.dataTable.table-v2 .table-th-actions .dt-column-header,
.design-v2-2 .table.table-v2 .table-td-actions .dt-column-header,
.design-v2-2 .table.dataTable.table-v2 .table-td-actions .dt-column-header {
  justify-content: center;
}
.design-v2-2 .table.table-v2 .table-td-actions .button-controls,
.design-v2-2 .table.dataTable.table-v2 .table-td-actions .button-controls {
  justify-content: center;
}
.design-v2-2 .table.table-v2 thead tr th,
.design-v2-2 .table.dataTable.table-v2 thead tr th {
  vertical-align: middle;
  font-size: 13px;
  background-color: #f2f2f2;
  padding: 8px 10px;
  border-bottom: 2px solid #d6d6d6;
  white-space: nowrap;
}
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-asc,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-asc,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-desc,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-desc {
  background-color: #ebebeb;
}
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-desc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-desc span.dt-column-order {
  position: relative;
  right: auto;
  top: auto;
  bottom: auto;
  flex: 0 0 auto;
  margin-left: 2px;
}
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-asc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-asc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-desc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-desc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-asc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-asc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-desc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-desc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-asc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-asc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-orderable-desc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-orderable-desc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-asc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-asc span.dt-column-order.status-column,
.design-v2-2 .table.table-v2 thead tr th.dt-ordering-desc span.dt-column-order.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.dt-ordering-desc span.dt-column-order.status-column {
  margin-left: 0;
}
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-ordering-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-ordering-desc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-orderable-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-orderable-desc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-ordering-asc span.dt-column-order,
.design-v2-2 .table.table-v2 thead tr th.status-column.dt-ordering-desc span.dt-column-order,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column.dt-ordering-desc span.dt-column-order {
  margin-left: 2px;
}
.design-v2-2 .table.table-v2 tbody tr th,
.design-v2-2 .table.dataTable.table-v2 tbody tr th,
.design-v2-2 .table.table-v2 tbody tr td,
.design-v2-2 .table.dataTable.table-v2 tbody tr td {
  border-top: none;
  box-shadow: none;
  font-size: 12px;
  padding: 12px;
  background-color: #ffffff;
  border-bottom: 1px solid #d9d9d9;
}
.design-v2-2 .table.table-v2 tbody tr th.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr th.sorting_1,
.design-v2-2 .table.table-v2 tbody tr td.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr td.sorting_1 {
  background-color: #f2f2f2;
}
.design-v2-2 .table.table-v2 tbody tr:nth-child(odd) th,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(odd) th,
.design-v2-2 .table.table-v2 tbody tr:nth-child(odd) td,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(odd) td {
  background-color: #fff;
}
.design-v2-2 .table.table-v2 tbody tr:nth-child(even) th,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(even) th,
.design-v2-2 .table.table-v2 tbody tr:nth-child(even) td,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(even) td {
  background-color: #f9f9f9;
}
.design-v2-2 .table.table-v2 tbody tr:nth-child(odd) th.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(odd) th.sorting_1,
.design-v2-2 .table.table-v2 tbody tr:nth-child(even) th.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(even) th.sorting_1,
.design-v2-2 .table.table-v2 tbody tr:nth-child(odd) td.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(odd) td.sorting_1,
.design-v2-2 .table.table-v2 tbody tr:nth-child(even) td.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr:nth-child(even) td.sorting_1 {
  background-color: #f2f2f2;
}
.design-v2-2 .table.table-v2 tbody tr:hover,
.design-v2-2 .table.dataTable.table-v2 tbody tr:hover {
  background-color: #f2f2f2;
}
.design-v2-2 .table.table-v2 tbody tr:hover th,
.design-v2-2 .table.dataTable.table-v2 tbody tr:hover th,
.design-v2-2 .table.table-v2 tbody tr:hover td,
.design-v2-2 .table.dataTable.table-v2 tbody tr:hover td {
  background-color: #f2f2f2;
}
.design-v2-2 .table.table-v2 tbody tr:hover th.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr:hover th.sorting_1,
.design-v2-2 .table.table-v2 tbody tr:hover td.sorting_1,
.design-v2-2 .table.dataTable.table-v2 tbody tr:hover td.sorting_1 {
  background-color: #ebebeb;
}
.design-v2-2 .table.table-v2 thead tr th,
.design-v2-2 .table.dataTable.table-v2 thead tr th,
.design-v2-2 .table.table-v2 tbody tr th,
.design-v2-2 .table.dataTable.table-v2 tbody tr th,
.design-v2-2 .table.table-v2 thead tr td,
.design-v2-2 .table.dataTable.table-v2 thead tr td,
.design-v2-2 .table.table-v2 tbody tr td,
.design-v2-2 .table.dataTable.table-v2 tbody tr td {
  vertical-align: middle;
}
.design-v2-2 .table.table-v2 thead tr th.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column,
.design-v2-2 .table.table-v2 tbody tr th.status-column,
.design-v2-2 .table.dataTable.table-v2 tbody tr th.status-column,
.design-v2-2 .table.table-v2 thead tr td.status-column,
.design-v2-2 .table.dataTable.table-v2 thead tr td.status-column,
.design-v2-2 .table.table-v2 tbody tr td.status-column,
.design-v2-2 .table.dataTable.table-v2 tbody tr td.status-column {
  padding: 0;
  width: 14px;
  position: relative;
}
.design-v2-2 .table.table-v2 thead tr th.status-column--narrow,
.design-v2-2 .table.dataTable.table-v2 thead tr th.status-column--narrow,
.design-v2-2 .table.table-v2 tbody tr th.status-column--narrow,
.design-v2-2 .table.dataTable.table-v2 tbody tr th.status-column--narrow,
.design-v2-2 .table.table-v2 thead tr td.status-column--narrow,
.design-v2-2 .table.dataTable.table-v2 thead tr td.status-column--narrow,
.design-v2-2 .table.table-v2 tbody tr td.status-column--narrow,
.design-v2-2 .table.dataTable.table-v2 tbody tr td.status-column--narrow {
  width: 3px;
  min-width: 3px;
  max-width: 3px;
}
.design-v2-2 .table.table-v2--compact .table-td-actions,
.design-v2-2 .table.dataTable.table-v2--compact .table-td-actions {
  padding-top: 0;
  padding-bottom: 0;
}
.design-v2-2 .diagnostic-heatmap {
  --diagnostic-cell-size: 40px;
  --diagnostic-row-width: 220px;
  background: #fff;
}
.design-v2-2 .diagnostic-heatmap__viewport {
  max-width: 100%;
  max-height: 68vh;
  overflow: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.design-v2-2 .diagnostic-heatmap__grid {
  border-collapse: separate;
  border-spacing: 3px;
  table-layout: fixed;
  width: max-content;
}
.design-v2-2 .diagnostic-heatmap__grid th,
.design-v2-2 .diagnostic-heatmap__grid td {
  border: 0;
  box-sizing: border-box;
}
.design-v2-2 .diagnostic-heatmap__corner,
.design-v2-2 .diagnostic-heatmap__column {
  background: #fff;
  color: #6b6b6b;
  font-size: 12px;
  font-weight: 600;
  height: 34px;
  position: sticky;
  top: 0;
  z-index: 3;
}
.design-v2-2 .diagnostic-heatmap__corner {
  left: 0;
  min-width: var(--diagnostic-row-width);
  padding: 0 12px;
  text-align: left;
  width: var(--diagnostic-row-width);
  z-index: 5;
}
.design-v2-2 .diagnostic-heatmap__column {
  min-width: var(--diagnostic-cell-size);
  text-align: center;
  width: var(--diagnostic-cell-size);
}
.design-v2-2 .diagnostic-heatmap__row {
  background: #fff;
  color: #3f3f3f;
  font-size: 13px;
  font-weight: 400;
  left: 0;
  min-width: var(--diagnostic-row-width);
  padding: 0 12px;
  position: sticky;
  text-align: left;
  width: var(--diagnostic-row-width);
  z-index: 2;
}
.design-v2-2 .diagnostic-heatmap__row span {
  display: block;
  max-width: calc(var(--diagnostic-row-width) - 24px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.design-v2-2 .diagnostic-heatmap__cell {
  color: #fff;
  cursor: default;
  font-size: 11px;
  font-weight: 600;
  height: var(--diagnostic-cell-size);
  min-width: var(--diagnostic-cell-size);
  outline: 0;
  text-align: center;
  transition: box-shadow 120ms ease, filter 120ms ease;
  width: var(--diagnostic-cell-size);
}
.design-v2-2 .diagnostic-heatmap__cell:hover,
.design-v2-2 .diagnostic-heatmap__cell:focus {
  box-shadow: 0 0 0 2px #333;
  filter: brightness(1.05);
  position: relative;
  z-index: 1;
}
.design-v2-2 .diagnostic-heatmap__cell--ok {
  background: #3f9850;
}
.design-v2-2 .diagnostic-heatmap__cell--warning {
  background: #d7901d;
}
.design-v2-2 .diagnostic-heatmap__cell--error {
  background: #cf4a46;
}
.design-v2-2 .diagnostic-heatmap__cell--missing {
  background-color: #e4e6e8;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(95, 105, 115, 0.12) 5px, rgba(95, 105, 115, 0.12) 7px);
  color: #737b82;
}
.design-v2-2 .diagnostic-heatmap__legend {
  align-items: center;
  border-top: 1px solid #ddd;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 12px;
  padding: 12px 4px 0;
}
.design-v2-2 .diagnostic-heatmap__legend-item {
  align-items: center;
  color: #555;
  display: inline-flex;
  font-size: 12px;
  gap: 7px;
}
.design-v2-2 .diagnostic-heatmap__legend-swatch {
  display: inline-block;
  height: 12px;
  width: 12px;
}
.design-v2-2 .diagnostic-heatmap__legend-swatch--ok {
  background: #3f9850;
}
.design-v2-2 .diagnostic-heatmap__legend-swatch--warning {
  background: #d7901d;
}
.design-v2-2 .diagnostic-heatmap__legend-swatch--error {
  background: #cf4a46;
}
.design-v2-2 .diagnostic-heatmap__legend-swatch--missing {
  background: repeating-linear-gradient(135deg, #e4e6e8, #e4e6e8 4px, #cfd3d6 4px, #cfd3d6 6px);
}
.design-v2-2 .diagnostic-heatmap-tooltip {
  background: #fff;
  border: 1px solid #222;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
  color: #333;
  font-size: 12px;
  left: 0;
  line-height: 1.45;
  max-width: 280px;
  opacity: 0;
  padding: 8px 10px;
  pointer-events: none;
  position: fixed;
  top: 0;
  transform: translateY(2px);
  transition: opacity 100ms ease, transform 100ms ease;
  white-space: pre-line;
  z-index: 10050;
}
.design-v2-2 .diagnostic-heatmap-tooltip.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.design-v2-2 .diagnostic-heatmap__empty {
  color: #777;
  padding: 24px;
  text-align: center;
}
@media (max-width: 767px) {
  .design-v2-2 .diagnostic-heatmap {
    --diagnostic-cell-size: 36px;
    --diagnostic-row-width: 160px;
  }
}
.design-v2-2 .portal-overview .portal-plant-table .portal-plant-table__status .ico {
  align-items: center;
  display: inline-flex;
  gap: 6px;
}
.design-v2-2 .portal-overview .portal-plant-table .portal-plant-table__health-count {
  font-weight: 600;
}
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-on:hover > th,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-on:hover > td,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-on:hover > th.sorting_1,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-on:hover > td.sorting_1 {
  background-color: #56b65d;
  border-color: #56b65d;
  color: #ffffff;
}
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-na:hover > th,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-na:hover > td,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-na:hover > th.sorting_1,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-na:hover > td.sorting_1 {
  background-color: #e1c722;
  border-color: #e1c722;
  color: #ffffff;
}
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-off:hover > th,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-off:hover > td,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-off:hover > th.sorting_1,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid].state-off:hover > td.sorting_1 {
  background-color: #ed5e5e;
  border-color: #ed5e5e;
  color: #ffffff;
}
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid]:hover a,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid]:hover a:visited,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid]:hover .portal-plant-table__name,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid]:hover .status-icon,
.design-v2-2 .portal-overview .portal-plant-table tbody tr[data-uuid]:hover .status-icon i {
  color: #ffffff;
}
.design-v2-2 .status-flag {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 14px;
  height: 100%;
  background-color: #e6e6e6;
}
.design-v2-2 .status-flag--success {
  background-color: #56b65d;
}
.design-v2-2 .status-flag--warning {
  background-color: #e1c722;
}
.design-v2-2 .status-flag--warning-alt {
  background-color: #eda55e;
}
.design-v2-2 .status-flag--error {
  background-color: #ed5e5e;
}
.design-v2-2 .status-flag--neutral {
  background-color: #658997;
}
.design-v2-2 .status-flag--narrow {
  width: 3px;
}
.design-v2-2 .status-flag__label {
  display: block;
  text-indent: -9999px;
}
.design-v2-2 .progress-status-bar {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 15px;
  width: 140px;
  height: 14px;
}
.design-v2-2 .progress-status-bar--success .progress-status-bar__line::after {
  background-color: #56b65d;
}
.design-v2-2 .progress-status-bar--warning .progress-status-bar__line::after {
  background-color: #e1c722;
}
.design-v2-2 .progress-status-bar--warning-alt .progress-status-bar__line::after {
  background-color: #eda55e;
}
.design-v2-2 .progress-status-bar--error .progress-status-bar__line::after {
  background-color: #ed5e5e;
}
.design-v2-2 .progress-status-bar--neutral .progress-status-bar__line::after {
  background-color: #658997;
}
.design-v2-2 .progress-status-bar__line {
  display: flex;
  position: relative;
  width: 100px;
  height: 14px;
  font-size: 12px;
  background-color: #e6e6e6;
}
.design-v2-2 .progress-status-bar__line::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  height: 14px;
}
.design-v2-2 .progress-status-bar__value {
  display: flex;
  width: 40px;
  text-align: left;
  line-height: 14px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
}
.design-v2-2 .progress-status-bar[data-value="100"] .progress-status-bar__line::after {
  width: 100px;
}
.design-v2-2 .progress-status-bar[data-value="99"] .progress-status-bar__line::after {
  width: 99px;
}
.design-v2-2 .progress-status-bar[data-value="98"] .progress-status-bar__line::after {
  width: 98px;
}
.design-v2-2 .progress-status-bar[data-value="97"] .progress-status-bar__line::after {
  width: 97px;
}
.design-v2-2 .progress-status-bar[data-value="96"] .progress-status-bar__line::after {
  width: 96px;
}
.design-v2-2 .progress-status-bar[data-value="95"] .progress-status-bar__line::after {
  width: 95px;
}
.design-v2-2 .progress-status-bar[data-value="94"] .progress-status-bar__line::after {
  width: 94px;
}
.design-v2-2 .progress-status-bar[data-value="93"] .progress-status-bar__line::after {
  width: 93px;
}
.design-v2-2 .progress-status-bar[data-value="92"] .progress-status-bar__line::after {
  width: 92px;
}
.design-v2-2 .progress-status-bar[data-value="91"] .progress-status-bar__line::after {
  width: 91px;
}
.design-v2-2 .progress-status-bar[data-value="90"] .progress-status-bar__line::after {
  width: 90px;
}
.design-v2-2 .progress-status-bar[data-value="89"] .progress-status-bar__line::after {
  width: 89px;
}
.design-v2-2 .progress-status-bar[data-value="88"] .progress-status-bar__line::after {
  width: 88px;
}
.design-v2-2 .progress-status-bar[data-value="87"] .progress-status-bar__line::after {
  width: 87px;
}
.design-v2-2 .progress-status-bar[data-value="86"] .progress-status-bar__line::after {
  width: 86px;
}
.design-v2-2 .progress-status-bar[data-value="85"] .progress-status-bar__line::after {
  width: 85px;
}
.design-v2-2 .progress-status-bar[data-value="84"] .progress-status-bar__line::after {
  width: 84px;
}
.design-v2-2 .progress-status-bar[data-value="83"] .progress-status-bar__line::after {
  width: 83px;
}
.design-v2-2 .progress-status-bar[data-value="82"] .progress-status-bar__line::after {
  width: 82px;
}
.design-v2-2 .progress-status-bar[data-value="81"] .progress-status-bar__line::after {
  width: 81px;
}
.design-v2-2 .progress-status-bar[data-value="80"] .progress-status-bar__line::after {
  width: 80px;
}
.design-v2-2 .progress-status-bar[data-value="79"] .progress-status-bar__line::after {
  width: 79px;
}
.design-v2-2 .progress-status-bar[data-value="78"] .progress-status-bar__line::after {
  width: 78px;
}
.design-v2-2 .progress-status-bar[data-value="77"] .progress-status-bar__line::after {
  width: 77px;
}
.design-v2-2 .progress-status-bar[data-value="76"] .progress-status-bar__line::after {
  width: 76px;
}
.design-v2-2 .progress-status-bar[data-value="75"] .progress-status-bar__line::after {
  width: 75px;
}
.design-v2-2 .progress-status-bar[data-value="74"] .progress-status-bar__line::after {
  width: 74px;
}
.design-v2-2 .progress-status-bar[data-value="73"] .progress-status-bar__line::after {
  width: 73px;
}
.design-v2-2 .progress-status-bar[data-value="72"] .progress-status-bar__line::after {
  width: 72px;
}
.design-v2-2 .progress-status-bar[data-value="71"] .progress-status-bar__line::after {
  width: 71px;
}
.design-v2-2 .progress-status-bar[data-value="70"] .progress-status-bar__line::after {
  width: 70px;
}
.design-v2-2 .progress-status-bar[data-value="69"] .progress-status-bar__line::after {
  width: 69px;
}
.design-v2-2 .progress-status-bar[data-value="68"] .progress-status-bar__line::after {
  width: 68px;
}
.design-v2-2 .progress-status-bar[data-value="67"] .progress-status-bar__line::after {
  width: 67px;
}
.design-v2-2 .progress-status-bar[data-value="66"] .progress-status-bar__line::after {
  width: 66px;
}
.design-v2-2 .progress-status-bar[data-value="65"] .progress-status-bar__line::after {
  width: 65px;
}
.design-v2-2 .progress-status-bar[data-value="64"] .progress-status-bar__line::after {
  width: 64px;
}
.design-v2-2 .progress-status-bar[data-value="63"] .progress-status-bar__line::after {
  width: 63px;
}
.design-v2-2 .progress-status-bar[data-value="62"] .progress-status-bar__line::after {
  width: 62px;
}
.design-v2-2 .progress-status-bar[data-value="61"] .progress-status-bar__line::after {
  width: 61px;
}
.design-v2-2 .progress-status-bar[data-value="60"] .progress-status-bar__line::after {
  width: 60px;
}
.design-v2-2 .progress-status-bar[data-value="59"] .progress-status-bar__line::after {
  width: 59px;
}
.design-v2-2 .progress-status-bar[data-value="58"] .progress-status-bar__line::after {
  width: 58px;
}
.design-v2-2 .progress-status-bar[data-value="57"] .progress-status-bar__line::after {
  width: 57px;
}
.design-v2-2 .progress-status-bar[data-value="56"] .progress-status-bar__line::after {
  width: 56px;
}
.design-v2-2 .progress-status-bar[data-value="55"] .progress-status-bar__line::after {
  width: 55px;
}
.design-v2-2 .progress-status-bar[data-value="54"] .progress-status-bar__line::after {
  width: 54px;
}
.design-v2-2 .progress-status-bar[data-value="53"] .progress-status-bar__line::after {
  width: 53px;
}
.design-v2-2 .progress-status-bar[data-value="52"] .progress-status-bar__line::after {
  width: 52px;
}
.design-v2-2 .progress-status-bar[data-value="51"] .progress-status-bar__line::after {
  width: 51px;
}
.design-v2-2 .progress-status-bar[data-value="50"] .progress-status-bar__line::after {
  width: 50px;
}
.design-v2-2 .progress-status-bar[data-value="49"] .progress-status-bar__line::after {
  width: 49px;
}
.design-v2-2 .progress-status-bar[data-value="48"] .progress-status-bar__line::after {
  width: 48px;
}
.design-v2-2 .progress-status-bar[data-value="47"] .progress-status-bar__line::after {
  width: 47px;
}
.design-v2-2 .progress-status-bar[data-value="46"] .progress-status-bar__line::after {
  width: 46px;
}
.design-v2-2 .progress-status-bar[data-value="45"] .progress-status-bar__line::after {
  width: 45px;
}
.design-v2-2 .progress-status-bar[data-value="44"] .progress-status-bar__line::after {
  width: 44px;
}
.design-v2-2 .progress-status-bar[data-value="43"] .progress-status-bar__line::after {
  width: 43px;
}
.design-v2-2 .progress-status-bar[data-value="42"] .progress-status-bar__line::after {
  width: 42px;
}
.design-v2-2 .progress-status-bar[data-value="41"] .progress-status-bar__line::after {
  width: 41px;
}
.design-v2-2 .progress-status-bar[data-value="40"] .progress-status-bar__line::after {
  width: 40px;
}
.design-v2-2 .progress-status-bar[data-value="39"] .progress-status-bar__line::after {
  width: 39px;
}
.design-v2-2 .progress-status-bar[data-value="38"] .progress-status-bar__line::after {
  width: 38px;
}
.design-v2-2 .progress-status-bar[data-value="37"] .progress-status-bar__line::after {
  width: 37px;
}
.design-v2-2 .progress-status-bar[data-value="36"] .progress-status-bar__line::after {
  width: 36px;
}
.design-v2-2 .progress-status-bar[data-value="35"] .progress-status-bar__line::after {
  width: 35px;
}
.design-v2-2 .progress-status-bar[data-value="34"] .progress-status-bar__line::after {
  width: 34px;
}
.design-v2-2 .progress-status-bar[data-value="33"] .progress-status-bar__line::after {
  width: 33px;
}
.design-v2-2 .progress-status-bar[data-value="32"] .progress-status-bar__line::after {
  width: 32px;
}
.design-v2-2 .progress-status-bar[data-value="31"] .progress-status-bar__line::after {
  width: 31px;
}
.design-v2-2 .progress-status-bar[data-value="30"] .progress-status-bar__line::after {
  width: 30px;
}
.design-v2-2 .progress-status-bar[data-value="29"] .progress-status-bar__line::after {
  width: 29px;
}
.design-v2-2 .progress-status-bar[data-value="28"] .progress-status-bar__line::after {
  width: 28px;
}
.design-v2-2 .progress-status-bar[data-value="27"] .progress-status-bar__line::after {
  width: 27px;
}
.design-v2-2 .progress-status-bar[data-value="26"] .progress-status-bar__line::after {
  width: 26px;
}
.design-v2-2 .progress-status-bar[data-value="25"] .progress-status-bar__line::after {
  width: 25px;
}
.design-v2-2 .progress-status-bar[data-value="24"] .progress-status-bar__line::after {
  width: 24px;
}
.design-v2-2 .progress-status-bar[data-value="23"] .progress-status-bar__line::after {
  width: 23px;
}
.design-v2-2 .progress-status-bar[data-value="22"] .progress-status-bar__line::after {
  width: 22px;
}
.design-v2-2 .progress-status-bar[data-value="21"] .progress-status-bar__line::after {
  width: 21px;
}
.design-v2-2 .progress-status-bar[data-value="20"] .progress-status-bar__line::after {
  width: 20px;
}
.design-v2-2 .progress-status-bar[data-value="19"] .progress-status-bar__line::after {
  width: 19px;
}
.design-v2-2 .progress-status-bar[data-value="18"] .progress-status-bar__line::after {
  width: 18px;
}
.design-v2-2 .progress-status-bar[data-value="17"] .progress-status-bar__line::after {
  width: 17px;
}
.design-v2-2 .progress-status-bar[data-value="16"] .progress-status-bar__line::after {
  width: 16px;
}
.design-v2-2 .progress-status-bar[data-value="15"] .progress-status-bar__line::after {
  width: 15px;
}
.design-v2-2 .progress-status-bar[data-value="14"] .progress-status-bar__line::after {
  width: 14px;
}
.design-v2-2 .progress-status-bar[data-value="13"] .progress-status-bar__line::after {
  width: 13px;
}
.design-v2-2 .progress-status-bar[data-value="12"] .progress-status-bar__line::after {
  width: 12px;
}
.design-v2-2 .progress-status-bar[data-value="11"] .progress-status-bar__line::after {
  width: 11px;
}
.design-v2-2 .progress-status-bar[data-value="10"] .progress-status-bar__line::after {
  width: 10px;
}
.design-v2-2 .progress-status-bar[data-value="9"] .progress-status-bar__line::after {
  width: 9px;
}
.design-v2-2 .progress-status-bar[data-value="8"] .progress-status-bar__line::after {
  width: 8px;
}
.design-v2-2 .progress-status-bar[data-value="7"] .progress-status-bar__line::after {
  width: 7px;
}
.design-v2-2 .progress-status-bar[data-value="6"] .progress-status-bar__line::after {
  width: 6px;
}
.design-v2-2 .progress-status-bar[data-value="5"] .progress-status-bar__line::after {
  width: 5px;
}
.design-v2-2 .progress-status-bar[data-value="4"] .progress-status-bar__line::after {
  width: 4px;
}
.design-v2-2 .progress-status-bar[data-value="3"] .progress-status-bar__line::after {
  width: 3px;
}
.design-v2-2 .progress-status-bar[data-value="2"] .progress-status-bar__line::after {
  width: 2px;
}
.design-v2-2 .progress-status-bar[data-value="1"] .progress-status-bar__line::after {
  width: 1px;
}
.design-v2-2 .progress-status-bar[data-value="0"] .progress-status-bar__line::after {
  width: 0px;
}
.design-v2-2 .status-bar {
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  height: 14px;
}
.design-v2-2 .status-bar--success .status-bar__circle {
  background-color: #56b65d;
}
.design-v2-2 .status-bar--warning .status-bar__circle {
  background-color: #e1c722;
}
.design-v2-2 .status-bar--warning-alt .status-bar__circle {
  background-color: #eda55e;
}
.design-v2-2 .status-bar--error .status-bar__circle {
  background-color: #ed5e5e;
}
.design-v2-2 .status-bar--neutral .status-bar__circle {
  background-color: #658997;
}
.design-v2-2 .status-bar__circle {
  display: flex;
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background-color: #e6e6e6;
}
.design-v2-2 .status-bar__label {
  display: flex;
  line-height: 14px;
  padding-left: 15px;
  font-size: 12px;
  color: #737373;
  white-space: nowrap;
}
.design-v2-2 .status-icon {
  display: flex;
  width: 18px;
  color: #b3b3b3;
}
.design-v2-2 .status-icon--success {
  color: #56b65d;
}
.design-v2-2 .status-icon--warning {
  color: #e1c722;
}
.design-v2-2 .status-icon--warning-alt {
  color: #eda55e;
}
.design-v2-2 .status-icon--error {
  color: #ed5e5e;
}
.design-v2-2 .status-icon--neutral {
  color: #658997;
}