:root, [data-bs-theme=dark] {
  --bs-body-font-size: 0.875rem;
  --bs-body-font-family: "Inter", sans-serif;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.6;
  --bs-body-color: #707e94;
  --bs-body-color-rgb: 112, 126, 148;
  --bs-body-bg: #0B1324;
  --bs-body-bg-rgb: 11, 19, 36;
  --bs-tertiary-bg: #1e293b;
  --bs-tertiary-bg-rgb: 30, 41, 59;
  --moja-farba-100-rgb: 172, 149, 254;
  --moja-farba-400-rgb: 131, 97, 254;
  --moja-farba-500-rgb: 117, 79, 254;
  --bs-heading-color: #cbd5e1;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

h3 {
  font-size: 1.25rem;
}

h5 {
  font-size: 1rem;
}
h5 a {
  color: var(--bs-heading-color);
  text-decoration: none;
}
h5 a:hover {
  color: #754ffe;
}

.text-muted {
  color: #8390a3 !important;
}

.img-4by3 {
  width: 6.5rem;
  height: 3.65625rem;
}
.img-4by3 img {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.logo {
  height: 3.5rem;
}

.avatar {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}
.avatar img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 100%;
}

.table {
  vertical-align: middle;
}
.table .table-light {
  border-color: #d9dde0;
  background-color: #334155;
  color: #8390a2;
}
.table .table-light th {
  background-color: #334155;
  border-color: #334155;
  color: #9facbf;
  font-size: var(--bs-body-font-size);
  font-weight: 600;
  text-transform: uppercase;
}
.table > :not(caption) > * > * {
  padding: 0.75rem 1.5rem;
}
.table a.nazov {
  color: #9e84fe;
  text-decoration: none;
}
.table tr td {
  border-bottom-width: 1px;
}
.table tr:last-child td {
  border-bottom-width: 0;
}
.table .sort-handler {
  width: 5%;
}
.table .sort-handler span {
  cursor: move;
}
.table .w-1 {
  width: 1%;
}
.table .w-5 {
  width: 5%;
}
.table .w-10 {
  width: 10%;
}
.table .w-15 {
  width: 10%;
}
.table .w-20 {
  width: 20%;
}
.table .w-30 {
  width: 30%;
}
.table h4 {
  font-size: 1rem;
  color: inherit;
}
.table h5 {
  font-size: 0.875rem;
}
.table .text-inherit {
  color: inherit;
}
.table.table-hover > tbody {
  color: #8390a2;
}
.table.table-hover > tbody > tr:hover > * {
  background-color: var(--bs-body-bg);
  color: #cbd5e1;
}
.table.table-hover > tbody > tr:hover > * a.nazov {
  color: #9172fe;
}
.table.table-hover > tbody > tr:hover > * .btn-ghost {
  color: #cbd5e1;
}
.table.table-hover > tbody > tr:hover > * .btn-ghost:hover {
  color: #334155;
}
.table.table-hover > tbody > tr:hover > * h5 {
  color: inherit;
}
.table.table-hover > tbody > tr:hover > * .text-danger {
  color: #df4452 !important;
}
.table.table-hover > tbody > tr:hover > * .text-warning {
  color: #FFC107 !important;
}
.table.table-hover > tbody > tr:hover > * .text-success {
  color: #258d5d !important;
}
.table.table-hover > tbody > tr.no-file > * {
  font-size: 1.75rem;
  font-weight: 600;
}
.table.table-hover > tbody > tr.no-file:hover > * {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
}
.table.table-hover > tbody > tr h5 {
  color: var(--bs-table-color);
}
.table.table-hover > tbody > tr.disabled > * {
  background-color: var(--bs-table-bg);
  color: var(--bs-table-color);
}
.table.table-hover > tbody > tr.disabled .btn {
  cursor: auto;
}
.table.table-hover > tbody > tr.disabled:hover > * {
  background-color: var(--bs-table-bg);
  color: var(--bs-table-color);
  box-shadow: none;
}
.table.table-hover > tbody > tr.table-moje {
  background-color: #6947e5;
  color: #ffffff;
  font-weight: 600;
}
.table.table-hover > tbody > tr.table-moje:hover > * {
  --bs-table-accent-bg: #6947e5;
  color: #ffffff;
}

#tabulka-files {
  min-height: calc(100vh - 60px - 3rem - 85.4px);
}

#tabulka-prednasky {
  min-height: calc(100vh - 60px - 3rem - 117.8px);
}

.form-label {
  color: #94a3b8;
  font-weight: 600;
}

.form-control {
  color: #707e94;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #0B1324;
}
.form-control:focus {
  box-shadow: 0 0 0 3px rgba(var(--moja-farba-400-rgb), 0.5);
  border-color: #8361fe;
  background-color: #0B1324;
}
.form-control.form-control-color {
  padding: 0.375rem;
}

textarea {
  height: 400px;
}

.form-select {
  background-position: right 1rem center;
  background-color: #0B1324;
  color: #94a3b8;
  border-color: #1e293b;
  font-size: 0.875rem;
  line-height: 1.6;
  padding: 0.5rem 3rem 0.5rem 1rem;
}
.form-select:focus {
  border-color: #8361fe;
  box-shadow: 0 0 0 0.25rem rgba(var(--moja-farba-500-rgb), 0.25);
}
.form-select:focus-visible {
  text-shadow: 0 0 0 #94a3b8;
}
.form-select option {
  color: #ffffff;
}

.form-check-input:checked {
  background-color: #754ffe;
  border-color: #754ffe;
}
.form-check-input:focus {
  box-shadow: 0 0 0 3px rgba(var(--moja-farba-400-rgb), 0.5);
  border-color: #754ffe;
}

input, .form-control, .input-group-text {
  border-color: #1e293b;
  font-size: var(--bs-body-font-size);
  line-height: var(--bs-body-line-height);
  padding: 0.5rem 1rem;
}

.input-group-text {
  color: #728196;
  background-color: #0B1324;
}

.cursor-help {
  cursor: help;
}

.badge.badge-lg {
  font-size: 0.8125rem;
}
.badge.badge-xl {
  font-size: 1rem;
}
.badge.badge-light-primary {
  color: #86909d;
}
.badge a {
  color: #9e84fe;
  text-decoration: none;
}

.btn {
  --bs-btn-font-weight: 600;
  --bs-btn-font-size: var(--bs-root-font-size);
  line-height: 1.6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn.btn-sm {
  --bs-btn-font-size: 0.75rem;
  --bs-border-radius-sm: 0.375rem;
}
.btn.btn-dark {
  --bs-btn-bg: #0f172a;
  --bs-btn-hover-color: #ffffff;
  --bs-btn-hover-bg: #754ffe;
  --bs-btn-hover-border-color: #754ffe;
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: var(--bs-btn-hover-bg);
  --bs-btn-active-border-color: var(--bs-btn-border-color);
}
.btn.social {
  border-color: #334155;
  color: #475569;
}
.btn.social.social:hover {
  background-color: #3b5998;
  border-color: transparent;
  color: #0b1624;
}
.btn.btn-icon {
  font-size: 0.875rem;
  width: 2.1875rem;
  height: 2.1875rem;
}
.btn.btn-ghost {
  --bs-btn-font-weight: 600;
  --bs-btn-color: #8390a2;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-color: #334155;
  --bs-btn-hover-bg: #a2acb9;
  --bs-btn-hover-border-color: #334155;
  --bs-btn-active-color: #334155;
  --bs-btn-active-bg: #a2acb9;
  --bs-btn-active-border-color: #334155;
}

.btn-primary {
  --bs-btn-bg: #754ffe;
  --bs-btn-border-color: #754ffe;
  --bs-btn-hover-bg: #6947e5;
  --bs-btn-hover-border-color: #5e3fcb;
  --bs-btn-focus-shadow-rgb: 131, 97, 254;
  --bs-btn-active-bg: #5e3fcb;
  --bs-btn-active-border-color: #5237b2;
  --bs-btn-disabled-bg: #754ffe;
  --bs-btn-disabled-border-color: #754ffe;
}

.card {
  --bs-card-bg: #1e293b;
  --bs-card-cap-bg: transparent;
  --bs-card-cap-color: var(--bs-heading-color);
  border: 0;
  color: #9e84fe;
  box-shadow: 0 1px 3px rgba(17, 24, 39, 0.09);
}
.card .card-footer {
  font-weight: 600;
}
.card .card-header h4 {
  font-size: 1rem;
  font-weight: 500;
  padding: 0.5rem;
}
.card .card-body {
  color: #8390a2;
}
.card .card-body.side .list-group-item {
  background-color: transparent;
}
.card.bg-moje {
  color: #0b1324;
}
.card.bg-moje h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #ffffff;
}
.card.bg-moje h1 {
  font-size: 2.5rem;
  font-weight: 600;
  color: #ffffff;
}
.card .text-danger {
  color: #e56672 !important;
}
.card .text-warning {
  color: #FFC107 !important;
}
.card .text-success {
  color: #469f76 !important;
}

.noadmin .card-header {
  min-height: 205px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  position: relative;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2), transparent 90%);
  border: 0;
}
.noadmin .card-header a {
  color: inherit;
  text-decoration: none;
  opacity: 0.95;
  text-shadow: 0 0 1px #000;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.noadmin .text-dark {
  color: #0f1318 !important;
}

.dropdown .dropdown-toggle {
  text-decoration: none;
}
.dropdown .dropdown-item:not(.disabled) {
  font-weight: 500;
  color: #e2e8f0;
}
.dropdown .dropdown-item:not(.disabled):hover {
  color: #9172fe;
  background-color: #0F172A;
}
.dropdown .dropdown-menu {
  --bs-dropdown-bg: #1e293b;
  --bs-dropdown-font-size: var(--bs-nav-link-font-size);
  --bs-dropdown-link-color: #e2e8f0;
  --bs-dropdown-link-hover-color: #754ffe;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
}
.dropdown .dropdown-header h5 {
  font-size: var(--bs-body-font-size);
}
.dropdown .dropdown-header .text-muted {
  font-weight: 500;
}
.dropdown .dropdown-header .text-muted:hover {
  color: #8390a3 !important;
}

.list-group .ikonky2 {
  width: 1rem;
  display: inline-block;
}

.modal-content {
  color: #717e93;
}

.modal-fullscreen {
  width: calc(100vw - 4rem);
  height: calc(100vh - 4rem);
  margin: 2rem;
}

#mojeOkno .modal-dialog {
  border: 1px solid var(--bs-border-color);
}
#mojeOkno .card-body {
  overflow-y: auto;
}

.toast {
  --bs-toast-spacing: 0.75rem;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.95);
}

.toast-container {
  position: fixed;
  left: calc(100vw - 25rem);
  bottom: 0;
  width: 24rem;
}

.navbar {
  --bs-navbar-color: #cbd5e1;
  --bs-navbar-active-color: #cbd5e1;
  --bs-navbar-hover-color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(17, 24, 39, 0.09);
  padding: 0.625rem 1rem;
}
.navbar .navbar-nav {
  --bs-nav-link-font-weight: 500;
}
.navbar .navbar-brand {
  font-weight: 700;
}
.navbar .navbar-brand img {
  height: 1.875rem;
}
.navbar .text-muted {
  color: #8390a3 !important;
}
.navbar .text-muted:hover {
  color: #9172fe !important;
}

.navbar-vertical {
  background-color: #1e293b;
  border-right: 1px solid #0f172a;
  bottom: 0;
  display: block;
  height: 100vh;
  margin-left: 0;
  max-width: 250px;
  padding: 0;
  position: fixed;
  top: 0;
  transition: margin 0.25s ease-out;
  width: 100%;
}
.navbar-vertical .navbar-brand {
  display: block;
  margin-right: 0;
  padding: 1rem 1.5rem;
}
.navbar-vertical .navbar-nav .nav-item .nav-link {
  align-items: center;
  color: #94a3b8;
  display: flex;
  font-weight: 500;
  line-height: 1.8;
  padding: 0.5rem 1.5rem;
  transition: all 0.5s;
}
.navbar-vertical .navbar-nav .nav-item .nav-link:hover, .navbar-vertical .navbar-nav .nav-item .nav-link.active {
  color: #cbd5e1;
}
.toggled .navbar-vertical {
  margin-left: -16rem;
}

.nav {
  --bs-nav-link-font-size: var(--bs-root-font-size);
}

.nav-tabs .nav-item {
  margin: 0 1.5rem;
}
.nav-tabs .nav-link {
  border-bottom: 2px solid transparent;
  border-radius: 0;
  color: #8390a2;
  font-weight: 500;
  padding: 1rem 0;
  white-space: nowrap;
}
.nav-tabs .nav-link.active {
  color: #9172fe;
  background-color: transparent;
  border-color: transparent;
  border-bottom-color: #9172fe;
}
.nav-tabs .nav-link:not(:disabled):hover, .nav-tabs .nav-link.active:hover {
  border-color: transparent;
  border-bottom-color: #9172fe;
  color: #9172fe;
  background-color: transparent;
}

.pagination {
  --bs-pagination-padding-x: 0.925rem;
  --bs-pagination-padding-y: 0.5rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-color: #8390a2;
  --bs-pagination-bg: #1e293b;
  --bs-pagination-border-width: 1px;
  --bs-pagination-border-color: #334155;
  --bs-pagination-border-radius: 0.375rem;
  --bs-pagination-hover-bg: #754ffe;
  --bs-pagination-hover-border-color: #754ffe;
  --bs-pagination-focus-color: #0b1324;
  --bs-pagination-focus-bg: #754ffe;
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--moja-farba-500-rgb), 0.25);
  --bs-pagination-active-bg: #754ffe;
  --bs-pagination-active-border-color: #754ffe;
  --bs-pagination-disabled-color: #8390a2;
  --bs-pagination-disabled-bg: #0f172a;
  --bs-pagination-disabled-border-color: #0f172a;
  list-style: none;
}
.pagination.strankovanie .disabled {
  display: none;
}
.pagination .active .page-link {
  color: #f4f6f8;
}
.pagination .page-link {
  color: #8390a2;
}
.pagination .page-link:hover {
  color: #f4f6f8 !important;
}

.bg-moje {
  background-color: #754ffe;
}

.border {
  --bs-border-color: #334155;
}

.border-moje {
  border-color: #754ffe;
}

.text-moje {
  color: #754ffe;
}

.mw-300 {
  max-width: 300px;
}

.mw-400 {
  max-width: 400px;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.pb-5 {
  padding-bottom: 2rem;
}

.mt-6 {
  margin-top: 2.5rem;
}

.mb-6 {
  margin-bottom: 2.5rem;
}

.p-6 {
  padding: 2.5rem !important;
}

.px-6 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-6 {
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.ps-6 {
  padding-left: 2.5rem !important;
}

.py-7 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.mt-8 {
  margin-top: 3.5rem;
}

.pb-8 {
  padding-bottom: 3.5rem;
}

.py-8 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.pb-14 {
  padding-bottom: 6.5rem;
}

main.noadmin {
  margin-top: 3.75rem;
  min-height: calc(100vh - 3.75rem - 69px);
}

#db-wrapper {
  display: flex;
  overflow-x: hidden;
}

#page-content {
  margin-left: 15.625rem;
  min-height: 100vh;
  transition: margin 0.25s ease-out;
  min-width: 0;
  width: 100%;
}
#page-content .navbar {
  padding: 0.625rem 1.5rem;
}
#page-content .navbar-default {
  background-color: #1e293b;
}
#page-content #nav-toggle {
  color: #94a3b8;
  font-size: 1.125rem;
  line-height: 0.5;
  text-decoration: none;
}
#page-content .dropdown-toggle::after {
  display: none;
}
.toggled #page-content {
  margin-left: 0;
}

footer {
  background-color: #1E293B;
}

.zadanie-studenti {
  height: calc(100vh - 60px - 68.8px - 57.4px - 4.5rem);
  overflow-y: scroll;
}

.fade-out {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade {
  transition: opacity 0.15s linear;
}

.swiper {
  --swiper-navigation-color: #754ffe;
  height: 408px;
  width: 100%;
}
.swiper .swiper-wrapper,
.swiper .swiper-slide {
  height: 100%;
  width: 100%;
}
.swiper img {
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 1;
  width: 0.8rem;
  height: 0.8rem;
}
.swiper .swiper-pagination-bullet-active {
  background-color: #754ffe;
}

.sort {
  cursor: pointer;
}
.sort .sort-up,
.sort .sort-down {
  display: none;
}
.sort.asc .sort-up, .sort.desc .sort-down {
  display: inherit;
}

.dropzone {
  border: 0;
}
.dropzone .dz-preview.dz-image-preview {
  background-color: transparent;
}
.dropzone .dz-message .dz-button {
  color: #8390a2;
}
.dropzone button {
  cursor: pointer !important;
}

#myUL, #myUL2 {
  --fa-fw-width: 1em;
}
#myUL .roluj, #myUL2 .roluj {
  cursor: pointer;
}
#myUL .ikonky:hover, #myUL .ikonky.active, #myUL2 .ikonky:hover, #myUL2 .ikonky.active {
  background-color: #0F172A;
}
#myUL .ikonky:hover a, #myUL .ikonky.active a, #myUL2 .ikonky:hover a, #myUL2 .ikonky.active a {
  color: #9172fe;
}
#myUL .ikonky2, #myUL2 .ikonky2 {
  margin-left: calc(0.5rem + 1em);
}
#myUL .fa-sirka, #myUL2 .fa-sirka {
  display: inline-block;
  width: 1.3em;
}
#myUL a, #myUL2 a {
  text-decoration: none;
  color: #8390a2;
}

.choices__inner {
  background-color: #0B1324;
  color: #94a3b8;
  border-color: #1e293b;
  border-radius: 0.375rem;
}
.choices__inner .choices__input {
  background-color: transparent;
}
.is-open .choices__inner {
  border-radius: 0.375rem;
  border-color: #1e293b;
}
.is-focused .choices__inner {
  border-radius: 0.375rem;
  border-color: #8361fe;
  box-shadow: 0 0 0 0.25rem rgba(var(--moja-farba-500-rgb), 0.25);
}

.choices__list--dropdown {
  background-color: #0B1324;
  border-color: #717e93;
  border-radius: 0.375rem;
}
.is-open .choices__list--dropdown, .is-focused .choices__list--dropdown {
  border-radius: 0.375rem;
  border-color: #717e93;
}
.choices__list--dropdown .choices__item {
  color: #ffffff;
}
.choices__list--dropdown .choices__item--selectable:after {
  display: none;
}
.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #52525e;
}

.choices__list--multiple .choices__item {
  background-color: #754ffe;
  border-color: #754ffe;
}

@media (min-width: 992px) {
  .pb-lg-16 {
    padding-bottom: 7.5rem;
  }
  .py-lg-6 {
    padding-bottom: 2.5rem !important;
    padding-top: 2.5rem !important;
  }
}