@charset "UTF-8";
/* LTE */
.bg-purple {
  background-color: #3185a9 !important; }

.bg-black {
  background-color: #696969 !important; }

.special-info-box .info-box-content {
  padding: 5px 10px;
  margin-left: 90px; }
  @media (min-width: 768px) {
    .special-info-box .info-box-content {
      margin-left: 50px;
      padding-top: 5px; } }

.small-box {
  border-radius: 2px;
  position: relative;
  display: block;
  margin-bottom: 20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.small-box > .small-box-footer {
  position: relative;
  text-align: center;
  padding: 3px 0;
  color: #fff;
  color: rgba(255, 255, 255, 0.8);
  display: block;
  z-index: 10;
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none; }

.small-box > .small-box-footer:hover {
  color: #fff;
  background: rgba(0, 0, 0, 0.15); }

.small-box > .inner {
  padding: 10px; }

.small-box .icon {
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 0;
  font-size: 60px;
  color: rgba(0, 0, 0, 0.15); }

.info-box {
  display: block;
  min-height: 90px;
  width: 100%;
  border-radius: 2px;
  margin-bottom: 15px; }

.info-box-icon {
  border-top-left-radius: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  display: block;
  float: left;
  height: 90px;
  width: 90px;
  text-align: center;
  font-size: 45px;
  line-height: 90px;
  background: rgba(0, 0, 0, 0.2); }

.special-info-box.lesson-active.widget-user-header {
  min-height: 90px;
  padding: 25px 25px 20px 25px; }

.progress-description, .info-box-text {
  display: block;
  font-size: 1rem;
  /*  white-space: nowrap;*/
  overflow: hidden;
  text-overflow: ellipsis; }

.info-box-text {
  text-transform: uppercase; }

.info-box-number {
  display: block;
  font-weight: bold;
  font-size: 1rem; }

.info-box-number {
  text-overflow: ellipsis;
  overflow: hidden; }

.special-info-box .info-box-content .info-box-number {
  font-size: 2rem;
  padding-bottom: 5px; }

.box-footer {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-top: 1px solid #f4f4f4;
  padding: 10px 20px 10px 20px;
  background-color: #fff; }

.box .border-right {
  border-right: 1px solid #d2d6de; }

.description-block {
  display: block;
  margin: 10px 0;
  text-align: center; }

.description-block-left {
  display: block;
  margin: 10px 0;
  text-align: left; }

.box {
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  border: 1px solid #d2d6de;
  margin-bottom: 20px;
  width: 100%;
  border-radius: 10px; }

.box.box-default {
  border-top-color: #d2d6de; }

.box-body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 1em; }

.lesson-content .ajax-box-body, .lesson-content .box-body {
  padding: 25px;
  font-size: 1rem;
  position: relative; }

.btn-box-tool {
  padding: 5px;
  font-size: 1rem;
  background: transparent;
  color: #97a0b3; }

.box-header {
  color: #444;
  display: block;
  padding: 10px;
  position: relative; }

.box-header.with-border {
  border-bottom: 1px solid #f4f4f4; }

.info-box .progress .progress-bar {
  background: #ffffff; }

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title {
  display: inline-block;
  font-size: 1rem;
  margin: 0;
  line-height: 1; }

.box-header > .box-tools {
  position: absolute;
  right: 10px;
  top: 5px; }

.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments {
  list-style: none;
  margin: 0;
  padding: 0; }

.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px; }

.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px; }

.mailbox-attachment-icon.has-img {
  padding: 0; }

.mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size {
  display: block; }

.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4; }

.mailbox-attachment-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
  font-size: 1rem; }

.mailbox-attachment-size {
  color: #999;
  font-size: 1rem; }

/* COMMON. */
/* LIGHT */
#show-user {
  display: none;
  position: absolute;
  float: right;
  top: 0;
  right: 5px;
  font-size: 2rem;
  padding: 5px 10px; }
  @media (max-width: 767px) {
    #show-user {
      display: block; } }
  #show-user .fa-angle-up {
    display: none; }

.show-user #show-user .fa-angle-down {
  display: none; }
.show-user #show-user .fa-angle-up {
  display: inline-block; }
.show-user .collapse {
  display: block; }
  .show-user .collapse .dropdown-toggle {
    display: none; }
  .show-user .collapse .navbar-nav {
    margin: 0; }
  .show-user .collapse .navbar-nav .dropdown-menu {
    display: block;
    float: none;
    margin-top: 0;
    background-color: #ffffff;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid lightgray; }
  .show-user .collapse .navbar-nav .open .dropdown-menu .dropdown-header, .show-user .collapse .navbar-nav .open .dropdown-menu > li > a {
    padding: 5px 15px 5px 25px; }
  .show-user .collapse .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px; }

.badges-button {
  padding-bottom: 0 !important;
  padding-top: 10px !important; }
  .badges-button i:before {
    font-size: 2rem; }
  .badges-button i span {
    position: absolute;
    right: 0;
    top: 30px; }

.notifications-menu .menu {
  list-style: none;
  padding-left: 0; }

@media (max-width: 767px) {
  #badges-container {
    display: none !important; } }

/* LIGHT. */
/* OVERLAY */
.box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.box .overlay, .overlay-wrapper .overlay {
  z-index: 50;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px; }

.box .overlay > .fa, .overlay-wrapper .overlay > .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  color: #000;
  font-size: 2rem; }

.modal {
  position: absolute; }
  .modal .close {
    opacity: 1 !important; }

.modal-backdrop.in {
  background-color: #000066;
  opacity: 0.8; }

.modal-content, .progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

/* OVERLAY. */
.bg-violet {
  color: white !important;
  background-color: #605ca8; }

.content-active.bg-grey {
  color: white !important;
  background-color: silver !important; }

.content-active.bg-article {
  color: white !important;
  background-color: #028090 !important; }

.content-active.bg-course {
  color: white !important;
  background-color: #005661 !important; }

.content-active.bg-test {
  color: white;
  background-color: #000066; }

.content-active.bg-survey {
  color: #3185a9 !important;
  background-color: #fcc905 !important; }

.content-active.bg-normal {
  color: black !important;
  background-color: #ac8704 !important; }

.content-active.bg-fallow {
  color: #3185a9 !important;
  background-color: #00264c !important; }

.content-active.bg-intro {
  color: #004b2f !important;
  background-color: #00fca5 !important; }

.content-active.bg-outro-win {
  color: #ffffff !important;
  background-color: #07732c !important; }

.content-active.bg-outro-gameover {
  color: #ffffff !important;
  background-color: #730e00 !important; }

.btn.bg-test, .btn.bg-survey {
  border: 1px solid #920033; }

.content-active.bg-question-open {
  color: white !important;
  background-color: #331638 !important; }

.content-active.bg-external-question {
  color: white !important;
  background-color: #191038 !important; }

.content-active.bg-question1 {
  color: white !important;
  background-color: #582e73 !important; }

.content-active.bg-question2 {
  color: white !important;
  background-color: #732b63 !important; }

.content-active.bg-question3 {
  color: white !important;
  background-color: #582e73 !important; }

.content-active.bg-question4 {
  color: white !important;
  background-color: #73004b !important; }

.content-active.bg-casestudy {
  color: white !important;
  background-color: #016946 !important; }

.content-active.bg-movie {
  color: white !important;
  background-color: #c5524d !important; }

.content-active.bg-audiovideo {
  color: white !important;
  background-color: #c55f3e !important; }

.content-active.bg-presentation {
  color: white !important;
  background-color: #9e734d !important; }

.content-active.bg-link {
  color: white !important;
  background-color: #495867 !important; }

/* FORMATTING START */
.text-center .img-responsive {
  margin: 0 auto; }

/* FORMATTING END */
/* RESPONSIVE TABLES */
.selected-users-container {
  display: none; }

table.dataTable > tbody > tr.child {
  text-align: left; }
  table.dataTable > tbody > tr.child ul.dtr-details li {
    border-bottom: 0; }

.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
  padding-left: 0;
  padding-right: 0; }
  .dataTables_wrapper .dataTables_paginate .paginate_button:active, .dataTables_wrapper .dataTables_paginate .paginate_button:focus, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: transparent;
    border: 1px solid transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

table.dataTable.no-footer {
  border-bottom: 0; }

.btn-dt-clear-state {
  margin-left: 10px; }

table.dataTable select {
  width: 100%; }
table.dataTable .fa {
  font-size: 1.2rem; }

table.dataTable thead th, table.dataTable thead td {
  padding-left: 10px; }

.full-width {
  width: 100% !important; }

/* MAIN CUSTOM STYLES */
.box .overlay {
  display: none; }
.box.loading .overlay {
  display: block; }

form button span.fa {
  margin-right: 10px; }

/* PRZYCISKI */
.btn-white {
  background: white;
  color: #333;
  mix-blend-mode: screen; }
  .btn-white:hover {
    background: rgba(255, 255, 255, 0.9); }
  .btn-white:active {
    background: white;
    background: rgba(255, 255, 255, 0.8); }

/* MODAL */
@media (min-width: 768px) {
  .modal-dialog {
    margin: 20% auto; } }
/* BUTTONS */
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 7px 0;
  font-size: 1rem;
  line-height: 1.428571429;
  border-radius: 50%; }

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 1.5rem;
  line-height: 1.33; }

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 2rem;
  line-height: 1.33; }

.align-to-text-h1 {
  position: relative; }

/* BUTTONS. */
/* FONT AWESOME */
.fa-stack-lvl0 {
  top: -2px;
  left: -2px; }

.fa-stack-lvl1 {
  top: 5px;
  left: 6px;
  color: rgba(255, 255, 255, 0.8); }

.fa-stack-lvl2 {
  font-size: 1rem !important;
  top: 5px;
  left: 6px;
  color: #3c763d; }
  .fa-stack-lvl2:active, .fa-stack-lvl2:focus, .fa-stack-lvl2:hover {
    color: rgba(60, 118, 61, 0.8); }

/* FONT AWESOME. */
/* SELECT 2 */
.select2-container {
  width: 100% !important; }
  .select2-container .select2-dropdown .select2-search__field:focus, .select2-container .select2-search--inline .select2-search__field:focus {
    border: 0; }

/*
 * LEKCJE
 */
.qrcode img {
  max-width: 100%; }

.content-edit-header .glyphicon {
  top: 5px; }

.link-iframe {
  height: 400px; }

.dynamic-question-info-box input {
  margin-bottom: 5px; }
.dynamic-question-info-box input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, 0.5); }
.dynamic-question-info-box input::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.5); }
.dynamic-question-info-box input:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, 0.5); }
.dynamic-question-info-box input:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.5); }
.dynamic-question-info-box .iradio_polaris {
  margin: 5px 0px 5px -5px; }
.dynamic-question-info-box input[type="text"] {
  background: transparent;
  text-shadow: none;
  outline: none;
  border: 0;
  transition: box-shadow .5s ease;
  border-bottom: 1px solid #f7fffa;
  background: rgba(247, 255, 250, 0.1);
  margin-bottom: 5px;
  padding: 5px;
  width: 100%; }
.dynamic-question-info-box input.question-text {
  border-left: 5px solid white; }
.dynamic-question-info-box input.question-feedback {
  border-left: 5px solid rgba(255, 255, 255, 0.6); }
.dynamic-question-info-box .info-box-icon {
  height: 120px;
  line-height: 120px;
  font-size: 2rem;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(0, 0, 0, 0.3);
  width: 50px;
  color: white; }
.dynamic-question-info-box .info-box-content {
  margin-right: 50px;
  margin-left: 50px;
  padding-top: 5px; }

.special-info-box {
  border-radius: 10px;
  border: 1px solid #d2d6de;
  /* Small devices (tablets, 768px and up) */ }
  .special-info-box .info-box-content {
    margin-left: 0px;
    padding-top: 90px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
    .special-info-box .info-box-content .info-box-number {
      font-size: 2rem;
      padding-bottom: 5px; }
    .special-info-box .info-box-content.lesson-preview {
      padding: 25px; }
      .special-info-box .info-box-content.lesson-preview .progress {
        background: rgba(255, 255, 255, 0.2);
        margin: 5px 0px 5px -25px;
        height: 2px; }
  .special-info-box .lesson-preview-link.info-box-icon {
    background: transparent;
    height: 140px;
    line-height: 140px; }
  .special-info-box .info-box-icon {
    font-size: 2rem;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(0, 0, 0, 0.3); }
  .special-info-box.four-btns a span.info-box-icon {
    width: 25%; }
  .special-info-box.six-btns a span.info-box-icon {
    width: 16.66%; }
  .special-info-box.seven-btns a span.info-box-icon {
    width: 14.2857%; }
  .special-info-box a {
    color: white; }
    .special-info-box a:active, .special-info-box a:focus, .special-info-box a:hover {
      color: rgba(255, 255, 255, 0.8); }
  .special-info-box .lesson-description {
    background: white;
    margin-top: 4px;
    color: #224f69;
    padding: 25px;
    font-size: 1rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
  .special-info-box.lesson-active.widget-user-header {
    min-height: 90px;
    padding: 25px 25px 20px 25px; }
  .special-info-box.lesson-active.widget-user-desc {
    overflow: hidden;
    text-overflow: ellipsis; }
  .special-info-box.lesson-unactive {
    color: white !important;
    background: silver !important; }
  .special-info-box.content-unactive {
    color: white !important;
    background: silver !important; }
  @media (min-width: 768px) {
    .special-info-box .info-box-content {
      margin-left: 50px;
      padding-top: 5px; }
      .special-info-box .info-box-content.lesson-preview {
        margin-left: 0px; }
    .special-info-box .info-box-icon {
      width: 50px; }
    .special-info-box.four-btns a span.info-box-icon {
      width: 50px; }
    .special-info-box.six-btns a span.info-box-icon {
      width: 50px; }
    .special-info-box.seven-btns a span.info-box-icon {
      width: 50px; } }

/*
 * ŚRODEK LEKCJI - WYSWIETLANIE CONTENTU - CONTENT PREVIEW
 */
.lesson-content .content-seen {
  color: #3BCEAC;
  margin-bottom: 70px; }
  .lesson-content .content-seen .icon-seen {
    display: inline-block; }
  .lesson-content .content-seen .icon-unseen {
    display: none; }
.lesson-content .content-unseen {
  color: #FFD23F;
  margin-bottom: 70px; }
  .lesson-content .content-unseen .icon-seen {
    display: none; }
  .lesson-content .content-unseen .icon-unseen {
    display: inline-block; }
.lesson-content .box-header {
  padding: 20px; }
  .lesson-content .box-header h3 {
    font-weight: bold; }
  .lesson-content .box-header .box-tools .btn-box-tool {
    padding: 15px; }
.lesson-content .ajax-box-body, .lesson-content .box-body {
  padding: 25px;
  font-size: 1rem;
  position: relative; }
.lesson-content .ajax-box-image h4 {
  letter-spacing: 2px;
  text-shadow: 2px 2px 3px black;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  bottom: 20px; }

/* ZALACZNIKI I ZDJECIA */
/* ZALACZNIKI I ZDJECIA. */
.modal li, .modal a, .modal p {
  font-size: 1rem; }
.modal .question-description a, .modal .question-description p {
  font-size: 1.4rem; }
.modal li {
  line-height: 1.5rem; }
.modal .modal-header .close {
  margin-top: 2px; }
.modal .modal-title {
  margin-top: 2px;
  color: #464646;
  font-size: 1.5em !important; }

#test-modal .modal li, #test-modal .modal a, #test-modal .modal p {
  font-size: 1.5rem;
  line-height: 1.7rem; }

#content-modal, #link-modal, #forum-modal, #test-modal, #anwser-modal, #survey-modal {
  overflow-x: hidden;
  overflow-y: hidden;
  margin: 0 !important;
  padding: 0 !important; }
  #content-modal .modal-content, #link-modal .modal-content, #forum-modal .modal-content, #test-modal .modal-content, #anwser-modal .modal-content, #survey-modal .modal-content {
    background-color: #fffff7; }
  #content-modal .modal-dialog, #link-modal .modal-dialog, #forum-modal .modal-dialog, #test-modal .modal-dialog, #anwser-modal .modal-dialog, #survey-modal .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0; }
  #content-modal .modal-body, #link-modal .modal-body, #forum-modal .modal-body, #test-modal .modal-body, #anwser-modal .modal-body, #survey-modal .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    height: 500px; }
  #content-modal .modal-header, #link-modal .modal-header, #forum-modal .modal-header, #test-modal .modal-header, #anwser-modal .modal-header, #survey-modal .modal-header {
    text-align: right;
    padding: 5px; }
  #content-modal .modal-header .btn, #link-modal .modal-header .btn, #forum-modal .modal-header .btn, #test-modal .modal-header .btn, #anwser-modal .modal-header .btn, #survey-modal .modal-header .btn {
    border: 2px solid white;
    background: transparent;
    color: white; }
    #content-modal .modal-header .btn:hover, #link-modal .modal-header .btn:hover, #forum-modal .modal-header .btn:hover, #test-modal .modal-header .btn:hover, #anwser-modal .modal-header .btn:hover, #survey-modal .modal-header .btn:hover {
      color: #AD053D;
      border: 2px solid #AD053D; }
  #content-modal .btn-fullscreen-switch, #link-modal .btn-fullscreen-switch, #forum-modal .btn-fullscreen-switch, #test-modal .btn-fullscreen-switch, #anwser-modal .btn-fullscreen-switch, #survey-modal .btn-fullscreen-switch {
    display: initial; }
  #content-modal .modal-title-container, #link-modal .modal-title-container, #forum-modal .modal-title-container, #test-modal .modal-title-container, #anwser-modal .modal-title-container, #survey-modal .modal-title-container {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    #content-modal .modal-title-container .modal-title, #link-modal .modal-title-container .modal-title, #forum-modal .modal-title-container .modal-title, #test-modal .modal-title-container .modal-title, #anwser-modal .modal-title-container .modal-title, #survey-modal .modal-title-container .modal-title {
      margin-top: 2px;
      color: #464646;
      font-size: 1.5em !important; }

@media (min-width: 992px) {
  #content-modal .modal-dialog, #forum-modal .modal-dialog, #test-modal .modal-dialog, #anwser-modal .modal-dialog, #trainings-navigation-modal .modal-dialog, #restriction-modal .modal-dialog, #survey-modal .modal-dialog {
    margin: 0px auto;
    max-width: 960px; } }

#content-modal .modal-body, #test-modal .modal-body, #survey-modal .modal-body {
  padding: 0px; }
  #content-modal .modal-body .ajax-box-body, #content-modal .modal-body .box-body, #test-modal .modal-body .ajax-box-body, #test-modal .modal-body .box-body, #survey-modal .modal-body .ajax-box-body, #survey-modal .modal-body .box-body {
    padding: 25px;
    font-size: 1rem;
    position: relative; }
  #content-modal .modal-body .ajax-box-image h4, #test-modal .modal-body .ajax-box-image h4, #survey-modal .modal-body .ajax-box-image h4 {
    font-family: 'Atkinson Hyperlegible', monotype;
    letter-spacing: 2px;
    text-shadow: 2px 2px 3px #717171;
    color: rgba(255, 255, 255, 0.9);
    position: absolute;
    font-size: 1rem;
    font-weight: bold;
    bottom: 20px;
    background: #a552a5;
    padding-left: 10px;
    padding-right: 19px; }

label.anwser-label {
  padding: 10px;
  font-size: 1.2rem; }
  label.anwser-label input.test-anwsers {
    height: 1.2rem;
    width: 1.2rem; }

#link-modal .modal-body, #forum-modal .modal-body, #anwser-modal .modal-body {
  overflow: hidden !important;
  padding: 0px; }

#anwser-modal .bg-question-open {
  color: white !important;
  background-color: #331638 !important; }

#test-modal .modal-header {
  padding: 0 !important; }
  #test-modal .modal-header .modal-title-container {
    margin-top: 5px; }
    #test-modal .modal-header .modal-title-container h1 {
      color: white; }
  #test-modal .modal-header .modal-close-btn {
    margin: 5px 5px 0 0; }
#test-modal .progress {
  margin: 5px 0px 0px 0px;
  padding: 0;
  background-color: darkorange;
  box-shadow: none;
  height: 2rem; }
  #test-modal .progress .progress-bar {
    text-align: left;
    padding-left: 15px;
    color: #000066;
    background-color: #22ce18;
    font-size: 1rem;
    line-height: 2rem; }
#test-modal p.anwser-ok {
  background: #dff0d8; }
  #test-modal p.anwser-ok i.fa {
    color: white;
    padding: 5px; }
    #test-modal p.anwser-ok i.fa.fa-frown-o {
      background: #dd4b39;
      display: none; }
    #test-modal p.anwser-ok i.fa.fa-smile-o {
      background: #00a65a;
      display: inline-block; }
#test-modal p.anwser-wrong {
  background: #f2dede; }
  #test-modal p.anwser-wrong i.fa {
    color: white;
    padding: 5px; }
    #test-modal p.anwser-wrong i.fa.fa-frown-o {
      background: #dd4b39;
      display: inline-block; }
    #test-modal p.anwser-wrong i.fa.fa-smile-o {
      background: #00a65a;
      display: none; }

/*
 * Marginesy - rozszerzenie tego co juz jest w AdminLTE
 */
.margin-l-0 {
  margin-left: 0px; }

.margin-l-5 {
  margin-left: 5px; }

.margin-l-10 {
  margin-left: 10px; }

.margin-l-20 {
  margin-left: 20px; }

.margin-r-5 {
  margin-right: 5px; }

.margin-r-10 {
  margin-right: 10px; }

.margin-r-20 {
  margin-right: 20px; }

.margin-b-10 {
  margin-bottom: 10px; }

.margin-b-15 {
  margin-bottom: 15px; }

.margin-b-20 {
  margin-bottom: 20px; }

.margin0 {
  margin: 0px !important; }

.padding0 {
  padding: 0px !important; }

/*
 * Waga fontow
 */
.font-weight-100 {
  font-weight: normal; }

.font-weight-200 {
  font-weight: normal; }

.font-weight-600 {
  font-weight: bold; }

.font-weight-700 {
  font-weight: bold; }

/* DATATABLE */
table .actions {
  min-width: 80px;
  text-align: center; }
  table .actions a {
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 2px;
    margin-right: 2px; }
table tr.vertical-align-middle td {
  vertical-align: middle; }

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
  white-space: normal; }

table.dataTable tfoot th, table.dataTable tfoot td {
  padding: 10px 10px 6px; }

table.dataTable thead > tr > th {
  padding-right: 10px !important; }

.info-box-number {
  text-overflow: ellipsis;
  overflow: hidden; }

.content-header h1 {
  text-overflow: ellipsis;
  overflow: hidden; }

.widget-user .widget-user-username {
  font-size: 2rem;
  font-weight: bold; }

.widget-user .widget-user-header {
  height: auto; }

.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p.empty {
  margin-left: 0; }

.mailbox-attachment-info {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.users-list > li {
  width: 20%;
  height: 150px; }
  @media (max-width: 991px) {
    .users-list > li {
      width: 25%; } }
  @media (max-width: 767px) {
    .users-list > li {
      width: 50%; } }

.small-box .icon {
  font-size: 60px; }

.small-box:hover .icon {
  font-size: 75px; }

.mailbox-attachment-icon.has-img > img {
  object-fit: cover;
  width: 100%;
  max-height: 115px; }

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
  background-color: #b0aed4; }

/* OVERRIDE ADMIN 2 LTE. */
/* FORUM */
.box .box-header.with-top-border {
  border-top: 1px solid #f4f4f4;
  border-bottom: 0 !important; }

.box .box-body .stats {
  padding-left: 10px; }

.user-block .icon {
  position: absolute;
  right: 50px; }
  .user-block .icon .fa {
    font-size: 56px;
    color: #f7f7f7; }

.forum .btn-box-tool {
  color: #ddd; }
  .forum .btn-box-tool:hover {
    color: #ffffff; }

/* Aktywności */
h3.timeline-header .img-sm {
  position: relative;
  left: -5px;
  top: -6px; }

.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
  top: 4px; }

/* UPLOAD OBRAZKÓW */
.js-fileapi-wrapper {
  border: 1px dashed silver;
  min-height: 100px;
  text-align: center;
  padding-top: 20px; }

.js-file-tpl {
  margin: 10px 0px 10px 0px;
  min-height: 20px;
  border: 1px solid #bde9fb;
  background: rgba(255, 255, 255, 0.5);
  position: relative; }

.js-file-tpl2 {
  margin: 10px 0px 10px 0px;
  min-height: 20px;
  border: 1px solid #bde9fb;
  background: rgba(255, 255, 255, 0.5);
  position: relative; }

.js-file-tpl-placeholder {
  background: #fffa90;
  margin: 10px 0px 10px 0px;
  min-height: 20px;
  border: 1px dashed #bde9fb; }

.upload-progress {
  height: 6px;
  background-color: #dd4b39; }

.bar {
  height: 6px;
  background-color: #f39c12; }

.tmp-img {
  font-size: 3rem;
  padding-top: 4px; }

.b-thumb:hover {
  background: rgba(236, 240, 245, 0.4); }

.b-thumb__name {
  padding-top: 10px; }

.ui-state-checked {
  background: red !important; }

.col-xs-2.b-thumb__preview {
  max-width: 120px; }

.sort-handle-container {
  text-align: center;
  background: #bde9fb;
  line-height: 50px;
  padding-top: 10px;
  cursor: n-resize; }

.abort-handle-container {
  text-align: center;
  padding: 10px;
  position: absolute;
  bottom: 5px;
  right: 5px;
  background-color: rgba(255, 255, 255, 0.8);
  line-height: 20px; }

.color-green {
  color: #009431; }

.color-orange {
  color: #e87325; }

.color-lightblue {
  color: #bde9fb; }

.color-lightblue:hover, .color-lightblue:active, .color-lightblue:focus {
  color: rgba(221, 75, 57, 0.8) !important; }

.color-darktblue {
  color: #2f2c83 !important; }

.color-darktblue:hover, .color-darktblue:active, .color-darktblue:focus {
  color: rgba(47, 44, 131, 0.8) !important; }

.color-red {
  color: #dd4b39 !important; }

.color-red:hover, .color-red:active, .color-red:focus {
  color: rgba(221, 75, 57, 0.8) !important; }

.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed !important;
  pointer-events: none; }

/*UPLOAD OBRAZKÓW. */
/* PROGRESS BAR W TABELI */
.table > tbody > tr > td.padding-progress, .table > tbody > tr > th.padding-progress, .table > tfoot > tr > td.padding-progress, .table > tfoot > tr > th.padding-progress, .table > thead > tr > td.padding-progress, .table > thead > tr > th.padding-progress {
  padding: 5px 8px; }

/* RANGI ODZNAKI */
.full-badge, .small-badge {
  position: relative; }
  .full-badge img, .small-badge img {
    position: relative; }
  .full-badge small, .small-badge small {
    text-align: left;
    position: absolute;
    color: white;
    font-weight: bold;
    transform: translateY(-50%);
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
    font-size: 1.2rem;
    line-height: 20px;
    top: 43%;
    left: 38%; }
  @media (min-width: 768px) {
    .full-badge, .small-badge {
      /* Small devices (tablets, 768px and up) */ }
      .full-badge small, .small-badge small {
        top: 45%;
        left: 41%;
        font-size: 1.5rem;
        line-height: 20px; } }

.small-badge small {
  color: #333;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); }

@media (max-width: 767px) {
  .timeline > li > .timeline-item > .time {
    text-align: right;
    width: 100%;
    display: block;
    padding: 5px 5px 0;
    float: inherit; } }

.timeline-body .small-badge img {
  max-width: 100px; }
.timeline-body .small-badge small {
  left: 120px;
  text-shadow: none;
  font-size: 1rem;
  font-weight: normal; }

/* PATTERNS */
.pattern-confectionary {
  background-image: url("../img/patterns/confectionary/confectionary.png"); }

.pattern-playstation {
  background-image: url("../img/patterns/playstation/playstation.png"); }

/* PRINT */
.box-header .box-print {
  position: absolute;
  top: 3px;
  right: 5px; }

@media print {
  .btn-print {
    display: none; }

  .progress .progress-bar {
    -webkit-print-color-adjust: exact !important;
    color: black !important;
    background-color: silver !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#000000', endColorstr='#000000')" !important; }

  footer {
    display: none !important; }

  .print-btn, .print-btn-container {
    display: none !important; } }
/* Zadania otwarte */
.open-anwser-list-username {
  margin-left: 40px;
  margin-top: 4px; }
  .open-anwser-list-username .text-muted {
    font-size: 1rem !important; }

/* Zadania otwarte. */
/* Przyciski w formularzach */
/* Przyciski w formularzach. */
/* Przypisywanie przedmiotow do klas*/
.border-green {
  border-left: 2px solid green !important; }

.border-red {
  border-left: 2px solid #e60e0e !important; }

.choosen {
  background: rgba(60, 141, 188, 0.25) !important; }

/* Przypisywanie przedmiotow do klas.*/
/* ABSENCJE i OCENY*/
#absence-table td, #absence-table th, #grades-table td, #grades-table th {
  border: 1px solid #f4f4f4; }
#absence-table td.cell-clicked, #grades-table td.cell-clicked {
  background: #ffee9d !important; }
#absence-table td.cell-selected, #grades-table td.cell-selected {
  border: 2px dashed darkgreen; }
#absence-table td.cell-error, #grades-table td.cell-error {
  background: #ff1b10 !important; }
#absence-table td.cell-ok, #grades-table td.cell-ok {
  background: #ccecff;
  text-align: center; }
#absence-table td.cell-nd, #grades-table td.cell-nd {
  background-image: linear-gradient(to top left, transparent calc(50% - 2px), #f4f4f4, transparent calc(50% + 2px)); }
#absence-table td.cell-future-yours, #grades-table td.cell-future-yours {
  background: #d0f1ce; }
#absence-table td.cell-yours, #grades-table td.cell-yours {
  background: #9de199;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently  */
  min-width: 30px; }
#absence-table .col-narrow, #grades-table .col-narrow {
  width: 1%; }
#absence-table .col-username, #grades-table .col-username {
  width: 200px; }
#absence-table .col-hour, #absence-table .col-empty, #grades-table .col-hour, #grades-table .col-empty {
  width: 36px; }
#absence-table .col-subject-name, #grades-table .col-subject-name {
  width: 36px;
  word-break: break-all;
  text-transform: uppercase;
  text-align: center;
  font-size: 1rem;
  font-weight: normal;
  padding: 1px;
  vertical-align: top; }
#absence-table .bborder, #grades-table .bborder {
  border-right: 4px solid #d2d6de; }
#absence-table .today, #grades-table .today {
  color: #0ab300; }
#absence-table .date-text, #grades-table .date-text {
  min-width: 90px; }

/* FULLCALENDAR */
.fc .fc-scroller[style] {
  overflow-y: hidden !important; }
.fc .fc-axis {
  position: relative; }
  .fc .fc-axis span {
    position: absolute;
    right: 0;
    background: white;
    padding: 0 5px;
    top: -11px; }
.fc .fc-time-grid .fc-slats td {
  height: 6px; }
.fc .fc-time-grid .fc-slats .fc-minor td {
  border-top-color: #f6f6f6;
  border-top-width: 0; }
.fc .fc-event .fc-time {
  font-size: 1rem;
  background: rgba(0, 0, 0, 0.2); }
  .fc .fc-event .fc-time span {
    position: relative;
    top: -1px; }
.fc .fc-event {
  border-radius: 0;
  font-size: 1rem;
  border-color: #4eb2d7;
  background: #26c0f0; }
  .fc .fc-event .fc-subject {
    font-weight: bold; }
  .fc .fc-event .fc-classroom {
    font-weight: bold; }
.fc .fc-replacement {
  border-color: #863030;
  background: #d25858; }
.fc.editable .fc-event {
  cursor: pointer; }
.fc.editable .not-clickable {
  cursor: default; }
.fc .fc-bgevent {
  background: #26c0f0;
  opacity: 0.2; }
.fc .fc-allday {
  border-color: #e87325;
  background: #e87325; }
.fc .fc-day-off {
  border-color: #e60e0e;
  background: #e60e0e; }
  .fc .fc-day-off.fc-bgevent {
    opacity: 0; }

/* TIMELINE */
#current-time, #hover-time {
  font-size: 1rem;
  color: #ffffff;
  display: none;
  height: 16px;
  line-height: 16px;
  width: 24px;
  padding-right: 4px;
  text-align: right;
  position: absolute;
  margin-top: -8px;
  background: #EC008C; }
  #current-time span, #hover-time span {
    position: relative;
    z-index: 1; }

#current-time:after, #hover-time:after {
  position: absolute;
  content: " ";
  display: block;
  height: 6px;
  width: 6px;
  background: #EC008C;
  transform: rotate(45deg);
  top: 5px;
  right: -2px;
  pointer-events: none; }

#hover-time, #hover-time:after {
  background: #6e6e6e;
  color: #ffffff; }

#hover-time {
  z-index: 9;
  width: 30px;
  text-align: center;
  padding-left: 1px;
  display: none; }

#calendar:hover #hover-time {
  display: none; }

.popover hr {
  margin: 10px 0; }

.strikeout {
  text-decoration: line-through !important; }

/* FULLCALENDAR. */
.learning-path-header {
  padding: 20px;
  height: 220px;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  position: relative;
  background-color: #2e2e8c;
  background-image: linear-gradient(to right top, #000066, #0f0c70, #1b1879, #252383, #2e2e8c); }

.learning-path-name {
  position: absolute;
  margin-top: 0;
  margin-bottom: 0;
  bottom: 20px;
  font-size: 1.5rem;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: white; }

.container-fluid {
  padding-right: 30px;
  padding-left: 30px; }
  @media (max-width: 991px) {
    .container-fluid {
      padding-left: 15px;
      padding-right: 15px; } }
  @media (max-width: 767px) {
    .container-fluid {
      padding-left: 5px;
      padding-right: 5px; } }

.large-icon {
  font-size: 2rem;
  vertical-align: middle; }

.box-dashed {
  border: 2px dashed #d2d6de;
  background: transparent; }

hr.margin-5 {
  margin: 5px 0 5px 0; }

.border-bottom {
  border: none;
  border-bottom: 1px solid #464646; }

.topics-list a, .topics-list a:visited {
  color: #3185a9 !important; }
.topics-list a:hover {
  color: #72b3c4 !important; }
.topics-list a:active {
  color: #90d1d8 !important; }
.topics-list .locked {
  color: silver; }

.content-image-header-noaccess {
  background-size: cover !important;
  background-position: center !important;
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: url("/img/gpw/noaccess.jpg");
  height: 380px; }
  @media (max-width: 767px) {
    .content-image-header-noaccess {
      height: 180px; } }
  @media (min-width: 768px) {
    .content-image-header-noaccess {
      height: 240px; } }
  @media (min-width: 992px) {
    .content-image-header-noaccess {
      height: 280px; } }
  @media (min-width: 1200px) {
    .content-image-header-noaccess {
      height: 380px; } }

ul.checks {
  list-style: none;
  padding-left: 10px; }

ul li.check:before {
  content: "\2714\0020"; }
ul li.minus:before {
  content: "\2716\0020"; }

.content-box .content-image-header {
  position: relative;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px; }
.content-box h1.content-title {
  margin-top: 0;
  font-size: 1.5em;
  font-weight: bold; }

.content-layout-no1 .content-image-header {
  height: 280px; }

@media (max-width: 767px) {
  .content-layout-no2 .content-image-header, .content-layout-no3 .content-image-header, .content-layout-no5 .content-image-header, .content-layout-no6 .content-image-header {
    height: 280px; } }
@media (min-width: 768px) {
  .content-layout-no2, .content-layout-no3, .content-layout-no5, .content-layout-no6 {
    display: flex; }
    .content-layout-no2 .content-image-header, .content-layout-no3 .content-image-header, .content-layout-no5 .content-image-header, .content-layout-no6 .content-image-header {
      flex: 1;
      /* additionally, equal width */
      padding: 1em;
      border-radius: 10px; }
    .content-layout-no2 .box-body, .content-layout-no3 .box-body, .content-layout-no5 .box-body, .content-layout-no6 .box-body {
      flex: 1;
      /* additionally, equal width */
      padding: 1em; } }

blockquote {
  background-color: #f7f7f7;
  font-style: italic; }

.modal-warning .modal-content {
  background: orangered; }

.callout {
  border-radius: 3px;
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee; }

.callout a {
  color: #fff;
  text-decoration: underline; }

.callout a:hover {
  color: #eee; }

.callout h4 {
  margin-top: 0;
  font-weight: 600; }

.callout p:last-child {
  margin-bottom: 0; }

.callout code, .callout .highlight {
  background-color: #fff; }

.callout.callout-danger {
  border-color: #ebccd1;
  background-color: #f2dede !important; }

.callout.callout-warning {
  border-color: #faebcc;
  background-color: #fcf8e3 !important; }

.callout.callout-info {
  border-color: #bce8f1;
  background-color: #d9edf7 !important; }

.callout.callout-success {
  border-color: #d6e9c6;
  background-color: #dff0d8 !important; }

/*DYMKI WYZWAN I DIALOGOW*/
.speech-ow {
  font-size: 1.3rem;
  font-style: italic; }

.speech-ow-small {
  font-size: 1rem;
  font-style: italic;
  padding: 15px !important; }
  .speech-ow-small .avatar-right {
    position: absolute;
    right: -65px;
    height: 50px;
    top: 0px;
    border-radius: 8px; }
  .speech-ow-small .avatar-left {
    position: absolute;
    left: -65px;
    height: 50px;
    top: 0px;
    border-radius: 8px; }

.speech {
  position: relative;
  border-radius: 10px;
  color: white;
  z-index: 100;
  margin-bottom: 1em;
  padding: 20px; }

.speech-type-k1-1, .speech-type-k2-1, .speech-type-k3-1 {
  background-color: #000000c9;
  margin-right: 20%; }

.speech-type-k1-2, .speech-type-k2-2, .speech-type-k3-2 {
  background-color: #ff0000c9;
  margin-left: 20%;
  margin-right: 200px; }

.speech-type-k1-2::before, .speech-type-k2-2::before, .speech-type-k3-2::before {
  position: absolute;
  content: " ";
  right: -30px;
  top: 10px;
  border: 15px solid;
  border-color: transparent transparent transparent #ff0000c9; }

.speech-type-k1-3, .speech-type-k2-3, .speech-type-k3-3 {
  background-color: #4285f4c9;
  margin-left: 15px;
  margin-right: 40%; }

.speech-type-k1-3::before, .speech-type-k2-3::before, .speech-type-k3-3::before {
  position: absolute;
  content: " ";
  left: -30px;
  top: 10px;
  border: 15px solid;
  border-color: transparent #4285f4c9 transparent transparent; }

.avatar {
  /*position: absolute;*/
  /*right: 10px;*/
  /*top: 70px;*/
  /*z-index: 10;*/
  position: fixed;
  right: 10px;
  top: 114px;
  z-index: 10;
  pointer-events: none; }

.avatar img {
  height: 430px; }

.options {
  position: relative;
  z-index: 101;
  margin-top: 10%;
  width: calc(100% - 200px) !important; }

.option {
  color: white;
  text-align: left;
  padding: 10px;
  background-color: #4285f4 !important;
  border: #4285f4 !important;
  margin-bottom: 1em; }

.survey-summary {
  background-color: #ffffffc9;
  margin-right: 20%;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 30px;
  z-index: 99999;
  position: relative; }

@media (max-width: 767px) {
  .speech-type-k1-1, .speech-type-k2-1, .speech-type-k3-1 {
    margin-right: 0px; }

  .speech-type-k1-2, .speech-type-k2-2, .speech-type-k3-2 {
    margin-left: 0px;
    margin-right: 140px; }

  .speech-type-k1-3, .speech-type-k2-3, .speech-type-k3-3 {
    margin-right: 0px; }

  .options {
    margin-top: 100px;
    width: 100% !important; }

  .avatar {
    right: -70px; }

  .bg-survey {
    position: relative; } }
/*DYMKI WYZWAN I DIALOGOW.*/
/* TIMELINE */
.timeline {
  position: relative;
  margin: 0 0 30px 0;
  padding: 0;
  list-style: none; }

.timeline:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #ddd;
  left: 31px;
  margin: 0;
  border-radius: 2px; }

.timeline > li {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px; }

.timeline > li > .timeline-item {
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  margin-top: 0;
  background: #fff;
  color: #444;
  margin-left: 60px;
  margin-right: 15px;
  padding: 0;
  position: relative; }

.timeline-inverse > li > .timeline-item {
  background: #f0f0f0;
  border: 1px solid #ddd;
  -webkit-box-shadow: none;
  box-shadow: none; }

.timeline > li > .timeline-item > .time {
  color: #999;
  float: right;
  padding: 10px;
  font-size: 1rem; }

.timeline > li > .timeline-item > .timeline-header {
  margin: 0;
  color: #555;
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
  font-size: 1rem;
  line-height: 1.1; }

.timeline-inverse > li > .timeline-item > .timeline-header {
  border-bottom-color: #ddd; }

.timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer {
  padding: 10px; }

.pattern-confectionary {
  background-image: url("../img/patterns/confectionary/confectionary.png"); }

.bg-green, .modal-success .modal-body {
  background-color: #00a65a !important; }

.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
  width: 30px;
  height: 30px;
  font-size: 1rem;
  line-height: 30px;
  position: absolute;
  color: #666;
  background: #d2d6de;
  border-radius: 50%;
  text-align: center;
  left: 18px;
  top: 0; }

.timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion {
  top: 4px; }

.timeline > .time-label > span {
  font-weight: 600;
  padding: 5px;
  display: inline-block;
  background-color: #fff;
  border-radius: 4px; }

.bg-purple {
  background-color: #3185a9 !important; }

/*# sourceMappingURL=main_old.css.map */