@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,500,500i,700,700i|Roboto:400,400i,500,500i,700,700i&subset=latin,cyrillic);

/* stylelint-disable selector-list-comma-newline-after  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }

article,
aside,
audio,
canvas,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
keygen,
menu,
nav,
output,
progress,
section,
source,
video {
  display: block;
  margin: 0; }

body {
  line-height: 1; }

ol,
ul {
  list-style-type: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after,
q::before, q::after {
  content: normal; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

del {
  text-decoration: line-through; }

/* tables still need cellspacing='0' in the markup */
table {
  border-spacing: 0;
  border-collapse: collapse; }

td {
  vertical-align: top; }

button::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner,
input[type='file'] > input[type='button']::-moz-focus-inner {
  border: none; }

input,
textarea,
button {
  font-family: inherit; }

button {
  margin: 0; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #8b8980;
  font-size: 12px;
  text-transform: uppercase; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #8b8980;
  font-size: 12px;
  text-transform: uppercase; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #8b8980;
  font-size: 12px;
  text-transform: uppercase; }

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

input:-webkit-autofill {
  color: #000 !important; }

html {
  height: 100%;
  color: #fff; }

  body {
    height: 100%;
    min-width: 390px; /* 480px */
    vertical-align: baseline;
    /* background-color: rgb(40, 46, 60); */
    /* background-image: url(http://localhost:3000/static/media/portal_background_3.67571d9….jpg); */
    /* background-image: url(/public/static/portal/images/sparks.png); */
    /* background-repeat: repeat-y; */
    /* background-position: top center; */
    font-family: "MTSans LightCondensed", "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    /*background: url(/public/images/bg.jpg) center center repeat-y; /* no-repeat */
    background: url(/public/images/transparent.png) no-repeat #1c1c1e;
    color: #b8b8a2;
    background-size: cover;
  }

/*@media all and (max-width: 1365px) {
  html,
  body {
    min-width: 1122px; 
  }
}

@media all and (min-width: 1366px) and (max-width: 1407px) {
  html,
  body {
    min-width: 1366px; } 
}

@media all and (min-width: 1408px) {
  html,
  body {
    min-width: 1408px; } 
}*/

a {
    color: #ff5000; /* 0051ff */
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.4s; 
}
a:hover {
    color: #ff7e00; /* 3978ff */
}

#root {
  height: 100%; 
}

.scroll-off {
  overflow: hidden; /* overflow-y */
}

/* */

span.highliter_blue {
    color: #fff;
    background: #0c42b5;
    padding: 1.25px;
}
span.highliter_yellow{
    color: #fff;
    background: #b2b50c;
    padding: 1.25px;
}
span.highliter_red{
    color: #fff;
    background: #b50c0c;
    padding: 1.25px;
}
span.highliter_green{
    color: #fff;
    background: #0cb50c;
    padding: 1.25px;
}

html {
    scrollbar-color: rgba(255, 80, 0, 0.95) rgba(28, 28, 30, 1); /* rgba(5, 5, 5, 0.4) rgba(190, 216, 233, 0.8)   rgba(21, 26, 37, 0.95) rgba(40, 46, 60, 1) */
    scrollbar-width: thin;
}