:root {
  --bs-body-font-size: 1.08em !important;
  --full-width: 100%;
  --full-width-mobile: 360px;
}

i.fa-solid {
  font-size: 25px;
  margin-top: 4px;
}

i.fa-solid.fa-file-pdf {
  color: crimson !important;
  margin-left: 10px;
}

body {
  font-family:
    system-ui,
    -apple-system,
    'Segoe UI',
    Roboto,
    'Helvetica Neue',
    'Noto Sans',
    'Liberation Sans',
    Arial,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji';
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  max-width: 1400px !important;
}

h2 {
  font-weight: 800;
}

th.t1 {
  width: 12%;
}

th.t2 {
  width: 9%;
}

h6 {
  font-size: 1.25rem !important;
}

h2 {
  font-size: 1.7em !important;
}

.navbar > .container-fluid {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
}

li.nav-item {
  margin-right: 6px;
}

.footer {
  background-color: #1b1b1b !important;
  color: #898989;
  font-size: 14px;
  text-align: center;
  padding: 6px;
}

.container {
  margin-top: 20px;
  margin-bottom: 30px;
  min-height: calc(100vh - 146px);
}

.modal-header,
.modal-footer {
  border: none !important;
}

i.fa-solid.fa-school-flag {
  font-size: 34px;
  margin-right: 5px;
  margin-top: 0;
  margin-bottom: 0;
  /* color: gray; */
}

span.nav-title {
  margin-left: 4px;
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.dropdown-item:active:hover {
  background-color: #4c4e50;
}

nav.navbar {
  background-color: #1b1b1b !important;
}

i.fa-solid {
  color: var(--fa-icon-color);
}

[data-bs-theme='dark'] {
  --bs-body-color: white !important;
  --fa-icon-color: white;
}

[data-bs-theme='light'] {
  --bs-body-color: black;
  --fa-icon-color: darkslategrey;
}

a.active > i.fa-solid {
  color: white !important;
}

.fa-header {
  color: rgb(218, 218, 218) !important;
}

i.fa-page-title {
  font-size: 30px;
  margin-right: 6px;
}

.theme-toggle {
  --icon-fill: rgb(218, 218, 218);
  --icon-fill-hover: rgb(255, 255, 255);
  width: 20px;
  margin-left: 10px;
  margin-top: 6px;
  cursor: pointer;
}

.sun-and-moon > :is(.moon, .sun, .sun-beams) {
  transform-origin: center;
}

.sun-and-moon > :is(.moon, .sun) {
  fill: var(--icon-fill);
}

.theme-toggle:is(:hover, :focus-visible) > .sun-and-moon > :is(.moon, .sun) {
  fill: var(--icon-fill-hover);
}

.sun-and-moon > .sun-beams {
  stroke: var(--icon-fill);
  stroke-width: 2px;
}

.theme-toggle:is(:hover, :focus-visible) .sun-and-moon > .sun-beams {
  stroke: var(--icon-fill-hover);
}

[data-bs-theme='dark'] .sun-and-moon > .sun {
  transform: scale(1.75);
}

[data-bs-theme='dark'] .sun-and-moon > .sun-beams {
  opacity: 0;
}

[data-bs-theme='dark'] .sun-and-moon > .moon > circle {
  transform: translateX(-7px);
}

@supports (cx: 1) {
  [data-theme='dark'] .sun-and-moon > .moon > circle {
    transform: translateX(17);
  }
}

@media (min-width: 100px) {
  .sun-and-moon > .sun {
    transition: transform 0.5s cubic-bezier(0.25, 0, 0.3, 1);
  }

  .sun-and-moon > .sun-beams {
    transition:
      transform 0.5s cubic-bezier(0.25, 0, 0.3, 1),
      opacity 0.5s cubic-bezier(0.25, 0, 0.3, 1);
  }

  .sun-and-moon .moon > circle {
    transition: transform 0.25s cubic-bezier(0, 0, 0, 1);
  }

  [data-bs-theme='dark'] .sun-and-moon > .sun {
    transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1);
    transition-duration: 0.25s;
    transform: scale(1.75);
  }

  [data-bs-theme='dark'] .sun-and-moon > .sun-beams {
    transition-duration: 0.15s;
    transform: rotateZ(-25deg);
  }

  [data-bs-theme='dark'] .sun-and-moon > .moon > circle {
    transition-duration: 0.25s;
    transition-delay: 0.125s;
  }
}

[data-bs-theme='dark'] .ts-control {
  border: none;
  background-color: #212529;
}

[data-bs-theme='light'] .ts-control {
  border: none;
  background-color: #fff;
}

[data-bs-theme='dark'] .ts-dropdown {
  background-color: #212529;
  color: rgb(255, 255, 255);
  border: 1px solid #495057;
}

[data-bs-theme='light'] .ts-dropdown {
  color: rgb(0, 0, 0);
}

@media (max-width: 414px) {
  /* nav.navbar {
    width: var(--full-width-mobile);
  } */

  .text-end.right-nav-div {
    display: grid;
    /* align-items: center; */
    justify-items: start;
  }

  .right-nav-div {
    display: inline-flex;
    margin-left: 0px !important;
  }

  .theme-toggle {
    margin-left: 0px;
  }

  #swup,
  .header-bar {
    min-width: 360px;
  }

  /* button.navbar-toggler {
    margin-left: auto;
    margin-right: -32px;
  }

  .theme-toggle {
    margin-right: 0px;
    margin-left: 34px;
  }

  .container {
    min-width: 412px;
  }

  .header-bar {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  } 

  .right-nav-div {
    display: grid !important;
    text-align: left !important;
    justify-content: start;
  } */
}

li.nav-item.right-nav {
  list-style: none;
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.55);
}

li.nav-item.right-nav:focus,
li.nav-item.right-nav:hover {
  color: rgba(255, 255, 255, 0.75);
}

h5 {
  margin-bottom: 14px;
}

.right-nav-div {
  display: inline-flex;
  margin-left: 35px;
}

.right-nav-div-en {
  display: inline-flex;
  margin-left: 140px;
}

nav.navbar {
  z-index: 1;
}

.swup-transition-main {
  opacity: 1;
  transition: opacity 1ms;
}

html.is-animating .swup-transition-main {
  opacity: 0;
}

/* .swup-transition-main {
  opacity: 1;
  transition: opacity 12s;
} */

.card-body {
  padding: 22px !important;
}

i.fa-file-lines {
  color: orange;
}

i.fa-person-chalkboard {
  color: cornflowerblue;
}

i.fa-book-open-reader {
  color: #13ac13;
}

i.fa-btn {
  font-size: 16px;
  color: white;
}

.fa-footer {
  margin-left: 10px !important;
  font-size: 14px !important;
}

.fa-solid.fa-handshake-angle {
  color: #13ac13;
}

a.footer-link {
  color: gray;
  text-decoration: none;
}

a.footer-link:hover {
  color: rgb(195, 195, 195);
  text-decoration: none;
}

a.active > i.fa-person-chalkboard.fa-header {
  color: cornflowerblue !important;
}

a.active > i.fa-school.fa-header {
  color: crimson !important;
}

a.active > i.fa-book-open-reader.fa-header {
  color: #13ac13 !important;
}

a.active > i.fa-graduation-cap.fa-header {
  color: orange !important;
}

a.active > i.fa-screwdriver-wrench.fa-header {
  color: yellow !important;
}

li.nav-item.dropdown.space {
  width: 590px;
}

li.nav-item.dropdown.space-admin {
  width: 115px !important;
}

.fa-lock {
  color: #ffcf00 !important;
}

i.fa-school {
  color: crimson;
}

i.fa-graduation-cap,
i.fa-user-graduate {
  color: orange;
}

.cell-center {
  text-align: center;
}

img.locale_flag {
  width: 23px;
}

.ts-dropdown .active {
  background-color: #69add6 !important;
  color: #495c68;
}

span.course_p {
  margin-bottom: 5px;
  display: inline-block;
}

.student_edit_btn_div {
  display: flex;
}

.student_edit_btn {
  margin-left: auto;
}