h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700; }

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  margin-top: .5em;
  color: #39393a; }

li {
  font-size: 16px; }

pre {
  brush: python;
  white-space: pre-wrap; }

.org-caption {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  color: #233140; }

.org-index-name {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: #233140;
  text-align: center;
  margin: 5px;
  height: 35px; }

.org-caption-images {
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold; }

.gray-text {
  color: #9c9c9d; }

.caption-text {
  color: #39393a; }

.discussion-caption {
  font-size: medium;
  color: #888889; }

.about-paragraph {
  color: white;
  width: 90%;
  margin: 0 auto;
  font-size: 10px; }

.task-points {
  margin-left: 15px;
  font-size: medium;
  color: #9c9c9d; }

.graph-qtip-header {
  color: #fb9400;
  line-height: 20px; }

.graph-qtip-text {
  padding-top: 3px;
  color: #fb9400;
  line-height: 20px; }

.graph-qtip-text-bold {
  padding-top: 3px;
  color: #fb9400;
  font-weight: bold; }

#vazba-text {
  color: white;
  font-weight: bold; }

#profile-text {
  margin-right: 15px;
  margin-left: 7px;
  font-size: medium;
  color: #9c9c9d; }

#profile-points {
  font-size: medium;
  color: #39393a; }

#profile-points-text {
  margin-left: 4px;
  font-size: medium;
  color: #9c9c9d; }

#date-text {
  margin-left: 4px;
  font-size: medium;
  color: #9c9c9d; }

#header-text {
  font-size: medium;
  margin: auto;
  color: #ffffff; }

html, body {
  width: 100%;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif; }

body > .ember-view {
  min-height: 100%;
  position: relative; }

@media print {
  #content {
    padding-bottom: 50px;
    /* Height of the footer element */ } }

/*
// before MSMT dedication
@media screen and (max-width: 299px) { #content { padding-bottom: 398px; } }
@media screen and (min-width: 300px) { #content { padding-bottom: 337px; } }
@media screen and (min-width: 315px) { #content { padding-bottom: 318px; } }
@media screen and (min-width: 420px) { #content { padding-bottom: 258px; } }
@media screen and (min-width: 603px) { #content { padding-bottom: 238px; } }
@media screen and (min-width: 992px) { #content { padding-bottom: 178px; } }
*/
@media screen and (max-width: 299px) {
  #content {
    padding-bottom: 500px; } }

@media screen and (min-width: 300px) {
  #content {
    padding-bottom: 457px; } }

@media screen and (min-width: 315px) {
  #content {
    padding-bottom: 400px; } }

@media screen and (min-width: 420px) {
  #content {
    padding-bottom: 317px; } }

@media screen and (min-width: 603px) {
  #content {
    padding-bottom: 297px; } }

@media screen and (min-width: 992px) {
  #content {
    padding-bottom: 237px; } }

@media (max-width: 499px) {
  .autojustify {
    text-align: left; } }

@media (min-width: 500px) {
  .autojustify {
    text-align: justify; } }

.inline {
  display: inline-block; }

a.white-link {
  color: #ffffff; }

a.header-button {
  outline: 0; }

a.header-link {
  outline: 0;
  text-decoration: none; }

a.header-link:link {
  color: #ffffff; }

a.header-link:visited {
  color: #ffffff; }

a.header-link:hover {
  color: #fbb041; }

a.header-link:active {
  outline: 0; }

.noContent[href]:after {
  content: none !important; }

.noContent:hover {
  text-decoration: none; }

.noLinkDecoration:hover {
  text-decoration: none; }

pre.sourceCode.numberLines {
  overflow: visible; }

/*disable line number linking; it's broken*/
code span a {
  pointer-events: none;
  cursor: default; }

/*pandoc 2.9.2.1*/
code {
  white-space: pre-wrap; }

span.smallcaps {
  font-variant: small-caps; }

span.underline {
  text-decoration: underline; }

div.column {
  display: inline-block;
  vertical-align: top;
  width: 50%; }

div.hanging-indent {
  margin-left: 1.5em;
  text-indent: -1.5em; }

ul.task-list {
  list-style: none; }

pre > code.sourceCode {
  white-space: pre;
  position: relative; }

pre > code.sourceCode > span {
  display: inline-block;
  line-height: 1.25; }

pre > code.sourceCode > span:empty {
  height: 1.2em; }

code.sourceCode > span {
  color: inherit;
  text-decoration: inherit; }

div.sourceCode {
  margin: 1em 0; }

pre.sourceCode {
  margin: 0; }

@media screen {
  div.sourceCode {
    overflow: auto; } }

@media print {
  pre > code.sourceCode {
    white-space: pre-wrap; }
  pre > code.sourceCode > span {
    text-indent: -5em;
    padding-left: 5em; } }

pre.numberSource code {
  counter-reset: source-line 0; }

pre.numberSource code > span {
  position: relative;
  left: -4em;
  counter-increment: source-line; }

pre.numberSource code > span > a:first-child::before {
  content: counter(source-line);
  position: relative;
  left: -1em;
  text-align: right;
  vertical-align: baseline;
  border: none;
  display: inline-block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 0 4px;
  width: 4em;
  color: #aaaaaa; }

pre.numberSource {
  margin-left: 3em;
  border-left: 1px solid #aaaaaa;
  padding-left: 4px;
  color: #aaaaaa;
  border-right: 1px solid #aaaaaa; }

@media screen {
  pre > code.sourceCode > span > a:first-child::before {
    text-decoration: underline; } }

code span.al {
  color: #ff0000;
  font-weight: bold; }

/* Alert */
code span.an {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic; }

/* Annotation */
code span.at {
  color: #7d9029; }

/* Attribute */
code span.bn {
  color: #40a070; }

/* BaseN */
code span.bu {
  color: #644a9b;
  font-weight: bold; }

/* BuiltIn */
code span.cf {
  color: #007020;
  font-weight: bold; }

/* ControlFlow */
code span.ch {
  color: #4070a0; }

/* Char */
code span.cn {
  color: #880000; }

/* Constant */
code span.co {
  color: #60a0b0;
  font-style: italic; }

/* Comment */
code span.cv {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic; }

/* CommentVar */
code span.do {
  color: #ba2121;
  font-style: italic; }

/* Documentation */
code span.dt {
  color: #902000; }

/* DataType */
code span.dv {
  color: #40a070; }

/* DecVal */
code span.er {
  color: #ff0000;
  font-weight: bold; }

/* Error */
/* Extension */
code span.fl {
  color: #40a070; }

/* Float */
code span.fu {
  color: #06287e; }

/* Function */
code span.im {
  color: #007020;
  font-weight: bold; }

/* Import */
code span.in {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic; }

/* Information */
code span.kw {
  color: #007020;
  font-weight: bold; }

/* Keyword */
code span.op {
  color: #666666; }

/* Operator */
code span.ot {
  color: #007020; }

/* Other */
code span.pp {
  color: #bc7a00; }

/* Preprocessor */
code span.sc {
  color: #4070a0; }

/* SpecialChar */
code span.ss {
  color: #bb6688; }

/* SpecialString */
code span.st {
  color: #4070a0; }

/* String */
code span.va {
  color: #19177c; }

/* Variable */
code span.vs {
  color: #4070a0; }

/* VerbatimString */
code span.wa {
  color: #60a0b0;
  font-weight: bold;
  font-style: italic; }

/* Warning */
@media print {
  .col-print-1 {
    width: 8%;
    float: left; }
  .col-print-2 {
    width: 16%;
    float: left; }
  .col-print-3 {
    width: 25%;
    float: left; }
  .col-print-4 {
    width: 33%;
    float: left; }
  .col-print-5 {
    width: 42%;
    float: left; }
  .col-print-6 {
    width: 50%;
    float: left; }
  .col-print-7 {
    width: 58%;
    float: left; }
  .col-print-8 {
    width: 66%;
    float: left; }
  .col-print-9 {
    width: 75%;
    float: left; }
  .col-print-10 {
    width: 83%;
    float: left; }
  .col-print-11 {
    width: 92%;
    float: left; }
  .col-print-12 {
    width: 100%;
    float: left; } }

.btn-header {
  background-color: #fbb041;
  color: #ffffff;
  border-radius: 0; }

.btn-header:hover {
  background: #fb9400;
  color: #ffffff; }

.btn-header:active {
  background: #fb9400;
  color: #ffffff; }

.btn-header:after {
  background: #fb9400;
  color: #ffffff; }

.btn-primary {
  background-color: #fbb041;
  color: #ffffff;
  border-width: 0; }

#btn-feedback {
  padding: 0px 0px 0px 0px;
  text-align: center;
  margin: 0px;
  width: 160px;
  height: 40px;
  z-index: 15;
  background-color: #233140;
  border-width: 0px;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform-origin: bottom left;
  position: fixed;
  border-radius: 0px;
  left: 0px;
  top: 200px; }

#btn-feedback:hover {
  background-color: #fb9400; }

@media (min-width: 1200px) {
  .btn-task {
    width: 200px; } }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  background: #fb9400; }

.btn-primary:active, .btn-primary.active {
  background: #fbb041;
  box-shadow: none; }

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
  background: #fbb041;
  color: #fbb041; }

.btn-primary.outline:active, .btn-primary.outline.active {
  border-color: #fbb041;
  color: #fbb041;
  box-shadow: none; }

.fileUpload {
  position: relative;
  overflow: hidden;
  width: 200px; }

.fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0); }

.the-button {
  margin-top: 270px;
  padding-top: 5px; }

.btn-pager {
  margin: 10px;
  width: 180px; }

.invisible {
  opacity: 0; }

.jumbotron-about {
  background-color: #fbb041;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 0px; }

#background-image {
  position: fixed;
  top: 0;
  left: 0; }

.bgwidth {
  width: 100%; }

.bgheight {
  height: 90%; }

#more-about {
  text-align: center;
  font-color: white;
  font-size: 30px;
  padding: 10px;
  margin: 40px; }

.panel-ksi {
  border-color: #fddfb3;
  font-size: 16px;
  margin-top: .5em;
  color: #39393a; }

.panel-ksi > .panel-heading-ksi {
  background: #fffbf6;
  color: #fb9400;
  border-color: #fddfb3;
  font-weight: 600; }

.panel-module-blank {
  border-color: #fddfb3; }

.panel-module-blank > .panel-heading-module-blank {
  background: #fffbf6;
  color: #fb9400;
  border-color: #fddfb3;
  font-weight: 600; }

.panel-module-correct {
  border-color: #bee3be; }

.panel-module-correct > .panel-heading-module-correct {
  background: #f7fbf7;
  color: #5cb85c;
  border-color: #bee3be;
  font-weight: 600; }

.panel-module-incorrect {
  border-color: #f0bab9; }

.panel-module-incorrect > .panel-heading-module-incorrect {
  background: #fdf6f6;
  color: #d9534f;
  border-color: #f0bab9;
  font-weight: 600; }

.panel-article {
  box-shadow: none; }

.panel-article > .panel-heading-article {
  color: #39393a;
  border-bottom: 3px;
  border-bottom-style: solid;
  border-color: #a7adb3; }

.panel-article > .panel-body-article {
  margin-top: 15px;
  margin-left: 30px; }

.panel-profile {
  background: #feefd9;
  min-width: 200px; }

.panel-achievements {
  background: #feefd9;
  height: 100%;
  padding: 15px; }

.panel-profile-assignment {
  border: 2px;
  border-style: solid;
  border-color: #e9eaec; }

.panel-task {
  background: #feefd9; }

.panel-achievement-list {
  display: flex;
  flex-wrap: wrap; }

.single-list-achievement {
  padding-top: 15px;
  padding-bottom: 15px; }

h4.achievement-text-name {
  text-align: center; }

.achievement-text-description > p {
  margin: 0;
  text-align: center; }

.badge, .ksi-badge {
  font-size: 12px; }

.ksi-badge {
  background-color: #fbb041; }

.badge-header {
  background-color: #fbb041; }

/* ------- pagination -------- */
.pagination ul > li > a, .pagination ul > li > span {
  border: none; }

.pagination {
  height: 50px; }

.pagination > ul {
  display: inline-block;
  margin: 0;
  padding: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); }

.pagination li {
  display: inline; }

.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  border: 1px solid #fbb041;
  border-left-width: 0; }

.pagination a:hover, .active a {
  background-color: #feefd9; }

.disabled a, .disabled a:hover,
.active a, .active a:hover {
  color: #fbb041;
  cursor: default; }

.disabled a:hover {
  background-color: #fbb041; }

.code_editor {
  width: 100%; }

@media screen {
  .code_editor {
    min-height: 250px; } }

@media print {
  .code-editor {
    min-height: 50px; } }

.password-email-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  overflow: hidden; }

.password-email-container h1 {
  text-align: center;
  font-size: 1.8em; }

.password-email-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative; }

.password-email-container input[type=text], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.password-email-container input[type=text]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

img.org {
  max-width: 100%;
  border-radius: 25px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  max-height: 262px; }

div.orgs-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

div.orgs-row > h2 {
  width: 100%; }

.sortable {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Arial, Helvetica, sans-serif; }

.sortable li {
  list-style: none;
  border: 1px solid #656f79;
  background: #f4f5f5;
  margin: 5px;
  padding: 5px;
  min-height: 30px; }

.handle {
  cursor: move; }

.sortable.connected {
  width: 200px;
  min-height: 100px;
  float: left; }

li.highlight {
  background: #fffbf6;
  color: #fb9400;
  border-color: #fddfb3; }

li.sortable-placeholder {
  border: 1px dashed #CCC;
  background: none; }

#graph-info-panel {
  width: 220px; }

.node-info {
  width: 100%;
  max-width: 30px;
  padding: 3px; }

.node-info-big {
  width: 100%;
  max-width: 32px;
  padding: 3px;
  padding-left: 0px; }

.mouseover {
  cursor: pointer; }

.node-base {
  width: 85px;
  height: 85px;
  background-width: 83px;
  background-height: 83px;
  background-color: white;
  background-opacity: 0;
  color: white;
  font-size: 14;
  content: data(name);
  text-valign: center;
  text-transform: uppercase;
  text-wrap: wrap;
  text-max-width: 70px; }

.graph-qtip {
  background: white;
  color: #fb9400;
  border-radius: 5px;
  border-color: #fddfb3;
  font-family: Arial, Helvetica, sans-serif; }

.graph-qtip .qtip-title {
  margin: 5px;
  text-align: left;
  text-transform: uppercase;
  font-size: 15px; }

.graph-qtip .qtip-content {
  margin: 5px;
  font-size: 14px; }

.loader {
  left: 50%;
  top: 50%;
  margin-left: -4em; }

figure {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px; }

figure figcaption {
  text-align: center;
  font-style: italic;
  text-indent: 0; }

.selected {
  background-color: #feefd9;
  border-radius: 25px; }

.new-post {
  background-color: #fff7ec; }

.media-thread {
  padding: 5px; }

.logged-in {
  background-color: #fee7c6 !important; }

.successful:nth-child(even) {
  background-color: #fffbf6 !important; }

.successful:nth-child(odd) {
  background-color: #fff7ec !important; }

.navbar li {
  font-size: 14px; }

.row-centered {
  text-align: center;
  display: inline-block; }

.inline-footer {
  display: inline-block;
  vertical-align: middle;
  float: left; }

footer {
  color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

footer h3 {
  margin-top: 20px; }

footer .footer-above {
  padding-top: 10px;
  background-color: #2c3e50;
  vertical-align: center; }

footer .footer-col {
  margin-bottom: 5px; }

footer .footer-below {
  padding: 15px 0;
  background-color: #233140; }

/* footer */
.footer-logo {
  width: 50px;
  height: 50px;
  display: block;
  border: none;
  margin: 0 0 10px 10px; }

/* specific logos */
div#preload {
  display: none; }

#mail-logo {
  background: url("/img/logos/email.svg") top left no-repeat;
  background-size: 50px 50px; }

#mail-logo:hover {
  background: url("/img/logos/email-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#facebook-logo {
  background: url("/img/logos/facebook.svg") top left no-repeat;
  background-size: 50px 50px; }

#facebook-logo:hover {
  background: url("/img/logos/facebook-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#youtube-logo {
  background: url("/img/logos/youtube.svg") top left no-repeat;
  background-size: 50px 50px; }

#youtube-logo:hover {
  background: url("/img/logos/youtube-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#fi-logo {
  background: url("/img/logos/fi.svg") top left no-repeat;
  background-size: 50px 50px; }

#fi-logo:hover {
  background: url("/img/logos/fi-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#mu-logo {
  background: url("/img/logos/mu.svg") top left no-repeat;
  background-size: 50px 50px; }

#mu-logo:hover {
  background: url("/img/logos/mu-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#prf-logo {
  background: url("/img/logos/youtube.svg") top left no-repeat;
  background-size: 50px 50px; }

#prf-logo:hover {
  background: url("/img/logos/youtube-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#ibis-logo {
  background: url("/img/logos/ibis.svg") top left no-repeat;
  background-size: 50px 50px; }

#ibis-logo:hover {
  background: url("/img/logos/ibis-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#brkos-logo {
  background: url("/img/logos/brkos.svg") top left no-repeat;
  background-size: 50px 50px; }

#brkos-logo:hover {
  background: url("/img/logos/brkos-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#mam-logo {
  background: url("/img/logos/youtube.svg") top left no-repeat;
  background-size: 50px 50px; }

#mam-logo:hover {
  background: url("/img/logos/youtube-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#vybuch-logo {
  background: url("/img/logos/youtube.svg") top left no-repeat;
  background-size: 50px 50px; }

#vybuch-logo:hover {
  background: url("/img/logos/youtube-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#sob-logo {
  background: url("/img/logos/intersob.svg") top left no-repeat;
  background-size: 50px 50px; }

#sob-logo:hover {
  background: url("/img/logos/intersob-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#los-logo {
  background: url("/img/logos/los.svg") top left no-repeat;
  background-size: 50px 50px; }

#los-logo:hover {
  background: url("/img/logos/los-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#ksp-logo {
  background: url("/img/logos/ksp.svg") top left no-repeat;
  background-size: 50px 50px; }

#ksp-logo:hover {
  background: url("/img/logos/ksp-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#github-logo {
  background: url("/img/logos/github.svg") top left no-repeat;
  background-size: 50px 50px; }

#github-logo:hover {
  background: url("/img/logos/github-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#zverinec-logo {
  background: url("/img/logos/zverinec.svg") top left no-repeat;
  background-size: 50px 50px; }

#zverinec-logo:hover {
  background: url("/img/logos/zverinec-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

#kscuk-logo {
  background: url("/img/logos/kscuk.svg") top left no-repeat;
  background-size: 50px 50px; }

#kscuk-logo:hover {
  background: url("/img/logos/kscuk-hover.svg") top left no-repeat;
  background-size: 50px 50px; }

footer .footer-below a {
  color: white; }

#ksi-photo {
  height: 600px;
  background: url("/img/header_background.jpg") center center no-repeat scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  border-bottom: 3px solid #fbb041; }

@media (max-height: 499px) {
  #navbar {
    padding: 4px 0; } }

@media (min-height: 500px) {
  #navbar {
    padding: 15px 0; } }

#navbar {
  margin-bottom: 0px; }

.dropdown-toggle:active, .open .dropdown-toggle {
  background-color: #fbb041 !important;
  color: #ffffff !important; }

.navbar-trans {
  background-color: #233140;
  color: #ffffff;
  border-bottom: 4px solid #fbb041; }

.navbar-trans .navbar-brand, .navbar-trans > .container-fluid .navbar-brand {
  padding: 14px;
  margin-right: 20px;
  color: #fbb041; }

.navbar-brand > a {
  color: #fbb041; }

.navbar-trans li > a:focus, .navbar-trans li.active {
  background-color: #fbb041;
  color: #ffffff; }

.navbar-trans li > a:hover {
  background-color: #fb9400;
  color: #ffffff; }

.navbar-right li p {
  margin-top: 0px;
  margin-bottom: 0px; }

.navbar-trans a {
  color: #ffffff;
  letter-spacing: 1px; }

.navbar-toggle {
  border-color: #ffffff; }

.icon-bar {
  background-color: #ffffff; }

.navbar .dropdown-menu {
  background-color: #233140; }

.navbar .dropdown-menu > li > a {
  color: #ffffff; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #fbb041; }

#ksi-text-long {
  padding-left: 5px;
  vertical-align: middle;
  width: 200px; }

@media (min-width: 1200px) {
  #ksi-text-short {
    display: none; } }

@media (max-width: 1199px) {
  #ksi-text-long {
    display: none; } }

.navbar-uloha {
  background-color: #ffffff;
  border-color: #fbb041;
  border-radius: 4px; }

.navbar-uloha .navbar-brand {
  color: #233140; }

.navbar-uloha .navbar-brand:hover, .navbar-uloha .navbar-brand:focus {
  color: #233140; }

.navbar-uloha .navbar-text {
  color: #233140; }

.navbar-uloha .navbar-nav > li > a {
  color: #233140;
  padding-top: 15px;
  padding-bottom: 15px; }

.navbar-uloha .navbar-nav > li > a:hover, .navbar-uloha .navbar-nav > li > a:focus {
  color: #233140; }

.navbar-uloha .navbar-nav > li > .dropdown-menu {
  background-color: #ffffff; }

.navbar-uloha .navbar-nav > li > .dropdown-menu > li > a {
  color: #233140; }

.navbar-uloha .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-uloha .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #233140;
  background-color: #fbb041; }

.navbar-uloha .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #ffffff; }

.navbar-uloha .navbar-nav > .active > a, .navbar-uloha .navbar-nav > .active > a:hover, .navbar-uloha .navbar-nav > .active > a:focus {
  color: #233140;
  background-color: #fbb041; }

.navbar-uloha .navbar-nav > .open > a, .navbar-uloha .navbar-nav > .open > a:hover, .navbar-uloha .navbar-nav > .open > a:focus {
  color: #233140;
  background-color: #fbb041; }

.navbar-uloha .navbar-toggle {
  border-color: #fbb041; }

.navbar-uloha .navbar-toggle:hover, .navbar-uloha .navbar-toggle:focus {
  background-color: #fbb041; }

.navbar-uloha .navbar-toggle .icon-bar {
  background-color: #233140; }

.navbar-uloha .navbar-form {
  border-color: #233140; }

.navbar-uloha .navbar-link {
  color: #233140; }

.navbar-uloha .navbar-link:hover {
  color: #233140; }

.navbar-uloha .navbar-nav {
  display: inline-block;
  vertical-align: top; }

.navbar-uloha li {
  float: left !important; }

.navbar-uloha .navbar-right {
  float: right !important; }

.navbar-uloha .navbar-nav {
  margin: 0px 0px !important; }

@media (max-width: 767px) {
  .navbar-uloha .navbar-nav .open .dropdown-menu > li > a {
    color: #233140; }
  .navbar-uloha .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-uloha .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #233140; }
  .navbar-uloha .navbar-nav .open .dropdown-menu > .active > a, .navbar-uloha .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-uloha .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #233140;
    background-color: #fbb041; } }

.navbar-admin {
  width: 100%;
  margin-bottom: 0; }

.navbar-admin .navbar-nav {
  display: inline-block;
  float: none;
  vertical-align: top; }

#bs-admin-navbar-collapse {
  text-align: center; }

.navbar-admin-li {
  margin-left: 20px;
  margin-right: 20px;
  float: left !important; }

.progress-bar-ksi {
  background-color: #fbb041; }

.table > tbody > tr > td {
  vertical-align: middle; }

.table-hover-forum tbody tr:hover td, .table-hover tbody tr:hover th, .table-hover-forum tbody tr:hover th {
  background-color: #feefd9; }

tbody {
  counter-reset: numcounter; }

.numbering::before {
  counter-increment: numcounter;
  content: counter(numcounter); }

.loginmodal-container {
  padding: 30px;
  max-width: 350px;
  width: 100% !important;
  background-color: #F7F7F7;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  overflow: hidden; }

.loginmodal-container h1 {
  text-align: center;
  font-size: 1.8em; }

.loginmodal-container input[type=submit] {
  width: 100%;
  display: block;
  margin-bottom: 10px;
  position: relative; }

.loginmodal-container input[type=email], input[type=password] {
  height: 44px;
  font-size: 16px;
  width: 100%;
  margin-bottom: 10px;
  -webkit-appearance: none;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top: 1px solid #c0c0c0;
  /* border-radius: 2px; */
  padding: 0 8px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.loginmodal-container input[type=email]:hover, input[type=password]:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); }

.loginmodal {
  text-align: center;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  font-weight: 700;
  height: 36px;
  padding: 0 8px;
  /* border-radius: 3px; */
  /* -webkit-user-select: none;
  user-select: none; */ }

.loginmodal-submit {
  /* border: 1px solid #3079ed; */
  border: 0px;
  color: #fff;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  background-color: #4d90fe;
  padding: 17px 0px;
  font-size: 14px;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#4787ed)); */ }

.loginmodal-submit:hover {
  /* border: 1px solid #2f5bb7; */
  border: 0px;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  background-color: #357ae8;
  /* background-image: -webkit-gradient(linear, 0 0, 0 100%,   from(#4d90fe), to(#357ae8)); */ }

.loginmodal-container a {
  text-decoration: none;
  color: #666;
  font-weight: 400;
  text-align: center;
  display: inline-block;
  opacity: 0.6;
  transition: opacity ease 0.5s; }

.login-help {
  font-size: 12px; }

#about-container {
  background: #fbb041;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  border-bottom: 3px solid #fbb041; }

@media (max-width: 767px) {
  .flex-row-xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .flex-row-sm, .flex-row-md, .flex-row-lg {
    display: inline; } }

@media (min-width: 768px) {
  .flex-row-sm, .flex-row-xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .flex-row-md, .flex-row-lg {
    display: inline; } }

@media (min-width: 992px) {
  .flex-row-md {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .flex-row-lg {
    display: inline; } }

@media (min-width: 1200px) {
  .flex-row-lg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; } }

@-moz-keyframes dots-loader {
  0% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  8.33% {
    -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  16.67% {
    -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  25% {
    -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  33.33% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px; }
  41.67% {
    -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  50% {
    -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  58.33% {
    -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  66.67% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  75% {
    -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  83.33% {
    -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px; }
  91.67% {
    -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  100% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; } }

@-webkit-keyframes dots-loader {
  0% {
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  8.33% {
    -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  16.67% {
    -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  25% {
    -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  33.33% {
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px; }
  41.67% {
    -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  50% {
    -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  58.33% {
    -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  66.67% {
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  75% {
    -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  83.33% {
    -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px; }
  91.67% {
    -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  100% {
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; } }

@keyframes dots-loader {
  0% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  8.33% {
    -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  16.67% {
    -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px 14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  25% {
    -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  33.33% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae -14px -14px 0 7px; }
  41.67% {
    -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  50% {
    -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  58.33% {
    -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 -14px 14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  66.67% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 -14px -14px 0 7px, #6d7 -14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  75% {
    -moz-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    -webkit-box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px;
    box-shadow: #f86 14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px -14px 0 7px, #4ae 14px -14px 0 7px; }
  83.33% {
    -moz-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    -webkit-box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px;
    box-shadow: #f86 14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae 14px 14px 0 7px; }
  91.67% {
    -moz-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px 14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; }
  100% {
    -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
    box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px; } }

/* :not(:required) hides this rule from IE9 and below */
.dots-loader:not(:required) {
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  display: inline-block;
  width: 7px;
  height: 7px;
  background: transparent;
  border-radius: 100%;
  -moz-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  -webkit-box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  box-shadow: #f86 -14px -14px 0 7px, #fc6 14px -14px 0 7px, #6d7 14px 14px 0 7px, #4ae -14px 14px 0 7px;
  -moz-animation: dots-loader 5s infinite ease-in-out;
  -webkit-animation: dots-loader 5s infinite ease-in-out;
  animation: dots-loader 5s infinite ease-in-out;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.full-width {
  min-width: 100%; }

.discussion-body img {
  max-width: 100%;
  height: auto; }

@media (max-width: 700px) {
  #admin-tasks .btn.disabled {
    display: none !important; } }

@media screen {
  .task-title {
    margin-top: 30px; } }

@media print {
  /* rozbalit collapse bloky pri tisku */
  #task-assignment .collapse {
    display: block !important; } }

#task-assignment img, #task-solution img, #task-module-body img {
  max-width: 100%;
  height: auto; }

#profile-picture-profile {
  border-radius: 25px;
  width: 100%;
  max-width: 250px !important;
  /* Important when printing page */ }

@media screen {
  .profile-picture-task {
    max-width: 45px; } }

@media print {
  .profile-picture-task {
    max-width: 23px !important;
    /* Important when printing page */ }
  .panel-profile-assignment {
    margin-bottom: 0px;
    border: none; }
  .panel-profile-assignment .panel-body {
    padding: 2px; }
  .panel-profile-assignment h5 {
    margin-top: 2px;
    margin-bottom: 2px; }
  .panel-profile-achievement {
    padding: 0px !important; } }

/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type: none;
  padding: 0;
  -moz-user-select: none;
  -webkit-user-select: none; }

.rating-stars ul > li.star {
  display: inline-block;
  cursor: pointer; }

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size: 2.5em;
  /* Change the size of the stars */
  color: #ccc;
  /* Color on idle state */ }

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color: #FFCC36; }

/* Selected state of the stars */
.rating-stars ul > li.star.star-selected > i.fa {
  color: #FF912C; }

.fix-sidebar {
  position: fixed; }

@media (min-width: 994px) {
  .fix-sidebar {
    position: fixed; } }

@media (max-width: 994px) {
  .fix-sidebar {
    position: static; } }

.mtop20 {
  margin-top: 20px; }

.mtop15 {
  margin-top: 15px; }

.mtop5 {
  margin-top: 5px; }

.alert-info > a {
  color: #233140; }

.cursor-pointer {
  cursor: pointer; }

.score_60_limit {
  position: absolute;
  left: 60%;
  width: 2px;
  height: 20px;
  background-color: #007F3D; }

.btn-custom-bigger {
  min-width: 230px; }