@media (min-width: 300px) {
  #heading-navbar {
    display: none;
  }
}

@media (min-width: 576px) {
  #heading-navbar {
    display: inherit;
    font-size: 16px;
  }
}

@media (min-width: 768px) {
  #heading-navbar {
    display: inherit;
  }
}

@media (min-width: 992px) {
  #heading-navbar {
    display: inherit;
    font-size: 24px;
  }
}

#icon-nav {
  margin-right: 5px;
}

@media (min-width: 300px) {
  #transcription-buttons {
    background: rgba(255,255,255,0);
    color: rgb(58,59,69);
    font-weight: bold;
    border-width: 0px;
    width: 100%;
    font-size: 11px;
  }
}

@media (min-width: 576px) {
  #transcription-buttons {
    font-size: 12px;
  }
}

#text-input {
  font-size: 13px;
}

@media (min-width: 360px) {
  #transcr-button-column {
    margin-bottom: 3px;
  }
}

@media (min-width: 576px) {
  #transcr-button-column {
    width: 33.33%;
  }
}

@media (min-width: 576px) {
  #dwld-button-column {
    width: 50%;
  }
}

@media (min-width: 300px) {
  #mod-training-button-col {
    width: 100%;
    margin-bottom: 3px;
  }
}

@media (min-width: 768px) {
  #mod-training-button-col {
    width: 33.33%;
    margin-bottom: 3px;
  }
}

@media (min-width: 1200px) {
  #mod-training-button-col {
    /*padding-left: 0px;*/
    /*padding-right: 0px;*/
  }
}

@media (min-width: 300px) {
  #line {
    width: 10%;
  }
}

@media (min-width: 300px) {
  #transcription-heading {
    font-family: 'Marcellus SC', serif;
    font-size: 14px;
    color: #b08f26;
    font-weight: bold;
  }
}

@media (min-width: 768px) {
  #transcription-heading {
    font-size: 16px;
  }
}

#buttons-heading {
  font-family: 'Bai Jamjuree', sans-serif;
  font-size: 12px;
  text-align: center;
  margin-top: 4px;
  color: rgb(38,38,38);
}

#top-button-group {
  background: #e3edff78;
  margin-bottom: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

#button-group-2 {
  background: rgba(227,237,255,0.47058823529411764);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

@media (min-width: 1200px) {
  #preview-section {
    width: 53.4%;
  }
}

@media (min-width: 300px) {
  #column-spacer {
    display: none;
  }
}

@media (min-width: 1200px) {
  #column-spacer {
    display: inherit;
    width: 2%;
  }
}

#transcription-card {
  margin-top: 10px;
}

#transcr-button-column {
  padding-left: 8px;
  padding-right: 8px;
}

#thumbs-heading {
  font-family: 'Bai Jamjuree', sans-serif;
  font-size: 13px;
  color: rgb(143,139,139);
}

@media (min-width: 300px) {
  #latest-projects {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  #latest-projects {
    width: 44%;
  }
}

@media (min-width: 1200px) {
  #todo-tasks {
    width: 53%;
  }
}

#preview-button-icon {
  display: inline-flex;
  font-size: 16px;
  color: var(--bs-link-color);
  margin-right: 5px;
}

.dropdown.no-arrow .dropdown-toggle::after {
  display: none;
}

#transcript-button-icon {
  display: inline-flex;
  font-size: 16px;
  color: #b08f26;
  margin-left: 5px;
  margin-right: 5px;
}

#menu-item-transcrition:hover {
  color: #383838;
  background-color: rgba(255,255,255,0.81);
}

#menu-item-transcrition {
  font-size: 12px;
  color: rgb(255,255,255);
}

#selector-heading {
  font-size: 14px;
  font-family: 'Marcellus SC', serif;
  color: #b08f26;
}

#models-selector {
  width: 100%;
  margin-bottom: 10px;
  color: rgb(44,44,44);
  font-family: 'Bai Jamjuree', sans-serif;
  font-size: 14px;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}

#project-link {
  display: inline-flex;
}

#action-menu-item {
  font-size: 12px;
}

@media (min-width: 576px) {
  #file-upload {
    display: inline-flex;
  }
}

@media (min-width: 576px) {
  #user_group_logo {
    margin-bottom: 7px;
    width: 50%;
  }
}

@media (min-width: 576px) {
  #user_group_logo {
    font-size: 12px;
    margin-bottom: 7px;
    width: 50%;
  }
}

@media (min-width: 576px) {
  #user_group_logo {
    font-size: 12px;
    margin-bottom: 7px;
    width: 50%;
  }
}

@media (min-width: 576px) {
  #user_group_logo {
    font-size: 12px;
    margin-bottom: 7px;
    width: 50%;
  }
}

@media (min-width: 300px) {
  #user_group_logo {
    font-size: 12px;
    margin-bottom: 5px;
  }
}