/*
* @Author: Sudhir
* @Date:   2022-10-19 09:33:28
* @Last Modified by:   Sudhir
* @Last Modified time: 2022-10-19 09:35:07
*/
/*
* @Author: Sudhir Beladiya
* @Date:   2021-12-11 22:14:51
*/
:root {
  --theme-primary-color: #201f2e;
  --theme-secondary-color: #cf00ff;
  --theme-primary-font: "neue-haas-grotesk-display";
  --theme-secondary-font: "neue-haas-grotesk-display-medium";
}

@font-face {
  font-family: neue-haas-grotesk-display;
  src: url('../fonts/neue-haas-grotesk-display-pro/NeueHaasDisplayRoman.ttf');
}

@font-face {
  font-family: neue-haas-grotesk-display-medium;
  src: url('../fonts/neue-haas-grotesk-display-pro/NeueHaasDisplayMediu.ttf');
}

body {
  font-family: var(--theme-primary-font);
  /*font-family: "Nunito";*/
}

[class*=sidebar-dark-] {
  background-color: var(--theme-primary-color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background-color: var(--theme-secondary-color);
  color: #fff;
}

[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active {
  color: var(--theme-primary-color);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color) !important;
}

.btn-primary {
  color: #fff;
  background-color: var(--theme-primary-color) !important;
  border-color: var(--theme-primary-color) !important;
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  color: var(--theme-secondary-color);
  border-color: var(--theme-primary-color) !important;
}

.btn-outline-primary {
  color: var(--theme-primary-color);
  border-color: var(--theme-primary-color) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle {
  color: var(--white);
  border-color: var(--theme-primary-color) !important;
  background-color: var(--theme-primary-color) !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
.btn {
  font-family: var(--theme-secondary-font);
}


/*----------------------------------------*/
.form-buttons {
  padding: .75rem 1.25rem;
}

form .form-group label:first-child {
  text-transform: capitalize;
}

form .has-error label.error {
  color: #dc3545;
  padding-top: 0.1rem;
}

form label.error {
  color: #dc3545;
  padding-top: 0.1rem;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  color: #dc3545;
}

/*-------*/
.profile-round-img {
  border: 3px solid #adb5bd;
  margin: 0 auto;
  padding: 3px;
  width: 100px;
  height: 100px;
}

/*-------*/

.transcript-edit-btns {
  text-align: right;
  float: right;
  padding-bottom: .5rem;
}

.dropify-wrapper .dropify-message span.file-icon p {
  font-size: 2rem;
}

.profile-img-small {
  height: 1.5rem;
  width: 1.5rem;
}

.user-profile-edit-btn {
  position: absolute;
  padding-top: 5rem;
}

.opacity-0 {
  opacity: 0;
}

.ellipsis-logo {
  width: 10rem;
}

.width-2rem {
  width: 2rem;
}

.audio-player-section {
  position: sticky;
  bottom: 50px;
}

.audio-player-section audio {
  background-color: #f1f3f4;
}

.dropify-div .dropify-wrapper .dropify-message span.file-icon p {
  font-size: 1rem;
}

.dropify-div .dropify-wrapper .dropify-message span.file-icon {
  font-size: 30px;
}

.dropify-div .dropify-wrapper {
  height: 80px;
}