/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

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

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

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

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

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

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

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

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

small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

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

figure {
  margin: 1em 40px; }

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

pre {
  overflow: auto; }

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

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

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

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

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

input {
  line-height: normal; }

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

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

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

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

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

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/* MaterialDesignIcons.com */
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.eot?v=1.4.57");
  src: url("../fonts/materialdesignicons-webfont.eot?#iefix&v=1.4.57") format("embedded-opentype"), url("../fonts/materialdesignicons-webfont.woff2?v=1.4.57") format("woff2"), url("../fonts/materialdesignicons-webfont.woff?v=1.4.57") format("woff"), url("../fonts/materialdesignicons-webfont.ttf?v=1.4.57") format("truetype"), url("../fonts/materialdesignicons-webfont.svg?v=1.4.57#materialdesigniconsregular") format("svg");
  font-weight: normal;
  font-style: normal; }

.mdi {
  display: inline-block;
  font-weight: 400;
  font-style: normal;
  font-family: "Material Design Icons";
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.mdi-access-point:before {
  content: "\f101"; }

.mdi-access-point-network:before {
  content: "\f102"; }

.mdi-account:before {
  content: "\f103"; }

.mdi-account-alert:before {
  content: "\f104"; }

.mdi-account-box:before {
  content: "\f105"; }

.mdi-account-box-outline:before {
  content: "\f106"; }

.mdi-account-check:before {
  content: "\f107"; }

.mdi-account-circle:before {
  content: "\f108"; }

.mdi-account-convert:before {
  content: "\f109"; }

.mdi-account-key:before {
  content: "\f10a"; }

.mdi-account-location:before {
  content: "\f10b"; }

.mdi-account-minus:before {
  content: "\f10c"; }

.mdi-account-multiple:before {
  content: "\f10d"; }

.mdi-account-multiple-outline:before {
  content: "\f10e"; }

.mdi-account-multiple-plus:before {
  content: "\f10f"; }

.mdi-account-network:before {
  content: "\f110"; }

.mdi-account-off:before {
  content: "\f111"; }

.mdi-account-outline:before {
  content: "\f112"; }

.mdi-account-plus:before {
  content: "\f113"; }

.mdi-account-remove:before {
  content: "\f114"; }

.mdi-account-search:before {
  content: "\f115"; }

.mdi-account-star:before {
  content: "\f116"; }

.mdi-account-star-variant:before {
  content: "\f117"; }

.mdi-account-switch:before {
  content: "\f118"; }

.mdi-adjust:before {
  content: "\f119"; }

.mdi-air-conditioner:before {
  content: "\f11a"; }

.mdi-airballoon:before {
  content: "\f11b"; }

.mdi-airplane:before {
  content: "\f11c"; }

.mdi-airplane-off:before {
  content: "\f11d"; }

.mdi-airplay:before {
  content: "\f11e"; }

.mdi-alarm:before {
  content: "\f11f"; }

.mdi-alarm-check:before {
  content: "\f120"; }

.mdi-alarm-multiple:before {
  content: "\f121"; }

.mdi-alarm-off:before {
  content: "\f122"; }

.mdi-alarm-plus:before {
  content: "\f123"; }

.mdi-album:before {
  content: "\f124"; }

.mdi-alert:before {
  content: "\f125"; }

.mdi-alert-box:before {
  content: "\f126"; }

.mdi-alert-circle:before {
  content: "\f127"; }

.mdi-alert-octagon:before {
  content: "\f128"; }

.mdi-alert-outline:before {
  content: "\f129"; }

.mdi-alpha:before {
  content: "\f12a"; }

.mdi-alphabetical:before {
  content: "\f12b"; }

.mdi-amazon:before {
  content: "\f12c"; }

.mdi-amazon-clouddrive:before {
  content: "\f12d"; }

.mdi-ambulance:before {
  content: "\f12e"; }

.mdi-anchor:before {
  content: "\f12f"; }

.mdi-android:before {
  content: "\f130"; }

.mdi-android-debug-bridge:before {
  content: "\f131"; }

.mdi-android-studio:before {
  content: "\f132"; }

.mdi-apple:before {
  content: "\f133"; }

.mdi-apple-finder:before {
  content: "\f134"; }

.mdi-apple-ios:before {
  content: "\f135"; }

.mdi-apple-mobileme:before {
  content: "\f136"; }

.mdi-apple-safari:before {
  content: "\f137"; }

.mdi-appnet:before {
  content: "\f138"; }

.mdi-apps:before {
  content: "\f139"; }

.mdi-archive:before {
  content: "\f13a"; }

.mdi-arrange-bring-forward:before {
  content: "\f13b"; }

.mdi-arrange-bring-to-front:before {
  content: "\f13c"; }

.mdi-arrange-send-backward:before {
  content: "\f13d"; }

.mdi-arrange-send-to-back:before {
  content: "\f13e"; }

.mdi-arrow-all:before {
  content: "\f13f"; }

.mdi-arrow-bottom-drop-circle:before {
  content: "\f140"; }

.mdi-arrow-bottom-left:before {
  content: "\f141"; }

.mdi-arrow-bottom-right:before {
  content: "\f142"; }

.mdi-arrow-collapse:before {
  content: "\f143"; }

.mdi-arrow-down:before {
  content: "\f144"; }

.mdi-arrow-down-bold:before {
  content: "\f145"; }

.mdi-arrow-down-bold-circle:before {
  content: "\f146"; }

.mdi-arrow-down-bold-circle-outline:before {
  content: "\f147"; }

.mdi-arrow-down-bold-hexagon-outline:before {
  content: "\f148"; }

.mdi-arrow-expand:before {
  content: "\f149"; }

.mdi-arrow-left:before {
  content: "\f14a"; }

.mdi-arrow-left-bold:before {
  content: "\f14b"; }

.mdi-arrow-left-bold-circle:before {
  content: "\f14c"; }

.mdi-arrow-left-bold-circle-outline:before {
  content: "\f14d"; }

.mdi-arrow-left-bold-hexagon-outline:before {
  content: "\f14e"; }

.mdi-arrow-right:before {
  content: "\f14f"; }

.mdi-arrow-right-bold:before {
  content: "\f150"; }

.mdi-arrow-right-bold-circle:before {
  content: "\f151"; }

.mdi-arrow-right-bold-circle-outline:before {
  content: "\f152"; }

.mdi-arrow-right-bold-hexagon-outline:before {
  content: "\f153"; }

.mdi-arrow-top-left:before {
  content: "\f154"; }

.mdi-arrow-top-right:before {
  content: "\f155"; }

.mdi-arrow-up:before {
  content: "\f156"; }

.mdi-arrow-up-bold:before {
  content: "\f157"; }

.mdi-arrow-up-bold-circle:before {
  content: "\f158"; }

.mdi-arrow-up-bold-circle-outline:before {
  content: "\f159"; }

.mdi-arrow-up-bold-hexagon-outline:before {
  content: "\f15a"; }

.mdi-assistant:before {
  content: "\f15b"; }

.mdi-at:before {
  content: "\f15c"; }

.mdi-attachment:before {
  content: "\f15d"; }

.mdi-audiobook:before {
  content: "\f15e"; }

.mdi-auto-fix:before {
  content: "\f15f"; }

.mdi-auto-upload:before {
  content: "\f160"; }

.mdi-autorenew:before {
  content: "\f161"; }

.mdi-av-timer:before {
  content: "\f162"; }

.mdi-baby:before {
  content: "\f163"; }

.mdi-backburger:before {
  content: "\f164"; }

.mdi-backspace:before {
  content: "\f165"; }

.mdi-backup-restore:before {
  content: "\f166"; }

.mdi-bank:before {
  content: "\f167"; }

.mdi-barcode:before {
  content: "\f168"; }

.mdi-barcode-scan:before {
  content: "\f169"; }

.mdi-barley:before {
  content: "\f16a"; }

.mdi-barrel:before {
  content: "\f16b"; }

.mdi-basecamp:before {
  content: "\f16c"; }

.mdi-basket:before {
  content: "\f16d"; }

.mdi-basket-fill:before {
  content: "\f16e"; }

.mdi-basket-unfill:before {
  content: "\f16f"; }

.mdi-battery:before {
  content: "\f170"; }

.mdi-battery-10:before {
  content: "\f171"; }

.mdi-battery-20:before {
  content: "\f172"; }

.mdi-battery-30:before {
  content: "\f173"; }

.mdi-battery-40:before {
  content: "\f174"; }

.mdi-battery-50:before {
  content: "\f175"; }

.mdi-battery-60:before {
  content: "\f176"; }

.mdi-battery-70:before {
  content: "\f177"; }

.mdi-battery-80:before {
  content: "\f178"; }

.mdi-battery-90:before {
  content: "\f179"; }

.mdi-battery-alert:before {
  content: "\f17a"; }

.mdi-battery-charging:before {
  content: "\f17b"; }

.mdi-battery-charging-100:before {
  content: "\f17c"; }

.mdi-battery-charging-20:before {
  content: "\f17d"; }

.mdi-battery-charging-30:before {
  content: "\f17e"; }

.mdi-battery-charging-40:before {
  content: "\f17f"; }

.mdi-battery-charging-60:before {
  content: "\f180"; }

.mdi-battery-charging-80:before {
  content: "\f181"; }

.mdi-battery-charging-90:before {
  content: "\f182"; }

.mdi-battery-minus:before {
  content: "\f183"; }

.mdi-battery-negative:before {
  content: "\f184"; }

.mdi-battery-outline:before {
  content: "\f185"; }

.mdi-battery-plus:before {
  content: "\f186"; }

.mdi-battery-positive:before {
  content: "\f187"; }

.mdi-battery-unknown:before {
  content: "\f188"; }

.mdi-beach:before {
  content: "\f189"; }

.mdi-beaker:before {
  content: "\f18a"; }

.mdi-beaker-empty:before {
  content: "\f18b"; }

.mdi-beaker-empty-outline:before {
  content: "\f18c"; }

.mdi-beaker-outline:before {
  content: "\f18d"; }

.mdi-beats:before {
  content: "\f18e"; }

.mdi-beer:before {
  content: "\f18f"; }

.mdi-behance:before {
  content: "\f190"; }

.mdi-bell:before {
  content: "\f191"; }

.mdi-bell-off:before {
  content: "\f192"; }

.mdi-bell-outline:before {
  content: "\f193"; }

.mdi-bell-plus:before {
  content: "\f194"; }

.mdi-bell-ring:before {
  content: "\f195"; }

.mdi-bell-ring-outline:before {
  content: "\f196"; }

.mdi-bell-sleep:before {
  content: "\f197"; }

.mdi-beta:before {
  content: "\f198"; }

.mdi-bike:before {
  content: "\f199"; }

.mdi-bing:before {
  content: "\f19a"; }

.mdi-binoculars:before {
  content: "\f19b"; }

.mdi-bio:before {
  content: "\f19c"; }

.mdi-biohazard:before {
  content: "\f19d"; }

.mdi-bitbucket:before {
  content: "\f19e"; }

.mdi-black-mesa:before {
  content: "\f19f"; }

.mdi-blackberry:before {
  content: "\f1a0"; }

.mdi-blender:before {
  content: "\f1a1"; }

.mdi-blinds:before {
  content: "\f1a2"; }

.mdi-block-helper:before {
  content: "\f1a3"; }

.mdi-blogger:before {
  content: "\f1a4"; }

.mdi-bluetooth:before {
  content: "\f1a5"; }

.mdi-bluetooth-audio:before {
  content: "\f1a6"; }

.mdi-bluetooth-connect:before {
  content: "\f1a7"; }

.mdi-bluetooth-off:before {
  content: "\f1a8"; }

.mdi-bluetooth-settings:before {
  content: "\f1a9"; }

.mdi-bluetooth-transfer:before {
  content: "\f1aa"; }

.mdi-blur:before {
  content: "\f1ab"; }

.mdi-blur-linear:before {
  content: "\f1ac"; }

.mdi-blur-off:before {
  content: "\f1ad"; }

.mdi-blur-radial:before {
  content: "\f1ae"; }

.mdi-bone:before {
  content: "\f1af"; }

.mdi-book:before {
  content: "\f1b0"; }

.mdi-book-multiple:before {
  content: "\f1b1"; }

.mdi-book-multiple-variant:before {
  content: "\f1b2"; }

.mdi-book-open:before {
  content: "\f1b3"; }

.mdi-book-open-variant:before {
  content: "\f1b4"; }

.mdi-book-variant:before {
  content: "\f1b5"; }

.mdi-bookmark:before {
  content: "\f1b6"; }

.mdi-bookmark-check:before {
  content: "\f1b7"; }

.mdi-bookmark-music:before {
  content: "\f1b8"; }

.mdi-bookmark-outline:before {
  content: "\f1b9"; }

.mdi-bookmark-outline-plus:before {
  content: "\f1ba"; }

.mdi-bookmark-plus:before {
  content: "\f1bb"; }

.mdi-bookmark-remove:before {
  content: "\f1bc"; }

.mdi-border-all:before {
  content: "\f1bd"; }

.mdi-border-bottom:before {
  content: "\f1be"; }

.mdi-border-color:before {
  content: "\f1bf"; }

.mdi-border-horizontal:before {
  content: "\f1c0"; }

.mdi-border-inside:before {
  content: "\f1c1"; }

.mdi-border-left:before {
  content: "\f1c2"; }

.mdi-border-none:before {
  content: "\f1c3"; }

.mdi-border-outside:before {
  content: "\f1c4"; }

.mdi-border-right:before {
  content: "\f1c5"; }

.mdi-border-style:before {
  content: "\f1c6"; }

.mdi-border-top:before {
  content: "\f1c7"; }

.mdi-border-vertical:before {
  content: "\f1c8"; }

.mdi-bowling:before {
  content: "\f1c9"; }

.mdi-box:before {
  content: "\f1ca"; }

.mdi-box-cutter:before {
  content: "\f1cb"; }

.mdi-briefcase:before {
  content: "\f1cc"; }

.mdi-briefcase-check:before {
  content: "\f1cd"; }

.mdi-briefcase-download:before {
  content: "\f1ce"; }

.mdi-briefcase-upload:before {
  content: "\f1cf"; }

.mdi-brightness-1:before {
  content: "\f1d0"; }

.mdi-brightness-2:before {
  content: "\f1d1"; }

.mdi-brightness-3:before {
  content: "\f1d2"; }

.mdi-brightness-4:before {
  content: "\f1d3"; }

.mdi-brightness-5:before {
  content: "\f1d4"; }

.mdi-brightness-6:before {
  content: "\f1d5"; }

.mdi-brightness-7:before {
  content: "\f1d6"; }

.mdi-brightness-auto:before {
  content: "\f1d7"; }

.mdi-broom:before {
  content: "\f1d8"; }

.mdi-brush:before {
  content: "\f1d9"; }

.mdi-bug:before {
  content: "\f1da"; }

.mdi-bulletin-board:before {
  content: "\f1db"; }

.mdi-bullhorn:before {
  content: "\f1dc"; }

.mdi-bus:before {
  content: "\f1dd"; }

.mdi-cached:before {
  content: "\f1de"; }

.mdi-cake:before {
  content: "\f1df"; }

.mdi-cake-layered:before {
  content: "\f1e0"; }

.mdi-cake-variant:before {
  content: "\f1e1"; }

.mdi-calculator:before {
  content: "\f1e2"; }

.mdi-calendar:before {
  content: "\f1e3"; }

.mdi-calendar-blank:before {
  content: "\f1e4"; }

.mdi-calendar-check:before {
  content: "\f1e5"; }

.mdi-calendar-clock:before {
  content: "\f1e6"; }

.mdi-calendar-multiple:before {
  content: "\f1e7"; }

.mdi-calendar-multiple-check:before {
  content: "\f1e8"; }

.mdi-calendar-plus:before {
  content: "\f1e9"; }

.mdi-calendar-remove:before {
  content: "\f1ea"; }

.mdi-calendar-text:before {
  content: "\f1eb"; }

.mdi-calendar-today:before {
  content: "\f1ec"; }

.mdi-call-made:before {
  content: "\f1ed"; }

.mdi-call-merge:before {
  content: "\f1ee"; }

.mdi-call-missed:before {
  content: "\f1ef"; }

.mdi-call-received:before {
  content: "\f1f0"; }

.mdi-call-split:before {
  content: "\f1f1"; }

.mdi-camcorder:before {
  content: "\f1f2"; }

.mdi-camcorder-box:before {
  content: "\f1f3"; }

.mdi-camcorder-box-off:before {
  content: "\f1f4"; }

.mdi-camcorder-off:before {
  content: "\f1f5"; }

.mdi-camera:before {
  content: "\f1f6"; }

.mdi-camera-enhance:before {
  content: "\f1f7"; }

.mdi-camera-front:before {
  content: "\f1f8"; }

.mdi-camera-front-variant:before {
  content: "\f1f9"; }

.mdi-camera-iris:before {
  content: "\f1fa"; }

.mdi-camera-party-mode:before {
  content: "\f1fb"; }

.mdi-camera-rear:before {
  content: "\f1fc"; }

.mdi-camera-rear-variant:before {
  content: "\f1fd"; }

.mdi-camera-switch:before {
  content: "\f1fe"; }

.mdi-camera-timer:before {
  content: "\f1ff"; }

.mdi-candycane:before {
  content: "\f200"; }

.mdi-car:before {
  content: "\f201"; }

.mdi-car-battery:before {
  content: "\f202"; }

.mdi-car-connected:before {
  content: "\f203"; }

.mdi-car-wash:before {
  content: "\f204"; }

.mdi-carrot:before {
  content: "\f205"; }

.mdi-cart:before {
  content: "\f206"; }

.mdi-cart-outline:before {
  content: "\f207"; }

.mdi-cart-plus:before {
  content: "\f208"; }

.mdi-case-sensitive-alt:before {
  content: "\f209"; }

.mdi-cash:before {
  content: "\f20a"; }

.mdi-cash-100:before {
  content: "\f20b"; }

.mdi-cash-multiple:before {
  content: "\f20c"; }

.mdi-cash-usd:before {
  content: "\f20d"; }

.mdi-cast:before {
  content: "\f20e"; }

.mdi-cast-connected:before {
  content: "\f20f"; }

.mdi-castle:before {
  content: "\f210"; }

.mdi-cat:before {
  content: "\f211"; }

.mdi-cellphone:before {
  content: "\f212"; }

.mdi-cellphone-android:before {
  content: "\f213"; }

.mdi-cellphone-basic:before {
  content: "\f214"; }

.mdi-cellphone-dock:before {
  content: "\f215"; }

.mdi-cellphone-iphone:before {
  content: "\f216"; }

.mdi-cellphone-link:before {
  content: "\f217"; }

.mdi-cellphone-link-off:before {
  content: "\f218"; }

.mdi-cellphone-settings:before {
  content: "\f219"; }

.mdi-certificate:before {
  content: "\f21a"; }

.mdi-chair-school:before {
  content: "\f21b"; }

.mdi-chart-arc:before {
  content: "\f21c"; }

.mdi-chart-areaspline:before {
  content: "\f21d"; }

.mdi-chart-bar:before {
  content: "\f21e"; }

.mdi-chart-histogram:before {
  content: "\f21f"; }

.mdi-chart-line:before {
  content: "\f220"; }

.mdi-chart-pie:before {
  content: "\f221"; }

.mdi-check:before {
  content: "\f222"; }

.mdi-check-all:before {
  content: "\f223"; }

.mdi-checkbox-blank:before {
  content: "\f224"; }

.mdi-checkbox-blank-circle:before {
  content: "\f225"; }

.mdi-checkbox-blank-circle-outline:before {
  content: "\f226"; }

.mdi-checkbox-blank-outline:before {
  content: "\f227"; }

.mdi-checkbox-marked:before {
  content: "\f228"; }

.mdi-checkbox-marked-circle:before {
  content: "\f229"; }

.mdi-checkbox-marked-circle-outline:before {
  content: "\f22a"; }

.mdi-checkbox-marked-outline:before {
  content: "\f22b"; }

.mdi-checkbox-multiple-blank:before {
  content: "\f22c"; }

.mdi-checkbox-multiple-blank-outline:before {
  content: "\f22d"; }

.mdi-checkbox-multiple-marked:before {
  content: "\f22e"; }

.mdi-checkbox-multiple-marked-outline:before {
  content: "\f22f"; }

.mdi-checkerboard:before {
  content: "\f230"; }

.mdi-chemical-weapon:before {
  content: "\f231"; }

.mdi-chevron-double-down:before {
  content: "\f232"; }

.mdi-chevron-double-left:before {
  content: "\f233"; }

.mdi-chevron-double-right:before {
  content: "\f234"; }

.mdi-chevron-double-up:before {
  content: "\f235"; }

.mdi-chevron-down:before {
  content: "\f236"; }

.mdi-chevron-left:before {
  content: "\f237"; }

.mdi-chevron-right:before {
  content: "\f238"; }

.mdi-chevron-up:before {
  content: "\f239"; }

.mdi-church:before {
  content: "\f23a"; }

.mdi-cisco-webex:before {
  content: "\f23b"; }

.mdi-city:before {
  content: "\f23c"; }

.mdi-clipboard:before {
  content: "\f23d"; }

.mdi-clipboard-account:before {
  content: "\f23e"; }

.mdi-clipboard-alert:before {
  content: "\f23f"; }

.mdi-clipboard-arrow-down:before {
  content: "\f240"; }

.mdi-clipboard-arrow-left:before {
  content: "\f241"; }

.mdi-clipboard-check:before {
  content: "\f242"; }

.mdi-clipboard-outline:before {
  content: "\f243"; }

.mdi-clipboard-text:before {
  content: "\f244"; }

.mdi-clippy:before {
  content: "\f245"; }

.mdi-clock:before {
  content: "\f246"; }

.mdi-clock-end:before {
  content: "\f247"; }

.mdi-clock-fast:before {
  content: "\f248"; }

.mdi-clock-in:before {
  content: "\f249"; }

.mdi-clock-out:before {
  content: "\f24a"; }

.mdi-clock-start:before {
  content: "\f24b"; }

.mdi-close:before {
  content: "\f24c"; }

.mdi-close-box:before {
  content: "\f24d"; }

.mdi-close-box-outline:before {
  content: "\f24e"; }

.mdi-close-circle:before {
  content: "\f24f"; }

.mdi-close-circle-outline:before {
  content: "\f250"; }

.mdi-close-network:before {
  content: "\f251"; }

.mdi-close-octagon:before {
  content: "\f252"; }

.mdi-close-octagon-outline:before {
  content: "\f253"; }

.mdi-closed-caption:before {
  content: "\f254"; }

.mdi-cloud:before {
  content: "\f255"; }

.mdi-cloud-check:before {
  content: "\f256"; }

.mdi-cloud-circle:before {
  content: "\f257"; }

.mdi-cloud-download:before {
  content: "\f258"; }

.mdi-cloud-outline:before {
  content: "\f259"; }

.mdi-cloud-outline-off:before {
  content: "\f25a"; }

.mdi-cloud-print:before {
  content: "\f25b"; }

.mdi-cloud-print-outline:before {
  content: "\f25c"; }

.mdi-cloud-upload:before {
  content: "\f25d"; }

.mdi-code-array:before {
  content: "\f25e"; }

.mdi-code-braces:before {
  content: "\f25f"; }

.mdi-code-brackets:before {
  content: "\f260"; }

.mdi-code-equal:before {
  content: "\f261"; }

.mdi-code-greater-than:before {
  content: "\f262"; }

.mdi-code-greater-than-or-equal:before {
  content: "\f263"; }

.mdi-code-less-than:before {
  content: "\f264"; }

.mdi-code-less-than-or-equal:before {
  content: "\f265"; }

.mdi-code-not-equal:before {
  content: "\f266"; }

.mdi-code-not-equal-variant:before {
  content: "\f267"; }

.mdi-code-parentheses:before {
  content: "\f268"; }

.mdi-code-string:before {
  content: "\f269"; }

.mdi-code-tags:before {
  content: "\f26a"; }

.mdi-codepen:before {
  content: "\f26b"; }

.mdi-coffee:before {
  content: "\f26c"; }

.mdi-coffee-to-go:before {
  content: "\f26d"; }

.mdi-coin:before {
  content: "\f26e"; }

.mdi-color-helper:before {
  content: "\f26f"; }

.mdi-comment:before {
  content: "\f270"; }

.mdi-comment-account:before {
  content: "\f271"; }

.mdi-comment-account-outline:before {
  content: "\f272"; }

.mdi-comment-alert:before {
  content: "\f273"; }

.mdi-comment-alert-outline:before {
  content: "\f274"; }

.mdi-comment-check:before {
  content: "\f275"; }

.mdi-comment-check-outline:before {
  content: "\f276"; }

.mdi-comment-multiple-outline:before {
  content: "\f277"; }

.mdi-comment-outline:before {
  content: "\f278"; }

.mdi-comment-plus-outline:before {
  content: "\f279"; }

.mdi-comment-processing:before {
  content: "\f27a"; }

.mdi-comment-processing-outline:before {
  content: "\f27b"; }

.mdi-comment-question-outline:before {
  content: "\f27c"; }

.mdi-comment-remove-outline:before {
  content: "\f27d"; }

.mdi-comment-text:before {
  content: "\f27e"; }

.mdi-comment-text-outline:before {
  content: "\f27f"; }

.mdi-compare:before {
  content: "\f280"; }

.mdi-compass:before {
  content: "\f281"; }

.mdi-compass-outline:before {
  content: "\f282"; }

.mdi-console:before {
  content: "\f283"; }

.mdi-contact-mail:before {
  content: "\f284"; }

.mdi-content-copy:before {
  content: "\f285"; }

.mdi-content-cut:before {
  content: "\f286"; }

.mdi-content-duplicate:before {
  content: "\f287"; }

.mdi-content-paste:before {
  content: "\f288"; }

.mdi-content-save:before {
  content: "\f289"; }

.mdi-content-save-all:before {
  content: "\f28a"; }

.mdi-contrast:before {
  content: "\f28b"; }

.mdi-contrast-box:before {
  content: "\f28c"; }

.mdi-contrast-circle:before {
  content: "\f28d"; }

.mdi-cookie:before {
  content: "\f28e"; }

.mdi-cow:before {
  content: "\f28f"; }

.mdi-credit-card:before {
  content: "\f290"; }

.mdi-credit-card-multiple:before {
  content: "\f291"; }

.mdi-credit-card-scan:before {
  content: "\f292"; }

.mdi-crop:before {
  content: "\f293"; }

.mdi-crop-free:before {
  content: "\f294"; }

.mdi-crop-landscape:before {
  content: "\f295"; }

.mdi-crop-portrait:before {
  content: "\f296"; }

.mdi-crop-square:before {
  content: "\f297"; }

.mdi-crosshairs:before {
  content: "\f298"; }

.mdi-crosshairs-gps:before {
  content: "\f299"; }

.mdi-crown:before {
  content: "\f29a"; }

.mdi-cube:before {
  content: "\f29b"; }

.mdi-cube-outline:before {
  content: "\f29c"; }

.mdi-cube-send:before {
  content: "\f29d"; }

.mdi-cube-unfolded:before {
  content: "\f29e"; }

.mdi-cup:before {
  content: "\f29f"; }

.mdi-cup-water:before {
  content: "\f2a0"; }

.mdi-currency-btc:before {
  content: "\f2a1"; }

.mdi-currency-eur:before {
  content: "\f2a2"; }

.mdi-currency-gbp:before {
  content: "\f2a3"; }

.mdi-currency-inr:before {
  content: "\f2a4"; }

.mdi-currency-ngn:before {
  content: "\f2a5"; }

.mdi-currency-rub:before {
  content: "\f2a6"; }

.mdi-currency-try:before {
  content: "\f2a7"; }

.mdi-currency-usd:before {
  content: "\f2a8"; }

.mdi-cursor-default:before {
  content: "\f2a9"; }

.mdi-cursor-default-outline:before {
  content: "\f2aa"; }

.mdi-cursor-move:before {
  content: "\f2ab"; }

.mdi-cursor-pointer:before {
  content: "\f2ac"; }

.mdi-database:before {
  content: "\f2ad"; }

.mdi-database-minus:before {
  content: "\f2ae"; }

.mdi-database-plus:before {
  content: "\f2af"; }

.mdi-debug-step-into:before {
  content: "\f2b0"; }

.mdi-debug-step-out:before {
  content: "\f2b1"; }

.mdi-debug-step-over:before {
  content: "\f2b2"; }

.mdi-decimal-decrease:before {
  content: "\f2b3"; }

.mdi-decimal-increase:before {
  content: "\f2b4"; }

.mdi-delete:before {
  content: "\f2b5"; }

.mdi-delete-variant:before {
  content: "\f2b6"; }

.mdi-delta:before {
  content: "\f2b7"; }

.mdi-deskphone:before {
  content: "\f2b8"; }

.mdi-desktop-mac:before {
  content: "\f2b9"; }

.mdi-desktop-tower:before {
  content: "\f2ba"; }

.mdi-details:before {
  content: "\f2bb"; }

.mdi-deviantart:before {
  content: "\f2bc"; }

.mdi-diamond:before {
  content: "\f2bd"; }

.mdi-dice:before {
  content: "\f2be"; }

.mdi-dice-1:before {
  content: "\f2bf"; }

.mdi-dice-2:before {
  content: "\f2c0"; }

.mdi-dice-3:before {
  content: "\f2c1"; }

.mdi-dice-4:before {
  content: "\f2c2"; }

.mdi-dice-5:before {
  content: "\f2c3"; }

.mdi-dice-6:before {
  content: "\f2c4"; }

.mdi-directions:before {
  content: "\f2c5"; }

.mdi-disk-alert:before {
  content: "\f2c6"; }

.mdi-disqus:before {
  content: "\f2c7"; }

.mdi-disqus-outline:before {
  content: "\f2c8"; }

.mdi-division:before {
  content: "\f2c9"; }

.mdi-division-box:before {
  content: "\f2ca"; }

.mdi-dns:before {
  content: "\f2cb"; }

.mdi-domain:before {
  content: "\f2cc"; }

.mdi-dots-horizontal:before {
  content: "\f2cd"; }

.mdi-dots-vertical:before {
  content: "\f2ce"; }

.mdi-download:before {
  content: "\f2cf"; }

.mdi-drag:before {
  content: "\f2d0"; }

.mdi-drag-horizontal:before {
  content: "\f2d1"; }

.mdi-drag-vertical:before {
  content: "\f2d2"; }

.mdi-drawing:before {
  content: "\f2d3"; }

.mdi-drawing-box:before {
  content: "\f2d4"; }

.mdi-dribbble:before {
  content: "\f2d5"; }

.mdi-dribbble-box:before {
  content: "\f2d6"; }

.mdi-drone:before {
  content: "\f2d7"; }

.mdi-dropbox:before {
  content: "\f2d8"; }

.mdi-drupal:before {
  content: "\f2d9"; }

.mdi-duck:before {
  content: "\f2da"; }

.mdi-dumbbell:before {
  content: "\f2db"; }

.mdi-earth:before {
  content: "\f2dc"; }

.mdi-earth-off:before {
  content: "\f2dd"; }

.mdi-edge:before {
  content: "\f2de"; }

.mdi-eject:before {
  content: "\f2df"; }

.mdi-elevation-decline:before {
  content: "\f2e0"; }

.mdi-elevation-rise:before {
  content: "\f2e1"; }

.mdi-elevator:before {
  content: "\f2e2"; }

.mdi-email:before {
  content: "\f2e3"; }

.mdi-email-open:before {
  content: "\f2e4"; }

.mdi-email-outline:before {
  content: "\f2e5"; }

.mdi-email-secure:before {
  content: "\f2e6"; }

.mdi-emoticon:before {
  content: "\f2e7"; }

.mdi-emoticon-cool:before {
  content: "\f2e8"; }

.mdi-emoticon-devil:before {
  content: "\f2e9"; }

.mdi-emoticon-happy:before {
  content: "\f2ea"; }

.mdi-emoticon-neutral:before {
  content: "\f2eb"; }

.mdi-emoticon-poop:before {
  content: "\f2ec"; }

.mdi-emoticon-sad:before {
  content: "\f2ed"; }

.mdi-emoticon-tongue:before {
  content: "\f2ee"; }

.mdi-engine:before {
  content: "\f2ef"; }

.mdi-engine-outline:before {
  content: "\f2f0"; }

.mdi-equal:before {
  content: "\f2f1"; }

.mdi-equal-box:before {
  content: "\f2f2"; }

.mdi-eraser:before {
  content: "\f2f3"; }

.mdi-escalator:before {
  content: "\f2f4"; }

.mdi-ethernet:before {
  content: "\f2f5"; }

.mdi-ethernet-cable:before {
  content: "\f2f6"; }

.mdi-ethernet-cable-off:before {
  content: "\f2f7"; }

.mdi-etsy:before {
  content: "\f2f8"; }

.mdi-evernote:before {
  content: "\f2f9"; }

.mdi-exclamation:before {
  content: "\f2fa"; }

.mdi-exit-to-app:before {
  content: "\f2fb"; }

.mdi-export:before {
  content: "\f2fc"; }

.mdi-eye:before {
  content: "\f2fd"; }

.mdi-eye-off:before {
  content: "\f2fe"; }

.mdi-eyedropper:before {
  content: "\f2ff"; }

.mdi-eyedropper-variant:before {
  content: "\f300"; }

.mdi-facebook:before {
  content: "\f301"; }

.mdi-facebook-box:before {
  content: "\f302"; }

.mdi-facebook-messenger:before {
  content: "\f303"; }

.mdi-factory:before {
  content: "\f304"; }

.mdi-fan:before {
  content: "\f305"; }

.mdi-fast-forward:before {
  content: "\f306"; }

.mdi-fax:before {
  content: "\f307"; }

.mdi-ferry:before {
  content: "\f308"; }

.mdi-file:before {
  content: "\f309"; }

.mdi-file-chart:before {
  content: "\f30a"; }

.mdi-file-check:before {
  content: "\f30b"; }

.mdi-file-cloud:before {
  content: "\f30c"; }

.mdi-file-delimited:before {
  content: "\f30d"; }

.mdi-file-document:before {
  content: "\f30e"; }

.mdi-file-document-box:before {
  content: "\f30f"; }

.mdi-file-excel:before {
  content: "\f310"; }

.mdi-file-excel-box:before {
  content: "\f311"; }

.mdi-file-export:before {
  content: "\f312"; }

.mdi-file-find:before {
  content: "\f313"; }

.mdi-file-image:before {
  content: "\f314"; }

.mdi-file-import:before {
  content: "\f315"; }

.mdi-file-lock:before {
  content: "\f316"; }

.mdi-file-multiple:before {
  content: "\f317"; }

.mdi-file-music:before {
  content: "\f318"; }

.mdi-file-outline:before {
  content: "\f319"; }

.mdi-file-pdf:before {
  content: "\f31a"; }

.mdi-file-pdf-box:before {
  content: "\f31b"; }

.mdi-file-powerpoint:before {
  content: "\f31c"; }

.mdi-file-powerpoint-box:before {
  content: "\f31d"; }

.mdi-file-presentation-box:before {
  content: "\f31e"; }

.mdi-file-send:before {
  content: "\f31f"; }

.mdi-file-video:before {
  content: "\f320"; }

.mdi-file-word:before {
  content: "\f321"; }

.mdi-file-word-box:before {
  content: "\f322"; }

.mdi-file-xml:before {
  content: "\f323"; }

.mdi-film:before {
  content: "\f324"; }

.mdi-filmstrip:before {
  content: "\f325"; }

.mdi-filmstrip-off:before {
  content: "\f326"; }

.mdi-filter:before {
  content: "\f327"; }

.mdi-filter-outline:before {
  content: "\f328"; }

.mdi-filter-remove:before {
  content: "\f329"; }

.mdi-filter-remove-outline:before {
  content: "\f32a"; }

.mdi-filter-variant:before {
  content: "\f32b"; }

.mdi-fingerprint:before {
  content: "\f32c"; }

.mdi-fire:before {
  content: "\f32d"; }

.mdi-firefox:before {
  content: "\f32e"; }

.mdi-fish:before {
  content: "\f32f"; }

.mdi-flag:before {
  content: "\f330"; }

.mdi-flag-checkered:before {
  content: "\f331"; }

.mdi-flag-outline:before {
  content: "\f332"; }

.mdi-flag-outline-variant:before {
  content: "\f333"; }

.mdi-flag-triangle:before {
  content: "\f334"; }

.mdi-flag-variant:before {
  content: "\f335"; }

.mdi-flash:before {
  content: "\f336"; }

.mdi-flash-auto:before {
  content: "\f337"; }

.mdi-flash-off:before {
  content: "\f338"; }

.mdi-flashlight:before {
  content: "\f339"; }

.mdi-flashlight-off:before {
  content: "\f33a"; }

.mdi-flattr:before {
  content: "\f33b"; }

.mdi-flip-to-back:before {
  content: "\f33c"; }

.mdi-flip-to-front:before {
  content: "\f33d"; }

.mdi-floppy:before {
  content: "\f33e"; }

.mdi-flower:before {
  content: "\f33f"; }

.mdi-folder:before {
  content: "\f340"; }

.mdi-folder-account:before {
  content: "\f341"; }

.mdi-folder-download:before {
  content: "\f342"; }

.mdi-folder-google-drive:before {
  content: "\f343"; }

.mdi-folder-image:before {
  content: "\f344"; }

.mdi-folder-lock:before {
  content: "\f345"; }

.mdi-folder-lock-open:before {
  content: "\f346"; }

.mdi-folder-move:before {
  content: "\f347"; }

.mdi-folder-multiple:before {
  content: "\f348"; }

.mdi-folder-multiple-image:before {
  content: "\f349"; }

.mdi-folder-multiple-outline:before {
  content: "\f34a"; }

.mdi-folder-outline:before {
  content: "\f34b"; }

.mdi-folder-plus:before {
  content: "\f34c"; }

.mdi-folder-remove:before {
  content: "\f34d"; }

.mdi-folder-upload:before {
  content: "\f34e"; }

.mdi-food:before {
  content: "\f34f"; }

.mdi-food-apple:before {
  content: "\f350"; }

.mdi-food-variant:before {
  content: "\f351"; }

.mdi-football:before {
  content: "\f352"; }

.mdi-football-australian:before {
  content: "\f353"; }

.mdi-football-helmet:before {
  content: "\f354"; }

.mdi-format-align-center:before {
  content: "\f355"; }

.mdi-format-align-justify:before {
  content: "\f356"; }

.mdi-format-align-left:before {
  content: "\f357"; }

.mdi-format-align-right:before {
  content: "\f358"; }

.mdi-format-bold:before {
  content: "\f359"; }

.mdi-format-clear:before {
  content: "\f35a"; }

.mdi-format-color-fill:before {
  content: "\f35b"; }

.mdi-format-float-center:before {
  content: "\f35c"; }

.mdi-format-float-left:before {
  content: "\f35d"; }

.mdi-format-float-none:before {
  content: "\f35e"; }

.mdi-format-float-right:before {
  content: "\f35f"; }

.mdi-format-header-1:before {
  content: "\f360"; }

.mdi-format-header-2:before {
  content: "\f361"; }

.mdi-format-header-3:before {
  content: "\f362"; }

.mdi-format-header-4:before {
  content: "\f363"; }

.mdi-format-header-5:before {
  content: "\f364"; }

.mdi-format-header-6:before {
  content: "\f365"; }

.mdi-format-header-decrease:before {
  content: "\f366"; }

.mdi-format-header-equal:before {
  content: "\f367"; }

.mdi-format-header-increase:before {
  content: "\f368"; }

.mdi-format-header-pound:before {
  content: "\f369"; }

.mdi-format-indent-decrease:before {
  content: "\f36a"; }

.mdi-format-indent-increase:before {
  content: "\f36b"; }

.mdi-format-italic:before {
  content: "\f36c"; }

.mdi-format-line-spacing:before {
  content: "\f36d"; }

.mdi-format-list-bulleted:before {
  content: "\f36e"; }

.mdi-format-list-bulleted-type:before {
  content: "\f36f"; }

.mdi-format-list-numbers:before {
  content: "\f370"; }

.mdi-format-paint:before {
  content: "\f371"; }

.mdi-format-paragraph:before {
  content: "\f372"; }

.mdi-format-quote:before {
  content: "\f373"; }

.mdi-format-size:before {
  content: "\f374"; }

.mdi-format-strikethrough:before {
  content: "\f375"; }

.mdi-format-strikethrough-variant:before {
  content: "\f376"; }

.mdi-format-subscript:before {
  content: "\f377"; }

.mdi-format-superscript:before {
  content: "\f378"; }

.mdi-format-text:before {
  content: "\f379"; }

.mdi-format-textdirection-l-to-r:before {
  content: "\f37a"; }

.mdi-format-textdirection-r-to-l:before {
  content: "\f37b"; }

.mdi-format-underline:before {
  content: "\f37c"; }

.mdi-format-wrap-inline:before {
  content: "\f37d"; }

.mdi-format-wrap-square:before {
  content: "\f37e"; }

.mdi-format-wrap-tight:before {
  content: "\f37f"; }

.mdi-format-wrap-top-bottom:before {
  content: "\f380"; }

.mdi-forum:before {
  content: "\f381"; }

.mdi-forward:before {
  content: "\f382"; }

.mdi-foursquare:before {
  content: "\f383"; }

.mdi-fridge:before {
  content: "\f384"; }

.mdi-fridge-filled:before {
  content: "\f385"; }

.mdi-fridge-filled-bottom:before {
  content: "\f386"; }

.mdi-fridge-filled-top:before {
  content: "\f387"; }

.mdi-fullscreen:before {
  content: "\f388"; }

.mdi-fullscreen-exit:before {
  content: "\f389"; }

.mdi-function:before {
  content: "\f38a"; }

.mdi-gamepad:before {
  content: "\f38b"; }

.mdi-gamepad-variant:before {
  content: "\f38c"; }

.mdi-gas-station:before {
  content: "\f38d"; }

.mdi-gate:before {
  content: "\f38e"; }

.mdi-gauge:before {
  content: "\f38f"; }

.mdi-gavel:before {
  content: "\f390"; }

.mdi-gender-female:before {
  content: "\f391"; }

.mdi-gender-male:before {
  content: "\f392"; }

.mdi-gender-male-female:before {
  content: "\f393"; }

.mdi-gender-transgender:before {
  content: "\f394"; }

.mdi-ghost:before {
  content: "\f395"; }

.mdi-gift:before {
  content: "\f396"; }

.mdi-git:before {
  content: "\f397"; }

.mdi-github-box:before {
  content: "\f398"; }

.mdi-github-circle:before {
  content: "\f399"; }

.mdi-glass-flute:before {
  content: "\f39a"; }

.mdi-glass-mug:before {
  content: "\f39b"; }

.mdi-glass-stange:before {
  content: "\f39c"; }

.mdi-glass-tulip:before {
  content: "\f39d"; }

.mdi-glasses:before {
  content: "\f39e"; }

.mdi-gmail:before {
  content: "\f39f"; }

.mdi-google:before {
  content: "\f3a0"; }

.mdi-google-cardboard:before {
  content: "\f3a1"; }

.mdi-google-chrome:before {
  content: "\f3a2"; }

.mdi-google-circles:before {
  content: "\f3a3"; }

.mdi-google-circles-communities:before {
  content: "\f3a4"; }

.mdi-google-circles-extended:before {
  content: "\f3a5"; }

.mdi-google-circles-group:before {
  content: "\f3a6"; }

.mdi-google-controller:before {
  content: "\f3a7"; }

.mdi-google-controller-off:before {
  content: "\f3a8"; }

.mdi-google-drive:before {
  content: "\f3a9"; }

.mdi-google-earth:before {
  content: "\f3aa"; }

.mdi-google-glass:before {
  content: "\f3ab"; }

.mdi-google-nearby:before {
  content: "\f3ac"; }

.mdi-google-pages:before {
  content: "\f3ad"; }

.mdi-google-physical-web:before {
  content: "\f3ae"; }

.mdi-google-play:before {
  content: "\f3af"; }

.mdi-google-plus:before {
  content: "\f3b0"; }

.mdi-google-plus-box:before {
  content: "\f3b1"; }

.mdi-google-translate:before {
  content: "\f3b2"; }

.mdi-google-wallet:before {
  content: "\f3b3"; }

.mdi-grid:before {
  content: "\f3b4"; }

.mdi-grid-off:before {
  content: "\f3b5"; }

.mdi-group:before {
  content: "\f3b6"; }

.mdi-guitar:before {
  content: "\f3b7"; }

.mdi-guitar-pick:before {
  content: "\f3b8"; }

.mdi-guitar-pick-outline:before {
  content: "\f3b9"; }

.mdi-hand-pointing-right:before {
  content: "\f3ba"; }

.mdi-hanger:before {
  content: "\f3bb"; }

.mdi-hangouts:before {
  content: "\f3bc"; }

.mdi-harddisk:before {
  content: "\f3bd"; }

.mdi-headphones:before {
  content: "\f3be"; }

.mdi-headphones-box:before {
  content: "\f3bf"; }

.mdi-headphones-settings:before {
  content: "\f3c0"; }

.mdi-headset:before {
  content: "\f3c1"; }

.mdi-headset-dock:before {
  content: "\f3c2"; }

.mdi-headset-off:before {
  content: "\f3c3"; }

.mdi-heart:before {
  content: "\f3c4"; }

.mdi-heart-box:before {
  content: "\f3c5"; }

.mdi-heart-box-outline:before {
  content: "\f3c6"; }

.mdi-heart-broken:before {
  content: "\f3c7"; }

.mdi-heart-outline:before {
  content: "\f3c8"; }

.mdi-help:before {
  content: "\f3c9"; }

.mdi-help-circle:before {
  content: "\f3ca"; }

.mdi-hexagon:before {
  content: "\f3cb"; }

.mdi-hexagon-outline:before {
  content: "\f3cc"; }

.mdi-history:before {
  content: "\f3cd"; }

.mdi-hololens:before {
  content: "\f3ce"; }

.mdi-home:before {
  content: "\f3cf"; }

.mdi-home-modern:before {
  content: "\f3d0"; }

.mdi-home-variant:before {
  content: "\f3d1"; }

.mdi-hops:before {
  content: "\f3d2"; }

.mdi-hospital:before {
  content: "\f3d3"; }

.mdi-hospital-building:before {
  content: "\f3d4"; }

.mdi-hospital-marker:before {
  content: "\f3d5"; }

.mdi-hotel:before {
  content: "\f3d6"; }

.mdi-houzz:before {
  content: "\f3d7"; }

.mdi-houzz-box:before {
  content: "\f3d8"; }

.mdi-human:before {
  content: "\f3d9"; }

.mdi-human-child:before {
  content: "\f3da"; }

.mdi-human-male-female:before {
  content: "\f3db"; }

.mdi-image:before {
  content: "\f3dc"; }

.mdi-image-album:before {
  content: "\f3dd"; }

.mdi-image-area:before {
  content: "\f3de"; }

.mdi-image-area-close:before {
  content: "\f3df"; }

.mdi-image-broken:before {
  content: "\f3e0"; }

.mdi-image-broken-variant:before {
  content: "\f3e1"; }

.mdi-image-filter:before {
  content: "\f3e2"; }

.mdi-image-filter-black-white:before {
  content: "\f3e3"; }

.mdi-image-filter-center-focus:before {
  content: "\f3e4"; }

.mdi-image-filter-center-focus-weak:before {
  content: "\f3e5"; }

.mdi-image-filter-drama:before {
  content: "\f3e6"; }

.mdi-image-filter-frames:before {
  content: "\f3e7"; }

.mdi-image-filter-hdr:before {
  content: "\f3e8"; }

.mdi-image-filter-none:before {
  content: "\f3e9"; }

.mdi-image-filter-tilt-shift:before {
  content: "\f3ea"; }

.mdi-image-filter-vintage:before {
  content: "\f3eb"; }

.mdi-image-multiple:before {
  content: "\f3ec"; }

.mdi-import:before {
  content: "\f3ed"; }

.mdi-inbox:before {
  content: "\f3ee"; }

.mdi-information:before {
  content: "\f3ef"; }

.mdi-information-outline:before {
  content: "\f3f0"; }

.mdi-instagram:before {
  content: "\f3f1"; }

.mdi-instapaper:before {
  content: "\f3f2"; }

.mdi-internet-explorer:before {
  content: "\f3f3"; }

.mdi-invert-colors:before {
  content: "\f3f4"; }

.mdi-jeepney:before {
  content: "\f3f5"; }

.mdi-jira:before {
  content: "\f3f6"; }

.mdi-jsfiddle:before {
  content: "\f3f7"; }

.mdi-keg:before {
  content: "\f3f8"; }

.mdi-key:before {
  content: "\f3f9"; }

.mdi-key-change:before {
  content: "\f3fa"; }

.mdi-key-minus:before {
  content: "\f3fb"; }

.mdi-key-plus:before {
  content: "\f3fc"; }

.mdi-key-remove:before {
  content: "\f3fd"; }

.mdi-key-variant:before {
  content: "\f3fe"; }

.mdi-keyboard:before {
  content: "\f3ff"; }

.mdi-keyboard-backspace:before {
  content: "\f400"; }

.mdi-keyboard-caps:before {
  content: "\f401"; }

.mdi-keyboard-close:before {
  content: "\f402"; }

.mdi-keyboard-off:before {
  content: "\f403"; }

.mdi-keyboard-return:before {
  content: "\f404"; }

.mdi-keyboard-tab:before {
  content: "\f405"; }

.mdi-keyboard-variant:before {
  content: "\f406"; }

.mdi-label:before {
  content: "\f407"; }

.mdi-label-outline:before {
  content: "\f408"; }

.mdi-lan:before {
  content: "\f409"; }

.mdi-lan-connect:before {
  content: "\f40a"; }

.mdi-lan-disconnect:before {
  content: "\f40b"; }

.mdi-lan-pending:before {
  content: "\f40c"; }

.mdi-language-csharp:before {
  content: "\f40d"; }

.mdi-language-css3:before {
  content: "\f40e"; }

.mdi-language-html5:before {
  content: "\f40f"; }

.mdi-language-javascript:before {
  content: "\f410"; }

.mdi-language-php:before {
  content: "\f411"; }

.mdi-language-python:before {
  content: "\f412"; }

.mdi-language-python-text:before {
  content: "\f413"; }

.mdi-laptop:before {
  content: "\f414"; }

.mdi-laptop-chromebook:before {
  content: "\f415"; }

.mdi-laptop-mac:before {
  content: "\f416"; }

.mdi-laptop-windows:before {
  content: "\f417"; }

.mdi-lastfm:before {
  content: "\f418"; }

.mdi-launch:before {
  content: "\f419"; }

.mdi-layers:before {
  content: "\f41a"; }

.mdi-layers-off:before {
  content: "\f41b"; }

.mdi-leaf:before {
  content: "\f41c"; }

.mdi-led-off:before {
  content: "\f41d"; }

.mdi-led-on:before {
  content: "\f41e"; }

.mdi-led-outline:before {
  content: "\f41f"; }

.mdi-led-variant-off:before {
  content: "\f420"; }

.mdi-led-variant-on:before {
  content: "\f421"; }

.mdi-led-variant-outline:before {
  content: "\f422"; }

.mdi-library:before {
  content: "\f423"; }

.mdi-library-books:before {
  content: "\f424"; }

.mdi-library-music:before {
  content: "\f425"; }

.mdi-library-plus:before {
  content: "\f426"; }

.mdi-lightbulb:before {
  content: "\f427"; }

.mdi-lightbulb-outline:before {
  content: "\f428"; }

.mdi-link:before {
  content: "\f429"; }

.mdi-link-off:before {
  content: "\f42a"; }

.mdi-link-variant:before {
  content: "\f42b"; }

.mdi-link-variant-off:before {
  content: "\f42c"; }

.mdi-linkedin:before {
  content: "\f42d"; }

.mdi-linkedin-box:before {
  content: "\f42e"; }

.mdi-linux:before {
  content: "\f42f"; }

.mdi-lock:before {
  content: "\f430"; }

.mdi-lock-open:before {
  content: "\f431"; }

.mdi-lock-open-outline:before {
  content: "\f432"; }

.mdi-lock-outline:before {
  content: "\f433"; }

.mdi-login:before {
  content: "\f434"; }

.mdi-logout:before {
  content: "\f435"; }

.mdi-looks:before {
  content: "\f436"; }

.mdi-loupe:before {
  content: "\f437"; }

.mdi-lumx:before {
  content: "\f438"; }

.mdi-magnet:before {
  content: "\f439"; }

.mdi-magnet-on:before {
  content: "\f43a"; }

.mdi-magnify:before {
  content: "\f43b"; }

.mdi-magnify-minus:before {
  content: "\f43c"; }

.mdi-magnify-plus:before {
  content: "\f43d"; }

.mdi-mail-ru:before {
  content: "\f43e"; }

.mdi-map:before {
  content: "\f43f"; }

.mdi-map-marker:before {
  content: "\f440"; }

.mdi-map-marker-circle:before {
  content: "\f441"; }

.mdi-map-marker-multiple:before {
  content: "\f442"; }

.mdi-map-marker-off:before {
  content: "\f443"; }

.mdi-map-marker-radius:before {
  content: "\f444"; }

.mdi-margin:before {
  content: "\f445"; }

.mdi-markdown:before {
  content: "\f446"; }

.mdi-marker-check:before {
  content: "\f447"; }

.mdi-martini:before {
  content: "\f448"; }

.mdi-material-ui:before {
  content: "\f449"; }

.mdi-math-compass:before {
  content: "\f44a"; }

.mdi-maxcdn:before {
  content: "\f44b"; }

.mdi-medium:before {
  content: "\f44c"; }

.mdi-memory:before {
  content: "\f44d"; }

.mdi-menu:before {
  content: "\f44e"; }

.mdi-menu-down:before {
  content: "\f44f"; }

.mdi-menu-left:before {
  content: "\f450"; }

.mdi-menu-right:before {
  content: "\f451"; }

.mdi-menu-up:before {
  content: "\f452"; }

.mdi-message:before {
  content: "\f453"; }

.mdi-message-alert:before {
  content: "\f454"; }

.mdi-message-draw:before {
  content: "\f455"; }

.mdi-message-image:before {
  content: "\f456"; }

.mdi-message-outline:before {
  content: "\f457"; }

.mdi-message-processing:before {
  content: "\f458"; }

.mdi-message-reply:before {
  content: "\f459"; }

.mdi-message-reply-text:before {
  content: "\f45a"; }

.mdi-message-text:before {
  content: "\f45b"; }

.mdi-message-text-outline:before {
  content: "\f45c"; }

.mdi-message-video:before {
  content: "\f45d"; }

.mdi-microphone:before {
  content: "\f45e"; }

.mdi-microphone-off:before {
  content: "\f45f"; }

.mdi-microphone-outline:before {
  content: "\f460"; }

.mdi-microphone-settings:before {
  content: "\f461"; }

.mdi-microphone-variant:before {
  content: "\f462"; }

.mdi-microphone-variant-off:before {
  content: "\f463"; }

.mdi-microsoft:before {
  content: "\f464"; }

.mdi-minus:before {
  content: "\f465"; }

.mdi-minus-box:before {
  content: "\f466"; }

.mdi-minus-circle:before {
  content: "\f467"; }

.mdi-minus-circle-outline:before {
  content: "\f468"; }

.mdi-minus-network:before {
  content: "\f469"; }

.mdi-monitor:before {
  content: "\f46a"; }

.mdi-monitor-multiple:before {
  content: "\f46b"; }

.mdi-more:before {
  content: "\f46c"; }

.mdi-motorbike:before {
  content: "\f46d"; }

.mdi-mouse:before {
  content: "\f46e"; }

.mdi-mouse-off:before {
  content: "\f46f"; }

.mdi-mouse-variant:before {
  content: "\f470"; }

.mdi-mouse-variant-off:before {
  content: "\f471"; }

.mdi-movie:before {
  content: "\f472"; }

.mdi-multiplication:before {
  content: "\f473"; }

.mdi-multiplication-box:before {
  content: "\f474"; }

.mdi-music-box:before {
  content: "\f475"; }

.mdi-music-box-outline:before {
  content: "\f476"; }

.mdi-music-circle:before {
  content: "\f477"; }

.mdi-music-note:before {
  content: "\f478"; }

.mdi-music-note-eighth:before {
  content: "\f479"; }

.mdi-music-note-half:before {
  content: "\f47a"; }

.mdi-music-note-off:before {
  content: "\f47b"; }

.mdi-music-note-quarter:before {
  content: "\f47c"; }

.mdi-music-note-sixteenth:before {
  content: "\f47d"; }

.mdi-music-note-whole:before {
  content: "\f47e"; }

.mdi-nature:before {
  content: "\f47f"; }

.mdi-nature-people:before {
  content: "\f480"; }

.mdi-navigation:before {
  content: "\f481"; }

.mdi-needle:before {
  content: "\f482"; }

.mdi-nest-protect:before {
  content: "\f483"; }

.mdi-nest-thermostat:before {
  content: "\f484"; }

.mdi-newspaper:before {
  content: "\f485"; }

.mdi-nfc:before {
  content: "\f486"; }

.mdi-nfc-tap:before {
  content: "\f487"; }

.mdi-nfc-variant:before {
  content: "\f488"; }

.mdi-nodejs:before {
  content: "\f489"; }

.mdi-note:before {
  content: "\f48a"; }

.mdi-note-outline:before {
  content: "\f48b"; }

.mdi-note-plus:before {
  content: "\f48c"; }

.mdi-note-plus-outline:before {
  content: "\f48d"; }

.mdi-note-text:before {
  content: "\f48e"; }

.mdi-notification-clear-all:before {
  content: "\f48f"; }

.mdi-numeric:before {
  content: "\f490"; }

.mdi-numeric-0-box:before {
  content: "\f491"; }

.mdi-numeric-0-box-multiple-outline:before {
  content: "\f492"; }

.mdi-numeric-0-box-outline:before {
  content: "\f493"; }

.mdi-numeric-1-box:before {
  content: "\f494"; }

.mdi-numeric-1-box-multiple-outline:before {
  content: "\f495"; }

.mdi-numeric-1-box-outline:before {
  content: "\f496"; }

.mdi-numeric-2-box:before {
  content: "\f497"; }

.mdi-numeric-2-box-multiple-outline:before {
  content: "\f498"; }

.mdi-numeric-2-box-outline:before {
  content: "\f499"; }

.mdi-numeric-3-box:before {
  content: "\f49a"; }

.mdi-numeric-3-box-multiple-outline:before {
  content: "\f49b"; }

.mdi-numeric-3-box-outline:before {
  content: "\f49c"; }

.mdi-numeric-4-box:before {
  content: "\f49d"; }

.mdi-numeric-4-box-multiple-outline:before {
  content: "\f49e"; }

.mdi-numeric-4-box-outline:before {
  content: "\f49f"; }

.mdi-numeric-5-box:before {
  content: "\f4a0"; }

.mdi-numeric-5-box-multiple-outline:before {
  content: "\f4a1"; }

.mdi-numeric-5-box-outline:before {
  content: "\f4a2"; }

.mdi-numeric-6-box:before {
  content: "\f4a3"; }

.mdi-numeric-6-box-multiple-outline:before {
  content: "\f4a4"; }

.mdi-numeric-6-box-outline:before {
  content: "\f4a5"; }

.mdi-numeric-7-box:before {
  content: "\f4a6"; }

.mdi-numeric-7-box-multiple-outline:before {
  content: "\f4a7"; }

.mdi-numeric-7-box-outline:before {
  content: "\f4a8"; }

.mdi-numeric-8-box:before {
  content: "\f4a9"; }

.mdi-numeric-8-box-multiple-outline:before {
  content: "\f4aa"; }

.mdi-numeric-8-box-outline:before {
  content: "\f4ab"; }

.mdi-numeric-9-box:before {
  content: "\f4ac"; }

.mdi-numeric-9-box-multiple-outline:before {
  content: "\f4ad"; }

.mdi-numeric-9-box-outline:before {
  content: "\f4ae"; }

.mdi-numeric-9-plus-box:before {
  content: "\f4af"; }

.mdi-numeric-9-plus-box-multiple-outline:before {
  content: "\f4b0"; }

.mdi-numeric-9-plus-box-outline:before {
  content: "\f4b1"; }

.mdi-nutrition:before {
  content: "\f4b2"; }

.mdi-octagon:before {
  content: "\f4b3"; }

.mdi-octagon-outline:before {
  content: "\f4b4"; }

.mdi-odnoklassniki:before {
  content: "\f4b5"; }

.mdi-office:before {
  content: "\f4b6"; }

.mdi-oil:before {
  content: "\f4b7"; }

.mdi-oil-temperature:before {
  content: "\f4b8"; }

.mdi-omega:before {
  content: "\f4b9"; }

.mdi-onedrive:before {
  content: "\f4ba"; }

.mdi-open-in-app:before {
  content: "\f4bb"; }

.mdi-open-in-new:before {
  content: "\f4bc"; }

.mdi-opera:before {
  content: "\f4bd"; }

.mdi-ornament:before {
  content: "\f4be"; }

.mdi-ornament-variant:before {
  content: "\f4bf"; }

.mdi-outbox:before {
  content: "\f4c0"; }

.mdi-owl:before {
  content: "\f4c1"; }

.mdi-package:before {
  content: "\f4c2"; }

.mdi-package-down:before {
  content: "\f4c3"; }

.mdi-package-up:before {
  content: "\f4c4"; }

.mdi-package-variant:before {
  content: "\f4c5"; }

.mdi-package-variant-closed:before {
  content: "\f4c6"; }

.mdi-palette:before {
  content: "\f4c7"; }

.mdi-palette-advanced:before {
  content: "\f4c8"; }

.mdi-panda:before {
  content: "\f4c9"; }

.mdi-pandora:before {
  content: "\f4ca"; }

.mdi-panorama:before {
  content: "\f4cb"; }

.mdi-panorama-fisheye:before {
  content: "\f4cc"; }

.mdi-panorama-horizontal:before {
  content: "\f4cd"; }

.mdi-panorama-vertical:before {
  content: "\f4ce"; }

.mdi-panorama-wide-angle:before {
  content: "\f4cf"; }

.mdi-paper-cut-vertical:before {
  content: "\f4d0"; }

.mdi-paperclip:before {
  content: "\f4d1"; }

.mdi-parking:before {
  content: "\f4d2"; }

.mdi-pause:before {
  content: "\f4d3"; }

.mdi-pause-circle:before {
  content: "\f4d4"; }

.mdi-pause-circle-outline:before {
  content: "\f4d5"; }

.mdi-pause-octagon:before {
  content: "\f4d6"; }

.mdi-pause-octagon-outline:before {
  content: "\f4d7"; }

.mdi-paw:before {
  content: "\f4d8"; }

.mdi-pen:before {
  content: "\f4d9"; }

.mdi-pencil:before {
  content: "\f4da"; }

.mdi-pencil-box:before {
  content: "\f4db"; }

.mdi-pencil-box-outline:before {
  content: "\f4dc"; }

.mdi-pencil-lock:before {
  content: "\f4dd"; }

.mdi-pencil-off:before {
  content: "\f4de"; }

.mdi-percent:before {
  content: "\f4df"; }

.mdi-pharmacy:before {
  content: "\f4e0"; }

.mdi-phone:before {
  content: "\f4e1"; }

.mdi-phone-bluetooth:before {
  content: "\f4e2"; }

.mdi-phone-forward:before {
  content: "\f4e3"; }

.mdi-phone-hangup:before {
  content: "\f4e4"; }

.mdi-phone-in-talk:before {
  content: "\f4e5"; }

.mdi-phone-incoming:before {
  content: "\f4e6"; }

.mdi-phone-locked:before {
  content: "\f4e7"; }

.mdi-phone-log:before {
  content: "\f4e8"; }

.mdi-phone-missed:before {
  content: "\f4e9"; }

.mdi-phone-outgoing:before {
  content: "\f4ea"; }

.mdi-phone-paused:before {
  content: "\f4eb"; }

.mdi-phone-settings:before {
  content: "\f4ec"; }

.mdi-phone-voip:before {
  content: "\f4ed"; }

.mdi-pi:before {
  content: "\f4ee"; }

.mdi-pi-box:before {
  content: "\f4ef"; }

.mdi-pig:before {
  content: "\f4f0"; }

.mdi-pill:before {
  content: "\f4f1"; }

.mdi-pin:before {
  content: "\f4f2"; }

.mdi-pin-off:before {
  content: "\f4f3"; }

.mdi-pine-tree:before {
  content: "\f4f4"; }

.mdi-pine-tree-box:before {
  content: "\f4f5"; }

.mdi-pinterest:before {
  content: "\f4f6"; }

.mdi-pinterest-box:before {
  content: "\f4f7"; }

.mdi-pizza:before {
  content: "\f4f8"; }

.mdi-play:before {
  content: "\f4f9"; }

.mdi-play-box-outline:before {
  content: "\f4fa"; }

.mdi-play-circle:before {
  content: "\f4fb"; }

.mdi-play-circle-outline:before {
  content: "\f4fc"; }

.mdi-play-pause:before {
  content: "\f4fd"; }

.mdi-play-protected-content:before {
  content: "\f4fe"; }

.mdi-playlist-minus:before {
  content: "\f4ff"; }

.mdi-playlist-play:before {
  content: "\f500"; }

.mdi-playlist-plus:before {
  content: "\f501"; }

.mdi-playlist-remove:before {
  content: "\f502"; }

.mdi-playstation:before {
  content: "\f503"; }

.mdi-plus:before {
  content: "\f504"; }

.mdi-plus-box:before {
  content: "\f505"; }

.mdi-plus-circle:before {
  content: "\f506"; }

.mdi-plus-circle-multiple-outline:before {
  content: "\f507"; }

.mdi-plus-circle-outline:before {
  content: "\f508"; }

.mdi-plus-network:before {
  content: "\f509"; }

.mdi-plus-one:before {
  content: "\f50a"; }

.mdi-pocket:before {
  content: "\f50b"; }

.mdi-pokeball:before {
  content: "\f50c"; }

.mdi-polaroid:before {
  content: "\f50d"; }

.mdi-poll:before {
  content: "\f50e"; }

.mdi-poll-box:before {
  content: "\f50f"; }

.mdi-polymer:before {
  content: "\f510"; }

.mdi-popcorn:before {
  content: "\f511"; }

.mdi-pound:before {
  content: "\f512"; }

.mdi-pound-box:before {
  content: "\f513"; }

.mdi-power:before {
  content: "\f514"; }

.mdi-power-settings:before {
  content: "\f515"; }

.mdi-power-socket:before {
  content: "\f516"; }

.mdi-presentation:before {
  content: "\f517"; }

.mdi-presentation-play:before {
  content: "\f518"; }

.mdi-printer:before {
  content: "\f519"; }

.mdi-printer-3d:before {
  content: "\f51a"; }

.mdi-printer-alert:before {
  content: "\f51b"; }

.mdi-professional-hexagon:before {
  content: "\f51c"; }

.mdi-projector:before {
  content: "\f51d"; }

.mdi-projector-screen:before {
  content: "\f51e"; }

.mdi-pulse:before {
  content: "\f51f"; }

.mdi-puzzle:before {
  content: "\f520"; }

.mdi-qrcode:before {
  content: "\f521"; }

.mdi-qrcode-scan:before {
  content: "\f522"; }

.mdi-quadcopter:before {
  content: "\f523"; }

.mdi-quality-high:before {
  content: "\f524"; }

.mdi-quicktime:before {
  content: "\f525"; }

.mdi-radar:before {
  content: "\f526"; }

.mdi-radiator:before {
  content: "\f527"; }

.mdi-radio:before {
  content: "\f528"; }

.mdi-radio-handheld:before {
  content: "\f529"; }

.mdi-radio-tower:before {
  content: "\f52a"; }

.mdi-radioactive:before {
  content: "\f52b"; }

.mdi-radiobox-blank:before {
  content: "\f52c"; }

.mdi-radiobox-marked:before {
  content: "\f52d"; }

.mdi-raspberrypi:before {
  content: "\f52e"; }

.mdi-ray-end:before {
  content: "\f52f"; }

.mdi-ray-end-arrow:before {
  content: "\f530"; }

.mdi-ray-start:before {
  content: "\f531"; }

.mdi-ray-start-arrow:before {
  content: "\f532"; }

.mdi-ray-start-end:before {
  content: "\f533"; }

.mdi-ray-vertex:before {
  content: "\f534"; }

.mdi-rdio:before {
  content: "\f535"; }

.mdi-read:before {
  content: "\f536"; }

.mdi-readability:before {
  content: "\f537"; }

.mdi-receipt:before {
  content: "\f538"; }

.mdi-record:before {
  content: "\f539"; }

.mdi-record-rec:before {
  content: "\f53a"; }

.mdi-recycle:before {
  content: "\f53b"; }

.mdi-reddit:before {
  content: "\f53c"; }

.mdi-redo:before {
  content: "\f53d"; }

.mdi-redo-variant:before {
  content: "\f53e"; }

.mdi-refresh:before {
  content: "\f53f"; }

.mdi-regex:before {
  content: "\f540"; }

.mdi-relative-scale:before {
  content: "\f541"; }

.mdi-reload:before {
  content: "\f542"; }

.mdi-remote:before {
  content: "\f543"; }

.mdi-rename-box:before {
  content: "\f544"; }

.mdi-repeat:before {
  content: "\f545"; }

.mdi-repeat-off:before {
  content: "\f546"; }

.mdi-repeat-once:before {
  content: "\f547"; }

.mdi-replay:before {
  content: "\f548"; }

.mdi-reply:before {
  content: "\f549"; }

.mdi-reply-all:before {
  content: "\f54a"; }

.mdi-reproduction:before {
  content: "\f54b"; }

.mdi-resize-bottom-right:before {
  content: "\f54c"; }

.mdi-responsive:before {
  content: "\f54d"; }

.mdi-rewind:before {
  content: "\f54e"; }

.mdi-ribbon:before {
  content: "\f54f"; }

.mdi-road:before {
  content: "\f550"; }

.mdi-road-variant:before {
  content: "\f551"; }

.mdi-rocket:before {
  content: "\f552"; }

.mdi-rotate-3d:before {
  content: "\f553"; }

.mdi-rotate-left:before {
  content: "\f554"; }

.mdi-rotate-left-variant:before {
  content: "\f555"; }

.mdi-rotate-right:before {
  content: "\f556"; }

.mdi-rotate-right-variant:before {
  content: "\f557"; }

.mdi-router-wireless:before {
  content: "\f558"; }

.mdi-routes:before {
  content: "\f559"; }

.mdi-rss:before {
  content: "\f55a"; }

.mdi-rss-box:before {
  content: "\f55b"; }

.mdi-ruler:before {
  content: "\f55c"; }

.mdi-run:before {
  content: "\f55d"; }

.mdi-sale:before {
  content: "\f55e"; }

.mdi-satellite:before {
  content: "\f55f"; }

.mdi-satellite-variant:before {
  content: "\f560"; }

.mdi-scale:before {
  content: "\f561"; }

.mdi-scale-bathroom:before {
  content: "\f562"; }

.mdi-school:before {
  content: "\f563"; }

.mdi-screen-rotation:before {
  content: "\f564"; }

.mdi-screen-rotation-lock:before {
  content: "\f565"; }

.mdi-screwdriver:before {
  content: "\f566"; }

.mdi-script:before {
  content: "\f567"; }

.mdi-sd:before {
  content: "\f568"; }

.mdi-seal:before {
  content: "\f569"; }

.mdi-seat-flat:before {
  content: "\f56a"; }

.mdi-seat-flat-angled:before {
  content: "\f56b"; }

.mdi-seat-individual-suite:before {
  content: "\f56c"; }

.mdi-seat-legroom-extra:before {
  content: "\f56d"; }

.mdi-seat-legroom-normal:before {
  content: "\f56e"; }

.mdi-seat-legroom-reduced:before {
  content: "\f56f"; }

.mdi-seat-recline-extra:before {
  content: "\f570"; }

.mdi-seat-recline-normal:before {
  content: "\f571"; }

.mdi-security:before {
  content: "\f572"; }

.mdi-security-network:before {
  content: "\f573"; }

.mdi-select:before {
  content: "\f574"; }

.mdi-select-all:before {
  content: "\f575"; }

.mdi-select-inverse:before {
  content: "\f576"; }

.mdi-select-off:before {
  content: "\f577"; }

.mdi-selection:before {
  content: "\f578"; }

.mdi-send:before {
  content: "\f579"; }

.mdi-server:before {
  content: "\f57a"; }

.mdi-server-minus:before {
  content: "\f57b"; }

.mdi-server-network:before {
  content: "\f57c"; }

.mdi-server-network-off:before {
  content: "\f57d"; }

.mdi-server-off:before {
  content: "\f57e"; }

.mdi-server-plus:before {
  content: "\f57f"; }

.mdi-server-remove:before {
  content: "\f580"; }

.mdi-server-security:before {
  content: "\f581"; }

.mdi-settings:before {
  content: "\f582"; }

.mdi-settings-box:before {
  content: "\f583"; }

.mdi-shape-plus:before {
  content: "\f584"; }

.mdi-share:before {
  content: "\f585"; }

.mdi-share-variant:before {
  content: "\f586"; }

.mdi-shield:before {
  content: "\f587"; }

.mdi-shield-outline:before {
  content: "\f588"; }

.mdi-shopping:before {
  content: "\f589"; }

.mdi-shopping-music:before {
  content: "\f58a"; }

.mdi-shredder:before {
  content: "\f58b"; }

.mdi-shuffle:before {
  content: "\f58c"; }

.mdi-shuffle-disabled:before {
  content: "\f58d"; }

.mdi-shuffle-variant:before {
  content: "\f58e"; }

.mdi-sigma:before {
  content: "\f58f"; }

.mdi-sign-caution:before {
  content: "\f590"; }

.mdi-signal:before {
  content: "\f591"; }

.mdi-silverware:before {
  content: "\f592"; }

.mdi-silverware-fork:before {
  content: "\f593"; }

.mdi-silverware-spoon:before {
  content: "\f594"; }

.mdi-silverware-variant:before {
  content: "\f595"; }

.mdi-sim:before {
  content: "\f596"; }

.mdi-sim-alert:before {
  content: "\f597"; }

.mdi-sim-off:before {
  content: "\f598"; }

.mdi-sitemap:before {
  content: "\f599"; }

.mdi-skip-backward:before {
  content: "\f59a"; }

.mdi-skip-forward:before {
  content: "\f59b"; }

.mdi-skip-next:before {
  content: "\f59c"; }

.mdi-skip-previous:before {
  content: "\f59d"; }

.mdi-skype:before {
  content: "\f59e"; }

.mdi-skype-business:before {
  content: "\f59f"; }

.mdi-slack:before {
  content: "\f5a0"; }

.mdi-sleep:before {
  content: "\f5a1"; }

.mdi-sleep-off:before {
  content: "\f5a2"; }

.mdi-smoking:before {
  content: "\f5a3"; }

.mdi-smoking-off:before {
  content: "\f5a4"; }

.mdi-snapchat:before {
  content: "\f5a5"; }

.mdi-snowman:before {
  content: "\f5a6"; }

.mdi-sofa:before {
  content: "\f5a7"; }

.mdi-sort:before {
  content: "\f5a8"; }

.mdi-sort-alphabetical:before {
  content: "\f5a9"; }

.mdi-sort-ascending:before {
  content: "\f5aa"; }

.mdi-sort-descending:before {
  content: "\f5ab"; }

.mdi-sort-numeric:before {
  content: "\f5ac"; }

.mdi-sort-variant:before {
  content: "\f5ad"; }

.mdi-soundcloud:before {
  content: "\f5ae"; }

.mdi-source-fork:before {
  content: "\f5af"; }

.mdi-source-pull:before {
  content: "\f5b0"; }

.mdi-speaker:before {
  content: "\f5b1"; }

.mdi-speaker-off:before {
  content: "\f5b2"; }

.mdi-speedometer:before {
  content: "\f5b3"; }

.mdi-spellcheck:before {
  content: "\f5b4"; }

.mdi-spotify:before {
  content: "\f5b5"; }

.mdi-spotlight:before {
  content: "\f5b6"; }

.mdi-spotlight-beam:before {
  content: "\f5b7"; }

.mdi-square-inc:before {
  content: "\f5b8"; }

.mdi-square-inc-cash:before {
  content: "\f5b9"; }

.mdi-stackoverflow:before {
  content: "\f5ba"; }

.mdi-stairs:before {
  content: "\f5bb"; }

.mdi-star:before {
  content: "\f5bc"; }

.mdi-star-circle:before {
  content: "\f5bd"; }

.mdi-star-half:before {
  content: "\f5be"; }

.mdi-star-off:before {
  content: "\f5bf"; }

.mdi-star-outline:before {
  content: "\f5c0"; }

.mdi-steam:before {
  content: "\f5c1"; }

.mdi-steering:before {
  content: "\f5c2"; }

.mdi-step-backward:before {
  content: "\f5c3"; }

.mdi-step-backward-2:before {
  content: "\f5c4"; }

.mdi-step-forward:before {
  content: "\f5c5"; }

.mdi-step-forward-2:before {
  content: "\f5c6"; }

.mdi-stethoscope:before {
  content: "\f5c7"; }

.mdi-stocking:before {
  content: "\f5c8"; }

.mdi-stop:before {
  content: "\f5c9"; }

.mdi-store:before {
  content: "\f5ca"; }

.mdi-store-24-hour:before {
  content: "\f5cb"; }

.mdi-stove:before {
  content: "\f5cc"; }

.mdi-subway:before {
  content: "\f5cd"; }

.mdi-sunglasses:before {
  content: "\f5ce"; }

.mdi-swap-horizontal:before {
  content: "\f5cf"; }

.mdi-swap-vertical:before {
  content: "\f5d0"; }

.mdi-swim:before {
  content: "\f5d1"; }

.mdi-switch:before {
  content: "\f5d2"; }

.mdi-sword:before {
  content: "\f5d3"; }

.mdi-sync:before {
  content: "\f5d4"; }

.mdi-sync-alert:before {
  content: "\f5d5"; }

.mdi-sync-off:before {
  content: "\f5d6"; }

.mdi-tab:before {
  content: "\f5d7"; }

.mdi-tab-unselected:before {
  content: "\f5d8"; }

.mdi-table:before {
  content: "\f5d9"; }

.mdi-table-column-plus-after:before {
  content: "\f5da"; }

.mdi-table-column-plus-before:before {
  content: "\f5db"; }

.mdi-table-column-remove:before {
  content: "\f5dc"; }

.mdi-table-column-width:before {
  content: "\f5dd"; }

.mdi-table-edit:before {
  content: "\f5de"; }

.mdi-table-large:before {
  content: "\f5df"; }

.mdi-table-row-height:before {
  content: "\f5e0"; }

.mdi-table-row-plus-after:before {
  content: "\f5e1"; }

.mdi-table-row-plus-before:before {
  content: "\f5e2"; }

.mdi-table-row-remove:before {
  content: "\f5e3"; }

.mdi-tablet:before {
  content: "\f5e4"; }

.mdi-tablet-android:before {
  content: "\f5e5"; }

.mdi-tablet-ipad:before {
  content: "\f5e6"; }

.mdi-tag:before {
  content: "\f5e7"; }

.mdi-tag-faces:before {
  content: "\f5e8"; }

.mdi-tag-multiple:before {
  content: "\f5e9"; }

.mdi-tag-outline:before {
  content: "\f5ea"; }

.mdi-tag-text-outline:before {
  content: "\f5eb"; }

.mdi-target:before {
  content: "\f5ec"; }

.mdi-taxi:before {
  content: "\f5ed"; }

.mdi-teamviewer:before {
  content: "\f5ee"; }

.mdi-telegram:before {
  content: "\f5ef"; }

.mdi-television:before {
  content: "\f5f0"; }

.mdi-television-guide:before {
  content: "\f5f1"; }

.mdi-temperature-celsius:before {
  content: "\f5f2"; }

.mdi-temperature-fahrenheit:before {
  content: "\f5f3"; }

.mdi-temperature-kelvin:before {
  content: "\f5f4"; }

.mdi-tennis:before {
  content: "\f5f5"; }

.mdi-tent:before {
  content: "\f5f6"; }

.mdi-terrain:before {
  content: "\f5f7"; }

.mdi-text-to-speech:before {
  content: "\f5f8"; }

.mdi-text-to-speech-off:before {
  content: "\f5f9"; }

.mdi-texture:before {
  content: "\f5fa"; }

.mdi-theater:before {
  content: "\f5fb"; }

.mdi-theme-light-dark:before {
  content: "\f5fc"; }

.mdi-thermometer:before {
  content: "\f5fd"; }

.mdi-thermometer-lines:before {
  content: "\f5fe"; }

.mdi-thumb-down:before {
  content: "\f5ff"; }

.mdi-thumb-down-outline:before {
  content: "\f600"; }

.mdi-thumb-up:before {
  content: "\f601"; }

.mdi-thumb-up-outline:before {
  content: "\f602"; }

.mdi-thumbs-up-down:before {
  content: "\f603"; }

.mdi-ticket:before {
  content: "\f604"; }

.mdi-ticket-account:before {
  content: "\f605"; }

.mdi-ticket-confirmation:before {
  content: "\f606"; }

.mdi-tie:before {
  content: "\f607"; }

.mdi-timelapse:before {
  content: "\f608"; }

.mdi-timer:before {
  content: "\f609"; }

.mdi-timer-10:before {
  content: "\f60a"; }

.mdi-timer-3:before {
  content: "\f60b"; }

.mdi-timer-off:before {
  content: "\f60c"; }

.mdi-timer-sand:before {
  content: "\f60d"; }

.mdi-timetable:before {
  content: "\f60e"; }

.mdi-toggle-switch:before {
  content: "\f60f"; }

.mdi-toggle-switch-off:before {
  content: "\f610"; }

.mdi-tooltip:before {
  content: "\f611"; }

.mdi-tooltip-edit:before {
  content: "\f612"; }

.mdi-tooltip-image:before {
  content: "\f613"; }

.mdi-tooltip-outline:before {
  content: "\f614"; }

.mdi-tooltip-outline-plus:before {
  content: "\f615"; }

.mdi-tooltip-text:before {
  content: "\f616"; }

.mdi-tor:before {
  content: "\f617"; }

.mdi-traffic-light:before {
  content: "\f618"; }

.mdi-train:before {
  content: "\f619"; }

.mdi-tram:before {
  content: "\f61a"; }

.mdi-transcribe:before {
  content: "\f61b"; }

.mdi-transcribe-close:before {
  content: "\f61c"; }

.mdi-transfer:before {
  content: "\f61d"; }

.mdi-tree:before {
  content: "\f61e"; }

.mdi-trello:before {
  content: "\f61f"; }

.mdi-trending-down:before {
  content: "\f620"; }

.mdi-trending-neutral:before {
  content: "\f621"; }

.mdi-trending-up:before {
  content: "\f622"; }

.mdi-triangle:before {
  content: "\f623"; }

.mdi-triangle-outline:before {
  content: "\f624"; }

.mdi-trophy:before {
  content: "\f625"; }

.mdi-trophy-award:before {
  content: "\f626"; }

.mdi-trophy-outline:before {
  content: "\f627"; }

.mdi-trophy-variant:before {
  content: "\f628"; }

.mdi-trophy-variant-outline:before {
  content: "\f629"; }

.mdi-truck:before {
  content: "\f62a"; }

.mdi-truck-delivery:before {
  content: "\f62b"; }

.mdi-tshirt-crew:before {
  content: "\f62c"; }

.mdi-tshirt-v:before {
  content: "\f62d"; }

.mdi-tumblr:before {
  content: "\f62e"; }

.mdi-tumblr-reblog:before {
  content: "\f62f"; }

.mdi-twitch:before {
  content: "\f630"; }

.mdi-twitter:before {
  content: "\f631"; }

.mdi-twitter-box:before {
  content: "\f632"; }

.mdi-twitter-circle:before {
  content: "\f633"; }

.mdi-twitter-retweet:before {
  content: "\f634"; }

.mdi-ubuntu:before {
  content: "\f635"; }

.mdi-umbraco:before {
  content: "\f636"; }

.mdi-umbrella:before {
  content: "\f637"; }

.mdi-umbrella-outline:before {
  content: "\f638"; }

.mdi-undo:before {
  content: "\f639"; }

.mdi-undo-variant:before {
  content: "\f63a"; }

.mdi-unfold-less:before {
  content: "\f63b"; }

.mdi-unfold-more:before {
  content: "\f63c"; }

.mdi-ungroup:before {
  content: "\f63d"; }

.mdi-untappd:before {
  content: "\f63e"; }

.mdi-upload:before {
  content: "\f63f"; }

.mdi-usb:before {
  content: "\f640"; }

.mdi-vector-arrange-above:before {
  content: "\f641"; }

.mdi-vector-arrange-below:before {
  content: "\f642"; }

.mdi-vector-circle:before {
  content: "\f643"; }

.mdi-vector-circle-variant:before {
  content: "\f644"; }

.mdi-vector-combine:before {
  content: "\f645"; }

.mdi-vector-curve:before {
  content: "\f646"; }

.mdi-vector-difference:before {
  content: "\f647"; }

.mdi-vector-difference-ab:before {
  content: "\f648"; }

.mdi-vector-difference-ba:before {
  content: "\f649"; }

.mdi-vector-intersection:before {
  content: "\f64a"; }

.mdi-vector-line:before {
  content: "\f64b"; }

.mdi-vector-point:before {
  content: "\f64c"; }

.mdi-vector-polygon:before {
  content: "\f64d"; }

.mdi-vector-polyline:before {
  content: "\f64e"; }

.mdi-vector-selection:before {
  content: "\f64f"; }

.mdi-vector-square:before {
  content: "\f650"; }

.mdi-vector-triangle:before {
  content: "\f651"; }

.mdi-vector-union:before {
  content: "\f652"; }

.mdi-verified:before {
  content: "\f653"; }

.mdi-vibrate:before {
  content: "\f654"; }

.mdi-video:before {
  content: "\f655"; }

.mdi-video-off:before {
  content: "\f656"; }

.mdi-video-switch:before {
  content: "\f657"; }

.mdi-view-agenda:before {
  content: "\f658"; }

.mdi-view-array:before {
  content: "\f659"; }

.mdi-view-carousel:before {
  content: "\f65a"; }

.mdi-view-column:before {
  content: "\f65b"; }

.mdi-view-dashboard:before {
  content: "\f65c"; }

.mdi-view-day:before {
  content: "\f65d"; }

.mdi-view-grid:before {
  content: "\f65e"; }

.mdi-view-headline:before {
  content: "\f65f"; }

.mdi-view-list:before {
  content: "\f660"; }

.mdi-view-module:before {
  content: "\f661"; }

.mdi-view-quilt:before {
  content: "\f662"; }

.mdi-view-stream:before {
  content: "\f663"; }

.mdi-view-week:before {
  content: "\f664"; }

.mdi-vimeo:before {
  content: "\f665"; }

.mdi-vine:before {
  content: "\f666"; }

.mdi-vk:before {
  content: "\f667"; }

.mdi-vk-box:before {
  content: "\f668"; }

.mdi-vk-circle:before {
  content: "\f669"; }

.mdi-voicemail:before {
  content: "\f66a"; }

.mdi-volume-high:before {
  content: "\f66b"; }

.mdi-volume-low:before {
  content: "\f66c"; }

.mdi-volume-medium:before {
  content: "\f66d"; }

.mdi-volume-off:before {
  content: "\f66e"; }

.mdi-vpn:before {
  content: "\f66f"; }

.mdi-walk:before {
  content: "\f670"; }

.mdi-wallet:before {
  content: "\f671"; }

.mdi-wallet-giftcard:before {
  content: "\f672"; }

.mdi-wallet-membership:before {
  content: "\f673"; }

.mdi-wallet-travel:before {
  content: "\f674"; }

.mdi-wan:before {
  content: "\f675"; }

.mdi-watch:before {
  content: "\f676"; }

.mdi-watch-export:before {
  content: "\f677"; }

.mdi-watch-import:before {
  content: "\f678"; }

.mdi-water:before {
  content: "\f679"; }

.mdi-water-off:before {
  content: "\f67a"; }

.mdi-water-percent:before {
  content: "\f67b"; }

.mdi-water-pump:before {
  content: "\f67c"; }

.mdi-weather-cloudy:before {
  content: "\f67d"; }

.mdi-weather-fog:before {
  content: "\f67e"; }

.mdi-weather-hail:before {
  content: "\f67f"; }

.mdi-weather-lightning:before {
  content: "\f680"; }

.mdi-weather-night:before {
  content: "\f681"; }

.mdi-weather-partlycloudy:before {
  content: "\f682"; }

.mdi-weather-pouring:before {
  content: "\f683"; }

.mdi-weather-rainy:before {
  content: "\f684"; }

.mdi-weather-snowy:before {
  content: "\f685"; }

.mdi-weather-sunny:before {
  content: "\f686"; }

.mdi-weather-sunset:before {
  content: "\f687"; }

.mdi-weather-sunset-down:before {
  content: "\f688"; }

.mdi-weather-sunset-up:before {
  content: "\f689"; }

.mdi-weather-windy:before {
  content: "\f68a"; }

.mdi-weather-windy-variant:before {
  content: "\f68b"; }

.mdi-web:before {
  content: "\f68c"; }

.mdi-webcam:before {
  content: "\f68d"; }

.mdi-weight:before {
  content: "\f68e"; }

.mdi-weight-kilogram:before {
  content: "\f68f"; }

.mdi-whatsapp:before {
  content: "\f690"; }

.mdi-wheelchair-accessibility:before {
  content: "\f691"; }

.mdi-white-balance-auto:before {
  content: "\f692"; }

.mdi-white-balance-incandescent:before {
  content: "\f693"; }

.mdi-white-balance-irradescent:before {
  content: "\f694"; }

.mdi-white-balance-sunny:before {
  content: "\f695"; }

.mdi-wifi:before {
  content: "\f696"; }

.mdi-wifi-off:before {
  content: "\f697"; }

.mdi-wii:before {
  content: "\f698"; }

.mdi-wikipedia:before {
  content: "\f699"; }

.mdi-window-close:before {
  content: "\f69a"; }

.mdi-window-closed:before {
  content: "\f69b"; }

.mdi-window-maximize:before {
  content: "\f69c"; }

.mdi-window-minimize:before {
  content: "\f69d"; }

.mdi-window-open:before {
  content: "\f69e"; }

.mdi-window-restore:before {
  content: "\f69f"; }

.mdi-windows:before {
  content: "\f6a0"; }

.mdi-wordpress:before {
  content: "\f6a1"; }

.mdi-worker:before {
  content: "\f6a2"; }

.mdi-wrap:before {
  content: "\f6a3"; }

.mdi-wrench:before {
  content: "\f6a4"; }

.mdi-wunderlist:before {
  content: "\f6a5"; }

.mdi-xbox:before {
  content: "\f6a6"; }

.mdi-xbox-controller:before {
  content: "\f6a7"; }

.mdi-xbox-controller-off:before {
  content: "\f6a8"; }

.mdi-xda:before {
  content: "\f6a9"; }

.mdi-xing:before {
  content: "\f6aa"; }

.mdi-xing-box:before {
  content: "\f6ab"; }

.mdi-xing-circle:before {
  content: "\f6ac"; }

.mdi-xml:before {
  content: "\f6ad"; }

.mdi-yeast:before {
  content: "\f6ae"; }

.mdi-yelp:before {
  content: "\f6af"; }

.mdi-youtube-play:before {
  content: "\f6b0"; }

.mdi-zip-box:before {
  content: "\f6b1"; }

.mdi-18px {
  font-size: 18px; }

.mdi-24px {
  font-size: 24px; }

.mdi-36px {
  font-size: 36px; }

.mdi-48px {
  font-size: 48px; }

.mdi-dark {
  color: rgba(0, 0, 0, 0.54); }

.mdi-dark.mdi-inactive {
  color: rgba(0, 0, 0, 0.26); }

.mdi-light {
  color: white; }

.mdi-light.mdi-inactive {
  color: rgba(255, 255, 255, 0.3); }

/*# sourceMappingURL=materialdesignicons.css.map */
.app {
  width: 100%;
  height: 100%;
  background: #21262b;
  box-sizing: border-box;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important; }

.app-body {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 7; }
  .app-body.sidebar-left .page-tabs {
    left: 240px; }

.app-preview .app-body {
  left: 0;
  right: 0;
  padding-top: 0; }

.app-settings:before, .app-settings:after {
  content: " ";
  display: table; }

.app-settings:after {
  clear: both; }

.viewport-droparea {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: auto; }

.novi-switcher {
  display: inline-block;
  width: 56px;
  height: 24px;
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 11px;
  line-height: 24px;
  background: #181D27;
  position: relative;
  cursor: pointer;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  .novi-switcher:hover, .novi-switcher.hover {
    color: #fff; }
    .novi-switcher:hover-button, .novi-switcher.hover-button {
      background: #99a0af; }
  .novi-switcher-button {
    content: "";
    width: 25px;
    height: 18px;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 3px;
    transition: 0.35s background-color ease;
    background-color: #6E778A; }
  .novi-switcher-enabled, .novi-switcher-disabled {
    display: inline-block;
    width: 25px;
    text-align: center;
    overflow: hidden; }
  .novi-switcher.active .novi-switcher-button {
    background-color: #109DF7; }

.top-bar {
  -webkit-user-select: none;
  user-select: none;
  background: #1F2532;
  padding: 0 12px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  margin-bottom: 1px;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.35);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 60px; }

.top-bar-left {
  list-style-type: none;
  -webkit-display: flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 0;
  position: absolute;
  left: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30%; }

.top-bar-center {
  list-style-type: none;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  font-size: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.top-bar-right {
  list-style-type: none;
  -webkit-display: flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  font-size: 0;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.top-bar-right > li + li {
  margin-left: 10px; }

.top-bar-right > li:nth-last-child(2) {
  margin-left: 20px; }

.top-bar-right > li:last-child {
  margin-left: 25px; }

.top-bar-left > li:first-child {
  margin-right: 8px; }
  
.top-bar-left > li:last-child {
  width: calc(100% - 50px); }

.top-bar-left .main-logo {
  max-height: 50px;
  width: auto; }

.novi-breadcrumbs {
  list-style-type: none;
  margin: 0;
  height: 18px;
  line-height: 18px;
  display: inline-flex;
  padding: 0;
  font-size: 0;
  font-family: 'Open Sans', sans-serif;
  background: #1f2533;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  position: relative; }

.novi-breadcrumbs > .novi-breadcrumbs-pages span:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #99A0AF transparent transparent transparent;
  position: absolute;
  margin-top: -2px;
  left: calc(100% + 5px);
  top: 50%; }

.novi-breadcrumbs > li.active span:after {
  border-style: solid;
  border-width: 0 3px 3px 3px;
  border-color: transparent transparent #99A0AF transparent; }

.novi-breadcrumbs-container {
  position: relative;
  width: 200px; }

.novi-breadcrumbs ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: inline-block; }

.novi-breadcrumbs li span:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.novi-breadcrumbs li {
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: 300;
  padding-left: 10px;
  max-width: 33%;
  display: inline-flex;
  flex-shrink: 1;
  cursor: pointer; }

.novi-breadcrumbs > .novi-breadcrumbs-pages {
  margin-left: 20px;
  padding-left: 15px;
  padding-right: 15px;
  border-left: 1px solid rgba(153, 160, 175, 0.25);
  flex-shrink: 0; }

.novi-breadcrumbs > .novi-breadcrumbs-pages span:first-child {
  white-space: normal;
  overflow: visible;
  position: relative; }

.novi-breadcrumbs-divider {
  margin-left: 10px; }

.novi-breadcrumbs-divider svg {
  fill: #99A0AF;
  width: 7px;
  height: 7px; }

.modes {
  font-size: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  user-select: none;
  display: inline-block;
  background: #1C222E; }

.modes .mode {
  width: 60px;
  height: 60px;
  border-bottom: 2px solid transparent;
  display: inline-block;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  border-top: 2px solid transparent; }

.modes .mode > svg {
  width: auto;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  fill: #DADADA; }

.modes .mode.active.preview {
  border-bottom-color: #61D079; }

.modes .mode.active.preview > svg {
  fill: #61D079; }

.modes .mode.active.edit {
  border-bottom-color: #109DF7; }

.modes .mode.active.edit > svg {
  fill: #109DF7; }

.modes .mode.active.design {
  border-bottom-color: #FFDC83; }

.modes .mode.active.design > svg {
  fill: #FFDC83; }

.modes.disabled .mode > svg,
.modes.disabled .mode.active.preview > svg,
.modes.disabled .mode.active.design > svg,
.modes.disabled .mode.active.edit > svg {
  fill: #DADADA;
  opacity: 0.5; }

.modes.disabled .mode.active.preview,
.modes.disabled .mode.active.design,
.modes.disabled .mode.active.edit {
  border-bottom-color: transparent; }

.modes.disabled .mode {
  cursor: default; }

.resizer {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none; }

.resizer-toggle {
  width: 33px;
  height: 36px;
  line-height: 36px;
  background: #1F2532;
  position: relative;
  cursor: pointer; }

.resizer-toggle svg {
  width: 18px;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  fill: #DADADA;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin-left: 3px; }

.resizer-toggle:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #99A0AF transparent transparent transparent;
  position: absolute;
  left: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.resizer-label {
  display: inline-block;
  vertical-align: middle; }

.resizer-body {
  position: absolute;
  margin: 15px 0 0;
  top: 100%;
  width: 287px;
  right: 0;
  background: #1F2532;
  color: #fff;
  padding: 4px 0;
  border-radius: 3px;
  list-style-type: none;
  -webkit-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden; }

.resizer.active .resizer-toggle svg {
  fill: #fff; }

.resizer.active .resizer-body {
  opacity: 1;
  visibility: visible;
  z-index: 10;
  -webkit-transition: 0.15s all cubic-bezier(0.4, 0, 1, 1);
  transition: 0.15s all cubic-bezier(0.4, 0, 1, 1); }

.resizer-breakpoint {
  white-space: nowrap;
  padding: 8px 20px;
  cursor: pointer;
  font-size: 12px;
  font-family: "Open Sans", sans-serif;
  line-height: 20px;
  padding-left: 55px;
  position: relative; }

.resizer-breakpoint svg {
  fill: #DADADA;
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px; }

.resizer-breakpoint:hover, .resizer-breakpoint.active {
  background: #109DF7;
  color: #fff; }

.resizer-breakpoint:hover svg, .resizer-breakpoint.active svg {
  fill: #fff; }

.resizer-breakpoint + span {
  padding-left: 16px; }

.toggle {
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  width: 28px;
  height: 36px;
  background: #1F2532;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.toggle .icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 0; }

.toggle .icon > svg {
  fill: #DADADA;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease; }

.toggle.disabled {
  cursor: default; }

.toggle.disabled .icon {
  opacity: 0.5; }

.toggle.disabled .icon > svg {
  fill: #DADADA; }

.toggle.active .icon > svg {
  fill: #fff; }

.button-save {
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-user-select: none;
  user-select: none;
  height: 36px;
  background: #1F2532;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  width: 28px; }

.button-save-icon {
  width: 18px;
  height: 18px;
  display: inline-block;
  font-size: 0; }

.button-save-icon > svg {
  fill: #DADADA;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease; }

.button-save.saving {
  cursor: default; }

.button-save.saving .button-save-icon {
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotation;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotation;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.button-save.saved {
  cursor: default; }

.button-save.saved .button-save-icon {
  background: #61D079;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.button-save.saved .button-save-icon svg {
  fill: #fff; }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.novi-button {
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  height: 34px;
  color: #109DF7;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 3px; }

.novi-button-icon {
  height: 18px;
  width: 18px;
  margin-right: 10px;
  float: left; }

.novi-button-icon > svg {
  fill: #109DF7;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease; }

.novi-button:hover {
  color: #10B7F7; }

.novi-button:hover .novi-button-icon svg {
  fill: #10B7F7; }

.novi-button.primary {
  color: #fff;
  background: #109DF7;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-left: 20px;
  padding-right: 20px; }

.novi-button.primary .novi-button-icon > svg {
  fill: #fff; }

.novi-button.primary:hover {
  background: #1094D5; }

.novi-button.disabled {
  pointer-events: none;
  opacity: 0.5; }

.workspace {
  height: 100vh;
  overflow: hidden; }

.workspace-wrap {
  height: calc(100% + 18px);
  margin-right: -18px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch; }

.workspace-wrap.custom-offset-right {
  margin-right: -8px; }

.app-preview .workspace-wrap {
  margin-right: 0; }

.workspace-wrap::-webkit-scrollbar {
  width: 0;
  height: 18px;
  background: transparent;
  -webkit-appearance: none; }

.workspace-wrap::-webkit-scrollbar-thumb {
  height: 0;
  width: 0; }

.workspace-wrap::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.workspace-wrap::-webkit-scrollbar-corner {
  background-color: transparent;
  width: 0;
  height: 0; }

.workspace-body {
  border-top: 1px solid #090A0D;
  border-bottom: 1px solid #090A0D;
  position: relative; }

.workspace-header-wrap {
  position: fixed;
  left: 0;
  width: 100%;
  top: 0;
  background: #1C222E; }

.workspace-header-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.workspace-footer-wrap {
  position: fixed;
  left: 0;
  width: 100%;
  bottom: 0; }

.workspace-footer-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.workspace-header,
.workspace-footer,
.workspace-header-wrap,
.workspace-footer-wrap {
  -webkit-transition: 0.25s all cubic-bezier(0.4, 0, 0.6, 1);
  transition: 0.25s all cubic-bezier(0.4, 0, 0.6, 1); }

.canvas {
  min-height: calc(100vh - 62px);
  position: relative;
  background: #191D28; }

.canvas-inner {
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%; }

.novi-app-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none; }

.novi-loader {
  height: 4px; }

.novi-loader-inner {
  overflow: hidden;
  height: 0;
  -webkit-transition: 0.35s all ease;
  transition: 0.35s all ease;
  opacity: 0; }

.novi-loader-inner.up {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.novi-loader-inner.down {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

.novi-loader-inner.active {
  height: 4px;
  opacity: 1; }

.novi-loader {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none; }

.novi-loader-determinate {
  height: 4px;
  background: #109DF7;
  width: 100%;
  overflow: hidden; }

.novi-loader-determinate:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 500px;
  height: 100%;
  animation: glow 3s linear infinite;
  background: linear-gradient(to right, #109DF7, #10B7F7, #109DF7); }

.novi-loader-indeterminate {
  height: 4px;
  background: #109DF7;
  width: 100%;
  -webkit-animation: indeterminate 2800ms infinite linear;
  -moz-animation: indeterminate 2800ms infinite linear;
  -ms-animation: indeterminate 2800ms infinite linear;
  -o-animation: indeterminate 2800ms infinite linear;
  animation: indeterminate 2800ms infinite linear; }

@-moz-keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2); }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2); }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5); }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7); }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0); }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6); }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6); }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3); }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2); }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-webkit-keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2); }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2); }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5); }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7); }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0); }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6); }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6); }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3); }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2); }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@-o-keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2); }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2); }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5); }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7); }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0); }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6); }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6); }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3); }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2); }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes indeterminate {
  0% {
    -webkit-transform: translateX(-100%) scaleX(0.2);
    -moz-transform: translateX(-100%) scaleX(0.2);
    -ms-transform: translateX(-100%) scaleX(0.2);
    -o-transform: translateX(-100%) scaleX(0.2);
    transform: translateX(-100%) scaleX(0.2); }
  20% {
    -webkit-transform: translateX(-40%) scaleX(0.2);
    -moz-transform: translateX(-40%) scaleX(0.2);
    -ms-transform: translateX(-40%) scaleX(0.2);
    -o-transform: translateX(-40%) scaleX(0.2);
    transform: translateX(-40%) scaleX(0.2); }
  30% {
    -webkit-transform: translateX(0%) scaleX(0.5);
    -moz-transform: translateX(0%) scaleX(0.5);
    -ms-transform: translateX(0%) scaleX(0.5);
    -o-transform: translateX(0%) scaleX(0.5);
    transform: translateX(0%) scaleX(0.5); }
  55% {
    -webkit-transform: translateX(100%) scaleX(0.7);
    -moz-transform: translateX(100%) scaleX(0.7);
    -ms-transform: translateX(100%) scaleX(0.7);
    -o-transform: translateX(100%) scaleX(0.7);
    transform: translateX(100%) scaleX(0.7); }
  55.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  56% {
    -webkit-transform: translateX(-100%) scaleX(0);
    -moz-transform: translateX(-100%) scaleX(0);
    -ms-transform: translateX(-100%) scaleX(0);
    -o-transform: translateX(-100%) scaleX(0);
    transform: translateX(-100%) scaleX(0); }
  56.99% {
    -webkit-transform: translateX(-100%) scaleX(0.6);
    -moz-transform: translateX(-100%) scaleX(0.6);
    -ms-transform: translateX(-100%) scaleX(0.6);
    -o-transform: translateX(-100%) scaleX(0.6);
    transform: translateX(-100%) scaleX(0.6); }
  75% {
    -webkit-transform: translateX(-5%) scaleX(0.6);
    -moz-transform: translateX(-5%) scaleX(0.6);
    -ms-transform: translateX(-5%) scaleX(0.6);
    -o-transform: translateX(-5%) scaleX(0.6);
    transform: translateX(-5%) scaleX(0.6); }
  85% {
    -webkit-transform: translateX(30%) scaleX(0.3);
    -moz-transform: translateX(30%) scaleX(0.3);
    -ms-transform: translateX(30%) scaleX(0.3);
    -o-transform: translateX(30%) scaleX(0.3);
    transform: translateX(30%) scaleX(0.3); }
  98% {
    -webkit-transform: translateX(100%) scaleX(0.2);
    -moz-transform: translateX(100%) scaleX(0.2);
    -ms-transform: translateX(100%) scaleX(0.2);
    -o-transform: translateX(100%) scaleX(0.2);
    transform: translateX(100%) scaleX(0.2); }
  99.99% {
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0); }
  100% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%); } }

@keyframes glow {
  0% {
    transform: translateX(-100%);
    left: 0; }
  100% {
    transform: translateX(100%);
    left: 100%; } }

.medialist {
  background: #1C222E;
  pointer-events: auto;
  font-size: 0;
  padding: 25px;
  white-space: nowrap;
  overflow: scroll;
  display: flex;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  position: relative; }

.medialist-label {
  font-size: 13px;
  color: #99A0AF;
  font-family: "Open Sans", sans-serif;
  line-height: 28px;
  font-weight: 300;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 9px; }

.medialist-inner {
  width: 100%; }

.medialist-item-wrap {
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top; }

.medialist-item:hover {
  cursor: pointer; }

.medialist-item-wrap:last-child {
  margin-right: 25px; }

.medialist-item.active .medialist-body {
  outline: 1px solid #109DF7; }

.medialist-body {
  padding-bottom: 77.77777777777778%;
  overflow: hidden;
  position: relative; }

.medialist-body-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%; }

.medialist-item.inner {
  margin-bottom: 35px; }

.medialist-item.inner .medialist-body {
  border: 1px solid #2B3345;
  background: #1C222E !important; }

.medialist-item.inner.active .medialist-body {
  border-color: #109DF7; }

.medialist-item.inner .medialist-body-content {
  left: 50%;
  right: auto;
  bottom: auto;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.medialist-item.inner .medialist-label {
  margin-top: 9px; }

.medialist-preview {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.medialist-preview.with-bg {
  background: #181D27; }

.medialist-preview-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  -webkit-background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block; }

.medialist-icon {
  width: 30px;
  height: 30px;
  display: inline-block; }

.medialist-icon svg {
  fill: #DADADA; }

.medialist-item-wrap + .medialist-item-wrap {
  margin-left: 20px; }

.medialist::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1C222E; }

.medialist::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.medialist::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.medialist::-webkit-scrollbar-corner {
  background-color: transparent; }

/*Vertical*/
.medialist.vertical {
  white-space: normal;
  padding: 0;
  display: block;
  box-sizing: border-box;
  margin: 0;
  padding-top: 5px;
  padding-left: 5px; }

.medialist.vertical .medialist-item-wrap:last-child {
  margin-right: 0; }

.medialist.vertical .medialist-inner {
  margin: 0;
  padding: 0;
  padding-bottom: 25px; }

.medialist.vertical .medialist-item-wrap {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  margin-top: 20px; }

.medialist-inner-empty-text {
  font-size: 13px;
  color: #99A0AF;
  font-family: "Open Sans", sans-serif;
  line-height: 28px;
  font-weight: 300;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.devzone {
  font-size: 0;
  background: #1F2532;
  font-family: "Open Sans", sans-serif;
  -webkit-user-select: none;
  user-select: none; }

.devzone-top-panel {
  height: 40px;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  font-size: 13px; }

.devzone-top-panel-center {
  list-style-type: none;
  color: #6E778A;
  margin: 0;
  padding: 0; }

.devzone-top-panel-center li {
  cursor: pointer;
  line-height: 36px;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 300;
  display: inline-block;
  text-transform: capitalize;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  transition: .15s all ease;
  position: relative; }

.devzone-top-panel-center li .tooltip-error {
  padding: 10px 16px;
  background-color: #111216;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  transition: none;
  color: #fff;
  opacity: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  display: inline-block;
  height: auto;
  line-height: 10px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  white-space: nowrap;
  pointer-events: none;
  margin-top: -10px; }

.devzone-top-panel-center li .tooltip-error:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  margin-left: -5px;
  top: 100%;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #111216 transparent transparent transparent; }

.devzone-top-panel-center li.hasErrors:hover .tooltip-error {
  opacity: 1;
  transition: 0.35s opacity ease-out 1s;
  z-index: 9999; }

.devzone-top-panel-center li:hover {
  color: #fff; }

.devzone-top-panel-center li.active {
  border-bottom-color: #4A90E2;
  color: #fff; }

.devzone-top-panel-center li.hasErrors {
  border-bottom-color: #8f2430; }

.devzone-top-panel-center li.active.hasErrors {
  border-bottom-color: #CE3849; }

.devzone-toggle {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer; }

.devzone-toggle.active .devzone-toggle-icon svg {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.devzone-toggle:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  right: 0;
  top: 0; }

.devzone-toggle-icon svg {
  width: 10px;
  height: 10px;
  fill: #697184;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -5px;
  margin-left: -5px;
  transition: .15s fill ease;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg); }

.devzone-toggle:hover svg {
  fill: #fff; }

.devzone-body {
  border-top: 1px solid #000;
  height: 360px;
  background: #1F2532;
  color: #fff;
  font-size: 11px;
  box-sizing: border-box; }

.devzone-body::-webkit-scrollbar {
  width: 8px;
  background: #181D27; }

.devzone-body::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid transparent;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.devzone-body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.devzone-body::-webkit-scrollbar-corner {
  background-color: transparent; }

.devzone-item-content {
  height: 100%;
  display: none; }

.devzone-item-content > div {
  background: #181D27; }

.devzone-item-content.active {
  display: block; }

.devzone-item {
  height: 100%; }

.devzone .medialist-preview.with-bg {
  background: #121417; }

.devzone .medialist-item.inner .medialist-body {
  background: #181D27 !important;
  border-color: #1F2532; }

.devzone-item-content .editor-filename-panel + .code-editor-wrap {
  min-height: auto;
  height: calc(100% - 40px); }

.insert-guide {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background: #109DF7;
  left: 0;
  top: 0; }

.outline {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 1px solid transparent;
  font-family: "Open Sans", sans-serif; }

.outline-panel svg {
  height: 15px;
  width: auto; }

.outline-panel > span {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.outline-label {
  font-size: 11px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 9px;
  text-transform: capitalize; }

.outline-panel {
  height: 30px;
  padding: 0 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center; }

.outline-panel.top {
  top: -30px;
  left: -1px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.outline-panel.top-inner {
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.outline-panel.bottom {
  top: 100%;
  left: -1px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.outline-panel.bottom-inner {
  bottom: 0;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.outline-panel-item {
  padding-left: 15px; }

.outline-panel-item + .outline-panel-item {
  padding-left: 11px; }

.outline-panel-item button {
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  width: auto;
  cursor: pointer;
  display: block;
  font-size: 0; }

.outline-panel-item a {
  text-decoration: none;
  display: inline-block;
  color: #fff; }

.outline.select {
  outline-color: #109DF7;
  color: #fff;
  pointer-events: none; }

.outline.select .outline-icon svg {
  fill: #fff; }

.outline.select .outline-panel {
  background: #109DF7;
  pointer-events: auto; }

.outline.select .outline-panel-item svg {
  fill: #fff; }

.outline.drop {
  outline-color: #FE6C01;
  color: #fff;
  pointer-events: none; }

.outline.drop .outline-panel {
  background: #FE6C01; }

.outline.drop .outline-icon svg {
  fill: #fff; }

.outline.drop .outline-panel-item svg {
  fill: #fff; }

.outline.hover {
  outline-color: #109DF7;
  color: #109DF7;
  pointer-events: none; }

.outline.hover .outline-panel {
  background: transparent; }

.outline.hover .outline-icon svg {
  fill: #109DF7; }

.outline.hover .outline-panel-item svg {
  fill: #109DF7; }

.outline.hover .outline-panel-item a {
  color: #109DF7; }

.outline.affect {
  border-color: transparent;
  pointer-events: none;
  background: rgba(16, 157, 247, 0.2); }

/* Tools */
.novi-tools-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden; }

.novi-tools {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.code-editor-wrap {
  min-width: 100%;
  min-height: 100%;
  position: relative;
  height: 100%; }

.code-editor-wrap .resize-button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  z-index: 10;
  cursor: se-resize;
  background: #181D27; }

.code-editor-wrap .resize-button:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 1px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg); }

.code-editor-wrap .resize-button:after {
  content: "";
  position: absolute;
  left: 80%;
  top: 80%;
  width: 4px;
  height: 1px;
  background: #fff;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg); }

.code-editor {
  min-width: 100%;
  min-height: 100%; }

.ace_print-margin {
  visibility: hidden !important; }

.ace_scrollbar-v::-webkit-scrollbar {
  width: 8px;
  background: #0f1014; }

.ace_scrollbar-v::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.ace_scrollbar-v::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.ace_scrollbar-v::-webkit-scrollbar-corner {
  background-color: transparent; }

.ace_scrollbar-h::-webkit-scrollbar {
  height: 7px;
  background: #0f1014; }

.ace_scrollbar-h::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.ace_scrollbar-h::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.ace_scrollbar-h::-webkit-scrollbar-corner {
  background-color: transparent; }

.ace_cursor,
.ace_text-input {
  height: 20px !important;
  margin-top: 2px !important; }

.ace_cursor {
  border-left: 1px solid !important; }

.ace_br1 {
  border-radius: 0 !important; }

.ace_br12 {
  border-radius: 0 !important; }

.ace_search {
  background-color: #1F2532 !important;
  border: 1px solid #000 !important;
  border-top: 0 none; }

.ace_search_form {
  border: 1px solid #000 !important; }

.ace_button {
  color: #fff !important;
  border-color: #000 !important; }

.ace_button:hover {
  background-color: #272F3F !important; }

.ace_search_field {
  background-color: #181D27 !important;
  border-right: 1px solid #000 !important;
  color: #fff !important; }

.ace_searchbtn {
  background: #181D27 !important;
  border-left: 1px solid #000 !important;
  color: #ffffff !important; }

.ace_searchbtn.next {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADhJREFUeNpkyzEOwDAQAsHh/v9n0iSSfdmGFYK0hSJuiswrjjy9s55dw8wn/gRmF9sfAAAA//8DAHnuCwcqcwblAAAAAElFTkSuQmCC") !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important; }

.ace_searchbtn.prev {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAADVJREFUeNpsjLENAAAIwgr//4yTiRqZgBKUhKEO6sIPXN4PXCMfqHkPxKPQGQKoAAAA//8DAGTfCgd0fpgQAAAAAElFTkSuQmCC") !important;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important; }

.ace_searchbtn_close:hover {
  background-color: #272F3F !important; }

.ace-tm {
  background: #181D27 !important; }

.ace-tm .ace_gutter {
  background: #181D27 !important; }

.ace-tm .ace_gutter-active-line {
  background-color: #272F3F !important; }

.ace-tm .ace_marker-layer .ace_selection {
  background-color: #536280 !important; }

.ace_replacebtn {
  background: #181D27 !important;
  border-left: 1px solid #000 !important;
  color: #ffffff !important; }

.ace_replace_form {
  border: 1px solid #000 !important; }

.checkbox {
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer; }

.checkbox-toggle {
  width: 14px;
  height: 14px;
  display: inline-block;
  background: #0F1319;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: relative; }

.checkbox-text {
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #6E778A;
  font-weight: 400; }

.checkbox-toggle svg {
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  margin-top: -9px;
  margin-left: -9px; }

.get-started-screen-wrap {
  position: absolute;
  left: 0;
  width: 100%;
  background: #16191F;
  top: 60px;
  bottom: 0; }

.get-started-screen-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.get-started-screen {
  pointer-events: auto;
  font-size: 0;
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding-left: 130px;
  padding-right: 130px; }

.get-started-screen::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1C222E; }

.get-started-screen::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.get-started-screen::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.get-started-screen::-webkit-scrollbar-corner {
  background-color: transparent; }

.get-started-screen-title {
  font-family: "Roboto", sans-serif;
  font-size: 48px;
  line-height: 57px;
  font-weight: 100;
  color: #fff;
  text-align: center;
  margin-top: 140px; }

.get-started-screen-description {
  font-family: "Roboto", sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  color: #6E778A;
  text-align: center;
  margin-top: 25px; }

.get-started-screen-list {
  margin-left: -30px;
  margin-top: 25px;
  padding-bottom: 25px; }

.get-started-screen-item-wrap {
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top; }

.get-started-screen-item-wrap:hover .get-started-screen-item-body {
  border-color: #109DF7; }

.get-started-screen-item-body {
  padding-bottom: 77.82608695652174%;
  overflow: hidden;
  position: relative;
  border: 1px solid transparent;
  border-radius: 4px; }

.get-started-screen-item-body.with-bg {
  background: #000; }

.get-started-screen-item-body-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; }

.get-started-screen-item-preview-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  -webkit-background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block; }

.get-started-screen-item-label {
  font-size: 13px;
  color: #99A0AF;
  font-family: "Open Sans", sans-serif;
  line-height: 28px;
  font-weight: 400;
  max-width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 11px; }

.get-started-screen-item:hover {
  cursor: pointer; }

.get-started-screen-item-wrap {
  margin-left: 30px;
  margin-top: 30px; }

.link-default {
  -webkit-user-select: none;
  user-select: none;
  color: #99A0AF;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  cursor: pointer;
  text-align: center;
  text-decoration: none; }

.link-default.link-disabled {
  opacity: .5;
  pointer-events: none; }

.link-default .link-text {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase; }

.link-default:hover {
  color: #fff; }

.link-primary {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  color: #109DF7;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  cursor: pointer;
  text-decoration: none; }

.link-primary .link-text {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase; }

.link-primary.link-disabled {
  opacity: .5;
  pointer-events: none; }

.link-primary:hover {
  color: #10B7F7; }

/*
*  Novi Builder Intro Screen Styles
*/
.novi-intro-screen {
  position: relative;
  text-align: center;
  overflow: hidden;
  max-height: 100vh;
  z-index: 1;
  font-family: 'Open Sans', sans-serif; }

.novi-intro-screen-wrapper {
  position: relative;
  transition: 0.3s all ease; }

.novi-intro-screen-wrap {
  padding-top: 25px;
  padding-bottom: 25px;
  min-height: calc(100vh - 50px);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: space-between;
  justify-content: space-between; }

.novi-intro-screen-wrapper.hide {
  opacity: 0;
  visibility: hidden; }

.novi-intro-screen-canvas-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.novi-intro-screen .fadeIn, .novi-intro-screen .fadeOut {
  animation-duration: 0.3s; }

/*Header loader*/
.novi-intro-screen-wrapper .novi-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none; }

.novi-intro-screen-status {
  color: #fff;
  font-size: 10px;
  line-height: 16px;
  font-weight: 400;
  height: 16px;
  display: inline-block; }

.novi-intro-screen-status-fadeIn {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: intro-fadeIn;
  animation-name: intro-fadeIn; }

.novi-intro-screen-status-fadeOut {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: intro-fadeOut;
  animation-name: intro-fadeOut; }

/*Footer*/
.novi-intro-screen-rights {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 146px;
  font-size: 10px;
  line-height: 16px;
  color: #6E778A;
  white-space: pre-wrap; }

.novi-intro-screen-logo {
  display: inline-block;
  max-height: 200px;
  width: auto;
  cursor: pointer; }

/*Animated Brand*/
.novi-intro-screen-brand-wrap {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.35s all cubic-bezier(0.4, 0, 1, 1) 0.35s;
  -webkit-transition: 0.35s all cubic-bezier(0.4, 0, 1, 1) 0.35s; }

.novi-intro-screen-brand {
  animation: intro-scale-infinite 40s infinite; }

.novi-intro-screen-brand-name {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 2.083333vw;
  letter-spacing: 0.416666vw;
  line-height: 2.5vw; }

.novi-intro-screen-brand-slogan {
  display: block;
  font-weight: 300;
  color: #6E778A;
  text-transform: uppercase;
  font-size: 0.729166vw;
  line-height: 0.88541vw;
  letter-spacing: 0.5em; }

.novi-intro-screen-brand-name + .novi-intro-screen-brand-slogan {
  margin-top: 20px; }

/*Login Form*/
.novi-intro-screen-login {
  display: inline-block;
  opacity: 0;
  visibility: hidden;
  transition: 0.35s opacity cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: 0.35s opacity cubic-bezier(0.4, 0, 1, 1); }

.novi-intro-screen-login .novi-button.disabled {
  transition: none; }

.novi-intro-screen-login-form-wrap {
  margin-top: 15px;
  text-align: center;
  position: relative;
  display: inline-block; }

.novi-intro-screen-login-form-wrap .novi-button.primary {
  margin-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
  height: 44px; }

.novi-intro-screen-login-form-wrap .novi-button.primary span {
  font-size: 14px; }

.novi-intro-screen-login-form-wrap .novi-input input {
  height: 40px; }

.novi-intro-screen-login-form-wrap.error input {
  border-color: #ce3849; }

.novi-intro-screen-login-title {
  font-family: "Roboto", sans-serif;
  font-size: 48px;
  line-height: 57px;
  font-weight: 100;
  color: #fff; }

.novi-intro-screen-login-description {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  color: #6E778A;
  margin-top: 30px; }

/*Animation between login and brand*/
.novi-intro-screen-body {
  position: relative; }

.novi-intro-screen-body.login .novi-intro-screen-login,
.novi-intro-screen-body.animated-brand .novi-intro-screen-brand-wrap {
  opacity: 1;
  visibility: visible; }

.novi-intro-screen-body.animated-brand .novi-intro-screen-brand-wrap.hidden-intro-screen-brand-wrap {
  opacity: 0;
  visibility: hidden; }

.novi-intro-screen-body.animated-brand .novi-intro-screen-login .novi-button {
  transition: none;
  opacity: 0.5; }

.novi-intro-screen-login-demo-pass {
  max-width: 750px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 30px;
  font-weight: 300;
  color: #6E778A;
  margin-top: 30px; }

.novi-intro-screen-login-demo-pass span {
  display: block;
  font-weight: 400;
  color: #fff; }

/*KeyFrames*/
@-webkit-keyframes intro-scale-infinite {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@keyframes intro-scale-infinite {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }

@-webkit-keyframes intro-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes intro-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes intro-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes intro-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

/*Modal wrap*/
.react-resizable {
  position: relative; }

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBrc+xCYAwEAXQy3kDuYpriGiVtJZC7F3DUXQgUYlwEETPX/i7fN6HHNHfqX0s2xAXfcsXFqZ526nSziF4GsNqDt7w48DCKYzg/HBBcH64Q7H215cKPnoEm2n80KXRvT8BifhSlOEjSy0AAAAASUVORK5CYII=");
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize; }

.modal-inner-wrap {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block; }

.modal-wrap {
  position: absolute;
  z-index: 999;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  font-family: "Open Sans", sans-serif; }

.modal-wrap.fade-true {
  background: rgba(25, 29, 40, 0.7); }

/*Modal*/
.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #1F2532;
  border: 1px solid #090A0D; }

.modal.resizable {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -webkit-transform: none;
  transform: none; }

/*Modal header*/
.modal-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #090A0D; }

.modal-header-left-part {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: calc(100% - 50px);
  resize: none; }

.modal-header-left-part-item {
  display: inline-block;
  height: 40px;
  width: auto;
  position: relative;
  font-size: 11px;
  line-height: 40px;
  margin-left: 10px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.modal-header-left-part-item svg {
  fill: #fff;
  vertical-align: top; }

.modal-header-left-part-item > svg {
  width: 20px;
  height: 20px;
  margin-top: 10px; }

.modal-close-icon {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer; }

.modal-close-icon:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  background: #090A0D; }

.modal-close-icon svg {
  width: 16px;
  height: 16px;
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -8px; }

/*Modal body*/
.modal-body {
  height: calc(100% - 41px);
  overflow: auto;
  text-align: center;
  display: block;
  font-size: 0;
  resize: none; }

.modal-has-footer .modal-body {
  height: calc(100% - 82px); }

.modal-body {
  -webkit-user-select: text;
  user-select: text; }

.modal-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1F2532; }

.modal-body::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.modal-body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.modal-body::-webkit-scrollbar-corner {
  background-color: transparent; }

/*Modal footer*/
.modal-footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #090A0D;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px; }

.modal-footer-right-part {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }

.modal-footer-right-part > * {
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex; }

.modal-footer-right-part > * + * {
  margin-left: 20px; }

.novi-input {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 3px;
  width: 100%;
  font-family: "Open Sans", sans-serif; }

.novi-input input {
  background: #171B23;
  color: #FFFFFF;
  width: 100%;
  border-radius: 3px;
  outline: none;
  border: 1px solid #171B23;
  height: 30px;
  line-height: 16px;
  font-size: 11px;
  padding: 7px 12px;
  box-sizing: border-box;
  -webkit-user-select: initial;
  user-select: initial; }

.novi-input input[disabled] {
  opacity: 0.7;
  cursor: not-allowed; }

.novi-input-label {
  position: absolute;
  left: 12px;
  top: 9px;
  font-size: 11px;
  color: #FFFFFF;
  right: 12px;
  display: none;
  pointer-events: none; }

.novi-input-with-icon input {
  padding-left: 31px; }

.novi-input-with-icon .novi-input-label {
  left: 31px; }

.novi-input .icon {
  position: absolute;
  left: 2px;
  top: 0;
  width: 30px;
  height: 30px; }

.novi-input .icon > svg {
  width: 16px;
  height: 16px;
  fill: #FFFFFF; }

.novi-input.focus .novi-input-label {
  opacity: .5; }

.novi-input.empty .novi-input-label {
  display: inline-block; }

.novi-input.label-outside .novi-input-label {
  pointer-events: auto;
  position: static;
  font-size: 11px;
  display: inline-block;
  margin-bottom: 9px; }

.novi-input.label-outside.focus .novi-input-label {
  opacity: 1; }

.file-picker {
  position: relative;
  height: 30px;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 0;
  cursor: pointer;
  z-index: 0; }

.file-picker-button {
  width: 90px;
  height: 20px;
  background: #1F2532;
  font-size: 11px;
  line-height: 20px;
  display: inline-block;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 3px;
  box-sizing: border-box; }

.file-picker-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.file-picker-input div {
  height: 100%; }

.file-picker-field {
  background: #171B23;
  font-size: 11px;
  padding-left: 105px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: none;
  border-radius: 2px;
  color: #6E778A; }

input[type=file],
input[type=file]::-webkit-file-upload-button {
  cursor: pointer; }

.novi-file-input-wrap {
  position: relative; }

.novi-file-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  z-index: 1; }

.novi-file-input-text {
  position: relative;
  z-index: -1; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative; }

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9; }

.Select.is-disabled > .Select-control:hover {
  box-shadow: none; }

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35; }

.Select-control {
  background-color: #181D27;
  border-radius: 4px;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 30px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.Select-control .Select-input:focus {
  outline: none; }

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

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #181D27;
  border-color: #b3b3b3 #ccc #d9d9d9; }

.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px; }

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

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  background: #171B23;
  left: 0;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.Select--single > .Select-control .Select-value {
  background: #282F3D;
  color: #fff;
  cursor: pointer; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #FFf; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline; }

.Select-input {
  height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  margin: 0;
  outline: none;
  line-height: 28px;
  font-size: 11px;
  color: #fff;
  min-width: 50px; }

.is-focused .Select-input > input {
  cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

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

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

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

.Select-clear-zone {
  display: none; }

.Select-clear-zone:hover {
  color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select-arrow-zone {
  cursor: pointer;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
  display: none; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #181D27;
  border-top: 1px solid #181D27;
  box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch; }

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

.Select-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1C222E; }

.Select-menu::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.Select-menu::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.Select-menu::-webkit-scrollbar-corner {
  background-color: transparent; }

.Select-option {
  box-sizing: border-box;
  background-color: #181D27;
  color: #fff;
  cursor: pointer;
  display: block;
  padding: 6px 10px; }

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.Select-option.is-selected {
  background-color: #1F2532;
  color: #fff; }

.Select-option.is-focused {
  background-color: #1F2532;
  color: #fff; }

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default; }

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

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #1F2532;
  border-radius: 2px;
  border: 1px solid transparent;
  color: #fff;
  display: inline-block;
  font-size: 11px;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

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

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  border-left: 1px solid #181D27;
  padding: 0 6px 0 7px;
  font-family: "Open Sans", sans-serif; }

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none; }

.Select--multi a.Select-value-label:hover {
  text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  width: 20px;
  height: 18px;
  font-size: 0;
  position: relative; }

.Select--multi .Select-value-icon:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgdmVyc2lvbj0iMS4xIiAgIHdpZHRoPSIyMCIgICBoZWlnaHQ9IjIwIiAgIHZpZXdCb3g9IjAgMCAyMCAyMCIgICBpZD0ic3ZnMiIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgICBzb2RpcG9kaTpkb2NuYW1lPSIwODExLWNyb3NzLnN2ZyI+ICA8bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTEwIj4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgIDwvY2M6V29yaz4gICAgPC9yZGY6UkRGPiAgPC9tZXRhZGF0YT4gIDxkZWZzICAgICBpZD0iZGVmczgiIC8+ICA8c29kaXBvZGk6bmFtZWR2aWV3ICAgICBwYWdlY29sb3I9IiNmZmZmZmYiICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIgICAgIGJvcmRlcm9wYWNpdHk9IjEiICAgICBvYmplY3R0b2xlcmFuY2U9IjEwIiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiICAgICBndWlkZXRvbGVyYW5jZT0iMTAiICAgICBpbmtzY2FwZTpwYWdlb3BhY2l0eT0iMCIgICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjE5MjAiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDE4IiAgICAgaWQ9Im5hbWVkdmlldzYiICAgICBzaG93Z3JpZD0iZmFsc2UiICAgICBpbmtzY2FwZTp6b29tPSIxMS44IiAgICAgaW5rc2NhcGU6Y3g9IjEwIiAgICAgaW5rc2NhcGU6Y3k9IjEwIiAgICAgaW5rc2NhcGU6d2luZG93LXg9Ii04IiAgICAgaW5rc2NhcGU6d2luZG93LXk9Ii04IiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzIiIC8+ICA8cGF0aCAgICAgZD0iTTEwLjcwNyAxMC41bDUuNjQ2LTUuNjQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdzLTAuNTEyLTAuMTk1LTAuNzA3IDBsLTUuNjQ2IDUuNjQ2LTUuNjQ2LTUuNjQ2Yy0wLjE5NS0wLjE5NS0wLjUxMi0wLjE5NS0wLjcwNyAwcy0wLjE5NSAwLjUxMiAwIDAuNzA3bDUuNjQ2IDUuNjQ2LTUuNjQ2IDUuNjQ2Yy0wLjE5NSAwLjE5NS0wLjE5NSAwLjUxMiAwIDAuNzA3IDAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2bDUuNjQ2LTUuNjQ2IDUuNjQ2IDUuNjQ2YzAuMDk4IDAuMDk4IDAuMjI2IDAuMTQ2IDAuMzU0IDAuMTQ2czAuMjU2LTAuMDQ5IDAuMzU0LTAuMTQ2YzAuMTk1LTAuMTk1IDAuMTk1LTAuNTEyIDAtMC43MDdsLTUuNjQ2LTUuNjQ2eiIgICAgIGZpbGw9IiMwMDAwMDAiICAgICBpZD0icGF0aDQiICAgICBzdHlsZT0iZmlsbDojNmU3NzhhO2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover; }

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6; }

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24); }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc; }

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

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

.Select--single .Select-arrow-zone {
  display: inline-block;
  right: 0;
  top: 10px;
  position: absolute;
  left: auto; }

.Select--single.is-open .Select-arrow-zone {
  top: 8px; }

.Select--single .Select-arrow {
  border-width: 4px 4px 3px;
  border-color: #6e778a transparent transparent; }

.Select--single.is-open .Select-arrow {
  border-width: 0px 4px 4px;
  border-color: transparent transparent #6e778a; }

.Select--single .Select-option.is-focused {
  background: #109DF7;
  color: #fff; }

.Select--single .Select-option {
  background: #282F3D; }

.Select--single .Select-menu::-webkit-scrollbar {
  background: #282F3D; }

.context-menu {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  left: 0;
  top: 0; }

.context-menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 260px;
  background: #181D27;
  font-family: "Open Sans", sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 100%; }

.context-menu-list.right {
  left: 100%;
  right: auto; }

.context-menu-list.bottom {
  top: 0;
  bottom: auto; }

.context-menu-list.left {
  left: auto;
  right: 100%; }

.context-menu-list.top {
  top: auto;
  bottom: 0; }

.context-menu-list .icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  padding: 2px; }

.context-menu-list .icon svg {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  fill: #DADADA; }

.context-menu-list .item {
  height: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer; }

.context-menu-list .item.disabled {
  cursor: default;
  pointer-events: none; }

.context-menu-list .item:hover {
  background: #109DF7; }

.context-menu-list .item:hover .icon svg {
  fill: #fff; }

.context-menu-list .item .title {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  margin-left: 10px;
  font-weight: 300; }

.context-menu-list .item.disabled:hover {
  background: transparent; }

.context-menu-list .item.disabled:hover .title,
.context-menu-list .item.disabled .title {
  color: #6E778A; }

.context-menu-list .item.disabled:hover .icon svg,
.context-menu-list .item.disabled .icon svg {
  fill: #6E778A; }

.context-menu-list .divider {
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
  cursor: auto; }

.context-menu-list .divider:after {
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0C0E13; }

.context-menu-list .divider:hover {
  background: transparent; }

.context-menu-list .dropdown:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #6E778A; }

/*2-nd lvl*/
.context-menu-list .dropdown .context-menu-list {
  visibility: hidden;
  opacity: 0; }

.context-menu-list .dropdown .context-menu-list.top {
  -webkit-transform: translateY(4px);
  transform: translateY(4px); }

.context-menu-list .dropdown .context-menu-list.bottom {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px); }

.context-menu-list .dropdown:hover .context-menu-list {
  visibility: visible;
  opacity: 1; }

.context-menu-list .dropdown:hover:after {
  border-color: transparent transparent transparent #ffffff; }

/*position*/
/*
*  Novi Builder Viewport
*/
.viewport {
  position: relative;
  height: 100%;
  width: 100%; }

.viewport-frame {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  margin: 0;
  padding: 0;
  outline: 0;
  z-index: 1; }

.viewport-hidden-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 11; }

.novi-table {
  background: #1F2532;
  display: inline-block;
  width: 100%;
  border: 1px solid #111216; }

.novi-table-header {
  padding-right: 8px;
  height: 22px;
  border-bottom: 1px solid #111216;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: #6E778A;
  text-align: center; }

.novi-table-header .novi-table-tr {
  font-size: 10px;
  line-height: 16px; }

.novi-table-footer {
  height: 20px;
  border-top: 1px solid #111216;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center; }

.novi-table-body {
  height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 0;
  outline: none;
  position: relative; }

.novi-table-body-inner-wrap {
  height: 100%;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0; }

.novi-table-body .novi-table-tr:last-child {
  border-bottom: 1px solid #111216; }

.novi-table-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1F2532; }

.novi-table-body::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.novi-table-body::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.novi-table-body::-webkit-scrollbar-corner {
  background-color: transparent; }

.novi-table-tr {
  display: flex; }

.novi-table-tr.active {
  background: #2D3344; }

.novi-table-tr.active textarea:disabled {
  background: #2D3344; }

.novi-table-tr + .novi-table-tr {
  border-top: 1px solid #111216; }

.novi-table-tr .novi-table-td + .novi-table-td {
  border-left: 1px solid #111216; }

.novi-table-td {
  height: 18px;
  line-height: 18px;
  position: relative;
  padding: 2px 8px; }

.novi-table-td textarea {
  resize: none;
  border: none;
  outline: none;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  line-height: 16px;
  color: #6E778A;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding-top: 1px;
  padding-bottom: 1px;
  user-select: none;
  box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.3);
  background: #161920;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.novi-table-td textarea::selection {
  color: #fff;
  background: #2D3344; }

.novi-table-td textarea.focused {
  position: absolute;
  z-index: 9999;
  left: 8px;
  width: calc(100% - 16px);
  white-space: normal;
  cursor: text; }

.novi-table-td textarea:disabled {
  background: #1F2532;
  box-shadow: none; }

.novi-table-remove,
.novi-table-add {
  width: 9px;
  height: 9px;
  display: inline-block;
  position: relative;
  cursor: pointer; }

.novi-table-remove {
  margin-left: 8px; }

.novi-table-remove:before {
  position: absolute;
  content: "";
  width: 100%;
  top: 50%;
  height: 1px;
  border-radius: 1px;
  background: #6E778A;
  transform: translateY(-50%); }

.novi-table-add:before,
.novi-table-add:after {
  position: absolute;
  content: "";
  background: #61D079;
  border-radius: 1px; }

.novi-table-add:before {
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  transform: translateY(-50%); }

.novi-table-add:after {
  left: 50%;
  top: 0;
  width: 1px;
  height: 100%;
  transform: translateX(-50%); }

.novi-table-tooltip {
  padding: 10px 16px;
  background-color: #111216;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  transition: none;
  color: #fff;
  opacity: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  height: auto;
  line-height: 10px;
  left: 100%;
  white-space: nowrap;
  pointer-events: none;
  margin-left: 10px; }

.novi-table-tooltip:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: -5px;
  top: 50%;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #111216 transparent transparent; }

.novi-table-tooltip.active {
  opacity: 1;
  transition: 0.35s opacity ease-out 1s;
  z-index: 9999; }

.add-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none; }

.add-content-wrap.active .add-content-inner {
  pointer-events: auto; }

.add-content-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0; }

.add-content-trigger-overflow {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  pointer-events: none; }

.add-content {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: "Open Sans", sans-serif; }

.add-content-trigger {
  display: block;
  width: 50px;
  height: 50px;
  position: relative;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.28);
  transition: 0.25s transform ease;
  cursor: pointer;
  pointer-events: auto;
  z-index: 1; }

.add-content-trigger.active {
  -webkit-transform: rotate(45deg) scale(0.8);
  transform: rotate(45deg) scale(0.8); }

.add-content-trigger:before {
  transition: 0.25s all ease;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #109DF7; }

.add-content-trigger.active:before {
  background: #FE6C01; }

.add-content-trigger .icon {
  position: relative;
  width: 100%;
  height: 100%; }

.add-content-trigger .icon:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 2px;
  background: #fff;
  margin-top: -1px; }

.add-content-trigger .icon:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2px;
  margin-left: -1px;
  background: #fff; }

.large .add-content-trigger {
  width: 50px;
  height: 50px; }

.large .add-content-trigger .icon:before {
  width: 16px;
  margin-left: -8px; }

.large .add-content-trigger .icon:after {
  height: 16px;
  margin-top: -8px; }

.small .add-content-trigger {
  width: 30px;
  height: 30px; }

.small .add-content-trigger .icon:before {
  width: 12px;
  margin-left: -6px; }

.small .add-content-trigger .icon:after {
  height: 12px;
  margin-top: -6px; }

.add-content-modal {
  position: absolute;
  width: 500px;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s opacity cubic-bezier(0.4, 0, 1, 1);
  border-radius: 3px; }

@media (min-width: 1400px) {
  .add-content-modal {
    width: 800px; } }

.add-content-modal.active {
  opacity: 1;
  visibility: visible; }

.add-content-modal:before {
  content: '';
  position: absolute;
  display: block;
  border-style: solid; }

.add-content-modal.direction-left {
  right: 100%;
  margin-right: 10px; }

.add-content-modal.direction-right {
  left: 100%;
  margin-left: 10px; }

.add-content-modal.direction-top {
  bottom: 100%;
  margin-bottom: 10px; }

.add-content-modal.direction-bottom {
  top: 100%;
  margin-top: 10px; }

.add-content-modal.direction-right.expand-up,
.add-content-modal.direction-left.expand-up {
  bottom: 0; }

.add-content-modal.direction-right.expand-down,
.add-content-modal.direction-left.expand-down {
  top: 0; }

.add-content-modal.direction-right.expand-middle,
.add-content-modal.direction-left.expand-middle {
  top: 50%;
  transform: translateY(-50%); }

.add-content-modal.direction-top.expand-right,
.add-content-modal.direction-bottom.expand-right {
  left: 0; }

.add-content-modal.direction-top.expand-middle,
.add-content-modal.direction-bottom.expand-middle {
  left: 50%;
  transform: translateX(-50%); }

.add-content-modal.direction-top.expand-left,
.add-content-modal.direction-bottom.expand-left {
  right: 0; }

.add-content-modal.direction-left.expand-middle:before,
.add-content-modal.direction-left.expand-down:before,
.add-content-modal.direction-left.expand-up:before {
  left: 100%;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #1F2532; }

.add-content-modal.direction-right.expand-middle:before,
.add-content-modal.direction-right.expand-down:before,
.add-content-modal.direction-right.expand-up:before {
  right: 100%;
  border-width: 5px 5px 5px 0;
  border-color: transparent #1F2532 transparent transparent; }

.add-content-modal.direction-top.expand-middle:before,
.add-content-modal.direction-top.expand-left:before,
.add-content-modal.direction-top.expand-right:before {
  top: 100%;
  border-width: 5px 5px 0 5px;
  border-color: #1F2532 transparent transparent transparent; }

.add-content-modal.direction-bottom.expand-middle:before,
.add-content-modal.direction-bottom.expand-left:before,
.add-content-modal.direction-bottom.expand-right:before {
  bottom: 100%;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #1F2532 transparent; }

.large .add-content-modal.direction-bottom.expand-left:before,
.large .add-content-modal.direction-top.expand-left:before {
  right: 20px; }

.small .add-content-modal.direction-bottom.expand-left:before,
.small .add-content-modal.direction-top.expand-left:before {
  right: 10px; }

.large .add-content-modal.direction-bottom.expand-right:before,
.large .add-content-modal.direction-top.expand-right:before {
  left: 20px; }

.small .add-content-modal.direction-bottom.expand-right:before,
.small .add-content-modal.direction-top.expand-right:before {
  left: 10px; }

.add-content-modal.direction-bottom.expand-middle:before,
.add-content-modal.direction-top.expand-middle:before {
  left: 50%;
  margin-left: -5px; }

.large .add-content-modal.direction-left.expand-down:before,
.large .add-content-modal.direction-right.expand-down:before {
  top: 20px; }

.small .add-content-modal.direction-left.expand-down:before,
.small .add-content-modal.direction-right.expand-down:before {
  top: 10px; }

.add-content-modal.direction-left.expand-middle:before,
.add-content-modal.direction-right.expand-middle:before {
  top: 50%;
  margin-top: -5px; }

.large .add-content-modal.direction-left.expand-up:before,
.large .add-content-modal.direction-right.expand-up:before {
  bottom: 20px; }

.small .add-content-modal.direction-left.expand-up:before,
.small .add-content-modal.direction-right.expand-up:before {
  bottom: 10px; }

.add-content-modal-body .medialist-preview.with-bg {
  background: #0F1319; }

.add-content-modal-body .medialist::-webkit-scrollbar {
  background: #181D27; }

.add-content-modal-body .medialist {
  background: #181D27; }

.add-content-modal-body {
  margin-top: -40px;
  padding-top: 40px;
  background: #1F2532;
  border-radius: 3px; }

.add-content-modal-body .medialist {
  border-radius: 3px; }

.add-content-modal-header {
  height: 40px;
  background: #1F2532;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #090A0D;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px; }

.add-content-modal-header .modal-icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: relative; }

.add-content-modal-header-left-part {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center; }

.add-content-modal-header .modal-icon svg {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -10px;
  margin-left: -10px; }

.add-content-modal-header .modal-label {
  display: inline-block;
  color: #fff;
  font-size: 11px; }

.add-content-modal-header .modal-icon svg {
  fill: #fff; }

.add-content-modal-header .close-icon {
  width: 40px;
  height: 40px;
  position: relative;
  cursor: pointer; }

.add-content-modal-header .close-icon:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 1px;
  background: #090A0D;
  top: 50%;
  margin-top: -10px;
  left: 1px; }

.add-content-modal-header .close-icon svg {
  width: 16px;
  height: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -8px;
  fill: #fff; }

.add-content-modal.direction-none:before {
  content: none; }

.add-content-modal-body .novi-filter {
  padding-top: 0; }

.add-content-modal-body .novi-filter-categories li.active {
  color: #fff; }

.add-content-modal-body .novi-filter-categories li {
  border-bottom: none;
  margin-bottom: 15px;
  margin-top: 15px;
  margin-right: 25px; }

.add-content-modal-body .novi-filter-search {
  position: absolute;
  right: 52px;
  top: 7px;
  flex-direction: row-reverse;
  z-index: 1; }

.add-content-modal.direction-none .add-content-modal-body .novi-filter-search {
  top: -30px; }

.add-content-modal-body .novi-filter-search .novi-filter-search-field {
  transition: none; }

.add-content-modal-body .novi-filter-search.active .novi-filter-search-field {
  margin-left: 0;
  width: 150px;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.add-content-modal-body .novi-filter-search-field input:focus {
  outline: none; }

.add-content-modal-body .novi-filter-search-field input::-webkit-input-placeholder {
  color: #6E778A; }

.add-content-modal-body .novi-filter-search-field input::-moz-placeholder {
  color: #6E778A; }

.add-content-modal-body .novi-filter-search-field input:-ms-input-placeholder {
  color: #6E778A; }

.add-content-modal-body .novi-filter-search-field input:-moz-placeholder {
  color: #6E778A; }

.add-content-modal-body .novi-filter-search-field input {
  padding-left: 10px;
  background: #171B23;
  border-radius: 3px;
  border: 1px solid #090A0D;
  box-sizing: border-box;
  height: 25px;
  line-height: 25px;
  width: 100%;
  color: #fff;
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.3); }

.add-content-modal-body .novi-filter-search-field {
  margin-left: 0; }

.add-content-modal-body .novi-filter-search-icon {
  margin-left: 11px;
  top: 4px; }

.add-content-modal-body .novi-filter-categories {
  overflow-x: scroll;
  white-space: nowrap;
  margin-left: 0; }

.add-content-modal-body .novi-filter-inner::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background: #1C222E; }

.add-content-modal-body .novi-filter-inner::-webkit-scrollbar-thumb {
  height: 2px;
  width: 2px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  background-clip: padding-box;
  -webkit-border-radius: 1px;
  background-color: #109DF7; }

.add-content-modal-body .novi-filter-inner::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.add-content-modal-body .novi-filter-inner::-webkit-scrollbar-corner {
  background-color: transparent; }

.add-content-modal-body .medialist-label {
  line-height: 18px;
  margin-top: 5px; }

.add-content-modal-body .medialist.vertical .medialist-item-wrap {
  margin-top: 15px; }

.add-content-modal-body .medialist-body {
  padding-bottom: 56%; }

.editor-expand-up .add-content-modal-body {
  padding-top: 0;
  margin-top: 0; }

.editor-expand-up .add-content-modal-body .novi-filter-wrap {
  flex-direction: column-reverse; }

.editor-expand-up .add-content-modal-body .novi-filter {
  position: relative; }

.editor-expand-up .add-content-modal.direction-none .add-content-modal-body .novi-filter-search {
  top: 57px; }

/*
* @subsection   Notification
* @description   Wysiwyg panel
*/
.editor {
  display: inline-block;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  left: 50%;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #1F2532;
  height: 40px;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: 'Open Sans', sans-serif;
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }

.editor:before {
  content: '';
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: 0;
  right: 0; }

.editor.editor-direction-left:before {
  right: -15px; }

.editor.editor-direction-right:before {
  left: -15px; }

.editor-trigger-wrap {
  border-radius: 3px;
  background: #1F2532;
  z-index: 1;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center; }

.editor-trigger {
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 40px;
  border: none;
  display: inline-block;
  background: #1F2532;
  border-radius: 4px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
  font-size: 0;
  cursor: pointer; }

.editor-header {
  border-radius: 3px;
  background: #1F2532;
  z-index: 1;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding-left: 5px;
  padding-right: 40px; }

.editor-header-item {
  height: 40px;
  color: #fff;
  line-height: 40px;
  border: none;
  display: inline-block;
  background: #1F2532;
  border-radius: 3px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
  min-width: 40px;
  flex-basis: 100%; }

/*styles for first icon on editor trigger*/
.editor-header-item:first-child {
  flex-basis: auto;
  margin-left: -5px; }

.editor-header-item svg {
  width: 20px;
  height: 20px;
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.editor-trigger svg, .editor-close svg {
  width: 20px;
  height: 20px;
  fill: #FFFFFF;
  transition: 0.15s all ease;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); }

.editor-close {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }

.editor-close > div {
  height: 100%; }

.editor-close svg {
  width: 15px;
  height: 15px; }

.editor-body {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  border-radius: 3px; }

.editor-body.animating {
  overflow: hidden; }

.editor-body-content {
  background: #1F2532;
  border-radius: 3px;
  padding-top: 40px;
  box-sizing: border-box; }

[class*="editor-expand"] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.editor-expand-up {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.editor-expand-up .editor-body {
  bottom: 0;
  top: auto; }

.editor-expand-up .editor-body:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  bottom: 40px;
  background: #090A0D; }

.editor-expand-up .editor-body-content {
  padding-top: 0;
  padding-bottom: 40px; }

.editor-expand-middle .editor-body:after,
.editor-expand-down .editor-body:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  top: 40px;
  background: #090A0D; }

.editor-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute; }

.editor-direction-up .editor-triangle {
  border-width: 5px 5px 0 5px;
  border-color: #1F2532 transparent transparent transparent;
  left: 50%;
  top: 100%;
  margin-left: -5px; }

.editor-direction-down .editor-triangle {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #1F2532 transparent;
  left: 50%;
  bottom: 100%;
  margin-left: -5px; }

.editor-direction-left .editor-triangle {
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #1F2532;
  left: 100%;
  top: 50%;
  margin-top: -5px;
  margin-left: 0;
  visibility: visible; }

.editor-direction-right .editor-triangle {
  border-width: 5px 5px 5px 0;
  border-color: transparent #1F2532 transparent transparent;
  right: 100%;
  top: 50%;
  margin-top: -5px; }

.editor-collapse-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 260px;
  background: #181D27;
  font-family: "Open Sans", sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  border-radius: 4px;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s all cubic-bezier(0.4, 0, 1, 1);
  max-height: 160px;
  overflow: auto; }

.editor-collapse-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1C222E; }

.editor-collapse-list::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.editor-collapse-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.editor-collapse-list::-webkit-scrollbar-corner {
  background-color: transparent; }

.editor-collapse-list.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto; }

.editor-collapse-list.editor-collapse-list-bottom-right {
  left: calc(100% - 40px);
  top: 48px; }

.editor-collapse-list.editor-collapse-list-bottom-left {
  top: 48px;
  right: 0; }

.editor-collapse-list.editor-collapse-list-top-left {
  bottom: 48px;
  right: 0; }

.editor-collapse-list.editor-collapse-list-top-right {
  left: calc(100% - 40px);
  bottom: 48px; }

.editor-collapse-list-item {
  height: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer; }

.editor-collapse-list-item:hover {
  background: #109DF7; }

.editor-collapse-list-item-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  padding: 2px;
  flex-shrink: 0; }

.editor-collapse-list-item-icon svg {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  fill: #6E778A; }

.editor-collapse-list-item:hover .editor-collapse-list-item-icon svg {
  fill: #fff; }

.editor-collapse-list-item-title {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  margin-left: 10px;
  font-weight: 300;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.editor-collapse-icon {
  width: 100%;
  height: 100%; }

.editor-collapse-icon.active svg {
  fill: #109DF7; }

.novi-icon {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  border-radius: 2px;
  background: #1f2531; }

.novi-icon > * {
  fill: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.novi-icon > * > * {
  vertical-align: top; }

.novi-icon.active svg {
  fill: #109df7; }

.novi-icon.active.disabled,
.novi-icon.disabled {
  pointer-events: none; }

.novi-icon.active.disabled svg,
.novi-icon.disabled svg {
  opacity: 0.3; }

.novi-icon.button-type {
  cursor: pointer; }

.link-default {
  -webkit-user-select: none;
  user-select: none;
  color: #99A0AF;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  cursor: pointer;
  text-align: center;
  text-decoration: none; }

.link-default.link-disabled {
  opacity: .5;
  pointer-events: none; }

.link-default .link-text {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase; }

.link-default:hover {
  color: #fff; }

.link-primary {
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  color: #109DF7;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  cursor: pointer;
  text-decoration: none; }

.link-primary .link-text {
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 14px;
  text-transform: uppercase; }

.link-primary.link-disabled {
  opacity: .5;
  pointer-events: none; }

.link-primary:hover {
  color: #10B7F7; }

.novi-tool-color {
  display: flex;
  align-items: center;
  background: #1f2533;
  border-radius: 3px; }

.novi-link-tool {
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #6E778A;
  height: 200px;
  background: #1F2532;
  border-radius: 3px;
  box-sizing: border-box;
  font-size: 11px;
  width: 380px;
  font-family: 'Open Sans', sans-serif; }

.novi-link-tool-label {
  margin-top: 20px; }

.novi-link-tool-title {
  margin-top: 0; }

.novi-link-tool-group {
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.novi-link-tool .novi-button .novi-button-icon svg {
  fill: #6E778A; }

.novi-link-tool .novi-button .novi-button-icon {
  width: 16px;
  height: 16px;
  margin-right: 8px; }

.novi-link-tool .novi-button .novi-button-text {
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  letter-spacing: normal;
  line-height: 11px; }

.novi-link-tool .novi-button {
  padding-right: 0;
  color: #6E778A;
  font-size: 11px;
  font-family: 'Open Sans', sans-serif;
  height: auto;
  padding-left: 20px; }

.novi-color-swatch {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 3px;
  background: #1f2535;
  flex-shrink: 0; }

.novi-color-swatch > span {
  width: 14px;
  height: 14px;
  background-color: transparent;
  border-radius: 50%;
  display: inline-block;
  left: 50%;
  position: absolute;
  top: 50%;
  margin-top: -7px;
  margin-left: -7px;
  box-shadow: inset 0 0 0 1px #fff; }

.novi-color-swatch.button-type {
  cursor: pointer; }

.novi-color-picker {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 260px;
  height: 190px;
  background: #1f2532;
  -webkit-box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.28);
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.28);
  display: inline-block;
  padding: 20px 25px 20px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.novi-color-picker-hue-wrap {
  display: inline-block;
  width: 150px;
  height: 150px;
  position: relative; }

.novi-color-picker-hue-background {
  position: absolute;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 50%;
  background: #ffffff;
  backface-visibility: hidden;
  z-index: 0; }

.novi-color-picker-hue-wheel {
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-position: center;
  background-image: url("data:image/png;base64, "); }

.novi-color-picker-label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 3px solid #fff;
  margin-left: -9px;
  margin-top: -9px;
  left: 0;
  top: 0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  pointer-events: none;
  z-index: 2; }

.novi-color-picker-lightness-bar, .novi-color-picker-transparency-bar {
  width: 10px;
  height: 150px;
  display: inline-block;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: 20px;
  position: relative;
  cursor: pointer;
  pointer-events: auto;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  position: relative; }

.novi-color-picker-lightness-bar:after,
.novi-color-picker-transparency-bar:after {
  content: "";
  position: absolute;
  width: 30px;
  left: -10px;
  top: 0;
  height: 100%; }

.novi-color-picker-lightness-bar-toggle, .novi-color-picker-transparency-bar-toggle {
  width: 16px;
  height: 16px;
  border: 3px solid #fff;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  -webkit-transform-origin: center;
  transform-origin: center;
  pointer-events: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.novi-color-picker-transparency-bar {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFQTk0MEUxRUU5RDExRTZBRTE0OTM2NTExRTIyRjVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFQTk0MEUyRUU5RDExRTZBRTE0OTM2NTExRTIyRjVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkVBOTQwREZFRTlEMTFFNkFFMTQ5MzY1MTFFMjJGNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkVBOTQwRTBFRTlEMTFFNkFFMTQ5MzY1MTFFMjJGNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAmQWRvYmUAZMAAAAABAwAVBAMGCg0AAATrAAAFHwAABVcAAAWF/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wgARCAAKAAoDAREAAhEBAxEB/8QAkAAAAwEAAAAAAAAAAAAAAAAAAAQGCAEBAAAAAAAAAAAAAAAAAAAAABAAAQQDAAAAAAAAAAAAAAAAACACAwUENBURAAECAwkBAAAAAAAAAAAAAAERAgAxAxBBUZGx0RIyE3MSAQAAAAAAAAAAAAAAAAAAACATAQABAwUAAAAAAAAAAAAAAAEgABEhEDFBUZH/2gAMAwEAAhEDEQAAAdlD4EEf/9oACAEBAAEFAoonVzupjlprn//aAAgBAgABBQJH/9oACAEDAAEFAkf/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/AvasjmuHABk1nemEdKmQ3hn0Ghs//9oACAEBAwE/IUD7um54IIED/9oACAECAwE/IYf/2gAIAQMDAT8hh//aAAwDAQACEQMRAAAQWy//2gAIAQEDAT8QReBBJQKA4PnrEAYP/9oACAECAwE/EKtRp//aAAgBAwMBPxCH/9k="); }

.novi-color-picker-transparency-bar-bg {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  pointer-events: none; }

.novi-color-picker-transparency-bar-toggle {
  background-image: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFQTk0MEUxRUU5RDExRTZBRTE0OTM2NTExRTIyRjVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFQTk0MEUyRUU5RDExRTZBRTE0OTM2NTExRTIyRjVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkVBOTQwREZFRTlEMTFFNkFFMTQ5MzY1MTFFMjJGNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkVBOTQwRTBFRTlEMTFFNkFFMTQ5MzY1MTFFMjJGNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAmQWRvYmUAZMAAAAABAwAVBAMGCg0AAATrAAAFHwAABVcAAAWF/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wgARCAAKAAoDAREAAhEBAxEB/8QAkAAAAwEAAAAAAAAAAAAAAAAAAAQGCAEBAAAAAAAAAAAAAAAAAAAAABAAAQQDAAAAAAAAAAAAAAAAACACAwUENBURAAECAwkBAAAAAAAAAAAAAAERAgAxAxBBUZGx0RIyE3MSAQAAAAAAAAAAAAAAAAAAACATAQABAwUAAAAAAAAAAAAAAAEgABEhEDFBUZH/2gAMAwEAAhEDEQAAAdlD4EEf/9oACAEBAAEFAoonVzupjlprn//aAAgBAgABBQJH/9oACAEDAAEFAkf/2gAIAQICBj8CH//aAAgBAwIGPwIf/9oACAEBAQY/AvasjmuHABk1nemEdKmQ3hn0Ghs//9oACAEBAwE/IUD7um54IIED/9oACAECAwE/IYf/2gAIAQMDAT8hh//aAAwDAQACEQMRAAAQWy//2gAIAQEDAT8QReBBJQKA4PnrEAYP/9oACAECAwE/EKtRp//aAAgBAwMBPxCH/9k="); }

.novi-color-picker-transparency-bar-toggle-bg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%; }

.novi-color-picker:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid; }

.novi-color-picker.bottom-left {
  margin-top: 5px; }

.novi-color-picker.bottom-left:before {
  left: 10px;
  top: -5px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #1f2532 transparent; }

.novi-color-picker.bottom-right {
  margin-top: 5px; }

.novi-color-picker.bottom-right:before {
  right: 10px;
  top: -5px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #1f2532 transparent; }

.novi-color-picker.top-left {
  margin-bottom: 5px; }

.novi-color-picker.top-left:before {
  left: 10px;
  top: 100%;
  border-width: 5px 5px 0 5px;
  border-color: #1f2532 transparent transparent transparent; }

.novi-color-picker.top-right {
  margin-bottom: 5px; }

.novi-color-picker.top-right:before {
  right: 10px;
  top: 100%;
  border-width: 5px 5px 0 5px;
  border-color: #1f2532 transparent transparent transparent; }

.novi-input-color {
  position: relative;
  width: 100%; }

.color-picker-wrap {
  position: absolute;
  top: 40px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.15s cubic-bezier(0.4, 0, 1, 1); }

.color-picker-wrap.active {
  visibility: visible;
  opacity: 1;
  z-index: 1; }

.editor-expand-up .color-picker-wrap {
  top: auto;
  bottom: 40px; }

.editor-expand-up .color-picker-wrap .novi-color-picker.bottom-left:before {
  left: 10px;
  top: 100%;
  border-width: 5px 5px 0 5px;
  border-color: #1f2532 transparent transparent transparent; }

/*WRAP STYLES*/
.novi-introduction-bg {
  width: 100%;
  height: 100%;
  background: #000; }

.novi-introduction-wrap {
  position: absolute;
  background: #14171D;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1vw; }

.novi-introduction {
  overflow: hidden;
  position: relative;
  height: calc(100% - 60px); }

/*TEXT PART STYLES*/
.novi-introduction-text-title {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-size: 2.5em;
  line-height: 1.33em;
  color: #fff; }

.novi-introduction-text-title + .novi-introduction-text-subtitle {
  margin-top: 1.5625em; }

.novi-introduction-text-subtitle {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.36em;
  font-size: 1.146em;
  color: #109DF7; }

.novi-introduction-text-subtitle + .novi-introduction-text-body {
  margin-top: 18px; }

.novi-introduction-text-body svg {
  vertical-align: middle;
  fill: #6E778A;
  padding-left: 4px; }

.novi-introduction-text-body {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: .9375em;
  line-height: 1.55em;
  color: #6E778A; }

.novi-introduction-text-body span + span {
  margin-top: 1.041em;
  display: block; }

/*CONTROL PANEL STYLES*/
.novi-introduction-control-panel {
  position: absolute;
  bottom: 0;
  height: 60px;
  left: 0;
  width: 100%;
  background: #171B23;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  color: #6E778A;
  box-sizing: border-box; }

.novi-introduction-control-panel-slides-count {
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 400; }

.novi-introduction-control-panel .control-panel-button {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none; }

.novi-introduction-control-panel .control-panel-button + .control-panel-button {
  margin-left: 30px; }

.novi-introduction-control-panel .button-skip {
  font-weight: 600; }

.novi-introduction-control-panel .button-lounch {
  color: #109DF7; }

.novi-introduction-control-panel .button-next {
  color: #109DF7;
  position: relative;
  display: inline-flex;
  align-items: center; }

.novi-introduction-control-panel .button-next svg {
  height: 12px;
  fill: #109DF7;
  margin-left: 6px;
  display: inline-block;
  line-height: 18px; }

/*CANVAS STYLES*/
.novi-introduction-canvas {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1; }

.novi-introduction-media {
  position: absolute;
  left: 52%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: 75.472%;
  transition: 1s left ease; }

.novi-introduction-media > * {
  position: absolute;
  width: 100%;
  height: auto; }

.novi-introduction-media > *:first-child {
  opacity: 0;
  transition: 0.4s opacity linear;
  z-index: 2; }

.novi-introduction-text {
  width: 68.5%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0; }

.novi-introduction-text-wrap {
  position: absolute;
  width: 50%;
  height: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased; }

.novi-introduction.init-move-right .novi-introduction-media,
.novi-introduction.from-left-to-right .novi-introduction-media,
.novi-introduction.from-bottom-to-right .novi-introduction-media,
.novi-introduction.from-right-to-right .novi-introduction-media,
.novi-introduction.from-top-to-right {
  left: 48%; }

/*initial moving base*/
.novi-introduction.init-move .novi-introduction-media {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  -webkit-animation-duration: 1.35s;
  animation-duration: 1.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.35, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.35, 1); }

.novi-introduction.init-move .novi-introduction-media > *:first-child {
  opacity: 1; }

.novi-introduction.init-move .novi-introduction-text {
  -webkit-animation-delay: 1.95s;
  animation-delay: 1.95s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear; }

.novi-introduction.init-move-left .novi-introduction-media > *,
.novi-introduction.from-left-to-left .novi-introduction-media > *,
.novi-introduction.from-bottom-to-left .novi-introduction-media > *,
.novi-introduction.from-right-to-left .novi-introduction-media > *,
.novi-introduction.from-top-to-left .novi-introduction-media > * {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s right, top, transform linear; }

.novi-introduction.init-move-right .novi-introduction-media > *,
.novi-introduction.from-left-to-right .novi-introduction-media > *,
.novi-introduction.from-bottom-to-right .novi-introduction-media > *,
.novi-introduction.from-right-to-right .novi-introduction-media > *,
.novi-introduction.from-top-to-right .novi-introduction-media > * {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s right, top, transform linear; }

.novi-introduction.init-move-top .novi-introduction-media > *,
.novi-introduction.from-left-to-top .novi-introduction-media > *,
.novi-introduction.from-bottom-to-top .novi-introduction-media > *,
.novi-introduction.from-right-to-top .novi-introduction-media > *,
.novi-introduction.from-top-to-top .novi-introduction-media > * {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.4s right, top, transform linear; }

.novi-introduction.init-move-bottom .novi-introduction-media > *,
.novi-introduction.from-left-to-bottom .novi-introduction-media > *,
.novi-introduction.from-bottom-to-bottom .novi-introduction-media > *,
.novi-introduction.from-right-to-bottom .novi-introduction-media > *,
.novi-introduction.from-top-to-bottom .novi-introduction-media > * {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.4s right, top, transform linear; }

/*initial moving left*/
.novi-introduction.init-move.init-move-left .novi-introduction-media {
  -webkit-animation-name: move-from-left;
  animation-name: move-from-left; }

.novi-introduction.init-move.init-move-left .novi-introduction-text-wrap {
  transform: translate(0, -50%); }

/*initial moving top*/
.novi-introduction.init-move.init-move-top .novi-introduction-media {
  -webkit-animation-name: move-from-top;
  animation-name: move-from-top; }

.novi-introduction.init-move.init-move-top .novi-introduction-media > * {
  bottom: 0; }

.novi-introduction.init-move.init-move-top .novi-introduction-text-wrap {
  text-align: center;
  transform: translate(-50%, 0%); }

/*initial moving right*/
.novi-introduction.init-move.init-move-right .novi-introduction-media {
  -webkit-animation-name: move-from-right;
  animation-name: move-from-right; }

.novi-introduction.init-move.init-move-right .novi-introduction-text-wrap {
  transform: translate(-100%, -50%); }

/*initial moving bottom*/
.novi-introduction.init-move.init-move-bottom .novi-introduction-media {
  -webkit-animation-name: move-from-bottom;
  animation-name: move-from-bottom; }

.novi-introduction.init-move.init-move-bottom .novi-introduction-text-wrap {
  text-align: center;
  transform: translate(-50%, -100%); }

/*MOVES*/
.novi-introduction.move .novi-introduction-media {
  -webkit-animation-duration: 1.35s;
  animation-duration: 1.35s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.17, 0, 0.35, 1);
  animation-timing-function: cubic-bezier(0.17, 0, 0.35, 1); }

.novi-introduction.move .novi-introduction-media > *:first-child {
  opacity: 1;
  transition: none; }

.novi-introduction.fade-media .novi-introduction-media > *:first-child {
  opacity: 0;
  transition: 0.4s opacity linear; }

.novi-introduction.move .novi-introduction-text {
  -webkit-animation-delay: 1.35s;
  animation-delay: 1.35s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.novi-introduction.fade-text .novi-introduction-text {
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* TEXT POSITION AFTER MOVE*/
.novi-introduction.move.from-left-to-right .novi-introduction-text-wrap,
.novi-introduction.move.from-top-to-right .novi-introduction-text-wrap,
.novi-introduction.move.from-right-to-right .novi-introduction-text-wrap,
.novi-introduction.move.from-bottom-to-right .novi-introduction-text-wrap {
  transform: translate(-100%, -50%); }

.novi-introduction.move.from-left-to-top .novi-introduction-text-wrap,
.novi-introduction.move.from-top-to-top .novi-introduction-text-wrap,
.novi-introduction.move.from-right-to-top .novi-introduction-text-wrap,
.novi-introduction.move.from-bottom-to-top .novi-introduction-text-wrap {
  text-align: center;
  transform: translate(-50%, 0%); }

.novi-introduction.move.from-left-to-left .novi-introduction-text-wrap,
.novi-introduction.move.from-top-to-left .novi-introduction-text-wrap,
.novi-introduction.move.from-right-to-left .novi-introduction-text-wrap,
.novi-introduction.move.from-bottom-to-left .novi-introduction-text-wrap {
  transform: translate(0, -50%); }

.novi-introduction.move.from-left-to-bottom .novi-introduction-text-wrap,
.novi-introduction.move.from-bottom-to-bottom .novi-introduction-text-wrap,
.novi-introduction.move.from-right-to-bottom .novi-introduction-text-wrap,
.novi-introduction.move.from-top-to-bottom .novi-introduction-text-wrap {
  text-align: center;
  transform: translate(-50%, -100%); }

/*FROM LEFT*/
/*FROM LEFT TO RIGHT*/
.novi-introduction.move.from-left-to-right .novi-introduction-media {
  -webkit-animation-name: from-left-to-right;
  animation-name: from-left-to-right; }

/*FROM LEFT TO TOP*/
.novi-introduction.move.from-left-to-top .novi-introduction-media {
  -webkit-animation-name: from-left-to-top;
  animation-name: from-left-to-top; }

/*FROM LEFT TO LEFT*/
.novi-introduction.move.from-left-to-left .novi-introduction-media {
  transform: translate(-100%, -50%); }

/*FROM LEFT TO BOTTOM*/
.novi-introduction.move.from-left-to-bottom .novi-introduction-media {
  -webkit-animation-name: from-left-to-bottom;
  animation-name: from-left-to-bottom; }

/*FROM RIGHT*/
/*FROM RIGHT TO RIGHT*/
.novi-introduction.move.from-right-to-right .novi-introduction-media {
  transform: translate(0%, -50%); }

/*FROM RIGHT TO TOP*/
.novi-introduction.move.from-right-to-top .novi-introduction-media {
  -webkit-animation-name: from-right-to-top;
  animation-name: from-right-to-top; }

/*FROM RIGHT TO LEFT*/
.novi-introduction.move.from-right-to-left .novi-introduction-media {
  -webkit-animation-name: from-right-to-left;
  animation-name: from-right-to-left; }

/*FROM RIGHT TO BOTTOM*/
.novi-introduction.move.from-right-to-bottom .novi-introduction-media {
  -webkit-animation-name: from-right-to-bottom;
  animation-name: from-right-to-bottom; }

/*FROM BOTTOM/

/*FROM BOTTOM TO RIGHT*/
.novi-introduction.move.from-bottom-to-right .novi-introduction-media {
  transform: translate(0%, -50%); }

/*FROM BOTTOM TO TOP*/
.novi-introduction.move.from-bottom-to-top .novi-introduction-media {
  -webkit-animation-name: from-bottom-to-top;
  animation-name: from-bottom-to-top; }

/*FROM BOTTOM TO LEFT*/
.novi-introduction.move.from-bottom-to-left .novi-introduction-media {
  -webkit-animation-name: from-bottom-to-left;
  animation-name: from-bottom-to-left; }

/*FROM BOTTOM TO BOTTOM*/
.novi-introduction.move.from-bottom-to-bottom .novi-introduction-media {
  transform: translate(-50%, 0%); }

/*FROM TOP/

/*FROM TOP TO RIGHT*/
.novi-introduction.move.from-top-to-right .novi-introduction-media {
  -webkit-animation-name: from-top-to-right;
  animation-name: from-top-to-right; }

/*FROM TOP TO TOP*/
.novi-introduction.move.from-top-to-top .novi-introduction-media {
  transform: translate(-50%, -100%); }

/*FROM TOP TO LEFT*/
.novi-introduction.move.from-top-to-left .novi-introduction-media {
  -webkit-animation-name: from-top-to-left;
  animation-name: from-top-to-left; }

/*FROM TOP TO BOTTOM*/
.novi-introduction.move.from-top-to-bottom .novi-introduction-media {
  -webkit-animation-name: from-top-to-bottom;
  animation-name: from-top-to-bottom; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes intro-fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-webkit-keyframes move-from-left {
  from {
    transform: translate(-210%, -50%); }
  to {
    transform: translate(-98%, -50%); } }

@keyframes move-from-left {
  from {
    transform: translate(-210%, -50%); }
  to {
    transform: translate(-98%, -50%); } }

@-webkit-keyframes move-from-top {
  from {
    transform: translate(-50%, -175%); }
  to {
    transform: translate(-50%, -100%); } }

@keyframes move-from-top {
  from {
    transform: translate(-50%, -175%); }
  to {
    transform: translate(-50%, -100%); } }

@-webkit-keyframes move-from-right {
  from {
    transform: translate(75%, -50%); }
  to {
    transform: translate(0, -50%); } }

@keyframes move-from-right {
  from {
    transform: translate(75%, -50%); }
  to {
    transform: translate(0%, -50%); } }

@-webkit-keyframes move-from-bottom {
  from {
    transform: translate(-50%, 75%); }
  to {
    transform: translate(-50%, 0%); } }

@keyframes move-from-bottom {
  from {
    transform: translate(-50%, 75%); }
  to {
    transform: translate(-50%, 0%); } }

/*FROM LEFT*/
@-webkit-keyframes from-left-to-right {
  from {
    transform: translate(-98%, -50%); }
  to {
    transform: translate(-2%, -50%); } }

@keyframes from-left-to-right {
  from {
    transform: translate(-98%, -50%); }
  to {
    transform: translate(-2%, -50%); } }

@-webkit-keyframes from-left-to-top {
  from {
    transform: translate(-100%, -50%); }
  to {
    transform: translate(-50%, -100%); } }

@keyframes from-left-to-top {
  from {
    transform: translate(-100%, -50%); }
  to {
    transform: translate(-50%, -100%); } }

@-webkit-keyframes from-left-to-bottom {
  from {
    transform: translate(-100%, -50%); }
  to {
    transform: translate(-50%, 0%); } }

@keyframes from-left-to-bottom {
  from {
    transform: translate(-100%, -50%); }
  to {
    transform: translate(-50%, 0%); } }

/*FROM TOP*/
@-webkit-keyframes from-top-to-right {
  from {
    transform: translate(-50%, -100%); }
  to {
    transform: translate(0%, -50%); } }

@keyframes from-top-to-right {
  from {
    transform: translate(-50%, -100%); }
  to {
    transform: translate(0%, -50%); } }

@-webkit-keyframes from-top-to-bottom {
  from {
    transform: translate(-50%, -100%); }
  to {
    transform: translate(-50%, 0%); } }

@keyframes from-top-to-bottom {
  from {
    transform: translate(-50%, -100%); }
  to {
    transform: translate(-50%, 0%); } }

@-webkit-keyframes from-top-to-left {
  from {
    transform: translate(-50%, -100%); }
  to {
    transform: translate(-100%, -50%); } }

@keyframes from-top-to-left {
  from {
    transform: translate(-50%, -100%); }
  to {
    transform: translate(-100%, -50%); } }

/*FROM RIGHT*/
@-webkit-keyframes from-right-to-left {
  from {
    transform: translate(-2%, -50%); }
  to {
    transform: translate(-98%, -50%); } }

@keyframes from-right-to-left {
  from {
    transform: translate(-2%, -50%); }
  to {
    transform: translate(-98%, -50%); } }

@-webkit-keyframes from-right-to-top {
  from {
    transform: translate(0%, -50%); }
  to {
    transform: translate(-50%, -100%); } }

@keyframes from-right-to-top {
  from {
    transform: translate(0%, -50%); }
  to {
    transform: translate(-50%, -100%); } }

@-webkit-keyframes from-right-to-bottom {
  from {
    transform: translate(0%, -50%); }
  to {
    transform: translate(-50%, 0%); } }

@keyframes from-right-to-bottom {
  from {
    transform: translate(0%, -50%); }
  to {
    transform: translate(-50%, 0%); } }

/*FROM BOTTOM*/
@-webkit-keyframes from-bottom-to-left {
  from {
    transform: translate(-50%, 0%); }
  to {
    transform: translate(-100%, -50%); } }

@keyframes from-bottom-to-left {
  from {
    transform: translate(-50%, 0%); }
  to {
    transform: translate(-100%, -50%); } }

@-webkit-keyframes from-bottom-to-top {
  from {
    transform: translate(-50%, 0%); }
  to {
    transform: translate(-50%, -100%); } }

@keyframes from-bottom-to-top {
  from {
    transform: translate(-50%, 0%); }
  to {
    transform: translate(-50%, -100%); } }

@-webkit-keyframes from-bottom-to-right {
  from {
    transform: translate(-50%, 0%); }
  to {
    transform: translate(0%, -50%); } }

@keyframes from-bottom-to-right {
  from {
    transform: translate(-50%, 0%); }
  to {
    transform: translate(0%, -50%); } }

@media screen and (max-width: 1599px) {
  .novi-introduction-text-body {
    line-height: 1.8em; }
  .novi-introduction-text-subtitle {
    line-height: 1.5em; } }

.novi-tooltip {
  padding: 10px 16px !important;
  background-color: #1C222E !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); }

.novi-tooltip.show {
  opacity: 1 !important; }

.__react_component_tooltip.novi-tooltip {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #fff;
  white-space: pre-line; }

.novi-tooltip .novi-tooltip-title,
.novi-tooltip .novi-tooltip-description {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 10px;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 14px;
  margin: 0;
  text-align: center; }

.novi-tooltip .novi-tooltip-title {
  text-transform: uppercase; }

.novi-tooltip .novi-tooltip-description {
  color: #6E778A;
  font-weight: 400;
  letter-spacing: normal; }

.novi-tooltip.place-top:after {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  bottom: -5px !important;
  margin-left: -6px !important;
  border-top-color: #1C222E !important;
  border-top-width: 5px !important; }

.novi-tooltip.place-left:after {
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
  right: -5px !important;
  margin-top: -5px !important;
  border-left-color: #1C222E !important;
  border-left-width: 5px !important; }

.novi-tooltip.place-right:after {
  left: -5px !important;
  border-right-color: #1C222E !important;
  border-right-width: 5px !important; }

.novi-tooltip.place-bottom:after {
  border-bottom-color: #1C222E !important;
  border-bottom-width: 5px !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  top: -5px !important;
  margin-left: -6px !important; }

.plugins-manager {
  height: 100%;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  background: #181D27;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
  color: #fff;
  font-family: "Open Sans", sans-serif; }

.plugins-list-container {
  width: 320px;
  display: inline-block;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border-right: 1px solid #0A0C10;
  max-height: 100%;
  overflow: auto; }

.plugins-list-container::-webkit-scrollbar,
.plugin-content::-webkit-scrollbar {
  width: 8px;
  background: #181D27; }

.plugins-list-container::-webkit-scrollbar-thumb,
.plugin-content::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.plugins-list-container::-webkit-scrollbar-button,
.plugin-content::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.plugins-list-container::-webkit-scrollbar-corner,
.plugin-content::-webkit-scrollbar-corner {
  background-color: transparent; }

.plugin-content {
  width: 100%;
  display: inline-block;
  -webkit-flex-shrink: 1;
  flex-shrink: 1;
  height: 100%;
  box-sizing: border-box;
  padding: 18px 26px;
  overflow: auto; }

.plugins-list-title {
  height: 44px;
  line-height: 44px;
  letter-spacing: 0.05em;
  text-transform: capitalize;
  padding-left: 12px;
  padding-right: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.plugins-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  max-height: calc(100% - 44px);
  overflow: auto; }

.plugins-list::-webkit-scrollbar {
  width: 8px;
  background: #181D27; }

.plugins-list::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.plugins-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.plugins-list::-webkit-scrollbar-corner {
  background-color: transparent; }

.plugin-item {
  height: 32px;
  padding-left: 13px;
  padding-right: 13px;
  color: #6E778A;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer; }

.plugin-item + .plugin-item {
  margin-top: 2px; }

.plugin-item-icon {
  display: inline-block; }

.plugin-item-icon svg {
  fill: #6E778A;
  height: 16px;
  width: auto;
  display: block; }

.plugin-item-name {
  margin-left: 11px; }

.plugin-item-version {
  white-space: pre; }

.plugin-item.active {
  color: #fff;
  background: #1F2532; }

.plugin-item.active .plugin-item-icon svg {
  fill: #109DF7; }

.plugin-item.warning .plugin-item-icon svg {
  fill: #FFDC83; }

.plugin-settings-warning {
  color: #ce3849; }

.plugin-settings-warning + * {
  margin-top: 15px; }

/*Progress dialog*/
.progress-dialog {
  height: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.progress-dialog .icon {
  width: 42px;
  fill: #6E778A; }

.progress-dialog .icon svg {
  width: 100%;
  height: 100%;
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotation;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotation;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.progress-dialog pre {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  margin-top: 17px;
  white-space: pre-line; }

/*Message Dialog*/
.message-dialog {
  height: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.message-dialog .icon {
  height: 42px;
  width: 42px;
  fill: #6E778A; }

.message-dialog .icon svg {
  width: 100%;
  height: 100%; }

.message-dialog pre {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  white-space: pre-line; }

.message-dialog .icon + pre {
  margin-top: 20px; }

.message-dialog > .link-primary .link-text {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: normal;
  margin-top: 20px;
  white-space: pre-line;
  text-transform: none; }

/*Upload Dialog*/
.upload-dialog {
  height: 100%;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  /*padding-top: 14px;*/
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.upload-dialog .icon {
  height: 42px;
  width: 42px;
  fill: #6E778A; }

.upload-dialog .icon svg {
  width: 100%;
  height: 100%; }

.upload-dialog pre {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  margin-top: 17px;
  max-width: 100%;
  white-space: pre-line; }

.upload-dialog-filepicker {
  margin-top: 21px;
  width: 100%; }

.upload-dialog .upload-dialog-filepicker {
  text-align: left; }

.upload-dialog-warning {
  font-size: 10px;
  width: 100%;
  justify-content: space-between;
  padding-left: 5px;
  box-sizing: border-box;
  margin-top: 10px;
  color: #6E778A;
  align-items: center;
  display: flex; }

.upload-dialog-warning .novi-icon {
  width: 20px;
  height: 20px; }

.upload-dialog-warning .novi-icon svg {
  width: 14px;
  height: 14px;
  fill: #fff; }

/*Input Dialog*/
.input-dialog {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%; }

.input-dialog .icon {
  height: 42px;
  width: 42px;
  fill: #6E778A;
  margin-bottom: 17px; }

.input-dialog .icon svg {
  width: 100%;
  height: 100%; }

.input-dialog-label {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  max-width: 100%;
  white-space: normal;
  margin-top: 0; }

.input-dialog > .novi-input {
  margin-top: 21px; }

.save-as-preset-dialog {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: left;
  flex-direction: column;
  padding: 29px 40px; }

.save-as-preset-dialog-top-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%; }

.save-as-preset-dialog-top-group > div {
  width: 100%; }

.save-as-preset-dialog-top-group > div + div {
  margin-left: 30px; }

* + .save-as-preset-dialog-group {
  margin-top: 17px; }

.save-as-preset-dialog-label {
  font-size: 11px;
  color: #6E778A;
  display: inline-block;
  margin-bottom: 9px; }

.preset-editor {
  min-height: 200px;
  width: 100%;
  border-radius: 3px;
  height: 100%; }

.preset-editor .code-editor-wrap {
  height: 200px; }

.save-as-preset-dialog .Select-input > input {
  min-width: 0; }

.save-as-preset-dialog .Select-menu .Select-option.is-focused {
  background: #0f1319; }

.save-as-preset-dialog .Select-menu-outer {
  z-index: 10; }

.save-as-preset-dialog .Select-menu-outer .Select-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #181D27; }

.save-as-preset-dialog .Select-menu-outer .Select-menu::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.save-as-preset-dialog .Select-menu-outer .Select-menu::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.save-as-preset-dialog .Select-menu-outer .Select-menu::-webkit-scrollbar-track {
  background: none; }

.save-as-preset-dialog .Select-menu-outer .Select-menu::-webkit-scrollbar-corner {
  background-color: transparent;
  display: none;
  border: none;
  outline: none; }

.page-settings-dialog {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 15px 30px 25px; }

.page-settings-dialog-right-part {
  width: 100%; }

.page-settings-dialog-label {
  font-size: 11px;
  color: #6E778A;
  margin-bottom: 9px; }

.page-settings-dialog-label-error {
  margin-top: 9px;
  color: #ce3849;
  font-size: 11px;
  margin-bottom: 9px; }

* + .page-settings-dialog-group {
  margin-top: 20px; }

.page-settings-title {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.06em;
  margin-top: 7px;
  text-transform: uppercase; }

.page-settings-seo-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff;
  margin-top: 28px; }

.page-settings-seo-description {
  font-size: 11px;
  color: #6E778A;
  margin-top: 8px; }

.page-settings-description-area {
  width: 100%;
  height: 90px;
  background: #171B23;
  -webkit-box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
  border: none;
  outline: none;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 15px;
  padding: 7px 12px;
  box-sizing: border-box;
  resize: vertical; }

/* project configuration dialog*/
.project-configuration-dialog {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 100%;
  background: #181D27; }

.project-configuration-dialog-left-part {
  background: #1F2532;
  min-width: 250px;
  flex-shrink: 1;
  max-width: 25%;
  width: 100%;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  z-index: 1; }

.project-configuration-dialog-item {
  padding: 25px; }

.project-configuration-dialog-category-item {
  height: 31px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid transparent;
  background: #1F2532;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  font-weight: 400; }

.project-configuration-dialog-category-item .icon {
  width: 16px;
  height: 16px; }

.project-configuration-dialog-category-item .icon svg {
  fill: #6E778A; }

.project-configuration-dialog-category-item .icon + span {
  margin-left: 10px; }

.project-configuration-dialog-category-item.active .icon svg {
  fill: #109DF7; }

.project-configuration-dialog-category-item.active {
  background: #181D27; }

.project-configuration-dialog-right-part {
  width: calc(100% - 250px);
  height: 100%;
  overflow-y: scroll;
  box-sizing: border-box;
  flex-shrink: 0;
  max-width: 75%; }

.project-configuration-dialog-right-part::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #181D27; }

.project-configuration-dialog-right-part::-webkit-scrollbar-thumb {
  height: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.project-configuration-dialog-right-part::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.project-configuration-dialog-right-part::-webkit-scrollbar-corner {
  background-color: transparent; }

.project-configuration-dialog-label-error {
  margin-top: 9px;
  color: #ce3849;
  font-size: 11px;
  margin-bottom: 9px; }

.project-configuration-dialog-label {
  font-size: 11px;
  color: #6E778A;
  margin-bottom: 9px; }

.project-configuration-dialog-computed-label {
  margin-bottom: 9px; }

.project-configuration-dialog .project-configuration-dialog-computed-label .novi-input input {
  background: transparent;
  border-color: transparent;
  color: #6E778A;
  padding-left: 0; }

* + .project-configuration-dialog-group {
  margin-top: 20px; }

* + .project-configration-dialog-inline-group {
  margin-top: 20px; }

.project-configration-dialog-inline-group {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between; }

.project-configration-dialog-inline-group-item {
  width: 50%; }

.project-configration-dialog-inline-group-item + .project-configration-dialog-inline-group-item {
  margin-left: 20px; }

.project-configuration-seo-description, .project-configuration-fonts-description {
  font-size: 11px;
  line-height: 18px;
  color: #6E778A; }

.project-configuration-dialog-fonts-group {
  display: flex; }

.project-configuration-dialog-fonts-group-right-part {
  margin-left: 20px; }

.project-configuration-dialog-fonts-group > *:first-child {
  flex-shrink: 1;
  width: 100%; }

.project-configuration-dialog-fonts-group > .link-default {
  margin-left: 15px;
  white-space: nowrap; }

.project-configuration-dialog-fonts-warning {
  font-size: 11px;
  color: #ce3849;
  line-height: 18px;
  margin-top: 10px;
  display: block;
  opacity: 0;
  animation: fadeIn 0.3s ease forwards; }

.project-configuration-dialog-fonts-advanced-list {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  animation: fadeIn 0.3s 0.2s ease forwards; }

.project-configuration-dialog-fonts-advanced-list > li {
  width: calc(25% - 20px);
  margin: 5px 10px; }

.project-configuration-dialog-fonts-advanced-list > li:nth-child(n+5) {
  border-top: 1px solid #000; }

.project-configuration-dialog-advanced-fonts-group {
  transition: 0.4s height ease; }

.project-configuration-dialog-fonts-advanced-name {
  font-size: 12px;
  color: #fff;
  margin: 20px 0 10px;
  display: block;
  font-weight: 700;
  text-transform: uppercase; }

.project-configuration-dialog-fonts-weight-list li {
  padding: 3px 0; }

.project-configuration-dialog-fonts-advanced-list, .project-configuration-dialog-fonts-advanced-list ul {
  list-style-type: none;
  padding: 0;
  margin: 0; }

.project-configuration-new-page-template {
  min-height: 280px;
  width: 100%;
  border-radius: 3px;
  overflow: hidden; }

.project-configuration-layers-description {
  font-size: 11px;
  color: #6E778A; }

.project-configuration-new-page-template .code-editor-wrap {
  height: 280px; }

.project-configuration-dialog .novi-table {
  margin-top: 9px; }

.project-configuration-dialog .Select-menu-outer {
  z-index: 10; }

.project-configuration-dialog .novi-table-body {
  height: 300px; }

.project-configuration-dialog .novi-input input {
  background: #0F1319;
  border: 1px solid #0F1319; }

.project-configuration-dialog .Select-menu-outer,
.project-configuration-dialog .switcher,
.project-configuration-dialog .Select-option,
.project-configuration-dialog .ace-novi-html,
.project-configuration-dialog .ace-novi-html .ace_gutter,
.project-configuration-dialog .Select--single > .Select-control .Select-value,
.project-configuration-dialog .Select-control,
.project-configuration-dialog .Select-placeholder {
  background-color: #0F1319; }

.project-configuration-dialog-categories-label {
  font-size: 10px;
  color: #6E778A;
  padding: 10px 15px;
  border-bottom: 1px dotted #000;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700; }

* + .project-configuration-dialog-categories-label {
  margin-top: 10px; }

.project-configuration-dialog .Select-option.is-selected {
  background-color: #1F2532; }

.project-configuration-dialog .Select-menu::-webkit-scrollbar {
  background-color: #1F2532; }

.project-configuration-dialog .Select-option.is-focused {
  background-color: #1F2532; }

.textarea-input {
  width: 100%;
  height: 90px;
  background: #0F1319;
  box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #0F1319;
  outline: none;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 15px;
  padding: 7px 12px;
  box-sizing: border-box;
  resize: vertical; }

.system-settings-title {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.06em;
  margin-top: 7px;
  text-transform: uppercase; }

.system-settings-description {
  font-size: 11px;
  color: #6E778A;
  margin-top: 11px; }

.system-settings-language-select-wrap {
  max-width: 300px; }

.Select {
  font-size: 11px; }

.system-settings-dialog-label {
  font-size: 11px;
  color: #6E778A;
  margin-bottom: 9px; }

* + .system-settings-dialog-group {
  margin-top: 22px; }

.system-settings-dialog-group-wrap {
  margin-top: 10px;
  display: flex;
  align-items: center; }

.system-settings-dialog-group-wrap > * {
  display: inline-block;
  margin-top: 0; }

.system-settings-dialog-group-wrap > * + * {
  margin-left: 25px; }

.feedback-dialog {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 30px 40px; }

.feedback-title {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #fff; }

.feedback-description {
  font-size: 11px;
  color: #6E778A;
  margin-top: 8px; }

.feedback-dialog-message-area {
  width: 100%;
  height: 110px;
  background: #171B23;
  -webkit-box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 1px 0 rgba(0, 0, 0, 0.3);
  border: none;
  outline: none;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 15px;
  padding: 7px 12px;
  box-sizing: border-box;
  resize: vertical; }

.feedback-dialog-message-area::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #1C222E; }

.feedback-dialog-message-area::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.feedback-dialog-message-area::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.feedback-dialog-message-area::-webkit-scrollbar-track {
  background: none; }

.feedback-dialog-message-area::-webkit-scrollbar-corner {
  background-color: transparent;
  display: none;
  border: none;
  outline: none; }

.feedback-dialog-label {
  font-size: 11px;
  color: #6E778A;
  margin-bottom: 9px; }

* + .feedback-dialog-group {
  margin-top: 20px; }

.image-crop-dialog-wrap {
  background: #0f1319;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  overflow: hidden; }

.image-crop-dialog-header {
  height: 40px;
  display: flex;
  background: #1f2532;
  padding-left: 10px;
  padding-right: 10px; }

.image-crop-dialog-header .checkbox {
  flex-shrink: 0; }

.image-crop-dialog-header-dimension-group-label {
  margin-right: 5px;
  font-size: 13px;
  color: #6E778A; }

.image-crop-dialog-header-dimension-group {
  display: flex;
  align-items: center;
  min-width: 90px; }

.image-crop-dialog-header-dimension-group + .checkbox {
  margin-left: 10px; }

.image-crop-dialog-header-dimension-group + .image-crop-dialog-header-dimension-group {
  margin-left: 10px; }

.image-crop-dialog-body {
  height: calc(100% - 40px); }

.image-crop-dialog {
  height: 100%; }

.image-crop-dialog-info-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none; }

.image-crop-dialog-info {
  font-size: 10px;
  position: absolute;
  line-height: 10px;
  padding: 5px;
  background: rgba(0, 0, 0, 0.6);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #fff;
  pointer-events: none;
  user-select: none;
  white-space: nowrap; }

.image-crop-dialog-info p {
  margin: 0; }

.image-crop-dialog .ReactCrop {
  height: 100%; }

.image-crop-dialog.landscape .ReactCrop {
  height: auto; }

.image-crop-dialog-upload-process {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #fff;
  flex-direction: column;
  height: 100%; }

.image-crop-dialog-upload-process .icon {
  width: 42px;
  fill: #6E778A;
  margin-bottom: 15px; }

.image-crop-dialog-upload-process .icon svg {
  width: 100%;
  height: 100%;
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotation;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotation;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.add-content-dialog {
  text-align: left; }

.security-settings-dialog {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 15px 30px;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: column; }

.security-settings-dialog-label {
  font-size: 11px;
  color: #6E778A;
  margin-bottom: 9px; }

.security-settings-dialog-label-error {
  color: #ce3849;
  font-size: 11px;
  position: absolute;
  top: 0;
  right: 0; }

.security-settings-dialog-group {
  position: relative; }

* + .security-settings-dialog-group {
  margin-top: 15px; }

.security-settings-dialog-group-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 15px; }

.security-settings-dialog-group-wrap .security-settings-dialog-group {
  margin-top: 0; }

.security-settings-title {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.06em;
  text-transform: uppercase; }

* + .security-settings-title {
  margin-top: 7px; }

.security-settings-description {
  font-size: 11px;
  color: #6E778A;
  margin-top: 8px; }

.security-settings-dialog .novi-radio-group {
  margin-top: 20px; }

.security-settings-dialog .radio-group-item {
  width: 170px; }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-o-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.link-preview-dialog {
  padding: 10px 20px;
  width: 100%;
  background: #0f1319;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  overflow: hidden; }

.ling-preview-dialog-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.ling-preview-dialog-image {
  width: 100%;
  height: 100%;
  background-size: contain;
  -webkit-background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block; }

.ling-preview-dialog-wrap-video {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center; }

.ling-preview-dialog-wrap-video video {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 100%; }

.ling-preview-dialog-wrap-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ling-preview-dialog-wrap-error {
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.ling-preview-dialog-wrap-error .icon {
  height: 42px;
  width: 42px;
  fill: #6E778A; }

.ling-preview-dialog-wrap-error .icon svg {
  width: 100%;
  height: 100%; }

.ling-preview-dialog-wrap-error pre {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  margin-top: 20px;
  white-space: pre-line; }

.ling-preview-dialog-wrap-progress {
  height: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.ling-preview-dialog-wrap-progress .icon {
  width: 42px;
  fill: #6E778A; }

.ling-preview-dialog-wrap-progress .icon svg {
  width: 100%;
  height: 100%;
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotation;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotation;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.ling-preview-dialog-wrap-progress pre {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  margin-top: 17px;
  white-space: pre-line; }

.image-resize-dialog-wrap .rc-slider {
  width: 100%;
  margin-left: auto;
  margin-right: auto; }

.image-resize-dialog-body {
  padding: 0 30px;
  margin-top: 20px; }

.image-resize-dialog-wrap .rc-slider .rc-slider-rail {
  border-radius: 2px;
  background: #171B23; }

.image-resize-dialog-wrap .rc-slider .rc-slider-track {
  background: #0c9ef3; }

.image-resize-dialog-wrap .rc-slider .rc-slider-handle {
  width: 10px;
  height: 10px;
  border: none;
  background-color: #109DF7;
  margin-left: -5px;
  margin-top: -3px; }

.image-resize-dialog-wrap {
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  position: relative;
  overflow: hidden;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: center; }

.image-resize-dialog-dimension-group-label {
  margin-right: 5px;
  font-size: 13px;
  color: #6E778A; }

.image-resize-dialog-description {
  font-size: 13px;
  color: #6E778A;
  line-height: 20px;
  font-family: "Open Sans", sans-serif; }

.image-resize-dialog-wrap .rc-slider + .image-resize-dialog-dimension-group {
  margin-top: 20px; }

.image-resize-dialog-dimension-group {
  display: flex;
  align-items: center;
  width: 100%; }

.image-resize-dialog-dimension-group + .image-resize-dialog-dimension-group {
  margin-left: 20px; }

.image-resize-dialog-body {
  height: calc(100% - 40px); }

.media-items-delete-confirmation-dialog {
  text-align: left;
  font-family: "Open Sans", sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  padding: 20px;
  height: 100%; }

.media-items-delete-confirmation-dialog-description {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.06em;
  color: #fff;
  line-height: 20px; }

.media-items-delete-confirmation-dialog-body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex-direction: column; }

.media-items-delete-confirmation-dialog-option {
  margin-top: 25px; }

.media-items-delete-confirmation-dialog-option-description {
  font-size: 11px;
  color: #6E778A;
  margin-top: 8px;
  line-height: 20px; }

/*Message Dialog*/
.import-project-media-dialog {
  height: 100%;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px; }

.import-project-media-dialog-description {
  margin-bottom: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  letter-spacing: normal;
  white-space: pre-line; }

.import-project-media-dialog-label {
  color: #6E778A; }

.import-project-media-dialog > .link-primary .link-text {
  margin-bottom: 0;
  letter-spacing: normal;
  margin-top: 20px;
  white-space: pre-line;
  text-transform: none; }

.import-project-media-dialog-input {
  color: #6E778A; }

.import-project-media-dialog-group {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  margin-top: px; }

.import-project-media-dialog-group > div {
  width: 100%; }

.import-project-media-dialog-group > div + div {
  margin-left: 30px; }

.import-project-media-dialog .link-primary {
  margin-top: 10px; }

.novi-invalid-code-wrap {
  -webkit-user-select: none;
  user-select: none;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: rgba(29, 29, 40, 0.7);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0; }

.novi-invalid-code {
  width: 500px;
  height: 320px;
  background: #1F2532;
  border-radius: 3px;
  border: 1px solid #090A0D;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column; }

.novi-invalid-code-icon svg {
  width: 43px;
  fill: #CE3849; }

.novi-invalid-code-title {
  -webkit-user-select: text;
  user-select: text;
  margin-top: 25px;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0; }

.novi-invalid-code-description {
  -webkit-user-select: text;
  user-select: text;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  margin-top: 21px;
  margin-bottom: 0;
  max-width: 70%; }

.novi-invalid-code .link-primary {
  margin-top: 17px; }

/*Base styles*/
.novi-filter {
  padding: 25px 26px 0;
  -webkit-user-select: none;
  user-select: none;
  box-sizing: border-box; }

.novi-filter-wrap {
  display: flex;
  flex-direction: column;
  height: 100%; }

/*Filter info styles*/
.novi-filter-info {
  display: inline-flex;
  flex-shrink: 0;
  margin-left: auto;
  padding-left: 30px; }

.novi-filter-inner {
  display: flex; }

.novi-filter-info span {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 10px;
  color: #6E778A;
  letter-spacing: 0.08em; }

/*Filter search styles*/
.novi-filter-search {
  display: inline-flex;
  flex-shrink: 0; }

.novi-filter-search-field {
  display: inline-block;
  width: 0;
  margin-left: 0;
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.novi-filter-search-field input {
  background: transparent;
  border: none;
  outline: none;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  border-bottom: 2px solid #109DF7;
  display: block;
  width: 100%; }

.novi-filter-search-field input::placeholder {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 11px; }

.novi-filter-search-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  cursor: pointer; }

.novi-filter-search-icon svg {
  width: 16px;
  fill: #DADADA;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1); }

.novi-filter-search.active .novi-filter-search-field {
  width: 120px;
  margin-left: 17px;
  opacity: 1; }

.novi-filter-search.active .novi-filter-search-icon svg {
  fill: #fff; }

/*Filter categories styles*/
.novi-filter-categories {
  margin: 0;
  margin-left: 28px;
  padding: 0;
  flex-shrink: 1; }

.novi-filter-categories_horizontal {
  white-space: nowrap;
  overflow-x: scroll; }

.novi-filter-categories::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #1C222E; }

.novi-filter-categories::-webkit-scrollbar-thumb {
  height: 2px;
  width: 2px;
  border: 1px solid rgba(0, 0, 0, 0);
  border-left: none;
  border-right: none;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  background-color: #109DF7; }

.novi-filter-categories::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.novi-filter-categories::-webkit-scrollbar-corner {
  background-color: transparent; }

.novi-filter-categories li {
  display: inline-flex;
  flex-shrink: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #6E778A;
  text-transform: uppercase;
  font-size: 10px;
  border-bottom: 2px solid transparent;
  cursor: pointer;
  margin-right: 30px;
  margin-bottom: 10px; }

.novi-filter-categories li.active {
  color: #109DF7;
  border-bottom-color: #109DF7; }

.novi-filter-categories_horizontal li {
  margin-bottom: 15px; }

.novi-main-menu-wrap {
  position: relative;
  display: inline-block;
  font-size: 0;
  -webkit-user-select: none;
  user-select: none;
  padding: 5px; }

.novi-main-menu-wrap .novi-main-menu-trigger {
  cursor: pointer; }

.novi-main-menu {
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  right: 0;
  top: 100%;
  margin-top: 15px;
  opacity: 0;
  visibility: hidden;
  transition: 0.15s all cubic-bezier(0.4, 0, 1, 1); }

.novi-main-menu-wrap.active .novi-main-menu {
  opacity: 1;
  visibility: visible; }

.novi-main-menu-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 260px;
  background: #181D27;
  font-family: "Open Sans", sans-serif;
  padding-top: 4px;
  padding-bottom: 4px;
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  right: 100%;
  border-radius: 3px; }

.novi-main-menu-list.right {
  left: 100%;
  right: auto; }

.contenxt-menu-list.bottom {
  top: 0;
  bottom: auto; }

.novi-main-menu-list.left {
  left: auto;
  right: 100%; }

.novi-main-menu-list.top {
  top: auto;
  bottom: 0; }

.novi-main-menu-list .icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  padding: 2px; }

.novi-main-menu-list .icon svg {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  fill: #DADADA; }

.novi-main-menu-list .item {
  height: 32px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-left: 16px;
  padding-right: 16px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer; }

.novi-main-menu-list .item.disabled {
  cursor: default;
  pointer-events: none; }

.novi-main-menu-list .item:hover {
  background: #109DF7; }

.novi-main-menu-list .item:hover .icon svg {
  fill: #fff; }

.novi-main-menu-list .item .title {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  margin-left: 10px;
  font-weight: 300; }

.novi-main-menu-list .item.disabled:hover {
  background: transparent; }

.novi-main-menu-list .item.disabled:hover .title,
.novi-main-menu-list .item.disabled .title {
  color: #6E778A; }

.novi-main-menu-list .item.disabled:hover .icon svg,
.novi-main-menu-list .item.disabled .icon svg {
  fill: #6E778A; }

.novi-main-menu-list .divider {
  height: 2px;
  margin-top: 4px;
  margin-bottom: 4px;
  position: relative;
  cursor: auto; }

.novi-main-menu-list .divider:after {
  position: absolute;
  content: "";
  height: 1px;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #0C0E13; }

.novi-main-menu-list .divider:hover {
  background: transparent; }

.novi-main-menu-list .dropdown:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  border-width: 4px 0 4px 4px;
  border-color: transparent transparent transparent #6E778A; }

/*2-nd lvl*/
.novi-main-menu-list .dropdown .novi-main-menu-list {
  visibility: hidden;
  opacity: 0; }

.novi-main-menu-list .dropdown .novi-main-menu-list.top {
  -webkit-transform: translateY(4px);
  transform: translateY(4px); }

.novi-main-menu-list .dropdown .novi-main-menu-list.bottom {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px); }

.novi-main-menu-list .dropdown:hover .novi-main-menu-list {
  visibility: visible;
  opacity: 1; }

.novi-main-menu-list .dropdown:hover:after {
  border-color: transparent transparent transparent #ffffff; }

/*dropdown*/
.novi-main-menu-list .novi-main-menu-list {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  border-radius: 0; }

.novi-radio-group {
  display: flex;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: "Open Sans", sans-serif; }

.novi-radio-group > * {
  width: 135px;
  padding: 5px 20px;
  border: 1px solid #6E778A;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
  cursor: pointer;
  text-transform: capitalize; }

.novi-radio-group > * + * {
  border-left: none; }

.novi-radio-group > {
  margin-left: -1px; }

.novi-radio-group > *:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.novi-radio-group > *:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

.novi-radio-group > .active {
  background: #109DF7;
  border-color: #109DF7; }

.novi-radio-group > * + .active {
  box-shadow: -1px 0 0 0 #109df7; }

.novi-radio-group > .disabled {
  color: rgba(255, 255, 255, 0.5); }

.novi-tool-gradient-rectangle {
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  border-radius: 2px;
  margin: 0 auto;
  position: relative; }

.novi-tool-gradient-rectangle:focus {
  outline: none; }

.novi-tool-gradient-line-wrap {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  will-change: transform; }

.novi-tool-gradient-line {
  background: #fff;
  height: 2px;
  width: 100%;
  /*cursor: url('data:image/png;base64, ') 7 7, pointer ;*/
  cursor: url("data:image/png;base64, ") 8 2, pointer;
  /*cursor: pointer;*/ }

.novi-tool-gradient-line:hover .novi-tool-gradient-rotate-icon {
  opacity: 1; }

.novi-tool-gradient-rotate-icon {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -10px;
  left: calc(50% - 5px);
  opacity: 0;
  pointer-events: none; }

.novi-tool-gradient-rotate-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
  fill: #fff; }

.novi-tool-gradient-line:before {
  content: "";
  position: absolute;
  top: -5px;
  bottom: -5px;
  background: transparent;
  left: 0;
  width: 100%; }

.novi-tool-gradient-line-dot {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  box-sizing: border-box;
  border-radius: 50%;
  position: absolute;
  top: 0;
  transform: translate(-5px, -4px);
  cursor: pointer; }

.novi-tool-gradient-line-dot:focus, .novi-tool-gradient-line:focus {
  cursor: grab; }

.novi-tool-gradient-line-dot.active {
  width: 16px;
  height: 16px;
  transform: translate(-8px, -7px);
  cursor: default; }

.novi-tool-gradient-angle {
  position: absolute;
  top: 8px;
  left: 13px;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  font-family: "Open Sans", sans-serif;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.novi-tool-gradient-color {
  display: flex; }

.novi-tool-gradient-color .novi-color-swatch {
  width: 30px;
  height: 30px;
  align-items: center; }

.novi-crop-tool {
  -webkit-user-select: none;
  user-select: none;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center; }

.ReactCrop {
  position: relative;
  display: inline-block;
  cursor: crosshair;
  overflow: hidden;
  max-width: 100%;
  font-size: 10px;
  max-height: 100%; }

.ReactCrop--disabled {
  cursor: inherit; }

.ReactCrop:focus {
  outline: none; }

.ReactCrop__image {
  display: block;
  max-width: 100%;
  max-height: 100%; }

.ReactCrop__image-copy {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%; }

.ReactCrop__crop-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6); }

.ReactCrop__crop-selection {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(0, 0, 0);
  box-sizing: border-box;
  cursor: move;
  box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
  border: 1px solid #109df7; }

.ReactCrop--disabled .ReactCrop__crop-selection {
  cursor: inherit; }

.ReactCrop__drag-handle {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #109df7;
  border: 1px solid #109df7;
  box-sizing: border-box;
  outline: 1px solid transparent; }

.ReactCrop .ord-nw {
  top: 0;
  left: 0;
  margin-top: -3px;
  margin-left: -3px;
  cursor: nw-resize; }

.ReactCrop .ord-n {
  top: 0;
  left: 50%;
  margin-top: -3px;
  margin-left: -3px;
  cursor: n-resize; }

.ReactCrop .ord-ne {
  top: 0;
  right: 0;
  margin-top: -3px;
  margin-right: -3px;
  cursor: ne-resize; }

.ReactCrop .ord-e {
  top: 50%;
  right: 0;
  margin-top: -3px;
  margin-right: -3px;
  cursor: e-resize; }

.ReactCrop .ord-se {
  bottom: 0;
  right: 0;
  margin-bottom: -3px;
  margin-right: -3px;
  cursor: se-resize; }

.ReactCrop .ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -3px;
  margin-left: -3px;
  cursor: s-resize; }

.ReactCrop .ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -3px;
  margin-left: -3px;
  cursor: sw-resize; }

.ReactCrop .ord-w {
  top: 50%;
  left: 0;
  margin-top: -3px;
  margin-left: -3px;
  cursor: w-resize; }

.ReactCrop__disabled .ReactCrop__drag-handle {
  cursor: inherit; }

.ReactCrop__drag-bar {
  position: absolute; }

.ReactCrop__drag-bar.ord-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-top: -4px; }

.ReactCrop__drag-bar.ord-e {
  right: 0;
  top: 0;
  width: 6px;
  height: 100%;
  margin-right: -4px; }

.ReactCrop__drag-bar.ord-s {
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin-bottom: -4px; }

.ReactCrop__drag-bar.ord-w {
  top: 0;
  left: 0;
  width: 6px;
  height: 100%;
  margin-left: -4px; }

.ReactCrop--new-crop .ReactCrop__drag-bar,
.ReactCrop--new-crop .ReactCrop__drag-handle,
.ReactCrop--fixed-aspect .ReactCrop__drag-bar {
  display: none; }

.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
  display: none; }

@media (max-width: 768px) {
  .ReactCrop__drag-handle {
    width: 17px;
    height: 17px; }
  .ReactCrop .ord-nw {
    margin-top: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-n {
    margin-top: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-ne {
    margin-top: -9px;
    margin-right: -9px; }
  .ReactCrop .ord-e {
    margin-top: -9px;
    margin-right: -9px; }
  .ReactCrop .ord-se {
    margin-bottom: -9px;
    margin-right: -9px; }
  .ReactCrop .ord-s {
    margin-bottom: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-sw {
    margin-bottom: -9px;
    margin-left: -9px; }
  .ReactCrop .ord-w {
    margin-top: -9px;
    margin-left: -9px; }
  .ReactCrop__drag-bar.ord-n {
    height: 14px;
    margin-top: -12px; }
  .ReactCrop__drag-bar.ord-e {
    width: 14px;
    margin-right: -12px; }
  .ReactCrop__drag-bar.ord-s {
    height: 14px;
    margin-bottom: -12px; }
  .ReactCrop__drag-bar.ord-w {
    width: 14px;
    margin-left: -12px; } }

.novi-font-tool {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  font-size: 11px;
  padding: 15px;
  color: #6E778A;
  height: 200px;
  background: #1F2532;
  border-radius: 3px;
  box-sizing: border-box;
  width: 385px;
  font-family: 'Open Sans', sans-serif; }

.novi-font-tool-group {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.novi-font-tool-group-item {
  width: 170px; }

.novi-font-tool-group-item + .novi-font-tool-group-item {
  margin-left: 15px; }

.novi-font-tool-group-label {
  display: block;
  margin-bottom: 5px; }

.novi-font-tool-family {
  position: relative; }

.novi-font-tool-family-toggle {
  background: #282F3D;
  cursor: pointer;
  color: #fff;
  text-align: left;
  padding: 0 25px 0 10px;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  position: relative; }

.novi-font-tool-family-toggle:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  border-style: solid;
  height: 0;
  width: 0;
  border-width: 4px 4px 3px;
  border-color: #6e778a transparent transparent; }

.novi-font-tool-family-list {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  background: #282F3D;
  color: #fff;
  padding: 0;
  list-style-type: none;
  -webkit-box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 20px 0 rgba(0, 0, 0, 0.3);
  border-top: 1px solid #181D27;
  opacity: 0;
  visibility: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 0;
  box-sizing: border-box; }

.novi-font-tool-family.active .novi-font-tool-family-toggle:after {
  border-width: 0px 4px 4px;
  border-color: transparent transparent #6e778a; }

.novi-font-tool-family.active .novi-font-tool-family-toggle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.novi-font-tool-family.active .novi-font-tool-family-list {
  opacity: 1;
  visibility: visible;
  z-index: 10; }

.novi-font-tool-family-list-item {
  height: 25px;
  line-height: 25px;
  white-space: nowrap;
  padding: 3px 10px;
  cursor: pointer; }

.novi-font-tool-family-list-item:hover {
  background: #109DF7;
  color: #fff; }

.novi-font-tool .Select {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  width: 170px; }

.novi-font-tool .Select-placeholder,
.novi-font-tool .Select--single > .Select-control .Select-value {
  background: #282F3D; }

/*Media library wrapper*/
.react-resizable {
  position: relative; }

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAALCAYAAABLcGxfAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABmSURBVHgBrc+xCYAwEAXQy3kDuYpriGiVtJZC7F3DUXQgUYlwEETPX/i7fN6HHNHfqX0s2xAXfcsXFqZ526nSziF4GsNqDt7w48DCKYzg/HBBcH64Q7H215cKPnoEm2n80KXRvT8BifhSlOEjSy0AAAAASUVORK5CYII=");
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize; }

.media-library-inner-wrap {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block; }

.media-library-wrap {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
  user-select: none;
  font-family: "Open Sans", sans-serif;
  background: rgba(25, 29, 40, 0.7);
  height: 100%; }

/*Media library*/
.media-library {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*-webkit-transform: translate(-50, -50%);*/
  /*transform: translate(-50%, -50%);*/
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #181D27;
  border: 1px solid #090A0D;
  /*overflow: auto;*/ }

/*Media library header*/
.media-library-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #090A0D;
  background: #1F2532;
  position: relative;
  z-index: 1; }

.media-library-header-left-part {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: calc(100% - 100px);
  resize: none; }

.media-library-header-right-part {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  resize: none; }

.media-library-header-left-part-item,
.media-library-download-project-items {
  display: inline-block;
  height: 40px;
  width: auto;
  position: relative;
  font-size: 11px;
  line-height: 40px;
  margin-left: 10px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.media-library-download-project-items {
  margin-right: 10px;
  cursor: pointer; }

.media-library-item:hover .media-library-item-dimension-label {
  bottom: 4px;
  opacity: 1; }

.media-library-item_static .media-library-item-dimension-label {
  bottom: 4px;
  opacity: 1; }

.media-library-item-dimension-label {
  font-size: 10px;
  line-height: 10px;
  position: absolute;
  bottom: -20px;
  left: 50%;
  color: #fff;
  transform: translateX(-50%);
  padding: 2px 4px;
  box-sizing: border-box;
  display: block;
  background: #000;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  white-space: nowrap;
  opacity: 0;
  transition: 0.15s all ease;
  text-decoration: none; }

.media-library-item-dimension-label:hover {
  text-decoration: underline; }

.media-library-item-link-icon {
  position: absolute;
  right: -5px;
  top: -5px;
  width: 18px;
  height: 18px;
  background: #109DF7;
  border-radius: 50%;
  font-size: 0;
  z-index: 2; }

.media-library-item-link-icon svg {
  fill: #fff; }

a.media-library-item-link-icon {
  cursor: pointer; }

.media-library-items-link-description {
  font-size: 11px;
  color: #6E778A;
  display: flex;
  align-items: center; }

.media-library-items-container-header-left-part, .media-library-items-container-header-right-part {
  display: flex;
  align-items: center; }

.media-library-items-link-description .icon {
  width: 14px;
  height: 14px;
  background: #109DF7;
  border-radius: 50%;
  font-size: 0;
  z-index: 2;
  display: inline-block; }

.media-library-items-link-description .icon_active {
  cursor: pointer; }

.media-library-items-link-description .icon + span {
  margin-left: 5px; }

.media-library-items-link-description .icon svg {
  fill: #fff; }

.media-library-header-left-part-item svg,
.media-library-download-project-items svg {
  fill: #fff;
  vertical-align: top; }

.media-library-header-left-part-item > svg,
.media-library-download-project-items > svg {
  width: 20px;
  height: 20px;
  margin-top: 10px; }

.media-library-download-project-items > svg {
  width: 18px;
  height: 18px; }

.media-library-close-icon {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer; }

.media-library-close-icon:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  background: #090A0D; }

.media-library-close-icon svg {
  width: 16px;
  height: 16px;
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -8px; }

/*Media library body*/
.media-library-body {
  display: flex;
  justify-content: space-between;
  height: calc(100% - 41px); }

/*Media library body right part*/
.media-library-body-right-part {
  width: calc(100% - 200px);
  height: 100%;
  overflow: scroll;
  box-sizing: border-box;
  flex-shrink: 0;
  max-width: 80%; }

.media-library-body-right-part::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #181D27; }

.media-library-body-right-part::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.media-library-body-right-part::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.media-library-body-right-part::-webkit-scrollbar-corner {
  background-color: transparent; }

.media-library-items-container {
  padding: 20px;
  padding-right: 12px;
  height: 100%;
  box-sizing: border-box; }

.media-library-items-container .dropzone-overlay {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  display: none; }

.media-library-items-container .dropzone-overlay .icon {
  height: 100px;
  width: 100px;
  margin-left: 10px;
  display: inline-block;
  position: absolute;
  left: 58%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-top: -30px; }

.media-library-items-container .dropzone-overlay .icon > svg {
  fill: #109DF7; }

.media-library-items-container .dropzone-label {
  position: absolute;
  top: 50%;
  left: 59%;
  color: #fff;
  transform: translate(-50%, -50%);
  margin-top: 30px; }

.media-library-items-container.dropzone .dropzone-overlay,
.media-library-items-container.dropzone .dropzone-label {
  display: block; }

.media-library-items-container-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 6px;
  padding-right: 6px; }

.media-library-items-container-header.empty-items {
  height: 100%; }

.media-library-items-container-header.empty-items .media-library-items-upload .media-library-upload-button {
  width: 100%; }

.media-library-items-container-header.empty-items .media-library-items-upload .icon svg {
  fill: #6E778A; }

.media-library-items-container-header.empty-items .media-library-items-upload .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  margin-top: -35px;
  height: 100px;
  margin-left: 0; }

.media-library-items-container-header.empty-items .media-library-items-upload > span {
  font-size: 22px;
  color: #6E778A;
  margin-top: 45px;
  z-index: 1; }

.media-library-items-container-header.empty-items .media-library-items-upload {
  width: 100%;
  height: 100%;
  justify-content: center; }

.media-library-items-container-header .media-library-items-count {
  font-size: 11px;
  color: #6E778A; }

.media-library-items-container-header .media-library-upload-button {
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
  opacity: 0;
  cursor: pointer; }

.media-library-items-button:not(:last-child) {
  margin-right: 20px; }

.media-library-items-container-header .media-library-items-button, .media-library-items-container-header .media-library-items-upload {
  position: relative;
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer; }

.media-library-items-container-header .media-library-items-button .icon, .media-library-items-container-header .media-library-items-upload .icon {
  height: 20px;
  width: 20px;
  margin-left: 10px;
  display: inline-block; }

.media-library-items-container-header .media-library-items-button .icon > svg, .media-library-items-container-header .media-library-items-upload .icon > svg {
  fill: #109DF7; }

.media-library-items-container-body {
  margin-top: 15px;
  font-size: 0; }

.media-library-item {
  background: #10131A;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.25s ease;
  position: relative; }

.media-library-item:hover {
  box-shadow: inset 0 0 0 1px rgba(16, 157, 247, 0.75); }

.media-library-item.active:hover {
  box-shadow: none; }

.media-library-item.active.dragging {
  opacity: .5; }

.media-library-item.active {
  border-color: #109DF7; }

.media-library-item.media-library-item_static {
  cursor: default; }

.media-library-item.media-library-item_static:hover {
  box-shadow: none; }

.media-library-item-body {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative; }

.media-library-item-body-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100%; }

.media-library-item-preview {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px; }

.media-library-item-preview-img {
  width: 100%;
  height: 100%;
  background-size: contain;
  -webkit-background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block; }

.media-library-item-preview-loading {
  display: block;
  height: 100%;
  position: absolute;
  left: -5px;
  right: -5px;
  z-index: 2;
  background: #10131A; }

.media-library-item-preview-loading svg {
  fill: #fff;
  width: 30%;
  height: 30%;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -15%;
  margin-left: -15%;
  -webkit-animation-name: rotation;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotation;
  -moz-animation-duration: 1s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotation;
  -o-animation-duration: 1s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; }

.media-library-item-preview-icon {
  display: block;
  position: absolute;
  left: -5px;
  right: -5px;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.2); }

.media-library-item-preview-icon svg {
  fill: #fff;
  width: 25%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

/*Media library body left part*/
.media-library-body-left-part {
  background: #1F2532;
  min-width: 200px;
  flex-shrink: 1;
  max-width: 20%;
  width: 100%;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  z-index: 1; }

.media-library-body-left-part-top {
  height: 55px;
  flex-shrink: 0;
  font-size: 11px;
  line-height: 55px;
  color: #fff;
  letter-spacing: 0.0545em;
  margin-left: 20px;
  font-weight: 500; }

.media-library-body-left-part-middle {
  flex-shrink: 1;
  overflow-y: scroll; }

.media-library-body-left-part-middle::-webkit-scrollbar {
  width: 0;
  height: 0; }

.media-library-body-left-part-middle::-webkit-scrollbar-thumb {
  height: 0;
  width: 0;
  border: none;
  background-clip: padding-box; }

.media-library-body-left-part-middle::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.media-library-body-left-part-middle::-webkit-scrollbar-corner {
  background-color: transparent; }

.media-library-body-left-part-bottom {
  flex-shrink: 0;
  margin-bottom: 10px; }

.media-library-category-list-item .file-count,
.media-library-category-list-item .title {
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  font-weight: 400; }

.media-library-category-list-item .title-wrap {
  flex-shrink: 1;
  position: relative;
  z-index: 0;
  display: inline-block;
  margin-left: 10px;
  cursor: pointer;
  overflow: hidden;
  font-size: 0;
  background: inherit; }

.media-library-category-list-item .title {
  display: inline-block;
  white-space: pre;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%; }

.media-library-category-list-item .input-title[disabled] {
  cursor: pointer;
  user-select: none;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none; }

.media-library-category-list-item .input-title {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  border: none;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  background: inherit;
  height: 20px;
  font-family: "Open Sans", sans-serif;
  z-index: 1;
  outline: none;
  pointer-events: auto;
  box-sizing: border-box;
  padding: 0; }

.media-library-category-list-item .file-count {
  margin-left: 4px; }

.media-library-category-list-item .icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0; }

.media-library-category-list-item .icon svg {
  fill: #6E778A; }

.media-library-category-list-item-add .title {
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  height: 20px;
  margin-left: 10px; }

.media-library-category-list-item-add .icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: inline-block; }

.media-library-category-list-item-add .icon svg {
  fill: #6E778A; }

.media-library-category-list-divider {
  height: 1px;
  background: #0C0E13;
  margin: 12px 20px 8px; }

.media-library-category-list-item-add,
.media-library-category-list-item {
  height: 31px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  border: 1px solid transparent;
  background: #1F2532; }

.media-library-category-list-item.hovered {
  border: 1px solid #109DF7; }

.media-library-category-list-item.active {
  background: #181D27; }

.media-library-category-list-item.active .icon svg {
  fill: #109DF7; }

.media-library-category-list-item.disabled {
  cursor: default; }

.media-library-category-list-item.disabled .title,
.media-library-category-list-item.disabled .file-count {
  color: #6E778A; }

/*Grid stystem for media-library items*/
.media-shell {
  margin-right: auto;
  margin-left: auto;
  padding-left: 6px;
  padding-right: 6px;
  box-sizing: border-box; }

.media-shell {
  min-width: 300px;
  width: 100%; }

.media-range {
  margin-left: -6px;
  margin-right: -6px; }

[class*="cell-"] {
  padding-left: 6px;
  padding-right: 6px;
  box-sizing: border-box; }

.media-range {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  transform: translateY(-12px);
  margin-bottom: -12px; }

.media-range > * {
  margin-top: 12px; }

.media-range > [class*='cell'] {
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.media-range > .cell-1 {
  -webkit-flex-basis: 8.33333%;
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.media-range > .cell-2 {
  -webkit-flex-basis: 16.66667%;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.media-range > .cell-1-5 {
  -webkit-flex-basis: 20%;
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%; }

.media-range > .cell-3 {
  -webkit-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.media-range > .cell-4 {
  -webkit-flex-basis: 33.33333%;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.media-range > .cell-5 {
  -webkit-flex-basis: 41.66667%;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.media-range > .cell-6 {
  -webkit-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.media-range > .cell-7 {
  -webkit-flex-basis: 58.33333%;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.media-range > .cell-8 {
  -webkit-flex-basis: 66.66667%;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.media-range > .cell-9 {
  -webkit-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.media-range > .cell-10 {
  -webkit-flex-basis: 83.33333%;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.media-range > .cell-11 {
  -webkit-flex-basis: 91.66667%;
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.media-range > .cell-12 {
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(720deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

.drag-preview {
  width: 150px;
  height: 40px;
  background: #1F2532;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  border-radius: 3px;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 13px;
  padding-left: 13px;
  box-sizing: border-box; }

.drag-preview.multiple:before {
  content: "";
  position: absolute;
  left: -3px;
  top: -3px;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: #1F2532;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  border-radius: 3px; }

.drag-preview span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-shrink: 1; }

.drag-preview .icon {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 10px;
  flex-shrink: 0; }

.drag-preview .icon svg {
  fill: #109DF7; }

.drag-preview-items-count {
  position: absolute;
  width: 20px;
  height: 20px;
  background: #109DF7;
  color: #fff;
  right: -10px;
  top: -10px;
  border-radius: 50%;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }

.media-library-footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  border-top: 1px solid #090A0D;
  background: #1F2532;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative; }

.media-library-footer.disabled .link-default {
  opacity: 0.5; }

.unsplash-search {
  display: flex;
  border-radius: 3px;
  overflow: hidden;
  margin-bottom: 25px; }

.unsplash-search_field {
  background: #0F1319;
  color: #FFFFFF;
  width: 100%;
  outline: none;
  border: 1px solid #0F1319;
  height: 30px;
  line-height: 16px;
  font-size: 11px;
  padding: 7px 25px 7px 12px;
  box-sizing: border-box;
  flex: 1; }

.unsplash-search_button {
  width: 36px;
  height: 30px;
  padding: 5px 8px;
  background: #0F1319;
  border: none;
  cursor: pointer;
  outline: none; }

.unsplash-search_button > svg {
  fill: #109DF7; }

.unsplash-error-message {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 4;
  color: #f0f0f0; }

.unsplash-load-more {
  margin: 20px 0;
  text-align: center; }

/*Media library wrapper*/
.icon-manager-wrap {
  position: absolute;
  z-index: 9;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-user-select: none;
  user-select: none;
  font-family: "Open Sans", sans-serif;
  background: rgba(25, 29, 40, 0.7);
  height: 100%; }

/*Media library*/
.icon-manager {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #181D27;
  border: 1px solid #090A0D;
  overflow: auto; }

/*Media library header*/
.icon-manager-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: 1px solid #090A0D;
  background: #1F2532; }

.icon-manager-header-left-part {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  max-width: calc(100% - 50px);
  resize: none; }

.icon-manager-header-left-part-item {
  display: inline-block;
  height: 40px;
  width: auto;
  position: relative;
  font-size: 11px;
  line-height: 40px;
  margin-left: 10px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.icon-manager-header-left-part-item svg {
  fill: #fff;
  vertical-align: top; }

.icon-manager-header-left-part-item > svg {
  width: 20px;
  height: 20px;
  margin-top: 10px; }

.icon-manager-close-icon {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer; }

.icon-manager-close-icon:before {
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 20px;
  top: 50%;
  margin-top: -10px;
  background: #090A0D; }

.icon-manager-close-icon svg {
  width: 16px;
  height: 16px;
  fill: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -8px; }

/*Media library body*/
.icon-manager-body {
  /*    height: calc(100% - 41px);*/ }

.icon-manager-body-top-part {
  width: 100%;
  background: #1F2532; }

.icon-manager-body-search-field {
  padding: 15px;
  box-sizing: border-box;
  position: relative; }

.icon-manager-body-search-icon {
  width: 14px;
  height: 14px;
  position: absolute;
  left: 25px;
  top: 50%;
  margin-top: -7px;
  font-size: 0; }

.icon-manager-body-search-icon svg {
  fill: #fff;
  width: 100%; }

.icon-manager-body-search-field input {
  padding-left: 32px;
  background: #171B23;
  border-radius: 3px;
  border: 1px solid #090A0D;
  box-sizing: border-box;
  height: 30px;
  line-height: 30px;
  width: 100%;
  color: #fff;
  font-size: 11px;
  font-family: "Open Sans", sans-serif;
  box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.3); }

.icon-manager-body-search-field input:focus {
  outline: none; }

.icon-manager-body-search-field input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff; }

.icon-manager-body-search-field input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff; }

.icon-manager-body-search-field input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff; }

.icon-manager-icons-list {
  overflow-y: auto;
  box-sizing: border-box;
  padding: 15px;
  font-size: 0;
  height: calc(100% - 105px);
  position: relative; }

.icon-manager-icons-list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #181D27; }

.icon-manager-icons-list::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.icon-manager-icons-list::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.icon-manager-icons-list::-webkit-scrollbar-corner {
  background-color: transparent; }

.icon-manager-icons-list-item {
  font-size: 25px;
  color: #979797;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.15s all ease; }

.icon-manager-icons-list-empty-message {
  text-align: center;
  font-size: 18px;
  color: #5a5a5a;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  white-space: nowrap;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  right: 15px;
  margin-top: -20px; }

.icon-manager-icons-list-empty-message span {
  color: #109DF7; }

.icon-manager-icons-list-item.active {
  border-color: #109DF7;
  color: #fff; }

.icon-manager-body-fonts {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  display: flex;
  align-items: center; }

.icon-manager-body-fonts .Select {
  width: 100%; }

.icon-manager-body-fonts .Select--single .Select-arrow-zone {
  top: 50%;
  transform: translateY(-50%); }

.icon-manager-icons-upload {
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-shrink: 0;
  padding-left: 25px; }

.icon-manager-icons-upload .icon {
  height: 20px;
  width: 20px;
  margin-left: 10px;
  display: inline-block; }

.icon-manager-icons-upload .icon svg {
  fill: #109DF7; }

.icon-manager-footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  border-top: 1px solid #090A0D;
  background: #1F2532;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px; }

.icon-manager-footer.disabled .link-default {
  opacity: 0.5; }

.novi-input-number {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 3px;
  width: 100%;
  font-family: "Open Sans", sans-serif; }

.novi-input-number input {
  background: #171B23;
  color: #FFFFFF;
  width: 100%;
  border-radius: 3px;
  outline: none;
  border: 1px solid #171B23;
  height: 30px;
  line-height: 16px;
  font-size: 11px;
  padding: 7px 12px;
  box-sizing: border-box;
  -webkit-user-select: initial;
  user-select: initial;
  padding-right: 20px; }

.novi-input-number input[disabled] {
  opacity: 0.7;
  cursor: not-allowed;
  user-focus: none;
  user-select: none; }

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

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

.novi-input-number-arrows svg {
  width: 10px;
  fill: #fff;
  height: 10px; }

.novi-input-number-arrows {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  font-size: 0;
  cursor: pointer; }

.novi-input-number input[disabled] + .novi-input-number-arrows {
  cursor: not-allowed;
  pointer-events: none; }

.novi-input-number-arrow-up {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  text-align: center;
  padding-top: 3px; }

.novi-input-number-arrow-down {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 20px;
  padding-bottom: 3px;
  text-align: center; }

.failed-load-screen {
  position: relative;
  text-align: center;
  max-height: 100vh;
  z-index: 1;
  font-family: 'Open Sans', sans-serif;
  -webkit-user-select: none;
  user-select: none; }

.failed-load-screen-wrapper {
  position: relative;
  transition: 0.3s all ease;
  padding-top: 25px;
  padding-bottom: 25px;
  min-height: 100vh;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: row;
  -webkit-justify-content: space-between;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  z-index: 1; }

.failed-load-screen-title {
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 40px;
  letter-spacing: 8px;
  line-height: 48px; }

.failed-load-screen-subtitle {
  display: block;
  color: #6E778A;
  font-size: 17px;
  line-height: 32px;
  letter-spacing: 0.1em;
  max-width: 70%;
  margin: 20px auto 0; }

.failed-load-screen-choosetext {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 17px;
  letter-spacing: 0.4em;
  color: #fff;
  margin-top: 80px; }

.failed-load-screen-canvas-bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

.failed-load-screen-options {
  margin-top: 70px;
  display: flex;
  align-items: center;
  justify-content: center; }

.failed-load-screen-project-option {
  text-align: center; }

.failed-load-screen-project-option-icon {
  width: 150px;
  text-align: center;
  display: inline-block; }

.failed-load-screen-project-option-description {
  display: block;
  font-weight: 300;
  color: #6E778A;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.4em;
  margin-top: 25px; }

.failed-load-screen-project-option-button {
  display: block;
  font-weight: 300;
  color: #6E778A;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.4em;
  margin-top: 25px; }

.failed-load-screen-project-option + .failed-load-screen-project-option {
  margin-left: 8%; }

.failed-load-screen-project-option-button:hover {
  background: #1094D5; }

.failed-load-screen-project-option-button {
  -webkit-display: inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  height: 38px;
  font-family: "Open Sans", sans-serif;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-transition: 0.15s all ease;
  transition: 0.15s all ease;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 3px;
  color: #fff;
  background: #109DF7;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding-left: 20px;
  padding-right: 20px; }

.failed-load-screen-project-option-title {
  display: block;
  color: #6E778A;
  font-size: 17px;
  line-height: 32px;
  max-width: 300px;
  margin: 20px auto 0; }

.inspector-selectors {
  background: #181D27;
  color: #fff;
  font-size: 12px;
  box-sizing: border-box;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  border-right: 1px solid #0c0e13; }

.inspector-content, .inspector-autocomplete {
  font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace; }

.inspector-content {
  height: 294px;
  max-height: 294px;
  overflow: hidden;
  overflow-y: auto;
  border-top: 1px solid #000;
  box-sizing: border-box; }

.inspector-content::-webkit-scrollbar, .inspector-autocomplete::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background: #0c0e13; }

.inspector-content::-webkit-scrollbar-thumb, .inspector-autocomplete::-webkit-scrollbar-thumb {
  height: 6px;
  width: 6px;
  border: 2px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  background-color: #109DF7; }

.inspector-content::-webkit-scrollbar-button, .inspector-autocomplete::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none; }

.inspector-selectors [contenteditable]:focus {
  outline: none; }

.selector {
  padding: 8px 0 8px 20px;
  border-top: 1px solid #000; }

.selector:first-child {
  border-top: none; }

.selector-name-wrap, .selector-name:focus .active-selector {
  color: #6E778A; }

.selector-name-wrap {
  position: relative;
  max-width: calc(100% - 95px); }

.selector-name {
  display: inline;
  line-height: 18px;
  -webkit-user-select: auto;
  user-select: all; }

.selector-owner {
  position: absolute;
  left: 100%;
  width: 95px;
  padding: 0 5px;
  line-height: 14px;
  text-align: right;
  top: 2px;
  color: #6E778A;
  background: #181D27;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.selector-owner-link {
  cursor: pointer; }

.selector-media ~ .selector-owner {
  top: 18px; }

.selector-owner-link:hover {
  text-decoration: underline; }

.selector-media {
  margin-bottom: 5px; }

.selector-media.inactive {
  color: #6E778A; }

.selector-media-value {
  margin-left: 5px;
  display: inline-block;
  -webkit-user-select: auto;
  user-select: all; }

.selector-properties {
  list-style-type: none;
  padding: 2px 0 2px 15px;
  margin: 0;
  line-height: 18px; }

.selector-property.inactive, .selector-property.inactive .selector-property-value {
  text-decoration: line-through; }

.selector-property.no-apply {
  opacity: 0.6; }

.selector-property-name {
  color: #00baff;
  -webkit-user-select: auto;
  user-select: all;
  display: inline-block;
  min-width: 12px;
  position: relative; }

.inactive .selector-property-name:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  height: 1px;
  background: #ffffff; }

.selector-property-value {
  color: #ffffff;
  display: inline-block;
  min-width: 5px;
  -webkit-user-select: auto;
  user-select: all; }

.selector-property-name:after {
  content: ":";
  display: inline;
  margin-right: 3px;
  color: #ffffff; }

.selector-property-value:after {
  content: ";";
  display: inline; }

.selector-property-value[contenteditable] {
  display: inline-block; }

.active-selector {
  color: #ffffff; }

.selector-close-bracket {
  color: #6E778A; }

.inspector-top-panel {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 5px;
  transition: 0.2s all ease; }

.inspector-top-panel:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 26px;
  height: 1px;
  background: #000000; }

.inspector-top-panel.active {
  padding-bottom: 30px; }

.inspector-tabs {
  display: flex;
  width: 70%; }

.inspector-tab {
  padding: 6px 14px;
  text-transform: capitalize;
  border: 1px solid #000;
  border-top: none;
  border-bottom: none;
  font-size: 11px;
  line-height: 14px;
  height: 26px;
  box-sizing: border-box;
  cursor: pointer;
  background: #1F2532; }

.inspector-tab.active {
  background: #00baff;
  cursor: default; }

.inspector-tab + .inspector-tab {
  border-left: none; }

.inspector-top-panel-right-side {
  display: flex;
  justify-content: flex-end;
  align-items: center; }

.top-panel-plus {
  display: inline-block;
  width: 20px;
  height: 20px;
  cursor: pointer; }

.top-panel-plus svg {
  fill: #fff;
  pointer-events: none; }

.top-panel-plus.active svg {
  fill: #00baff; }

.inspector-top-panel-state-toggle {
  margin: 0 5px;
  transition: background 0.2s ease;
  background: #1C222E;
  user-select: none;
  font-size: 11px; }

.inspector-top-panel.active .inspector-top-panel-state-toggle {
  background: #00baff; }

.top-panel-add-class, .inspector-top-panel-state-toggle {
  padding: 2px 5px;
  border-radius: 3px;
  cursor: pointer; }

.inspector-computed-style-properties {
  list-style-type: none;
  margin: 0;
  padding: 8px 0 8px 20px; }

.inspector-computed-style h6 {
  margin: 10px 0 0px;
  font-size: 13px;
  padding: 10px 5px 10px 10px;
  font-weight: 400;
  background: #121417;
  border: 1px solid #000;
  border-left: none;
  border-right: none;
  cursor: pointer;
  user-select: none;
  position: relative; }

.inspector-computed-style h6:after {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #fff transparent transparent transparent;
  position: absolute;
  margin-top: -2px;
  right: 10px;
  top: 50%; }

.inspector-computed-style h6.active:after {
  border-width: 0 4px 4px 4px;
  border-color: transparent transparent #fff transparent; }

.inspector-computed-style-properties li {
  line-height: 16px; }

.selector-property-double-dot, .selector-property-end {
  user-select: none; }

.inspector-autocomplete {
  padding: 0;
  overflow: hidden;
  margin: 0;
  list-style-type: none;
  overflow-y: auto;
  max-height: 160px; }

.inspector-autocomplete-wrap {
  border-radius: 3px;
  overflow: hidden;
  background: #1F2532;
  position: absolute;
  top: 0;
  right: 0;
  width: 220px; }

.inspector-autocomplete li {
  color: #ffffff;
  padding: 5px;
  background: #1F2532;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  height: 22px;
  line-height: 12px; }

.inspector-autocomplete li + li {
  box-shadow: 0 -1px 0 #000; }

.inspector-autocomplete li.hover {
  background: #00baff; }

.inspector-selectors [contenteditable]::selection,
.inspector-selectors [contenteditable] .active-selector::selection {
  background: #ACCEF7;
  color: #fff; }

.pseudo-element-heading {
  margin: 0;
  background: #0F1319;
  padding: 6px 5px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 400; }

.inspector-top-panel-state-dropdown {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 0;
  bottom: 100%;
  visibility: hidden;
  pointer-events: none;
  transition: 0.2s bottom ease;
  height: 30px;
  display: flex;
  justify-content: center;
  text-align: center; }

.inspector-top-panel-state-dropdown .checkbox + .checkbox {
  margin-left: 70px; }

.inspector-top-panel.active .inspector-top-panel-state-dropdown {
  bottom: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: 0.15s 0.05s opacity ease; }

.novi-inspector-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  font-size: 20px;
  line-height: 30px;
  color: rgba(110, 119, 138, 0.4);
  white-space: pre-line;
  margin: 0;
  margin-top: -15px; }

.top-panel-plus-dropdown {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: absolute;
  top: 28px;
  right: 0;
  background: #1F2532;
  font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace;
  width: 130px;
  border-radius: 3px;
  letter-spacing: 0.1em;
  -webkit-box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.5);
  z-index: 1; }

.top-panel-plus-dropdown li {
  padding: 5px 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 13px;
  color: #6E778A; }

.top-panel-plus-dropdown li + li {
  border-top: 1px solid #000; }

.top-panel-plus-dropdown li:hover {
  background: #00baff;
  color: #ffffff; }

.novi-snackbar {
  position: absolute;
  bottom: -40px;
  left: 50%;
  transform: translateX(-50%);
  background: #1F2532;
  color: #fff;
  padding: 10px 24px;
  border-radius: 5px;
  -webkit-user-select: none;
  user-select: none;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif;
  transition: 0.25s opacity ease-out; }

.novi-snackbar.active {
  bottom: 40px;
  opacity: 1;
  transition: 0.25s all ease-in; }

.novi-snackbar .snackbar-icon {
  height: 20px;
  width: 20px;
  display: inline-block;
  padding: 2px;
  margin-right: 5px; }

.novi-snackbar .snackbar-icon svg {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  fill: #DADADA; }

.novi-snackbar.success {
  background: #61D079; }

.novi-snackbar.error {
  background: #ce3849; }

.novi-snackbar.success .snackbar-icon svg {
  /*fill: #61D079;*/ }

.novi-snackbar.error .snackbar-icon svg {
  /*fill: #ce3849;*/ }

.switcher {
  display: inline-block;
  width: 56px;
  height: 24px;
  border-radius: 3px;
  padding-left: 3px;
  padding-right: 3px;
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  line-height: 24px;
  background: #181D27;
  position: relative;
  cursor: pointer;
  color: #fff;
  -webkit-user-select: none;
  user-select: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.switcher-button {
  content: "";
  width: 25px;
  height: 18px;
  position: absolute;
  top: 3px;
  left: 3px;
  border-radius: 3px;
  transition: 0.35s background-color ease;
  background-color: #6E778A; }

.switcher-yes, .switcher-no {
  display: inline-block;
  width: 25px;
  text-align: center;
  overflow: hidden; }

.switcher.active .switcher-button {
  background-color: #109DF7; }

.switcher.disabled {
  opacity: 0.5; }

.switcher.disabled .switcher-button {
  background-color: #6E778A; }

.novi-input-css-value {
  position: relative;
  font-size: 11px;
  font-family: "Open Sans", sans-serif; }

.novi-input-css-value .input {
  background: #171B23;
  color: #FFFFFF;
  width: 100%;
  border-radius: 3px;
  outline: none;
  border: 1px solid #171B23;
  height: 30px;
  line-height: 16px;
  font-size: 11px;
  padding: 6px;
  box-sizing: border-box;
  -webkit-user-select: initial;
  user-select: initial;
  padding-right: 60px; }

.novi-input-css-value .controls {
  position: absolute;
  top: 2px;
  right: 6px;
  user-select: none; }

.novi-input-css-value .controls .increase,
.novi-input-css-value .controls .decrease {
  cursor: pointer;
  display: block;
  height: 10px; }

.novi-input-css-value .controls .increase > svg,
.novi-input-css-value .controls .decrease > svg {
  width: 10px;
  fill: #fff;
  height: 10px; }

.novi-input-css-value .controls .decrease {
  margin-top: 2px; }

.novi-input-css-value-dropdown {
  display: inline-block;
  position: absolute;
  -webkit-user-select: none;
  user-select: none;
  right: 25px;
  top: 50%;
  margin-top: -9px; }

.novi-input-css-value-dropdown-toggle {
  width: 30px;
  height: 18px;
  line-height: 18px;
  background: #282F3D;
  position: relative;
  cursor: pointer;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  padding: 0 5px;
  box-sizing: border-box;
  tab-index: 1; }

.novi-input-css-value-dropdown-body {
  position: absolute;
  margin: 6px 0 0;
  top: 100%;
  width: 30px;
  left: 0;
  background: #1F2532;
  color: #fff;
  padding: 4px 0;
  list-style-type: none;
  -webkit-box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.3);
  opacity: 0;
  visibility: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.novi-input-css-value-dropdown-toggle.active + .novi-input-css-value-dropdown-body {
  opacity: 1;
  visibility: visible;
  z-index: 10;
  -webkit-transition: 0.15s all cubic-bezier(0.4, 0, 1, 1);
  transition: 0.15s all cubic-bezier(0.4, 0, 1, 1); }

.novi-input-css-value-dropdown-item {
  white-space: nowrap;
  padding: 3px 0;
  cursor: pointer;
  position: relative;
  text-align: center; }

.novi-input-css-value-dropdown-item:hover, .novi-input-css-value-dropdown-item.active {
  background: #109DF7;
  color: #fff; }

.novi-input-css-value.not-valid .novi-input-css-value-dropdown-toggle {
  background: #ce3849; }

.novi-input-css-value.not-valid .input {
  border-color: #ce3849; }

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb; }

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none; }

.rc-slider-handle-click-focused:focus {
  border-color: #96dbfa;
  box-shadow: unset; }

.rc-slider-handle:hover {
  border-color: #57c5f7; }

.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  animation-duration: .3s;
  animation-fill-mode: both;
  display: block !important;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  animation-name: rcSliderTooltipZoomDownIn;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  animation-name: rcSliderTooltipZoomDownOut;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  transform: scale(0, 0);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); }
  100% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    transform-origin: 50% 100%;
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    transform-origin: 50% 100%;
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

html, body, #builder {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.novi-invalid-code-wrap {
  pointer-events: auto !important; }

.workspace-header-wrap, .workspace-footer-wrap {
  z-index: 7; }

.devzone .code-editor {
  height: calc(100% - 40px); }

.insert-guide {
  z-index: 10; }

.novi-snackbar {
  z-index: 11; }

.novi-section-manager {
  pointer-events: auto; }

.viewport {
  z-index: 0;
  background: #fff; }

.context-menu {
  z-index: 10; }

.media-library-wrap {
  z-index: 9 !important; }

.editor {
  pointer-events: auto; }

.editor-collapse-list .novi-icon {
  width: 20px;
  height: 20px;
  background-color: transparent; }

.devzone .novi-input > input, .devzone .Select-control {
  background: #121417; }

.fullscreen-tools {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none; }

.tmp-novi {
  position: absolute;
  top: 0;
  height: 40px;
  right: 0;
  width: 40px; }

.introduction-wrap {
  transition: 0.4s all ease;
  opacity: 1;
  visibility: visible;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }
  .introduction-wrap.fadeOut {
    opacity: 0;
    visibility: hidden; }

.editor-error-panel {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  line-height: 20px;
  padding: 5px 10px;
  color: #fff;
  background: #ce3849;
  z-index: 10; }
  .editor-error-panel-message {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis; }
  .editor-error-panel-link {
    background: none;
    float: right;
    display: block;
    border: none;
    cursor: pointer;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 10px; }
    .editor-error-panel-link:focus, .editor-error-panel-link:active {
      outline: none; }
    .editor-error-panel-link:hover {
      text-decoration: underline; }

.custom-drag-layer {
  pointer-events: none !important; }
  .custom-drag-layer .outline.select {
    border: none; }
  .custom-drag-layer .outline, .custom-drag-layer .outline-panel {
    pointer-events: none !important;
    border-radius: 3px; }

.outline.select {
  cursor: move; }

.editor-drag-preview {
  color: #fff;
  vertical-align: middle;
  background: #1F2532;
  border-radius: 3px;
  font-size: 11px;
  height: 40px;
  display: inline-block;
  padding-right: 10px; }
  .editor-drag-preview-icon {
    width: 40px;
    height: 40px;
    display: inline-block;
    position: relative;
    vertical-align: middle; }
    .editor-drag-preview-icon svg {
      fill: #fff;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -10px 0 0 -10px; }
  .editor-drag-preview-label {
    display: inline-block;
    text-transform: capitalize;
    vertical-align: middle; }

.top-bar {
  z-index: 8; }

.novi-app-loader {
  z-index: 9999; }

.novi-intro-screen-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20; }

.devzone-item-content > div,
.devzone-item-content .medialist,
.devzone-item-content .novi-filter-wrap {
  background: #181D27; }

.devzone-item-content .medialist::-webkit-scrollbar {
  background: #181D27; }

.getstarted-screen-parent {
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  bottom: 0; }

.code-editor-wrap {
  height: 100%; }
  .code-editor-wrap.readOnly {
    opacity: 0.3; }

.editor-filename-panel {
  margin: 0;
  color: #99a0af;
  width: 100%;
  background: #181D27;
  box-sizing: border-box;
  padding: 0 12px;
  border-bottom: 1px solid #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  .editor-filename-panel > span {
    display: inline-block;
    white-space: nowrap; }
  .editor-filename-panel.no-files {
    padding: 9px 12px 10px 12px; }
  .editor-filename-panel-left, .editor-filename-panel-right {
    max-width: 20%; }
  .editor-filename-panel.has-errors {
    color: #fff;
    background: #ce3849;
    height: 40px; }
    .editor-filename-panel.has-errors .editor-filename-panel-message {
      position: absolute;
      left: 20%;
      right: 20%;
      top: 0;
      bottom: 0;
      line-height: 40px;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      -ms-text-overflow: ellipsis;
      text-overflow: ellipsis; }
    .editor-filename-panel.has-errors .editor-filename-panel-link {
      background: none;
      display: block;
      border: none;
      cursor: pointer;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      font-size: 10px; }
      .editor-filename-panel.has-errors .editor-filename-panel-link:focus, .editor-filename-panel.has-errors .editor-filename-panel-link:active {
        outline: none; }
      .editor-filename-panel.has-errors .editor-filename-panel-link:hover {
        text-decoration: underline; }
    .editor-filename-panel.has-errors .file-collapse-icon svg {
      fill: #fff; }
    .editor-filename-panel.has-errors .file-collapse:before {
      border-color: #fff transparent transparent transparent; }

.novi-builder-version {
  color: #6E778A;
  font-size: 11px; }

.file-collapse {
  margin-right: 15px;
  position: relative;
  display: inline-block;
  white-space: nowrap; }
  .file-collapse:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #99A0AF transparent transparent transparent;
    position: absolute;
    left: -1px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 0.15s all ease;
    transition: 0.15s all ease; }
  .file-collapse .file-count {
    font-size: 13px;
    line-height: 40px;
    font-weight: 500;
    color: #99a0af;
    display: inline-block; }
  .file-collapse-icon {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    max-width: 100%;
    cursor: pointer; }
    .file-collapse-icon svg {
      width: 20px;
      height: 20px;
      fill: #99a0af;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
  .file-collapse.has-errors .file-collapse-icon svg {
    fill: #CE3849; }
  .file-collapse.has-errors:before {
    border-color: #CE3849 transparent transparent transparent; }
  .file-collapse-name-read-only {
    color: #4A90E2; }
  .file-collapse-toggle {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .file-collapse-body {
    position: absolute;
    left: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 7;
    background: #1F2532;
    padding: 4px 0;
    margin-top: 1px;
    color: #99a0af;
    max-height: 200px;
    overflow-y: auto;
    transition: 0.15s all cubic-bezier(0.4, 0, 1, 1);
    -webkit-transition: 0.15s all cubic-bezier(0.4, 0, 1, 1);
    box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.3); }
    .file-collapse-body::-webkit-scrollbar {
      width: 8px;
      height: 8px;
      background: #1C222E; }
    .file-collapse-body::-webkit-scrollbar-thumb {
      height: 6px;
      width: 6px;
      border: 2px solid rgba(0, 0, 0, 0);
      background-clip: padding-box;
      -webkit-border-radius: 4px;
      background-color: #109DF7; }
    .file-collapse-body::-webkit-scrollbar-button {
      width: 0;
      height: 0;
      display: none; }
    .file-collapse-body::-webkit-scrollbar-corner {
      background-color: transparent; }
    .file-collapse-body ul {
      margin: 0;
      padding: 0;
      list-style-type: none; }
    .file-collapse-body.active {
      opacity: 1;
      visibility: visible; }
    .file-collapse-body .file-badge {
      font-size: 12px;
      line-height: 26px;
      color: #fff;
      padding-left: 16px;
      padding-right: 16px;
      cursor: default; }
      .file-collapse-body .file-badge:not(.active) {
        cursor: pointer; }
      .file-collapse-body .file-badge:hover, .file-collapse-body .file-badge.active {
        background: #109DF7;
        color: #fff; }
      .file-collapse-body .file-badge.has-error {
        background: #8f2430;
        color: #fff; }
        .file-collapse-body .file-badge.has-error:hover {
          background: #CE3849; }
      .file-collapse-body .file-badge.active.has-error {
        background: #CE3849; }
      .file-collapse-body .file-badge span {
        white-space: nowrap;
        max-width: 200px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle; }
      .file-collapse-body .file-badge.active {
        border-color: transparent; }
      .file-collapse-body .file-badge:hover {
        border-color: transparent; }

.novi-devzone-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 26px;
  letter-spacing: 0.1em;
  color: rgba(110, 119, 138, 0.4); }

.novi-devzone-style-manager-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 26px;
  color: rgba(110, 119, 138, 0.4);
  width: calc(100% - 450px); }

.devzone-item-content .novi-filter {
  padding-top: 16px;
  padding-bottom: 3px; }

.hidden {
  display: none !important;
  pointer-events: none; }

.spin {
  -webkit-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite; }

.outline.affect {
  z-index: -1; }

.devzone-item-content .html-tab-wrap {
  height: calc(100% - 40px);
  position: relative;
  width: 100%;
  transition: 0.15s all cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: 0.15s all cubic-bezier(0.4, 0, 1, 1); }

.editor-filename-panel .editor-autoSave {
  width: 100%;
  text-align: right; }

.editor-filename-panel .link-primary {
  flex-shrink: 0;
  border-left: 1px solid #000;
  margin-left: 20px;
  padding-left: 20px; }

.devzone-item-content .style-manager-wrap .novi-devzone-placeholder {
  color: #6e778a;
  text-align: center;
  line-height: 2;
  font-size: 16px; }

.devzone-item-content .style-manager-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  background: #181D27;
  left: 100%;
  width: 450px;
  border-left: 1px solid #000; }

.devzone-item-content .style-manager-inner-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  z-index: 3;
  transition: none;
  cursor: wait;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px; }

.devzone-item-content .html-tab-wrap.active {
  width: calc(100% - 450px); }

.devzone-item-content .html-tab-wrap.disabled .style-manager-wrap:hover .style-manager-inner-wrap {
  opacity: 1;
  visibility: visible; }

.devzone-item-content .html-tab-wrap.disabled.triggered .style-manager-inner-wrap {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.8); }

.ace_scrollbar-inner {
  background-color: #fff;
  opacity: 0.0001; }

.app.webkit .ace_scrollbar.ace_scrollbar-v {
  width: 8px !important;
  bottom: 8px !important; }

.app.webkit .ace_scrollbar.ace_scrollbar-h {
  height: 8px !important;
  right: 8px !important; }

.app.webkit .ace_scroller {
  bottom: 8px !important;
  right: 8px !important; }

.message-dialog pre {
  max-width: 100%;
  word-wrap: break-word; }
