@charset "UTF-8";
@font-face {
  font-family: "Graphik-Bold";
  src: url("../fonts/Graphik-Bold.otf") format("opentype");
}
@font-face {
  font-family: "Graphik-Regular";
  src: url("../fonts/Graphik-Regular.otf") format("opentype");
}
@property --rotate {
  syntax: "<angle>";
  initial-value: 132deg;
  inherits: false;
}
html, body {
  font-size: 16px;
  background-color: #181A20;
  font-family: "Graphik-Regular";
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
}
body.noselect {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
body main {
  padding: 0 15px;
}
body main:nth-child(2) {
  padding-top: 90px;
  flex: 1;
  overflow-y: auto;
}
body main:nth-child(3) {
  padding-top: 140px !important;
  flex: 1;
  overflow-y: auto;
  padding-inline: 0;
  position: relative;
  padding-left: 13px;
}
body .text_preview {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 300px;
}
body .preview_link {
  font-size: 0.875rem;
  text-decoration: none;
  text-align: center;
  color: #009694 !important;
  display: block;
}
body .remove-file, body .remove-note {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #DC4B38 !important;
  font-weight: bold;
  font-size: 1.25rem;
}
body .pending {
  color: #BCA112;
}
body .enabled {
  color: #009694;
}
body .disabled {
  color: #DC4B38;
}
body {
  /*
  * HELPERS
  */
}
body .flex-1 {
  flex: 1 !important;
}
body .pr-30 {
  padding-right: 30px !important;
}
body .mw-160 {
  max-width: 160px !important;
}
body .mw-400 {
  max-width: 400px !important;
}
body .white-text {
  color: #FFFFFF !important;
}
body .gray-text {
  color: #757575 !important;
}
body .gray-text-2 {
  color: #9E9E9E !important;
}
body .text-small {
  font-size: 0.625rem;
}
body .text-medium {
  font-size: 0.75rem;
}
body .text-normal {
  font-size: 0.875rem;
}
body .weight-100 {
  font-weight: 100;
}
body .weight-200 {
  font-weight: 200;
}
body .weight-300 {
  font-weight: 300;
}
body .weight-400 {
  font-weight: 400;
}
body .weight-500 {
  font-weight: 500;
}
body .weight-600 {
  font-weight: 600;
}
body .weight-700 {
  font-weight: 700;
}
body .weight-800 {
  font-weight: 800;
}
body .weight-900 {
  font-weight: 900;
}
body .op-1 {
  opacity: 0.1 !important;
}
body .op-2 {
  opacity: 0.2 !important;
}
body .op-3 {
  opacity: 0.3 !important;
}
body .op-4 {
  opacity: 0.4 !important;
}
body .op-5 {
  opacity: 0.5 !important;
}
body .op-6 {
  opacity: 0.6 !important;
}
body .op-7 {
  opacity: 0.7 !important;
}
body .op-8 {
  opacity: 0.8 !important;
}
body .op-9 {
  opacity: 0.9 !important;
}
body .op-10 {
  opacity: 1 !important;
}
body .green_button {
  color: #FFFFFF;
  background-color: #009694;
  border-radius: 100px;
  font-size: 1rem;
}
body .green_button:hover {
  border-color: #009694;
  color: #FFFFFF;
}
body input[type=text]:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 150, 148, 0.25);
}
body input[type=date] {
  color-scheme: dark;
}
body .cta_btn {
  padding: 5px 10px;
}
body #toast-container > div {
  opacity: 1;
  border-radius: 10px;
}
body .toast-success {
  background-color: #1F222A;
  border: 2px solid #009694;
}
body .toast-error {
  background-color: #1F222A;
  border: 2px solid #DC4B38;
}
body .error {
  display: block;
  font-size: 0.75rem;
  color: #DC4B38;
  margin-top: 5px;
}
body .no-results {
  font-size: 1.25rem;
  text-align: center;
  width: 100%;
}
body #load-more-trigger {
  width: 100%;
  height: 30px !important;
  background-color: transparent;
  visibility: hidden;
}
body .no-border {
  border: none !important;
  pointer-events: none;
  cursor: default !important;
}
body .no-border:hover {
  box-shadow: none !important;
}
body .w-fit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
body .form-check-input:checked {
  background-color: #009694;
  border-color: #009694;
}
body .spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border-left-color: #FFFFFF;
  animation: spin 1s ease infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
body .modal-content {
  background-color: #393E4C;
  color: #FFFFFF;
}
body .modal-content .modal-header {
  border-bottom: none;
}
body .modal-content .close_modal {
  color: #FFFFFF;
  border: none;
  background: transparent;
  height: auto;
}
body .modal-content .btn-primary {
  background-color: #009694;
  border-color: #009694;
}
body .modal-content .btn-primary:hover {
  background-color: transparent;
}
body .modal-content .btn-danger {
  background-color: #DC4B38;
  border-color: #DC4B38;
}
body .modal-content .btn-danger:hover {
  background-color: transparent;
}
body .modal-content .modal-footer {
  border-top: none;
}
body .warning_red {
  color: #DC4B38;
  font-size: 0.875rem;
}
body footer a {
  color: #009694;
  text-decoration: none;
}

.btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 10px;
}

.btn-icon i {
  font-size: 0.95rem;
}

.btn-icon-green {
  background: #009694;
  color: #fff;
}

.btn-icon-red {
  background: #DC4B38;
  color: #fff;
}

.btn-icon-gray {
  background: #393E4C;
  color: #fff;
}

.btn-icon-yellow {
  background: #F4C542;
  color: #111;
}

.btn-icon-green:hover {
  border: 1px solid #009694;
  color: #009694;
}

.btn-icon-red:hover {
  border: 1px solid #DC4B38;
  color: #DC4B38;
}

.btn-icon-gray:hover {
  border: 1px solid #393E4C;
  color: #393E4C;
}

.btn-icon-yellow:hover {
  border: 1px solid #F4C542;
  color: #F4C542;
}

.btn-icon:hover {
  filter: brightness(1.05);
}

/* Afegir el punt de ruptura per a pantalles de 1920px o més grans */
@media (min-width: 1920px) {
  /* Afegeix les classes per controlar la mida de les columnes */
  .col-xxxl-1 {
    flex: 0 0 8.33%; /* 1 columna sobre 12 */
    max-width: 8.33%;
  }
  .col-xxxl-2 {
    flex: 0 0 16.66%; /* 2 columnes sobre 12 */
    max-width: 16.66%;
  }
  .col-xxxl-3 {
    flex: 0 0 25%; /* 3 columnes sobre 12 */
    max-width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 33.33%; /* 4 columnes sobre 12 */
    max-width: 33.33%;
  }
  .col-xxxl-5 {
    flex: 0 0 41.66%; /* 5 columnes sobre 12 */
    max-width: 41.66%;
  }
  .col-xxxl-6 {
    flex: 0 0 50%; /* 6 columnes sobre 12 */
    max-width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 58.33%; /* 7 columnes sobre 12 */
    max-width: 58.33%;
  }
  .col-xxxl-8 {
    flex: 0 0 66.66%; /* 8 columnes sobre 12 */
    max-width: 66.66%;
  }
  .col-xxxl-9 {
    flex: 0 0 75%; /* 9 columnes sobre 12 */
    max-width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 83.33%; /* 10 columnes sobre 12 */
    max-width: 83.33%;
  }
  .col-xxxl-11 {
    flex: 0 0 91.66%; /* 11 columnes sobre 12 */
    max-width: 91.66%;
  }
  .col-xxxl-12 {
    flex: 0 0 100%; /* 12 columnes sobre 12 */
    max-width: 100%;
  }
}
.fly {
  position: absolute;
  left: -99999px;
  top: -99999px;
}

/**********/
/**HEADER**/
/**********/
header {
  background-color: #181A20;
  position: fixed;
  width: 100%;
  padding: 0 15px;
  top: 0;
  left: 0;
  z-index: 10;
}
header hr {
  border-color: #9E9E9E;
}
header .navbar {
  padding: 0;
}
header .navbar .navbar-brand svg {
  max-width: 110px;
}
header .navbar .navbar-toggler {
  border: none !important;
}
header .navbar .navbar-toggler:focus {
  box-shadow: none !important;
}
header .navbar .navbar-toggler svg {
  color: #009694;
}
header .navbar .header_select_filter {
  background-color: #1F222A;
  color: #757575;
  border: none;
  font-size: 0.875rem;
  line-height: 1.3;
  padding: 10px 15px;
  padding-right: 35px;
  border-radius: 12px 12px 12px 12px;
  margin-left: 10px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 120px;
  position: relative;
  cursor: pointer;
}
header .navbar .header_select_filter.open {
  border-radius: 12px 12px 0 0;
}
header .navbar .header_select_filter .filter_selected svg {
  position: absolute;
  right: 7px;
}
header .navbar .header_select_filter .filter_list {
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #1F222A;
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  padding-bottom: 10px;
  overflow-y: auto;
  max-height: 500px;
}
header .navbar .header_select_filter .filter_list:last-child {
  border-radius: 0 0 12px 12px;
}
header .navbar .header_select_filter .filter_list a {
  display: block;
  text-decoration: none;
  color: #757575;
  width: 100%;
  text-align: left;
  padding: 2px 35px 2px 15px;
}
header .navbar .header_select_filter .filter_list a:hover {
  color: #FFFFFF;
  background-color: #009694;
}
header .navbar .header_select_filter.up {
  width: 25px !important;
  padding: 3px 19px 5px 5px !important;
  display: block;
  min-width: 25px !important;
  height: 25px;
  background: #009694 !important;
  color: #181A20 !important;
  font-size: 1.1rem !important;
  border-radius: 50% !important;
  margin-top: 7px;
}
header .navbar .header_select_filter.up.open {
  border-radius: 50% !important;
}
header .navbar .header_end_part .project_options {
  color: #009694;
  cursor: pointer;
}
header .navbar .header_end_part .project_options svg {
  font-size: 1.25rem;
  display: block;
}
header .navbar .header_end_part .project_options > span {
  font-size: 0.625rem;
  display: block;
}
header .navbar .header_end_part .project_options .project_dropdown {
  cursor: pointer;
  position: absolute;
  left: -170px;
  top: 60px;
  width: 240px;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  height: -moz-fit-content;
  height: fit-content;
  background-color: #1F222A;
  list-style: none;
  margin: 0;
  padding: 10px;
  display: none;
  padding-bottom: 10px;
  border-radius: 12px;
  z-index: 10;
}
header .navbar .header_end_part .project_options .project_dropdown li {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: #9E9E9E;
  font-size: 0.875rem;
  padding: 5px 5px;
}
header .navbar .header_end_part .project_options .project_dropdown li:hover, header .navbar .header_end_part .project_options .project_dropdown li:hover a {
  background-color: #181A20;
  color: #009694;
  border-radius: 12px;
}
header .navbar .header_end_part .project_options .project_dropdown li a {
  text-decoration: none;
  color: #9E9E9E;
}
header .navbar .header_end_part .project_options .project_dropdown li .svg_container {
  width: 20px;
}
header .navbar .header_end_part .project_options .project_dropdown li svg {
  font-size: 0.875rem;
}
header .navbar .header_end_part .search-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  cursor: pointer;
  text-decoration: none;
  color: #009694;
}
header .navbar .header_end_part .search-container svg {
  font-size: 1.25rem;
  display: block;
}
header .navbar .header_end_part .search-container #search-input {
  font-size: 0.625rem;
  display: block;
  color: #009694;
  font-family: "Graphik-Regular";
}
header .navbar .header_end_part .search-container ::-moz-placeholder {
  color: #009694;
  font-family: "Graphik-Regular";
}
header .navbar .header_end_part .search-container ::placeholder {
  color: #009694;
  font-family: "Graphik-Regular";
}
header .navbar .header_end_part .search-container ::-moz-placeholder {
  color: #009694;
  font-family: "Graphik-Regular";
}
header .navbar .header_end_part .search-container ::-webkit-input-placeholder {
  color: #009694;
  font-family: "Graphik-Regular";
}
header .navbar .header_end_part .profile, header .navbar .header_end_part .notifications {
  color: #009694;
  cursor: pointer;
  text-decoration: none;
}
header .navbar .header_end_part .profile svg, header .navbar .header_end_part .notifications svg {
  font-size: 1.25rem;
  display: block;
}
header .navbar .header_end_part .profile > span, header .navbar .header_end_part .notifications > span {
  font-size: 0.625rem;
  display: block;
}
header .navbar .header_end_part .profile .notification-badge, header .navbar .header_end_part .notifications .notification-badge {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 0.725rem;
  transform: translate3d(50%, -50%, 0);
  background-color: #009694;
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
}
header .navbar .header_end_part .profile .profile_menu, header .navbar .header_end_part .profile .notifications_dropdown, header .navbar .header_end_part .notifications .profile_menu, header .navbar .header_end_part .notifications .notifications_dropdown {
  width: 200px;
  background-color: #1F222A;
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 90px;
  transition: all 0.5s ease-in-out;
  display: none;
  z-index: 10;
}
header .navbar .header_end_part .profile .profile_menu ul, header .navbar .header_end_part .profile .notifications_dropdown ul, header .navbar .header_end_part .notifications .profile_menu ul, header .navbar .header_end_part .notifications .notifications_dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
header .navbar .header_end_part .profile .profile_menu p, header .navbar .header_end_part .profile .notifications_dropdown p, header .navbar .header_end_part .notifications .profile_menu p, header .navbar .header_end_part .notifications .notifications_dropdown p {
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 5px;
}
header .navbar .header_end_part .profile .profile_menu li, header .navbar .header_end_part .profile .notifications_dropdown li, header .navbar .header_end_part .notifications .profile_menu li, header .navbar .header_end_part .notifications .notifications_dropdown li {
  color: #009694;
  font-size: 0.875rem;
  padding: 5px 5px;
}
header .navbar .header_end_part .profile .profile_menu li:hover, header .navbar .header_end_part .profile .profile_menu li:hover a, header .navbar .header_end_part .profile .notifications_dropdown li:hover, header .navbar .header_end_part .profile .notifications_dropdown li:hover a, header .navbar .header_end_part .notifications .profile_menu li:hover, header .navbar .header_end_part .notifications .profile_menu li:hover a, header .navbar .header_end_part .notifications .notifications_dropdown li:hover, header .navbar .header_end_part .notifications .notifications_dropdown li:hover a {
  background-color: #181A20;
  color: #009694;
  border-radius: 12px;
}
header .navbar .header_end_part .profile .profile_menu a, header .navbar .header_end_part .profile .notifications_dropdown a, header .navbar .header_end_part .notifications .profile_menu a, header .navbar .header_end_part .notifications .notifications_dropdown a {
  color: #9E9E9E;
  text-decoration: none;
}
header .navbar .header_end_part .profile .profile_menu svg, header .navbar .header_end_part .profile .notifications_dropdown svg, header .navbar .header_end_part .notifications .profile_menu svg, header .navbar .header_end_part .notifications .notifications_dropdown svg {
  font-size: 0.875rem;
}
header .navbar .header_end_part .profile .profile:hover .profile_menu,
header .navbar .header_end_part .profile .profile_menu:hover,
header .navbar .header_end_part .profile .notifications:hover .notifications_dropdown,
header .navbar .header_end_part .profile .notifications_dropdown:hover, header .navbar .header_end_part .notifications .profile:hover .profile_menu,
header .navbar .header_end_part .notifications .profile_menu:hover,
header .navbar .header_end_part .notifications .notifications:hover .notifications_dropdown,
header .navbar .header_end_part .notifications .notifications_dropdown:hover {
  display: block;
}
@media only screen and (max-width: 768px) {
  header .navbar .header_end_part .profile {
    width: 100%;
  }
  header .navbar .header_end_part .profile > svg {
    font-size: 1.25rem;
    display: none;
  }
  header .navbar .header_end_part .profile > span {
    font-size: 0.625rem;
    display: none;
  }
  header .navbar .header_end_part .profile .profile_menu {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: transparent;
    box-shadow: none;
  }
}

/********/
/**HOME**/
/********/
.home_container {
  background-color: #181A20;
}
.home_container .hq_block {
  background-color: #1F222A;
  padding: 15px 0 15px 15px;
  width: 330px;
  border-radius: 12px;
  text-decoration: none;
}
.home_container .hq_block:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.home_container .hq_block:hover:hover .hq_title {
  color: #181A20;
}
.home_container .hq_block:hover:hover .hq_text {
  color: #1F222A;
}
.home_container .hq_block:hover svg {
  transform: translateX(5px);
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 480px) {
  .home_container .hq_block {
    width: 280px;
  }
}
.home_container .hq_block .hq_title {
  color: #FFFFFF;
  font-size: 1.125rem;
}
.home_container .hq_block .hq_text {
  color: #9E9E9E;
  font-size: 0.875rem;
}
.home_container .hq_block .arrow_container {
  padding-right: 15px;
  cursor: pointer;
}
.home_container .hq_block .arrow_container svg {
  color: #009694;
}

.talent-info-in .login_texts {
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  max-width: 50%;
  font-size: 1rem;
  margin: auto;
  margin-top: calc(50vh - 200px);
}
@media only screen and (max-width: 768px) {
  .talent-info-in .login_texts {
    max-width: 100%;
  }
}
.talent-info-in .login_texts .text_format {
  margin-left: 5px;
}
.talent-info-in .login_texts .download_container {
  display: flex;
  justify-content: center;
}

/************/
/**PROJECTS**/
/************/
.type_container {
  font-size: 1.375rem;
  color: #FFFFFF;
}
.type_container button span {
  padding: 7px 9px 5px 9px;
  background-color: #009694;
  border-radius: 50%;
  line-height: 0px;
  cursor: pointer;
}
.type_container button span:hover {
  background-color: #FFFFFF;
  color: #009694;
}

.brand_container,
.production_container {
  background-color: #FFFFFF;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  flex-shrink: 0;
}

.logos_container .brand_container {
  order: 1;
}

.logos_container .production_container {
  order: 2;
}

.brand_container .project_logo_brand {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  aspect-ratio: 1/1;
}

.production_container .project_logo_production {
  width: 70px;
  height: 70px;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 12px;
  aspect-ratio: 1/1;
  display: block;
}

.projects_container .projects_grid_layout, .scenes_container .projects_grid_layout, .roles_container .projects_grid_layout, .form_container .projects_grid_layout {
  grid-template-columns: repeat(auto-fit, minmax(330px, 330px));
  grid-auto-rows: auto;
  grid-template-rows: auto;
  grid-auto-flow: row dense;
  grid-gap: 20px;
  padding-bottom: 40px;
}
.projects_container .projects_grid_layout .project_container, .scenes_container .projects_grid_layout .project_container, .roles_container .projects_grid_layout .project_container, .form_container .projects_grid_layout .project_container {
  padding: 15px;
  background-color: #1F222A;
  border-radius: 12px;
  width: 330px;
  height: -moz-fit-content;
  height: fit-content;
  text-decoration: none;
  position: relative;
}
.projects_container .projects_grid_layout .project_container {
  height: auto;
  align-items: center !important;
}
.projects_container .projects_grid_layout .project_container > .d-flex {
  align-items: center;
}
.projects_container .projects_grid_layout .project_container .project_center_container {
  min-width: 0;
  justify-content: center !important;
  gap: 8px;
}
.projects_container .projects_grid_layout .project_container .project_center_container .project_title, .scenes_container .projects_grid_layout .project_container .project_center_container .project_title, .roles_container .projects_grid_layout .project_container .project_center_container .project_title, .form_container .projects_grid_layout .project_container .project_center_container .project_title {
  font-size: 1.125rem;
  color: #FFFFFF;
  line-height: 1;
}
.projects_container .projects_grid_layout .project_container .project_center_container .project_subtitle, .scenes_container .projects_grid_layout .project_container .project_center_container .project_subtitle, .roles_container .projects_grid_layout .project_container .project_center_container .project_subtitle, .form_container .projects_grid_layout .project_container .project_center_container .project_subtitle {
  font-size: 0.75rem;
  color: #E0E0E0;
}
.projects_container .projects_grid_layout .project_container .project_center_container .project_talents, .scenes_container .projects_grid_layout .project_container .project_center_container .project_talents, .roles_container .projects_grid_layout .project_container .project_center_container .project_talents, .form_container .projects_grid_layout .project_container .project_center_container .project_talents {
  font-size: 0.875rem;
  color: #E0E0E0;
}
.projects_container .projects_grid_layout .project_container .project_center_container .project_type, .scenes_container .projects_grid_layout .project_container .project_center_container .project_type, .roles_container .projects_grid_layout .project_container .project_center_container .project_type, .form_container .projects_grid_layout .project_container .project_center_container .project_type {
  padding: 3px 10px;
  background-color: #F5F5F5;
  color: #181A20;
  border-radius: 12px;
  font-size: 0.625rem;
}
.projects_container .projects_grid_layout .project_container .arrow_container, .scenes_container .projects_grid_layout .project_container .arrow_container, .roles_container .projects_grid_layout .project_container .arrow_container, .form_container .projects_grid_layout .project_container .arrow_container {
  color: #009694;
}
.projects_container .projects_grid_layout .project_container .project_edit_button, .scenes_container .projects_grid_layout .project_container .project_edit_button, .roles_container .projects_grid_layout .project_container .project_edit_button, .form_container .projects_grid_layout .project_container .project_edit_button {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -12px;
  left: -12px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #121212;
  border-radius: 12px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
  padding: 8px;
}
.projects_container .projects_grid_layout .project_container .project_edit_button svg, .scenes_container .projects_grid_layout .project_container .project_edit_button svg, .roles_container .projects_grid_layout .project_container .project_edit_button svg, .form_container .projects_grid_layout .project_container .project_edit_button svg {
  font-size: 0.875rem;
}
.projects_container .projects_grid_layout .project_container .project_edit_button:hover, .scenes_container .projects_grid_layout .project_container .project_edit_button:hover, .roles_container .projects_grid_layout .project_container .project_edit_button:hover, .form_container .projects_grid_layout .project_container .project_edit_button:hover {
  color: #009694;
}

.projects_container .project_container:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.projects_container .project_container:hover:hover .project_title {
  color: #181A20;
}
.projects_container .project_container:hover:hover .project_subtitle {
  color: #1F222A;
}
.projects_container .project_container:hover:hover .project_talents {
  color: #1F222A;
}
.projects_container .project_container:hover:hover .project_type {
  color: #E0E0E0;
  background-color: #181A20;
}

/**********/
/**SCENES**/
/**********/
.scenes_container .arrow_container, .roles_container .arrow_container {
  cursor: pointer;
  font-size: 1rem;
}
.scenes_container .arrow_container:hover, .roles_container .arrow_container:hover {
  color: #009694;
}
.scenes_container .scene_block, .roles_container .scene_block {
  background-color: #1F222A;
  padding: 15px 0 15px 15px;
  width: 330px;
  border-radius: 12px;
  text-decoration: none;
}
.scenes_container .scene_block:hover, .roles_container .scene_block:hover {
  background-color: #F5F5F5;
  cursor: pointer;
}
.scenes_container .scene_block:hover:hover .scene_title, .roles_container .scene_block:hover:hover .scene_title {
  color: #181A20;
}
.scenes_container .scene_block:hover:hover .scene_text, .roles_container .scene_block:hover:hover .scene_text {
  color: #1F222A;
}
.scenes_container .scene_block:hover:hover .scene_img, .roles_container .scene_block:hover:hover .scene_img {
  border: 2px solid #F5F5F5 !important;
}
.scenes_container .scene_block:hover:hover .arrow_container svg, .roles_container .scene_block:hover:hover .arrow_container svg {
  transform: translateX(5px);
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 480px) {
  .scenes_container .scene_block, .roles_container .scene_block {
    width: 280px;
  }
}
.scenes_container .scene_block .scene_title, .roles_container .scene_block .scene_title {
  color: #FFFFFF;
  font-size: 1.125rem;
}
.scenes_container .scene_block .scene_text, .roles_container .scene_block .scene_text {
  color: #9E9E9E;
  font-size: 0.875rem;
}
.scenes_container .scene_block .scene_bottom_container, .roles_container .scene_block .scene_bottom_container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.scenes_container .scene_block .scene_bottom_container .scene_images_container, .roles_container .scene_block .scene_bottom_container .scene_images_container {
  display: flex;
  flex-direction: row;
}
.scenes_container .scene_block .scene_bottom_container .scene_images_container .scene_img, .roles_container .scene_block .scene_bottom_container .scene_images_container .scene_img {
  clip-path: circle(50%);
  margin-right: -10px;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: -10px;
  border: 2px solid #1F222A;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  aspect-ratio: 3/4;
}
.scenes_container .scene_block .arrow_container, .roles_container .scene_block .arrow_container {
  padding-right: 15px;
  cursor: pointer;
}
.scenes_container .scene_block .arrow_container > svg, .roles_container .scene_block .arrow_container > svg {
  color: #009694;
}
.scenes_container #shareProjectModal input[type=checkbox], .roles_container #shareProjectModal input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #757575;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
}
.scenes_container #shareProjectModal input[type=checkbox]:checked, .roles_container #shareProjectModal input[type=checkbox]:checked {
  border: 2px solid #009694;
  background-color: #009694;
}

/*******************/
/**TALENTS GALLERY**/
/*******************/
/* Estilos de la caja de selección */
#selectionBox {
  position: absolute;
  border: 2px dashed #000;
  background: #009694;
  opacity: 0.6;
  display: none;
  z-index: 1;
}

.talents_gallery {
  display: flex;
  padding: 30px;
  overflow-y: auto;
  position: relative;
}
.talents_gallery .gallery_item.selected::after {
  content: "";
  background-color: #009694;
  opacity: 0.5;
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  top: 0;
  left: 0;
  border-radius: 12px;
}
.talents_gallery .gallery, .talents_gallery .gallery_fav {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 10px;
  width: 100%;
  transition: width 0.3s ease;
  height: -moz-fit-content;
  height: fit-content;
}
.talents_gallery .gallery .gallery_item, .talents_gallery .gallery_fav .gallery_item {
  box-sizing: border-box;
  width: 100%;
  min-width: 130px;
  border-radius: 12px;
  cursor: pointer;
  flex-grow: 1;
  height: -moz-fit-content;
  height: fit-content;
  min-height: intrinsic;
}
.talents_gallery .gallery .gallery_item .priority_container, .talents_gallery .gallery_fav .gallery_item .priority_container {
  padding: 15px 20px;
}
.talents_gallery .gallery .gallery_item .priority_container .priority_set_container, .talents_gallery .gallery_fav .gallery_item .priority_container .priority_set_container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  z-index: 1;
  flex-wrap: wrap;
  gap: 10px;
  position: relative;
}
.talents_gallery .gallery .gallery_item .priority_container .option_text_container, .talents_gallery .gallery_fav .gallery_item .priority_container .option_text_container {
  flex: 1 1 calc(50% - 10px);
}
.talents_gallery .gallery .gallery_item .priority_container .option_text_container span, .talents_gallery .gallery_fav .gallery_item .priority_container .option_text_container span {
  font-size: 1rem;
  color: #757575;
}
.talents_gallery .gallery .gallery_item .priority_container .option_text_container span svg, .talents_gallery .gallery_fav .gallery_item .priority_container .option_text_container span svg {
  font-size: 1rem;
}
.talents_gallery .gallery .gallery_item .priority_container .set_priority_button, .talents_gallery .gallery_fav .gallery_item .priority_container .set_priority_button {
  border: none;
  font-size: 0.875rem;
  padding: 3px 10px;
  z-index: 1;
  height: -moz-fit-content;
  height: fit-content;
  flex: 1 1 calc(50% - 10px);
}
.talents_gallery .gallery .gallery_item .tag_container, .talents_gallery .gallery_fav .gallery_item .tag_container {
  position: absolute;
  top: -4px;
  left: 4px;
  display: flex;
  gap: 2px;
}
.talents_gallery .gallery .gallery_item .tag_container .tag_user, .talents_gallery .gallery_fav .gallery_item .tag_container .tag_user {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.talents_gallery .gallery .gallery_item .tag_container .tag_user_fav, .talents_gallery .gallery_fav .gallery_item .tag_container .tag_user_fav {
  display: inline-block;
}
.talents_gallery .gallery .gallery_item .tag_container .tag_user_fav svg, .talents_gallery .gallery_fav .gallery_item .tag_container .tag_user_fav svg {
  stroke: #FFFFFF;
  width: 13px;
  height: 13px;
  stroke-width: 2px;
  stroke-linejoin: round;
  margin-top: -12px;
}
.talents_gallery .gallery .gallery_item .star_container, .talents_gallery .gallery_fav .gallery_item .star_container {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.25rem;
  color: #FFFFFF;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.talents_gallery .gallery .gallery_item .star_container .put_star_fav.icon_hover, .talents_gallery .gallery_fav .gallery_item .star_container .put_star_fav.icon_hover {
  display: none;
}
.talents_gallery .gallery .gallery_item .star_container:hover .put_star_fav.icon_hover, .talents_gallery .gallery_fav .gallery_item .star_container:hover .put_star_fav.icon_hover {
  display: block;
}
.talents_gallery .gallery .gallery_item .star_container:hover svg:not(.put_star_fav.icon_hover), .talents_gallery .gallery_fav .gallery_item .star_container:hover svg:not(.put_star_fav.icon_hover) {
  display: none;
}
.talents_gallery .gallery .gallery_item .star_fav, .talents_gallery .gallery_fav .gallery_item .star_fav {
  display: none;
}
.talents_gallery .gallery .gallery_item.fav .star_fav, .talents_gallery .gallery_fav .gallery_item.fav .star_fav {
  display: block;
  color: #FFFFFF;
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1.125rem;
  z-index: 1;
}
.talents_gallery .gallery .gallery_item.batch, .talents_gallery .gallery_fav .gallery_item.batch {
  opacity: 0.5;
}
.talents_gallery .gallery .gallery_item img, .talents_gallery .gallery_fav .gallery_item img {
  width: 100%;
  border-radius: 12px;
}
.talents_gallery .gallery .gallery_item:hover .hover-container, .talents_gallery .gallery_fav .gallery_item:hover .hover-container {
  visibility: visible;
  opacity: 1;
}
.talents_gallery .gallery .gallery_item .hover-container, .talents_gallery .gallery_fav .gallery_item .hover-container {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.2s ease-in-out;
  border-radius: 12px;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 100%, rgba(31, 34, 42, 0.5) 76.88%, #1F222A 95%), linear-gradient(180deg, rgba(255, 255, 255, 0) 39%, rgba(31, 34, 42, 0.1) 56.88%, #1F222A 95%);
}
.talents_gallery .gallery .gallery_item .container_see_detail svg, .talents_gallery .gallery_fav .gallery_item .container_see_detail svg {
  font-size: 1rem;
}
.talents_gallery .gallery .gallery_item .container_see_detail .detail, .talents_gallery .gallery_fav .gallery_item .container_see_detail .detail {
  color: #2E82E2;
}
.talents_gallery .gallery .gallery_item .container_status_select svg, .talents_gallery .gallery_fav .gallery_item .container_status_select svg {
  font-size: 1.25rem;
}
.talents_gallery .gallery .gallery_item .container_status_select .select, .talents_gallery .gallery_fav .gallery_item .container_status_select .select {
  color: #0F8C5C;
}
.talents_gallery .gallery .gallery_item .container_status_select .maybe, .talents_gallery .gallery_fav .gallery_item .container_status_select .maybe {
  color: #BCA112;
}
.talents_gallery .gallery .gallery_item .container_status_select .discard, .talents_gallery .gallery_fav .gallery_item .container_status_select .discard {
  color: #DC4B38;
}
.talents_gallery .gallery .gallery_item .container_status_select .select .icon_hover, .talents_gallery .gallery .gallery_item .container_status_select .maybe .icon_hover, .talents_gallery .gallery .gallery_item .container_status_select .discard .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select .select .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select .maybe .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select .discard .icon_hover {
  display: none;
}
.talents_gallery .gallery .gallery_item .container_status_select .select:hover .icon_hover, .talents_gallery .gallery .gallery_item .container_status_select .maybe:hover .icon_hover, .talents_gallery .gallery .gallery_item .container_status_select .discard:hover .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select .select:hover .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select .maybe:hover .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select .discard:hover .icon_hover {
  display: block;
}
.talents_gallery .gallery .gallery_item .container_status_select .select:hover svg:not(.icon_hover), .talents_gallery .gallery .gallery_item .container_status_select .maybe:hover svg:not(.icon_hover), .talents_gallery .gallery .gallery_item .container_status_select .discard:hover svg:not(.icon_hover), .talents_gallery .gallery_fav .gallery_item .container_status_select .select:hover svg:not(.icon_hover), .talents_gallery .gallery_fav .gallery_item .container_status_select .maybe:hover svg:not(.icon_hover), .talents_gallery .gallery_fav .gallery_item .container_status_select .discard:hover svg:not(.icon_hover) {
  display: none;
}
.talents_gallery .gallery .gallery_item .container_status_select.s-1 .select .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select.s-1 .select .icon_hover {
  display: block;
}
.talents_gallery .gallery .gallery_item .container_status_select.s-1 .select svg:not(.icon_hover), .talents_gallery .gallery_fav .gallery_item .container_status_select.s-1 .select svg:not(.icon_hover) {
  display: none;
}
.talents_gallery .gallery .gallery_item .container_status_select.s-2 .discard .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select.s-2 .discard .icon_hover {
  display: block;
}
.talents_gallery .gallery .gallery_item .container_status_select.s-2 .discard svg:not(.icon_hover), .talents_gallery .gallery_fav .gallery_item .container_status_select.s-2 .discard svg:not(.icon_hover) {
  display: none;
}
.talents_gallery .gallery .gallery_item .container_status_select.s-3 .maybe .icon_hover, .talents_gallery .gallery_fav .gallery_item .container_status_select.s-3 .maybe .icon_hover {
  display: block;
}
.talents_gallery .gallery .gallery_item .container_status_select.s-3 .maybe svg:not(.icon_hover), .talents_gallery .gallery_fav .gallery_item .container_status_select.s-3 .maybe svg:not(.icon_hover) {
  display: none;
}
.talents_gallery .gallery.gallery-1 .gallery_item, .talents_gallery .gallery_fav.gallery-1 .gallery_item {
  max-width: calc(100% - 10px); /* 1 columna */
}
.talents_gallery .gallery.gallery-1 .gallery_item img, .talents_gallery .gallery_fav.gallery-1 .gallery_item img {
  max-width: 100%;
  min-width: 0;
}
.talents_gallery .gallery.gallery-1 .gallery_item .gallery_full_body_img, .talents_gallery .gallery_fav.gallery-1 .gallery_item .gallery_full_body_img {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
.talents_gallery .gallery.gallery-1 .gallery_item .video-gallery-1, .talents_gallery .gallery_fav.gallery-1 .gallery_item .video-gallery-1 {
  max-width: 33%;
  aspect-ratio: 1;
}
.talents_gallery .gallery.gallery-3 .gallery_item, .talents_gallery .gallery_fav.gallery-3 .gallery_item {
  max-width: calc(33.3333333333% - 10px); /* 3 columnas */
}
.talents_gallery .gallery.gallery-3 .gallery_item img, .talents_gallery .gallery_fav.gallery-3 .gallery_item img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}
.talents_gallery .gallery.gallery-3 .gallery_item svg, .talents_gallery .gallery_fav.gallery-3 .gallery_item svg {
  font-size: 2rem;
}
.talents_gallery .gallery.gallery-6 .gallery_item, .talents_gallery .gallery_fav.gallery-6 .gallery_item {
  max-width: calc(16.6666666667% - 10px); /* 6 columnas */
}
.talents_gallery .gallery.gallery-6 .gallery_item img, .talents_gallery .gallery_fav.gallery-6 .gallery_item img {
  aspect-ratio: 6/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.talents_gallery .gallery.gallery-9 .gallery_item, .talents_gallery .gallery_fav.gallery-9 .gallery_item {
  max-width: calc(11.1111111111% - 10px); /* 9 columnas */
}
.talents_gallery .gallery.pending .gallery_item, .talents_gallery .gallery_fav.pending .gallery_item {
  border-bottom: 3px solid #2E82E2;
}
.talents_gallery .gallery.pending .gallery_item:hover, .talents_gallery .gallery_fav.pending .gallery_item:hover {
  box-shadow: 0 0 0 1px #2E82E2;
}
.talents_gallery .gallery.selected .gallery_item, .talents_gallery .gallery_fav.selected .gallery_item {
  border-bottom: 3px solid #0F8C5C;
}
.talents_gallery .gallery.selected .gallery_item:hover, .talents_gallery .gallery_fav.selected .gallery_item:hover {
  box-shadow: 0 0 0 1px #0F8C5C;
}
.talents_gallery .gallery.selected .gallery_item .detail, .talents_gallery .gallery_fav.selected .gallery_item .detail {
  color: #0F8C5C;
}
.talents_gallery .gallery.maybe .gallery_item, .talents_gallery .gallery_fav.maybe .gallery_item {
  border-bottom: 3px solid #BCA112;
}
.talents_gallery .gallery.maybe .gallery_item:hover, .talents_gallery .gallery_fav.maybe .gallery_item:hover {
  box-shadow: 0 0 0 1px #BCA112;
}
.talents_gallery .gallery.maybe .gallery_item .detail, .talents_gallery .gallery_fav.maybe .gallery_item .detail {
  color: #BCA112;
}
.talents_gallery .gallery.discard .gallery_item, .talents_gallery .gallery_fav.discard .gallery_item {
  border-bottom: 3px solid #DC4B38;
}
.talents_gallery .gallery.discard .gallery_item:hover, .talents_gallery .gallery_fav.discard .gallery_item:hover {
  box-shadow: 0 0 0 1px #DC4B38;
}
.talents_gallery .gallery.discard .gallery_item .detail, .talents_gallery .gallery_fav.discard .gallery_item .detail {
  color: #DC4B38;
}
.talents_gallery .gallery_fav {
  height: auto;
}
.talents_gallery .sidebar {
  position: fixed;
  bottom: 0;
  right: -650px;
  width: 650px;
  height: calc(100% - 144px);
  background-color: #393E4C;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
  transition: right 0.3s;
  overflow-y: auto;
}
.talents_gallery .sidebar #sidebar-content {
  position: relative;
}
.talents_gallery .sidebar #sidebar-content .close-btn {
  font-size: 30px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
}
.talents_gallery .sidebar #sidebar-content .close-btn svg {
  color: #009694;
}
.talents_gallery .sidebar #sidebar-content span.expand-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  font-size: 25px;
  color: #009694;
}
.talents_gallery .sidebar #sidebar-content #sidebar_profile_picture, .talents_gallery .sidebar #sidebar-content #sidebar_profile_video {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  /* aspect-ratio: 4 / 2; */
  aspect-ratio: 4/3;
  -o-object-position: 0 -200px;
     object-position: 0 -200px;
}
.talents_gallery .sidebar #sidebar-content #sidebarCarousel {
  position: relative;
}
.talents_gallery .sidebar #sidebar-content #sidebarCarousel .carousel_controls_wrapper_right {
  display: flex;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.talents_gallery .sidebar #sidebar-content #sidebarCarousel .carousel_controls_wrapper_left {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
}
.talents_gallery .sidebar #sidebar-content .carousel-control-next, .talents_gallery .sidebar #sidebar-content .carousel-control-prev {
  position: relative !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  width: 50px !important;
  background-color: #121212;
  color: #009694;
  padding: 7px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body {
  padding: 20px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info {
  font-size: 2.25rem;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .profile_socials svg {
  color: #FFFFFF;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .profile_socials svg:hover {
  color: #009694;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .more_options {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .more_options .more_options_icon {
  width: 20px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .more_options .more_options_icon:hover {
  color: #009694;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .more_options .more_options_dropdown {
  position: absolute;
  right: 0;
  top: 50px;
  width: 200px;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #1F222A;
  list-style: none;
  margin: 0;
  padding: 10px;
  display: none;
  padding-bottom: 10px;
  border-radius: 12px;
  z-index: 10;
  border: 1px solid #009694;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .more_options .more_options_dropdown li {
  font-size: 0.875rem;
  line-height: 1.9;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .basic_profile_info .more_options .more_options_dropdown li:hover {
  color: #009694;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion {
  background-color: #1F222A;
  border-radius: 12px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item {
  background-color: #1F222A;
  border: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_hashtags {
  background-color: #121212;
  padding: 4px 6px;
  font-size: 0.875rem;
  border-radius: 7px;
  flex-grow: 1;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .accordion-button {
  padding: 8px 16px;
  color: #757575;
  background-color: #1F222A;
  font-size: 0.875rem;
  transform: rotate(0deg);
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .accordion-button::after {
  content: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .accordion-button:focus {
  box-shadow: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .accordion-button .rotate-180 {
  transform: rotate(180deg);
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .media_resource {
  border-radius: 12px;
  max-width: 120px;
  cursor: pointer;
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .check_media_visibility {
  color: #009694;
  position: absolute;
  top: 2px;
  left: 2px;
  font-size: 1rem;
  background: #121212;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  border-radius: 1000px;
  z-index: 1;
  cursor: pointer;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .check_media_visibility .active_hover_media {
  display: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .check_media_visibility:hover .active_hover_media {
  display: block;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .check_media_visibility:hover svg:not(.active_hover_media) {
  display: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item img {
  aspect-ratio: 1/1;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item video {
  max-width: 140px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .field_container {
  display: flex;
  justify-content: space-between;
  background-color: #121212;
  padding: 4px 6px;
  font-size: 0.875rem;
  min-width: calc(33.3333333333% - 6px);
  border-radius: 7px;
  flex-grow: 1;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .field_label {
  color: #757575;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .profile_group {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 4px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .profile_group:first-child {
  margin-top: 0;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .profile_group_title {
  width: 100%;
  padding: 0;
  margin: 2px 0;
  background: transparent;
  border: 0;
  line-height: 1;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .profile_group_title .gray-text {
  font-size: 0.72rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .profile_group_agencyContact .profile_inline_pair {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(90px, 0.75fr) minmax(0, 1.25fr);
  gap: 8px;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .profile_group_agencyContact .profile_inline_pair .field_container {
  width: 100%;
  min-width: 0;
  flex: 1 1 auto;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .field_container {
  min-width: unset;
  width: auto;
  flex: 0 1 auto;
  max-width: 100%;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .profile_data .field_container span:last-child {
  margin-left: 10px;
  word-break: break-word;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .role_data .field_container {
  min-width: calc(50% - 6px);
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion .accordion-item .role_data .field_container .field_value {
  max-width: 50%;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion#notes_accordion .add_note_textarea {
  background-color: #121212;
  font-size: 0.875rem;
  color: #FFFFFF;
  width: 100%;
  border: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion#notes_accordion .add_note_textarea:focus {
  outline: none;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion#notes_accordion #note_visibility {
  font-size: 0.875rem;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion#notes_accordion .save_note {
  padding: 2px 15px;
  border: none;
  font-size: 0.875rem;
}
.talents_gallery .sidebar #sidebar-content .sidebar_body .accordion#notes_accordion .field_container {
  padding: 6px;
}
.talents_gallery .sidebar #sidebar-content.expand img#sidebar_profile_picture {
  aspect-ratio: unset !important;
  -o-object-position: 0 !important;
     object-position: 0 !important;
}

.export_talents #print {
  border: none;
  padding: 5px 20px;
}
.export_talents h2, .export_talents h3, .export_talents h4 {
  color: #FFFFFF;
}
.export_talents .gallery {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 10px;
  transition: width 0.3s ease;
  height: -moz-fit-content;
  height: fit-content;
}
.export_talents .gallery .gallery_item {
  box-sizing: border-box;
  width: 100%;
  min-width: 265px;
  border-radius: 12px;
  /* aspect-ratio: 1; */
  flex-grow: 1;
  background-color: #444A5A;
  padding: 20px 10px;
  text-align: center;
}
.export_talents .gallery .gallery_item .email_text {
  font-size: 0.85rem;
  word-break: break-all;
  line-height: 1.4;
  margin: 0;
  margin-top: 5px;
}
.export_talents .gallery .gallery_item img {
  width: 100%;
  border-radius: 12px;
  margin: 10px 0;
  max-width: 120px;
}
.export_talents .gallery.gallery-1 .gallery_item {
  max-width: calc(100% - 10px); /* 1 columna */
}
.export_talents .gallery.gallery-3 .gallery_item {
  max-width: calc(33.3333333333% - 10px); /* 3 columnas */
}
.export_talents .gallery.gallery-3 .gallery_item img {
  aspect-ratio: 3/4;
  -o-object-fit: cover;
     object-fit: cover;
}
.export_talents .gallery.gallery-3 .gallery_item svg {
  font-size: 2rem;
}
.export_talents .gallery.gallery-6 .gallery_item {
  max-width: calc(16.6666666667% - 10px); /* 6 columnas */
}
.export_talents .gallery.gallery-6 .gallery_item img {
  aspect-ratio: 6/9;
  -o-object-fit: cover;
     object-fit: cover;
}
.export_talents .gallery.gallery-9 .gallery_item {
  max-width: calc(11.1111111111% - 10px); /* 9 columnas */
}

#configureExportModal .modal-header p {
  font-size: 0.875rem;
  margin-bottom: 0;
}
#configureExportModal .modal-header .btn-close {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
#configureExportModal .modal-dialog {
  max-width: 90%;
}

#changeRoleModal select, #formModal select, #filterRoleModal select, #deleteAgencyModal select, #priorityModal select, #deleteOptionModal select {
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px 10px;
  border-color: #1F222A !important;
  color: #757575 !important;
  background-color: #1F222A;
}

#filterRoleModal input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #757575;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
}
#filterRoleModal input[type=checkbox]:checked {
  border: 2px solid #009694;
  background-color: #009694;
}
#filterRoleModal select {
  outline: none;
}

.pre_filters_role .pre_filter_container {
  padding: 9px;
  border-radius: 12px;
  background-color: #1F222A;
}

#askQuestionModal textarea, #formModal textarea, #priorityModal textarea {
  background-color: #121212;
  font-size: 0.875rem;
  color: #FFFFFF;
  width: 100%;
  border: none;
  border-radius: 12px;
  padding: 5px 10px;
}

#addOptionModal input, #editOptionModal input {
  background-color: #121212;
  font-size: 0.875rem;
  color: #FFFFFF;
  width: 100%;
  border: none;
  border-radius: 7px;
  padding: 5px 10px;
}

#editOptionModal .lang_input_container {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  flex-direction: row;
  background-color: #121212;
  padding: 10px;
  border-radius: 12px;
  align-content: center;
  align-items: center;
}
#editOptionModal .lang_input_container label {
  margin-left: 10px;
}
#editOptionModal .lang_input_container label:first-child {
  margin-left: 0;
}
#editOptionModal .lang_input_container input {
  background-color: #1F222A;
  width: auto;
}

button.change_role {
  border: 1px solid #009694;
  padding: 10px 40px;
}
button.change_role:hover {
  background-color: transparent;
  color: #009694;
}

.talents_gallery.opened .sidebar {
  right: 0;
}

.talents_gallery.opened .gallery, .talents_gallery.opened .gallery_fav {
  width: calc(100% - 650px);
  grid-auto-flow: row dense;
}

/***********/
/**SIDEBAR**/
/***********/
.sidebar_management {
  background-color: #1F222A;
  height: 100%; /* calc(100vh - 90px); */
  min-height: 100vh;
  padding: 20px;
  color: #FFFFFF;
}
@media only screen and (max-width: 768px) {
  .sidebar_management {
    height: inherit !important;
  }
}
.sidebar_management .sidebar-content h2 {
  margin-bottom: 20px;
  color: #757575;
  font-size: 0.825rem;
}
.sidebar_management .sidebar-content ul {
  list-style: none;
  padding: 0;
}
.sidebar_management .sidebar-content ul li {
  margin-bottom: 10px;
}
.sidebar_management .sidebar-content ul li a {
  color: #FFFFFF;
  text-decoration: none;
}
.sidebar_management .sidebar-content ul li a.sidebar_noti_active {
  text-decoration: underline;
}

#editHashtagsModal .add-hashtag {
  position: absolute;
  top: 10px;
  right: 50px;
  background-color: #009694;
  padding: 4px 12px 2px 12px;
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
}
#editHashtagsModal .content-search {
  width: 100%;
  display: block;
}
#editHashtagsModal .content-search input {
  background-color: #181A20;
  border: none;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  margin-bottom: 30px;
  padding: 5px;
}
#editHashtagsModal .content-search input::focus-visible {
  outline: none;
}
#editHashtagsModal .list-edit-hashtags {
  width: 100%;
  display: block;
}
#editHashtagsModal .list-edit-hashtags .category .name {
  font-weight: 500;
  margin-bottom: 10px;
}
#editHashtagsModal .list-edit-hashtags .category .features {
  background-color: #181A20;
  padding: 5px;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
}
#editHashtagsModal .list-edit-hashtags .category .features .type {
  display: inline-block;
  width: calc(100% - 150px);
  text-align: right;
}
#editHashtagsModal .list-edit-hashtags .category .features .type select.visibility-feature {
  background: #393E4C;
  border: none;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
}
#editHashtagsModal .list-edit-hashtags .category .features .name {
  display: inline-block;
  width: 150px;
  font-weight: normal;
  margin-bottom: 0;
}

#addHashtagsModal input.text-hashtag {
  background-color: #181A20;
  border: none;
  border-radius: 5px;
  color: #fff;
  width: 100%;
  padding: 5px;
  outline: none;
}
#addHashtagsModal input.text-hashtag::focus-visible {
  outline: none;
}

/**************/
/**MANAGEMENT**/
/**************/
.management_container, .notifications_container {
  background-color: #181A20;
}
.management_container .main-content, .notifications_container .main-content {
  padding: 20px;
  color: #FFFFFF;
}
.management_container .main-content table a, .notifications_container .main-content table a {
  color: #FFFFFF !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper,
.management_container .main-content #kt_table_project_list_wrapper,
.management_container .main-content #kt_table_scenes_list_wrapper,
.management_container .main-content #kt_table_roles_list_wrapper,
.management_container .main-content #kt_table_notifications_change_role_wrapper,
.management_container .main-content #kt_table_notifications_questions_wrapper,
.management_container .main-content #kt_table_users_list_wrapper,
.management_container .main-content #kt_table_users_list_pending_wrapper,
.management_container .main-content #kt_table_agency_list_wrapper,
.management_container .main-content #kt_table_fields_list_wrapper, .notifications_container .main-content #kt_table_generic_questions_list_wrapper,
.notifications_container .main-content #kt_table_project_list_wrapper,
.notifications_container .main-content #kt_table_scenes_list_wrapper,
.notifications_container .main-content #kt_table_roles_list_wrapper,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper,
.notifications_container .main-content #kt_table_notifications_questions_wrapper,
.notifications_container .main-content #kt_table_users_list_wrapper,
.notifications_container .main-content #kt_table_users_list_pending_wrapper,
.notifications_container .main-content #kt_table_agency_list_wrapper,
.notifications_container .main-content #kt_table_fields_list_wrapper {
  font-size: 0.875rem;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-search input,
.management_container .main-content #kt_table_project_list_wrapper .dt-search input,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-search input,
.management_container .main-content #kt_table_roles_list_wrapper .dt-search input,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-search input,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-search input,
.management_container .main-content #kt_table_users_list_wrapper .dt-search input,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-search input,
.management_container .main-content #kt_table_agency_list_wrapper .dt-search input,
.management_container .main-content #kt_table_fields_list_wrapper .dt-search input, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-search input,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-search input,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-search input,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-search input,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-search input,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-search input,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-search input,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-search input,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-search input,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-search input {
  border-radius: 12px !important;
  border-color: #757575 !important;
  color: #9E9E9E !important;
  margin-left: 15px !important;
  padding: 5px 10px !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-search input:active,
.management_container .main-content #kt_table_project_list_wrapper .dt-search input:active,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-search input:active,
.management_container .main-content #kt_table_roles_list_wrapper .dt-search input:active,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-search input:active,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-search input:active,
.management_container .main-content #kt_table_users_list_wrapper .dt-search input:active,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-search input:active,
.management_container .main-content #kt_table_agency_list_wrapper .dt-search input:active,
.management_container .main-content #kt_table_fields_list_wrapper .dt-search input:active, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-search input:active,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-search input:active {
  outline: none;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper select,
.management_container .main-content #kt_table_project_list_wrapper select,
.management_container .main-content #kt_table_scenes_list_wrapper select,
.management_container .main-content #kt_table_roles_list_wrapper select,
.management_container .main-content #kt_table_notifications_change_role_wrapper select,
.management_container .main-content #kt_table_notifications_questions_wrapper select,
.management_container .main-content #kt_table_users_list_wrapper select,
.management_container .main-content #kt_table_users_list_pending_wrapper select,
.management_container .main-content #kt_table_agency_list_wrapper select,
.management_container .main-content #kt_table_fields_list_wrapper select, .notifications_container .main-content #kt_table_generic_questions_list_wrapper select,
.notifications_container .main-content #kt_table_project_list_wrapper select,
.notifications_container .main-content #kt_table_scenes_list_wrapper select,
.notifications_container .main-content #kt_table_roles_list_wrapper select,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper select,
.notifications_container .main-content #kt_table_notifications_questions_wrapper select,
.notifications_container .main-content #kt_table_users_list_wrapper select,
.notifications_container .main-content #kt_table_users_list_pending_wrapper select,
.notifications_container .main-content #kt_table_agency_list_wrapper select,
.notifications_container .main-content #kt_table_fields_list_wrapper select {
  margin-right: 10px;
  border-radius: 10px;
  border-color: #757575 !important;
  color: #757575 !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_project_list_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_scenes_list_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_roles_list_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_notifications_change_role_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_notifications_questions_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_users_list_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_users_list_pending_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_agency_list_wrapper input[type=checkbox].input-content-visibility,
.management_container .main-content #kt_table_fields_list_wrapper input[type=checkbox].input-content-visibility, .notifications_container .main-content #kt_table_generic_questions_list_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_project_list_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_scenes_list_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_roles_list_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_notifications_questions_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_users_list_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_users_list_pending_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_agency_list_wrapper input[type=checkbox].input-content-visibility,
.notifications_container .main-content #kt_table_fields_list_wrapper input[type=checkbox].input-content-visibility {
  height: 0;
  width: 0;
  visibility: hidden;
  position: absolute;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-layout-row,
.management_container .main-content #kt_table_project_list_wrapper .dt-layout-row,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-layout-row,
.management_container .main-content #kt_table_roles_list_wrapper .dt-layout-row,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-layout-row,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-layout-row,
.management_container .main-content #kt_table_users_list_wrapper .dt-layout-row,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-layout-row,
.management_container .main-content #kt_table_agency_list_wrapper .dt-layout-row,
.management_container .main-content #kt_table_fields_list_wrapper .dt-layout-row, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-layout-row,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-layout-row {
  margin-bottom: 15px;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button,
.management_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button {
  margin-left: 5px !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.disabled,
.management_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.disabled, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.disabled,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.disabled {
  color: #757575 !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.enabled,
.management_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.enabled, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.enabled,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.enabled {
  cursor: pointer;
  color: #FFFFFF !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.management_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.enabled:hover, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.enabled:hover,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.enabled:hover {
  color: #009694 !important;
  background: transparent !important;
  border-color: #009694 !important;
  border-radius: 10px;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.current,
.management_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.current, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_project_list_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_roles_list_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_users_list_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_agency_list_wrapper .dt-paging .dt-paging-button.current,
.notifications_container .main-content #kt_table_fields_list_wrapper .dt-paging .dt-paging-button.current {
  color: #009694 !important;
  background: transparent !important;
  border-color: #009694 !important;
  border-radius: 10px;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .switch-label-content,
.management_container .main-content #kt_table_project_list_wrapper .switch-label-content,
.management_container .main-content #kt_table_scenes_list_wrapper .switch-label-content,
.management_container .main-content #kt_table_roles_list_wrapper .switch-label-content,
.management_container .main-content #kt_table_notifications_change_role_wrapper .switch-label-content,
.management_container .main-content #kt_table_notifications_questions_wrapper .switch-label-content,
.management_container .main-content #kt_table_users_list_wrapper .switch-label-content,
.management_container .main-content #kt_table_users_list_pending_wrapper .switch-label-content,
.management_container .main-content #kt_table_agency_list_wrapper .switch-label-content,
.management_container .main-content #kt_table_fields_list_wrapper .switch-label-content, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_project_list_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_scenes_list_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_roles_list_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_users_list_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_agency_list_wrapper .switch-label-content,
.notifications_container .main-content #kt_table_fields_list_wrapper .switch-label-content {
  cursor: pointer;
  text-indent: 0px;
  width: 47px;
  height: 22px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
  padding-top: 0px;
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 3px;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_project_list_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_scenes_list_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_roles_list_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_notifications_change_role_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_notifications_questions_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_users_list_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_users_list_pending_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_agency_list_wrapper .switch-label-content:after,
.management_container .main-content #kt_table_fields_list_wrapper .switch-label-content:after, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_project_list_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_scenes_list_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_roles_list_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_users_list_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_agency_list_wrapper .switch-label-content:after,
.notifications_container .main-content #kt_table_fields_list_wrapper .switch-label-content:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 4px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_project_list_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_scenes_list_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_roles_list_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_notifications_change_role_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_notifications_questions_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_users_list_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_users_list_pending_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_agency_list_wrapper .switch-label-content:active:after,
.management_container .main-content #kt_table_fields_list_wrapper .switch-label-content:active:after, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_project_list_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_scenes_list_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_roles_list_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_users_list_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_agency_list_wrapper .switch-label-content:active:after,
.notifications_container .main-content #kt_table_fields_list_wrapper .switch-label-content:active:after {
  width: 20px;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_project_list_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_scenes_list_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_roles_list_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_notifications_change_role_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_notifications_questions_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_users_list_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_users_list_pending_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_agency_list_wrapper input:checked + .switch-label-content,
.management_container .main-content #kt_table_fields_list_wrapper input:checked + .switch-label-content, .notifications_container .main-content #kt_table_generic_questions_list_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_project_list_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_scenes_list_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_roles_list_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_notifications_questions_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_users_list_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_users_list_pending_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_agency_list_wrapper input:checked + .switch-label-content,
.notifications_container .main-content #kt_table_fields_list_wrapper input:checked + .switch-label-content {
  background: #009694;
  content: "Activado";
}
.management_container .main-content #kt_table_generic_questions_list_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_project_list_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_scenes_list_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_roles_list_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_notifications_change_role_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_notifications_questions_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_users_list_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_users_list_pending_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_agency_list_wrapper input:checked + .switch-label-content:after,
.management_container .main-content #kt_table_fields_list_wrapper input:checked + .switch-label-content:after, .notifications_container .main-content #kt_table_generic_questions_list_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_project_list_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_scenes_list_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_roles_list_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_notifications_questions_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_users_list_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_users_list_pending_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_agency_list_wrapper input:checked + .switch-label-content:after,
.notifications_container .main-content #kt_table_fields_list_wrapper input:checked + .switch-label-content:after {
  left: calc(100% - 4px);
  transform: translateX(-100%);
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .edit,
.management_container .main-content #kt_table_project_list_wrapper .edit,
.management_container .main-content #kt_table_scenes_list_wrapper .edit,
.management_container .main-content #kt_table_roles_list_wrapper .edit,
.management_container .main-content #kt_table_notifications_change_role_wrapper .edit,
.management_container .main-content #kt_table_notifications_questions_wrapper .edit,
.management_container .main-content #kt_table_users_list_wrapper .edit,
.management_container .main-content #kt_table_users_list_pending_wrapper .edit,
.management_container .main-content #kt_table_agency_list_wrapper .edit,
.management_container .main-content #kt_table_fields_list_wrapper .edit, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .edit,
.notifications_container .main-content #kt_table_project_list_wrapper .edit,
.notifications_container .main-content #kt_table_scenes_list_wrapper .edit,
.notifications_container .main-content #kt_table_roles_list_wrapper .edit,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .edit,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .edit,
.notifications_container .main-content #kt_table_users_list_wrapper .edit,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .edit,
.notifications_container .main-content #kt_table_agency_list_wrapper .edit,
.notifications_container .main-content #kt_table_fields_list_wrapper .edit {
  cursor: pointer;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .edit:hover,
.management_container .main-content #kt_table_project_list_wrapper .edit:hover,
.management_container .main-content #kt_table_scenes_list_wrapper .edit:hover,
.management_container .main-content #kt_table_roles_list_wrapper .edit:hover,
.management_container .main-content #kt_table_notifications_change_role_wrapper .edit:hover,
.management_container .main-content #kt_table_notifications_questions_wrapper .edit:hover,
.management_container .main-content #kt_table_users_list_wrapper .edit:hover,
.management_container .main-content #kt_table_users_list_pending_wrapper .edit:hover,
.management_container .main-content #kt_table_agency_list_wrapper .edit:hover,
.management_container .main-content #kt_table_fields_list_wrapper .edit:hover, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .edit:hover,
.notifications_container .main-content #kt_table_project_list_wrapper .edit:hover,
.notifications_container .main-content #kt_table_scenes_list_wrapper .edit:hover,
.notifications_container .main-content #kt_table_roles_list_wrapper .edit:hover,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .edit:hover,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .edit:hover,
.notifications_container .main-content #kt_table_users_list_wrapper .edit:hover,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .edit:hover,
.notifications_container .main-content #kt_table_agency_list_wrapper .edit:hover,
.notifications_container .main-content #kt_table_fields_list_wrapper .edit:hover {
  color: #ee9b00 !important;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .delete,
.management_container .main-content #kt_table_project_list_wrapper .delete,
.management_container .main-content #kt_table_scenes_list_wrapper .delete,
.management_container .main-content #kt_table_roles_list_wrapper .delete,
.management_container .main-content #kt_table_notifications_change_role_wrapper .delete,
.management_container .main-content #kt_table_notifications_questions_wrapper .delete,
.management_container .main-content #kt_table_users_list_wrapper .delete,
.management_container .main-content #kt_table_users_list_pending_wrapper .delete,
.management_container .main-content #kt_table_agency_list_wrapper .delete,
.management_container .main-content #kt_table_fields_list_wrapper .delete, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .delete,
.notifications_container .main-content #kt_table_project_list_wrapper .delete,
.notifications_container .main-content #kt_table_scenes_list_wrapper .delete,
.notifications_container .main-content #kt_table_roles_list_wrapper .delete,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .delete,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .delete,
.notifications_container .main-content #kt_table_users_list_wrapper .delete,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .delete,
.notifications_container .main-content #kt_table_agency_list_wrapper .delete,
.notifications_container .main-content #kt_table_fields_list_wrapper .delete {
  cursor: pointer;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .delete:hover,
.management_container .main-content #kt_table_project_list_wrapper .delete:hover,
.management_container .main-content #kt_table_scenes_list_wrapper .delete:hover,
.management_container .main-content #kt_table_roles_list_wrapper .delete:hover,
.management_container .main-content #kt_table_notifications_change_role_wrapper .delete:hover,
.management_container .main-content #kt_table_notifications_questions_wrapper .delete:hover,
.management_container .main-content #kt_table_users_list_wrapper .delete:hover,
.management_container .main-content #kt_table_users_list_pending_wrapper .delete:hover,
.management_container .main-content #kt_table_agency_list_wrapper .delete:hover,
.management_container .main-content #kt_table_fields_list_wrapper .delete:hover, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .delete:hover,
.notifications_container .main-content #kt_table_project_list_wrapper .delete:hover,
.notifications_container .main-content #kt_table_scenes_list_wrapper .delete:hover,
.notifications_container .main-content #kt_table_roles_list_wrapper .delete:hover,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .delete:hover,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .delete:hover,
.notifications_container .main-content #kt_table_users_list_wrapper .delete:hover,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .delete:hover,
.notifications_container .main-content #kt_table_agency_list_wrapper .delete:hover,
.notifications_container .main-content #kt_table_fields_list_wrapper .delete:hover {
  color: #DC4B38;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .close,
.management_container .main-content #kt_table_project_list_wrapper .close,
.management_container .main-content #kt_table_scenes_list_wrapper .close,
.management_container .main-content #kt_table_roles_list_wrapper .close,
.management_container .main-content #kt_table_notifications_change_role_wrapper .close,
.management_container .main-content #kt_table_notifications_questions_wrapper .close,
.management_container .main-content #kt_table_users_list_wrapper .close,
.management_container .main-content #kt_table_users_list_pending_wrapper .close,
.management_container .main-content #kt_table_agency_list_wrapper .close,
.management_container .main-content #kt_table_fields_list_wrapper .close, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .close,
.notifications_container .main-content #kt_table_project_list_wrapper .close,
.notifications_container .main-content #kt_table_scenes_list_wrapper .close,
.notifications_container .main-content #kt_table_roles_list_wrapper .close,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .close,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .close,
.notifications_container .main-content #kt_table_users_list_wrapper .close,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .close,
.notifications_container .main-content #kt_table_agency_list_wrapper .close,
.notifications_container .main-content #kt_table_fields_list_wrapper .close {
  cursor: pointer;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .close:hover,
.management_container .main-content #kt_table_project_list_wrapper .close:hover,
.management_container .main-content #kt_table_scenes_list_wrapper .close:hover,
.management_container .main-content #kt_table_roles_list_wrapper .close:hover,
.management_container .main-content #kt_table_notifications_change_role_wrapper .close:hover,
.management_container .main-content #kt_table_notifications_questions_wrapper .close:hover,
.management_container .main-content #kt_table_users_list_wrapper .close:hover,
.management_container .main-content #kt_table_users_list_pending_wrapper .close:hover,
.management_container .main-content #kt_table_agency_list_wrapper .close:hover,
.management_container .main-content #kt_table_fields_list_wrapper .close:hover, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .close:hover,
.notifications_container .main-content #kt_table_project_list_wrapper .close:hover,
.notifications_container .main-content #kt_table_scenes_list_wrapper .close:hover,
.notifications_container .main-content #kt_table_roles_list_wrapper .close:hover,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .close:hover,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .close:hover,
.notifications_container .main-content #kt_table_users_list_wrapper .close:hover,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .close:hover,
.notifications_container .main-content #kt_table_agency_list_wrapper .close:hover,
.notifications_container .main-content #kt_table_fields_list_wrapper .close:hover {
  color: #DC4B38;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .add,
.management_container .main-content #kt_table_project_list_wrapper .add,
.management_container .main-content #kt_table_scenes_list_wrapper .add,
.management_container .main-content #kt_table_roles_list_wrapper .add,
.management_container .main-content #kt_table_notifications_change_role_wrapper .add,
.management_container .main-content #kt_table_notifications_questions_wrapper .add,
.management_container .main-content #kt_table_users_list_wrapper .add,
.management_container .main-content #kt_table_users_list_pending_wrapper .add,
.management_container .main-content #kt_table_agency_list_wrapper .add,
.management_container .main-content #kt_table_fields_list_wrapper .add, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .add,
.notifications_container .main-content #kt_table_project_list_wrapper .add,
.notifications_container .main-content #kt_table_scenes_list_wrapper .add,
.notifications_container .main-content #kt_table_roles_list_wrapper .add,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .add,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .add,
.notifications_container .main-content #kt_table_users_list_wrapper .add,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .add,
.notifications_container .main-content #kt_table_agency_list_wrapper .add,
.notifications_container .main-content #kt_table_fields_list_wrapper .add {
  cursor: pointer;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .add:hover,
.management_container .main-content #kt_table_project_list_wrapper .add:hover,
.management_container .main-content #kt_table_scenes_list_wrapper .add:hover,
.management_container .main-content #kt_table_roles_list_wrapper .add:hover,
.management_container .main-content #kt_table_notifications_change_role_wrapper .add:hover,
.management_container .main-content #kt_table_notifications_questions_wrapper .add:hover,
.management_container .main-content #kt_table_users_list_wrapper .add:hover,
.management_container .main-content #kt_table_users_list_pending_wrapper .add:hover,
.management_container .main-content #kt_table_agency_list_wrapper .add:hover,
.management_container .main-content #kt_table_fields_list_wrapper .add:hover, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .add:hover,
.notifications_container .main-content #kt_table_project_list_wrapper .add:hover,
.notifications_container .main-content #kt_table_scenes_list_wrapper .add:hover,
.notifications_container .main-content #kt_table_roles_list_wrapper .add:hover,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .add:hover,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .add:hover,
.notifications_container .main-content #kt_table_users_list_wrapper .add:hover,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .add:hover,
.notifications_container .main-content #kt_table_agency_list_wrapper .add:hover,
.notifications_container .main-content #kt_table_fields_list_wrapper .add:hover {
  color: #2E82E2;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .detail,
.management_container .main-content #kt_table_project_list_wrapper .detail,
.management_container .main-content #kt_table_scenes_list_wrapper .detail,
.management_container .main-content #kt_table_roles_list_wrapper .detail,
.management_container .main-content #kt_table_notifications_change_role_wrapper .detail,
.management_container .main-content #kt_table_notifications_questions_wrapper .detail,
.management_container .main-content #kt_table_users_list_wrapper .detail,
.management_container .main-content #kt_table_users_list_pending_wrapper .detail,
.management_container .main-content #kt_table_agency_list_wrapper .detail,
.management_container .main-content #kt_table_fields_list_wrapper .detail, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .detail,
.notifications_container .main-content #kt_table_project_list_wrapper .detail,
.notifications_container .main-content #kt_table_scenes_list_wrapper .detail,
.notifications_container .main-content #kt_table_roles_list_wrapper .detail,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .detail,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .detail,
.notifications_container .main-content #kt_table_users_list_wrapper .detail,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .detail,
.notifications_container .main-content #kt_table_agency_list_wrapper .detail,
.notifications_container .main-content #kt_table_fields_list_wrapper .detail {
  cursor: pointer;
  text-decoration: none;
}
.management_container .main-content #kt_table_generic_questions_list_wrapper .detail:hover,
.management_container .main-content #kt_table_project_list_wrapper .detail:hover,
.management_container .main-content #kt_table_scenes_list_wrapper .detail:hover,
.management_container .main-content #kt_table_roles_list_wrapper .detail:hover,
.management_container .main-content #kt_table_notifications_change_role_wrapper .detail:hover,
.management_container .main-content #kt_table_notifications_questions_wrapper .detail:hover,
.management_container .main-content #kt_table_users_list_wrapper .detail:hover,
.management_container .main-content #kt_table_users_list_pending_wrapper .detail:hover,
.management_container .main-content #kt_table_agency_list_wrapper .detail:hover,
.management_container .main-content #kt_table_fields_list_wrapper .detail:hover, .notifications_container .main-content #kt_table_generic_questions_list_wrapper .detail:hover,
.notifications_container .main-content #kt_table_project_list_wrapper .detail:hover,
.notifications_container .main-content #kt_table_scenes_list_wrapper .detail:hover,
.notifications_container .main-content #kt_table_roles_list_wrapper .detail:hover,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .detail:hover,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .detail:hover,
.notifications_container .main-content #kt_table_users_list_wrapper .detail:hover,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .detail:hover,
.notifications_container .main-content #kt_table_agency_list_wrapper .detail:hover,
.notifications_container .main-content #kt_table_fields_list_wrapper .detail:hover {
  color: #009694 !important;
}
.management_container .main-content #kt_table_notifications_change_role .accept, .management_container .main-content #kt_table_agency_list .accept, .notifications_container .main-content #kt_table_notifications_change_role .accept, .notifications_container .main-content #kt_table_agency_list .accept {
  color: #009694 !important;
  font-size: 1rem;
  cursor: pointer;
}
.management_container .main-content #kt_table_notifications_change_role .accept.accepted_icon, .management_container .main-content #kt_table_agency_list .accept.accepted_icon, .notifications_container .main-content #kt_table_notifications_change_role .accept.accepted_icon, .notifications_container .main-content #kt_table_agency_list .accept.accepted_icon {
  cursor: default;
}
.management_container .main-content #kt_table_notifications_change_role .refuse, .management_container .main-content #kt_table_agency_list .refuse, .notifications_container .main-content #kt_table_notifications_change_role .refuse, .notifications_container .main-content #kt_table_agency_list .refuse {
  color: #DC4B38 !important;
  font-size: 1rem;
  cursor: pointer;
}
.management_container .main-content #kt_table_notifications_change_role .refuse.refused_icon, .management_container .main-content #kt_table_agency_list .refuse.refused_icon, .notifications_container .main-content #kt_table_notifications_change_role .refuse.refused_icon, .notifications_container .main-content #kt_table_agency_list .refuse.refused_icon {
  cursor: default;
}
.management_container .main-content #kt_table_notifications_change_role .notification_table_img, .management_container .main-content #kt_table_agency_list .notification_table_img, .notifications_container .main-content #kt_table_notifications_change_role .notification_table_img, .notifications_container .main-content #kt_table_agency_list .notification_table_img {
  border-radius: 12px;
  max-width: 150px;
}
.management_container .main-content #kt_table_notifications_change_role .unread_message_ball, .management_container .main-content #kt_table_agency_list .unread_message_ball, .notifications_container .main-content #kt_table_notifications_change_role .unread_message_ball, .notifications_container .main-content #kt_table_agency_list .unread_message_ball {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #009694;
  margin-right: 8px;
  box-shadow: 0px 0px 7px 1px rgb(0, 150, 148);
}
.management_container .main-content #kt_table_notifications_change_role .unread_message, .management_container .main-content #kt_table_agency_list .unread_message, .notifications_container .main-content #kt_table_notifications_change_role .unread_message, .notifications_container .main-content #kt_table_agency_list .unread_message {
  color: #009694;
}
.management_container .main-content #kt_table_notifications_change_role .notification_read, .management_container .main-content #kt_table_agency_list .notification_read, .notifications_container .main-content #kt_table_notifications_change_role .notification_read, .notifications_container .main-content #kt_table_agency_list .notification_read {
  cursor: pointer;
}
.management_container .main-content #kt_table_project_list_wrapper,
.management_container .main-content #kt_table_project_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_project_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_project_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_project_list_wrapper table,
.management_container .main-content #kt_table_project_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_project_list_wrapper table thead,
.management_container .main-content #kt_table_project_list_wrapper table tbody,
.management_container .main-content #kt_table_scenes_list_wrapper,
.management_container .main-content #kt_table_scenes_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_scenes_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_scenes_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_scenes_list_wrapper table,
.management_container .main-content #kt_table_scenes_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_scenes_list_wrapper table thead,
.management_container .main-content #kt_table_scenes_list_wrapper table tbody,
.management_container .main-content #kt_table_roles_list_wrapper,
.management_container .main-content #kt_table_roles_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_roles_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_roles_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_roles_list_wrapper table,
.management_container .main-content #kt_table_roles_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_roles_list_wrapper table thead,
.management_container .main-content #kt_table_roles_list_wrapper table tbody,
.management_container .main-content #kt_table_notifications_change_role_wrapper,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_notifications_change_role_wrapper table,
.management_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_notifications_change_role_wrapper table thead,
.management_container .main-content #kt_table_notifications_change_role_wrapper table tbody,
.management_container .main-content #kt_table_notifications_questions_wrapper,
.management_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_notifications_questions_wrapper table,
.management_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_notifications_questions_wrapper table thead,
.management_container .main-content #kt_table_notifications_questions_wrapper table tbody,
.management_container .main-content #kt_table_generic_questions_list_wrapper,
.management_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_generic_questions_list_wrapper table,
.management_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_generic_questions_list_wrapper table thead,
.management_container .main-content #kt_table_generic_questions_list_wrapper table tbody,
.management_container .main-content #kt_table_users_list_wrapper,
.management_container .main-content #kt_table_users_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_users_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_users_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_users_list_wrapper table,
.management_container .main-content #kt_table_users_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_users_list_wrapper table thead,
.management_container .main-content #kt_table_users_list_wrapper table tbody,
.management_container .main-content #kt_table_users_list_pending_wrapper,
.management_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_users_list_pending_wrapper table,
.management_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_users_list_pending_wrapper table thead,
.management_container .main-content #kt_table_users_list_pending_wrapper table tbody,
.management_container .main-content #kt_table_agency_list_wrapper,
.management_container .main-content #kt_table_agency_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_agency_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_agency_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_agency_list_wrapper table,
.management_container .main-content #kt_table_agency_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_agency_list_wrapper table thead,
.management_container .main-content #kt_table_agency_list_wrapper table tbody,
.management_container .main-content #kt_table_fields_list_wrapper,
.management_container .main-content #kt_table_fields_list_wrapper .dataTables_scroll,
.management_container .main-content #kt_table_fields_list_wrapper .dataTables_scrollHead,
.management_container .main-content #kt_table_fields_list_wrapper .dataTables_scrollHeadInner,
.management_container .main-content #kt_table_fields_list_wrapper table,
.management_container .main-content #kt_table_fields_list_wrapper .dataTables_scrollBody,
.management_container .main-content #kt_table_fields_list_wrapper table thead,
.management_container .main-content #kt_table_fields_list_wrapper table tbody, .notifications_container .main-content #kt_table_project_list_wrapper,
.notifications_container .main-content #kt_table_project_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_project_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_project_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_project_list_wrapper table,
.notifications_container .main-content #kt_table_project_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_project_list_wrapper table thead,
.notifications_container .main-content #kt_table_project_list_wrapper table tbody,
.notifications_container .main-content #kt_table_scenes_list_wrapper,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_scenes_list_wrapper table,
.notifications_container .main-content #kt_table_scenes_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_scenes_list_wrapper table thead,
.notifications_container .main-content #kt_table_scenes_list_wrapper table tbody,
.notifications_container .main-content #kt_table_roles_list_wrapper,
.notifications_container .main-content #kt_table_roles_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_roles_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_roles_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_roles_list_wrapper table,
.notifications_container .main-content #kt_table_roles_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_roles_list_wrapper table thead,
.notifications_container .main-content #kt_table_roles_list_wrapper table tbody,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper table,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper table thead,
.notifications_container .main-content #kt_table_notifications_change_role_wrapper table tbody,
.notifications_container .main-content #kt_table_notifications_questions_wrapper,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_notifications_questions_wrapper table,
.notifications_container .main-content #kt_table_notifications_questions_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_notifications_questions_wrapper table thead,
.notifications_container .main-content #kt_table_notifications_questions_wrapper table tbody,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper table,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper table thead,
.notifications_container .main-content #kt_table_generic_questions_list_wrapper table tbody,
.notifications_container .main-content #kt_table_users_list_wrapper,
.notifications_container .main-content #kt_table_users_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_users_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_users_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_users_list_wrapper table,
.notifications_container .main-content #kt_table_users_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_users_list_wrapper table thead,
.notifications_container .main-content #kt_table_users_list_wrapper table tbody,
.notifications_container .main-content #kt_table_users_list_pending_wrapper,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_users_list_pending_wrapper table,
.notifications_container .main-content #kt_table_users_list_pending_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_users_list_pending_wrapper table thead,
.notifications_container .main-content #kt_table_users_list_pending_wrapper table tbody,
.notifications_container .main-content #kt_table_agency_list_wrapper,
.notifications_container .main-content #kt_table_agency_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_agency_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_agency_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_agency_list_wrapper table,
.notifications_container .main-content #kt_table_agency_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_agency_list_wrapper table thead,
.notifications_container .main-content #kt_table_agency_list_wrapper table tbody,
.notifications_container .main-content #kt_table_fields_list_wrapper,
.notifications_container .main-content #kt_table_fields_list_wrapper .dataTables_scroll,
.notifications_container .main-content #kt_table_fields_list_wrapper .dataTables_scrollHead,
.notifications_container .main-content #kt_table_fields_list_wrapper .dataTables_scrollHeadInner,
.notifications_container .main-content #kt_table_fields_list_wrapper table,
.notifications_container .main-content #kt_table_fields_list_wrapper .dataTables_scrollBody,
.notifications_container .main-content #kt_table_fields_list_wrapper table thead,
.notifications_container .main-content #kt_table_fields_list_wrapper table tbody {
  width: 100% !important;
  max-width: 100% !important;
  background-color: transparent !important;
  font-size: 0.875rem;
}
.management_container .main-content #kt_table_generic_questions_list th,
.management_container .main-content #kt_table_project_list_wrapper th,
.management_container .main-content #kt_table_scenes_list_wrapper th,
.management_container .main-content #kt_table_roles_list_wrapper th,
.management_container .main-content #kt_table_notifications_change_role th,
.management_container .main-content #kt_table_notifications_questions th,
.management_container .main-content #kt_table_users_list th,
.management_container .main-content #kt_table_agency_list th,
.management_container .main-content #kt_table_fields_list th, .notifications_container .main-content #kt_table_generic_questions_list th,
.notifications_container .main-content #kt_table_project_list_wrapper th,
.notifications_container .main-content #kt_table_scenes_list_wrapper th,
.notifications_container .main-content #kt_table_roles_list_wrapper th,
.notifications_container .main-content #kt_table_notifications_change_role th,
.notifications_container .main-content #kt_table_notifications_questions th,
.notifications_container .main-content #kt_table_users_list th,
.notifications_container .main-content #kt_table_agency_list th,
.notifications_container .main-content #kt_table_fields_list th {
  color: #757575 !important;
}
.management_container .main-content .form-select, .management_container .main-content .form-control, .notifications_container .main-content .form-select, .notifications_container .main-content .form-control {
  background-color: #121212;
  color: #9E9E9E;
  border: none;
  border-radius: 12px;
  font-size: 0.875rem;
}
.management_container .main-content .form-select:disabled, .management_container .main-content .form-control:disabled, .notifications_container .main-content .form-select:disabled, .notifications_container .main-content .form-control:disabled {
  background-color: #181A20;
  color: #757575;
}
.management_container .main-content ::-moz-placeholder, .notifications_container .main-content ::-moz-placeholder {
  color: #9E9E9E;
}
.management_container .main-content ::placeholder, .notifications_container .main-content ::placeholder {
  color: #9E9E9E;
}
.management_container .main-content .header, .notifications_container .main-content .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .management_container .main-content .header, .notifications_container .main-content .header {
    flex-direction: column;
    gap: 1.5rem;
  }
}
.management_container .main-content .header h2, .notifications_container .main-content .header h2 {
  margin: 0;
  font-size: 1.5rem;
}
.management_container .main-content .header h2 a, .notifications_container .main-content .header h2 a {
  color: #FFFFFF;
  text-decoration: none;
}
.management_container .main-content .header h2 a:hover, .notifications_container .main-content .header h2 a:hover {
  color: #009694;
}
.management_container .main-content .header h3, .notifications_container .main-content .header h3 {
  margin: 0;
  font-size: 1.375rem;
}
.management_container .main-content .header .subtitle, .notifications_container .main-content .header .subtitle {
  color: #F5F5F5;
}
.management_container .main-content .header .title_create, .notifications_container .main-content .header .title_create {
  min-width: 170px;
}
.management_container .main-content .header .form-select, .management_container .main-content .header .btn, .notifications_container .main-content .header .form-select, .notifications_container .main-content .header .btn {
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.management_container .main-content .form-section, .notifications_container .main-content .form-section {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  color: #757575;
  font-size: 0.875rem;
}
.management_container .main-content .form-section .fit, .notifications_container .main-content .form-section .fit {
  width: 650px;
  min-width: 650px;
}
@media only screen and (max-width: 991px) {
  .management_container .main-content .form-section .fit, .notifications_container .main-content .form-section .fit {
    width: 100%;
    min-width: auto;
  }
}
.management_container .main-content .form-section .basic, .management_container .main-content .form-section .settings, .management_container .main-content .form-section .directors, .management_container .main-content .form-section .clients, .management_container .main-content .form-section .production, .notifications_container .main-content .form-section .basic, .notifications_container .main-content .form-section .settings, .notifications_container .main-content .form-section .directors, .notifications_container .main-content .form-section .clients, .notifications_container .main-content .form-section .production {
  background-color: #1F222A;
  padding: 20px;
  border-radius: 10px;
}
.management_container .main-content .form-section .basic h3, .management_container .main-content .form-section .settings h3, .management_container .main-content .form-section .directors h3, .management_container .main-content .form-section .clients h3, .management_container .main-content .form-section .production h3, .notifications_container .main-content .form-section .basic h3, .notifications_container .main-content .form-section .settings h3, .notifications_container .main-content .form-section .directors h3, .notifications_container .main-content .form-section .clients h3, .notifications_container .main-content .form-section .production h3 {
  margin-top: 0;
  font-size: 1.125rem;
}
.management_container .main-content .form-section .basic .logo_container, .notifications_container .main-content .form-section .basic .logo_container {
  padding: 15px;
  background-color: #121212;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.management_container .main-content .form-section .basic .logo_container label, .notifications_container .main-content .form-section .basic .logo_container label {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #009694;
  border-radius: 12px;
  padding: 65px 65px;
  margin-top: 10px;
  cursor: pointer;
}
.management_container .main-content .form-section .basic .logo_container .upload_container_project, .notifications_container .main-content .form-section .basic .logo_container .upload_container_project {
  color: #9E9E9E;
  background-color: #121212;
}
.management_container .main-content .form-section .basic .logo_container .upload_container_project input, .notifications_container .main-content .form-section .basic .logo_container .upload_container_project input {
  display: none;
}
.management_container .main-content .form-section .basic .logo_container .upload_container_project .img_preview, .notifications_container .main-content .form-section .basic .logo_container .upload_container_project .img_preview {
  width: 150px;
  margin: 10px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  cursor: pointer;
}
.management_container .main-content .form-section .basic .ref_file_container, .notifications_container .main-content .form-section .basic .ref_file_container {
  padding: 15px;
  background-color: #121212;
  border-radius: 12px;
  display: flex;
  max-width: 650px;
}
@media only screen and (max-width: 991px) {
  .management_container .main-content .form-section .basic .ref_file_container, .notifications_container .main-content .form-section .basic .ref_file_container {
    max-width: 100%;
  }
}
.management_container .main-content .form-section .basic .ref_file_container .before_label, .notifications_container .main-content .form-section .basic .ref_file_container .before_label {
  max-width: 48%;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .management_container .main-content .form-section .basic .ref_file_container .before_label, .notifications_container .main-content .form-section .basic .ref_file_container .before_label {
    max-width: 100%;
  }
}
.management_container .main-content .form-section .settings .settings_grid, .notifications_container .main-content .form-section .settings .settings_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.management_container .main-content .form-section .permissions, .notifications_container .main-content .form-section .permissions {
  flex: auto;
}
.management_container .main-content .form-section .permissions .permisions_container, .notifications_container .main-content .form-section .permissions .permisions_container {
  background-color: #121212;
  padding: 15px;
  border-radius: 12px;
  margin-top: 10px;
}
.management_container .main-content .form-section .permissions .permisions_container .form-check-label, .notifications_container .main-content .form-section .permissions .permisions_container .form-check-label {
  color: #9E9E9E;
}
.management_container .main-content .form-section .permissions .select2-container, .notifications_container .main-content .form-section .permissions .select2-container {
  margin-bottom: 15px;
  width: 100% !important;
}
.management_container .main-content .form-section .permissions .select2-container .select2-selection--multiple, .notifications_container .main-content .form-section .permissions .select2-container .select2-selection--multiple {
  background-color: #121212 !important;
  border: none !important;
  border-radius: 12px !important;
  padding-bottom: 10px !important;
  padding-top: 5px !important;
  padding-left: 5px !important;
  color: #FFFFFF;
}
.management_container .main-content .form-section .permissions .select2-container .select2-selection--multiple .select2-selection__choice, .notifications_container .main-content .form-section .permissions .select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #1F222A;
  border: 1px solid #009694;
}
.management_container .main-content .form-section .permissions .select2-container .select2-selection--multiple .select2-selection__choice__remove, .notifications_container .main-content .form-section .permissions .select2-container .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #009694;
  color: #FFFFFF;
}
.management_container .main-content .form-section .permissions .select2-container textarea, .notifications_container .main-content .form-section .permissions .select2-container textarea {
  color: #757575;
}
.management_container .main-content .form-section .rq-new-highlight, .notifications_container .main-content .form-section .rq-new-highlight {
  outline: 2px solid rgba(0, 150, 148, 0.9);
  box-shadow: 0 0 0 0.25rem rgba(0, 150, 148, 0.25);
  transition: outline 0.2s ease, box-shadow 0.2s ease;
}
.management_container .main-content .form-section #role_questions_sortable .form-select:not([disabled]), .management_container .main-content .form-section #role_questions_sortable .form-control:not([disabled]), .notifications_container .main-content .form-section #role_questions_sortable .form-select:not([disabled]), .notifications_container .main-content .form-section #role_questions_sortable .form-control:not([disabled]) {
  background-color: #F5F5F5;
  color: #121212;
}
.management_container .main-content .form_creation .green_button:hover, .notifications_container .main-content .form_creation .green_button:hover {
  color: #FFFFFF;
}
.management_container .main-content .form_creation input[type=checkbox], .notifications_container .main-content .form_creation input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #757575;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
}
.management_container .main-content .form_creation input[type=checkbox]:checked, .notifications_container .main-content .form_creation input[type=checkbox]:checked {
  border: 2px solid #009694;
  background-color: #009694;
}
.management_container .main-content .form_creation .form_grid_container, .notifications_container .main-content .form_creation .form_grid_container {
  grid-auto-rows: auto;
  grid-template-rows: auto;
  grid-auto-flow: row dense;
  grid-gap: 1rem;
}
.management_container .main-content .form_creation .form_grid_container .form_fields_container, .notifications_container .main-content .form_creation .form_grid_container .form_fields_container {
  background-color: #121212;
  border-radius: 12px;
  color: #9E9E9E;
}
.management_container .main-content .form_creation .form_grid_container .form_fields_container #keyword_searcher, .management_container .main-content .form_creation .form_grid_container .form_fields_container #keyword_media_searcher, .notifications_container .main-content .form_creation .form_grid_container .form_fields_container #keyword_searcher, .notifications_container .main-content .form_creation .form_grid_container .form_fields_container #keyword_media_searcher {
  border: 1px solid #9E9E9E;
}
.management_container .main-content .form_creation #new_fields .spanish > span, .notifications_container .main-content .form_creation #new_fields .spanish > span {
  color: #757575;
}
.management_container .main-content .form_creation #new_fields .form-control, .notifications_container .main-content .form_creation #new_fields .form-control {
  width: 200px;
}
.management_container .main-content .form_creation #new_fields .new_field:not(:first-child), .notifications_container .main-content .form_creation #new_fields .new_field:not(:first-child) {
  border-top: 2px solid #121212;
}
.management_container .main-content .form_creation #new_fields .new_field > :first-child, .notifications_container .main-content .form_creation #new_fields .new_field > :first-child {
  margin-top: 10px;
}
.management_container .main-content .form_creation #new_fields .new_field .delete_field, .notifications_container .main-content .form_creation #new_fields .new_field .delete_field {
  color: #DC4B38;
  cursor: pointer;
}
.management_container .main-content .form_creation #new_fields .new_field .options_container .green_button, .management_container .main-content .form_creation #new_fields .new_field .options_container_spanish .green_button, .notifications_container .main-content .form_creation #new_fields .new_field .options_container .green_button, .notifications_container .main-content .form_creation #new_fields .new_field .options_container_spanish .green_button {
  font-size: 0.875rem;
  padding: 5px 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.management_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper input[type=text], .management_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper input[type=text], .notifications_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper input[type=text], .notifications_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper input[type=text] {
  margin-top: 0px;
}
.management_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper input[type=text]:focus, .management_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper input[type=text]:focus, .notifications_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper input[type=text]:focus, .notifications_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper input[type=text]:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 150, 148, 0.25);
}
.management_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper .delete_input_option, .management_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper .delete_input_option, .notifications_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper .delete_input_option, .notifications_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper .delete_input_option {
  color: #DC4B38;
  cursor: pointer;
}
.management_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper:not(:first-child) input[type=text], .management_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper:not(:first-child) input[type=text], .notifications_container .main-content .form_creation #new_fields .new_field .options_container .input_wrapper:not(:first-child) input[type=text], .notifications_container .main-content .form_creation #new_fields .new_field .options_container_spanish .input_wrapper:not(:first-child) input[type=text] {
  margin-top: 5px !important;
}

.ref_file_input, .ref_file_input_media {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #009694;
  border-radius: 12px;
  padding: 10px 20px;
  cursor: pointer;
  color: #FFFFFF;
  position: relative;
}
.ref_file_input input, .ref_file_input_media input {
  display: none;
}

.ref_file_input_media {
  padding: 5px 15px;
  max-width: 160px;
}

.select2-container--open .select2-dropdown {
  position: static;
  border: none;
  margin-top: 5px;
  border-radius: 12px;
  background-color: #121212;
}
.select2-container--open .select2-dropdown.select-dropdown--above {
  margin-top: 336px;
}
.select2-container--open .select2-dropdown .select2-results {
  background-color: #121212;
  border: none;
  border-radius: 12px;
  color: #757575;
  font-size: 0.875rem;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__option {
  padding-left: 10px;
  background-color: #121212;
  border-radius: 12px;
}
.select2-container--open .select2-dropdown .select2-results .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #009694;
  border-radius: 12px;
}

/********/
/**FORM**/
/********/
.form_container .form_header_container {
  border-bottom: 0.5px solid #393E4C;
}
.form_container .form_header_container .general_subtitle_form {
  font-size: 1.125rem;
  margin-bottom: 30px;
  color: #757575;
}
.form_container h1 {
  color: #FFFFFF;
}
.form_container .form_block {
  background-color: #121212;
  border-radius: 12px;
  color: #9E9E9E;
  padding: 15px;
}
.form_container aside {
  border-right: 0.5px solid #393E4C;
  width: 30%;
  display: flex;
  flex-direction: column;
  gap: 50px;
  padding: 50px 0;
}
@media only screen and (max-width: 768px) {
  .form_container aside {
    width: 100%;
  }
}
.form_container aside .aside_group {
  display: flex;
  align-items: center;
  gap: 15px;
  justify-content: end;
  position: relative;
  padding-right: 50px;
}
.form_container aside .aside_group .group_title {
  color: #FFFFFF;
}
.form_container aside .aside_group .group_title.used {
  color: #393E4C;
}
.form_container aside .aside_group .icon_container {
  border-radius: 100%;
  background-color: #009694;
  padding: 5px;
  display: flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 0.875rem;
}
.form_container aside .aside_group .icon_container.used {
  background-color: #393E4C;
  color: #9E9E9E;
}
.form_container aside .aside_group .form_ball {
  height: 10px;
  width: 10px;
  border: 0.5px solid #393E4C;
  border-radius: 100%;
  position: absolute;
  right: -5px;
  background-color: #181A20;
}
.form_container aside .aside_group .form_ball.used {
  background-color: #393E4C;
  border-color: #393E4C;
}
.form_container aside .aside_group .ball_on {
  background-color: #009694;
  border-color: #009694;
}
.form_container .form_main {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-left: 60px;
  padding-top: 50px;
}
.form_container .form_main .logout-form {
  max-width: 50%;
}
.form_container .form_main .logout-form .logout_form_fields {
  color: #FFFFFF;
  background-color: #009694;
  border-radius: 100px;
  font-size: 1rem;
  padding: 18px 16px;
}
@media only screen and (max-width: 768px) {
  .form_container .form_main {
    padding-left: 0;
  }
}
.form_container .form_main .steps_text {
  color: #757575;
  font-size: 0.875rem;
}
.form_container .form_main .field_form_title {
  font-size: 1.125rem;
  color: #FFFFFF;
}
.form_container .form_main .field_form_subtitle {
  color: #757575;
  font-size: 0.875rem;
}
.form_container .form_main .field_form_reference {
  color: #FFFFFF;
  text-decoration: underline;
  font-size: 0.875rem;
  margin-top: 10px;
}
.form_container .form_main .login_texts {
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  max-width: 50%;
  font-size: 0.875rem;
}
@media only screen and (max-width: 768px) {
  .form_container .form_main .login_texts {
    max-width: 100%;
  }
}
.form_container .form_main .login_texts .text_format {
  margin-left: 5px;
}
.form_container .form_main .login_texts .download_container {
  display: flex;
  justify-content: center;
}
.form_container .form_main .row {
  row-gap: 2rem;
}
.form_container .form_main .row .form_input_text, .form_container .form_main .row .form_input_textarea, .form_container .form_main .row .form_input_number,
.form_container .form_main .row .form_input_date,
.form_container .form_main .row .form_input_image,
.form_container .form_main .row .form_input_video,
.form_container .form_main .row .form_input_select {
  background-color: #1F222A;
  color: #9E9E9E;
  border: none;
  border-radius: 7px;
  font-size: 0.875rem;
  padding: 13px 15px;
  outline: none;
}
.form_container .form_main .row .form_input_text:focus, .form_container .form_main .row .form_input_textarea:focus, .form_container .form_main .row .form_input_number:focus,
.form_container .form_main .row .form_input_date:focus,
.form_container .form_main .row .form_input_image:focus,
.form_container .form_main .row .form_input_video:focus,
.form_container .form_main .row .form_input_select:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 150, 148, 0.25);
}
.form_container .form_main .row ::-moz-placeholder {
  color: #9E9E9E;
}
.form_container .form_main .row ::placeholder {
  color: #9E9E9E;
}
.form_container .form_main .row .form-title {
  color: #F5F5F5;
  min-width: 80px;
}
.form_container .form_main .row .form-note {
  color: #9E9E9E;
  font-size: 0.75rem;
  line-height: 1rem;
}
.form_container .form_main .row .form-note.limit_height {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form_container .form_main .row .view_more_text {
  color: #FFFFFF;
  font-size: 0.75rem;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.form_container .form_main .row .radio_group {
  padding: 13px 15px;
  background: #1F222A;
  border-radius: 7px;
}
.form_container .form_main .row .radio_container {
  color: #9E9E9E;
  font-size: 0.875rem;
}
.form_container .form_main .row .radio_container input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  border: 2px solid #757575;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.form_container .form_main .row .radio_container input:checked {
  border: 6px solid #009694;
}
.form_container .form_main .row .check_group {
  padding: 13px 15px;
  background: #1F222A;
  border-radius: 7px;
}
.form_container .form_main .row .check_container {
  color: #9E9E9E;
  font-size: 0.875rem;
}
.form_container .form_main .row .check_container input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #757575;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.form_container .form_main .row .check_container input:checked {
  border: 2px solid #009694;
  background-color: #009694;
}
.form_container .form_main .row .upload {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.form_container .form_main .row .upload .reference {
  width: 108px;
  height: 108px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 12px;
  box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.75);
}
.form_container .form_main .row .upload .upload_text {
  color: #9E9E9E;
  font-size: 0.75rem;
}
.form_container .form_main .row .upload .upload_subtitle {
  font-size: 0.875rem;
  color: #FFFFFF;
  font-weight: 900;
}
.form_container .form_main .row .privacy_container a {
  text-decoration: none;
  color: #009694;
}
.form_container .form_main .slide-in-blurred-right {
  animation: slide-in-blurred-right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}
@keyframes slide-in-blurred-right {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
.form_container .form_main .slide-in-blurred-left {
  animation: slide-in-blurred-left 0.4s cubic-bezier(0.47, 0, 0.745, 0.715) both;
}
@keyframes slide-in-blurred-left {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
.form_container .form-navigator {
  display: flex;
  align-items: center;
}
.form_container .form-navigator .continue {
  color: #FFFFFF;
  font-size: 1rem;
  text-decoration: underline;
  cursor: pointer;
}
.form_container .form-navigator .navigation_button {
  padding: 10px 50px;
  text-transform: capitalize;
  color: #FFFFFF;
  border: none;
  border-radius: 100px;
}
.form_container .form-navigator .navigation_button.next_form_fields, .form_container .form-navigator .navigation_button.submit_form_fields {
  background-color: #009694;
}
.form_container .form-navigator .navigation_button.prev_form_fields {
  background-color: transparent;
}
.form_container .rq-option-block {
  width: 100%;
}
.form_container .rq-children {
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}
.form_container .rq-field {
  padding-top: 6px;
}
.form_container .rq-children .rq-children {
  margin-top: 30px;
}
.form_container .rq-children .upload_container {
  margin-top: 30px;
}
.form_container .rq-ref-media a {
  color: #009694;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  background-color: #1F222A;
  border: none;
  border-radius: 7px;
  font-size: 0.875rem;
  padding: 10px 7px;
  outline: none;
  width: 100%;
  height: 47px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #9E9E9E;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 9px;
  right: 10px;
}

.upload_container {
  padding: 20px;
  background-color: #1F222A;
  border-radius: 12px;
  color: #9E9E9E;
}
.upload_container .img_container {
  position: relative;
}
.upload_container .img_container label {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #393E4C;
  border-radius: 12px;
  margin-top: 10px;
  width: 130px;
  height: 130px;
  font-size: 3rem;
  cursor: pointer;
  box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.75);
}
.upload_container .img_container input {
  display: none;
}
.upload_container .img_container .img_preview_form, .upload_container .img_container .video_preview {
  width: 130px;
  height: 130px;
  margin-top: 10px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1;
  cursor: pointer;
  box-shadow: 0px 0px 25px -10px rgba(0, 0, 0, 0.75);
}
.upload_container .img_container .edit_img, .upload_container .img_container .edit_video, .upload_container .img_container .edit_video_media {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background-color: #009694;
  color: #393E4C;
  right: 0;
  bottom: 0;
  border-radius: 5px;
  cursor: pointer;
}
.upload_container .img_container .edit_img + .progress, .upload_container .img_container .edit_video + .progress {
  margin-top: 7px;
}
.upload_container .img_container .edit_img_preview {
  bottom: 22px;
}
.upload_container .img_container .edit_video {
  bottom: 22px;
}
.upload_container .img_container .edit_video_media {
  bottom: 7px;
}
.upload_container .img_container .progress {
  height: 15px;
  background-color: #393E4C;
}
.upload_container .img_container .progress .progress-bar {
  background-color: #009694;
}

/**********/
/**FILTER**/
/**********/
.filter_header {
  position: fixed;
  top: 90px;
  background-color: #1F222A;
  padding: 10px 20px;
  width: 100%;
  z-index: 2;
}
.filter_header .filter_container {
  width: 100%;
  font-size: 0.875rem;
}
.filter_header .filter_container input {
  background-color: #121212;
  border-radius: 7px;
  border: none;
  padding: 5px 5px 5px 75px;
  color: #F5F5F5;
}
.filter_header .filter_container .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #9E9E9E;
}
.filter_header .filter_container .icon_search {
  left: 30px;
}
.filter_header .filter_container .text_search {
  left: 50px;
}
.filter_header .filter_container .selected_filters {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 95px;
  font-size: 0.75rem;
  display: flex;
  gap: 5px;
}
.filter_header .filter_container .selected_filters li {
  border-radius: 5px;
  border: 1px solid #9E9E9E;
  background-color: #1F222A;
  color: #9E9E9E;
  display: flex;
  align-items: center;
  padding: 0 2px;
  cursor: pointer;
}
.filter_header .filter_container .selected_filters li span.tag_text {
  padding: 0 5px;
}
.filter_header .filter_container .selected_filters li .close {
  padding: 0 5px;
  border-left: 1px solid #9E9E9E;
}
.filter_header .filter_container .filters_dropdown {
  padding: 0;
  list-style: none;
  color: #9E9E9E;
  position: absolute;
  top: 55px;
  left: 20px;
  background-color: #121212;
  border-radius: 7px;
  overflow-y: auto;
  max-height: 300px;
}
.filter_header .filter_container .filters_dropdown li {
  font-size: 0.75rem;
  padding: 5px 10px;
  min-width: 150px;
  cursor: pointer;
}
.filter_header .status_filter {
  padding: 0 10px;
  border-radius: 12px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.filter_header .status_filter.sended {
  border: 1px solid #00BBC6;
  color: #00BBC6;
}
.filter_header .status_filter.sended:hover, .filter_header .status_filter.sended.selected_status {
  color: #FFFFFF;
  background-color: #00BBC6;
  cursor: pointer;
}
.filter_header .status_filter.selected {
  border: 1px solid #0F8C5C;
  color: #0F8C5C;
}
.filter_header .status_filter.selected:hover, .filter_header .status_filter.selected.selected_status {
  color: #FFFFFF;
  background-color: #0F8C5C;
  cursor: pointer;
}
.filter_header .status_filter.discard {
  border: 1px solid #DC4B38;
  color: #DC4B38;
}
.filter_header .status_filter.discard:hover, .filter_header .status_filter.discard.selected_status {
  color: #FFFFFF;
  background-color: #DC4B38;
  cursor: pointer;
}
.filter_header .status_filter.maybe {
  border: 1px solid #BCA112;
  color: #BCA112;
}
.filter_header .status_filter.maybe:hover, .filter_header .status_filter.maybe.selected_status {
  color: #FFFFFF;
  background-color: #BCA112;
  cursor: pointer;
}
.filter_header .status_filter.pending {
  border: 1px solid #2E82E2;
  color: #2E82E2;
}
.filter_header .status_filter.pending:hover, .filter_header .status_filter.pending.selected_status {
  color: #FFFFFF;
  background-color: #2E82E2;
  cursor: pointer;
}
.filter_header .more_container {
  cursor: pointer;
  font-size: 0.75rem;
}
.filter_header .more_container:hover {
  color: #009694 !important;
}
.filter_header .more_container .actions_container {
  display: none;
  position: relative;
  color: #FFFFFF;
  padding: 10px;
  left: -60px;
  top: 20px;
  transform: translate3d(-50%, 50%, 0);
  flex-direction: column;
  background: #1F222A;
  border-radius: 12px;
  padding: 5px 10px;
  width: 200px;
  font-size: 0.85rem;
  z-index: 11;
  margin: 0;
  list-style: none;
}
.filter_header .more_container .actions_container li {
  line-height: 2;
}
.filter_header .more_container .actions_container li:hover {
  color: #009694;
}
.filter_header .more_container .actions_container li svg {
  width: 15px;
}

.copy_link_container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.copy_link_container a {
  text-decoration: none;
  color: #FFFFFF;
}
.copy_link_container a:hover {
  color: #009694;
}
.copy_link_container .copy-icon {
  cursor: pointer;
  margin-left: 10px;
  color: #FFFFFF;
}
.copy_link_container .copy-icon:hover {
  color: #009694;
}
.copy_link_container .clone-icon {
  cursor: pointer;
  margin-left: 10px;
  color: #FFFFFF;
}
.copy_link_container .clone-icon:hover {
  color: #009694;
}

#copy-success {
  color: #009694;
  font-weight: 700;
  font-size: 1.125rem;
  text-align: center;
  display: none;
}

.form_container_export .check_group > div {
  padding: 10px;
  background: #1F222A;
  border-radius: 7px;
  position: relative;
}
.form_container_export .check_group > div input {
  position: absolute;
  left: 10px;
  top: 11px;
}
.form_container_export .check_group > div label {
  padding-left: 25px;
  padding-right: 160px;
}
.form_container_export .check_group > div label span {
  display: block;
  font-size: 0.7rem;
  color: #757575;
}
.form_container_export .check_group > div select {
  position: absolute;
  right: 0;
  top: 5px;
  width: 146px;
  font-size: 0.875rem;
  padding: 5px;
}
.form_container_export .check_container {
  color: #FFFFFF;
  font-size: 0.875rem;
  padding: 5px;
}
.form_container_export .check_container input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 16px;
  height: 16px;
  border: 2px solid #FFFFFF;
  transition: 0.2s all linear;
  margin-right: 5px;
  position: relative;
  top: 4px;
}
.form_container_export .check_container input:checked {
  border: 2px solid #009694;
  background-color: #009694;
}
.form_container_export .check_container select {
  margin-right: 10px;
  border-radius: 10px;
  padding: 5px 10px;
  border-color: #1C1C1B !important;
  color: #757575 !important;
  background-color: #1C1C1B;
}

#copy-error {
  color: #DC4B38;
  font-weight: 700;
  font-size: 1.125rem;
  display: none;
  text-align: center;
}

.gallery_item img, .gallery_fav img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1/1;
}

.generic-question-editor .gq-lang-block {
  background-color: #121212;
  padding: 10px;
  border-radius: 12px;
}
.generic-question-editor .gq-child {
  background-color: #181A20;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.generic-question-editor .gq-node {
  background: #181A20;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
}
.generic-question-editor .gq-option.card {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.generic-question-editor .gq-option.card strong {
  color: #000;
}
.generic-question-editor #gq_options_container strong {
  color: #000;
}
.generic-question-editor #gq_options_container .gq-opt-children strong {
  color: #fff;
}
.generic-question-editor #gq_options_container .gq-opt-children .gq_node_options_container .gq-option.card strong {
  color: #000;
}
.generic-question-editor .generic-question-editor .gq-node strong {
  color: #fff;
}
.generic-question-editor .gq-option .form-check {
  color: #fff;
}
.generic-question-editor .gq-opt-children {
  border-left: 2px dashed rgba(0, 150, 148, 0.35);
  padding-left: 8px;
}
.generic-question-editor .gq-error {
  border: 2px solid #DC4B38 !important;
  box-shadow: 0 0 0 0.25rem rgba(220, 75, 56, 0.15) !important;
}

/* =========================================================
   ROLE QUESTION MODAL + INLINE TREE (dark theme)
   ========================================================= */
#roleQuestionModal .modal-content {
  background: #2f3542; /* parecido al screenshot */
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#roleQuestionModal .modal-header {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
#roleQuestionModal {
  /* Tabs */
}
#roleQuestionModal .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#roleQuestionModal .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.7);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
}
#roleQuestionModal .nav-tabs .nav-link:hover {
  color: #fff;
}
#roleQuestionModal .nav-tabs .nav-link.active {
  color: #009694; /* azul */
  border-bottom: 2px solid #009694;
  background: transparent;
}
#roleQuestionModal {
  /* Form controls dark */
}
#roleQuestionModal .form-label {
  color: rgba(255, 255, 255, 0.85);
}
#roleQuestionModal .form-control,
#roleQuestionModal .form-select {
  background: #fff;
  color: #0f1115;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
#roleQuestionModal .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal {
  /* checkbox alignment */
}
#roleQuestionModal .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
#roleQuestionModal .form-check-input {
  margin-top: 0 !important;
}
#roleQuestionModal .form-check-label {
  color: rgba(255, 255, 255, 0.85);
  margin: 0;
}
#roleQuestionModal {
  /* language blocks */
}
#roleQuestionModal .gq-lang-block {
  background: #0f1115;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
}
#roleQuestionModal {
  /* Options cards (the white blocks you see) */
}
#roleQuestionModal .gq-option.card {
  background: #0f1115;
  color: #fff;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#roleQuestionModal .gq-option.card strong {
  color: #fff;
}
#roleQuestionModal {
  /* Children indentation */
}
#roleQuestionModal .gq-opt-children {
  border-left: 2px dashed rgba(13, 110, 253, 0.35); /* azul suave */
  padding-left: 10px;
}
#roleQuestionModal {
  /* Subquestion node block */
}
#roleQuestionModal .gq-node {
  background: #151922;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
}
#roleQuestionModal .gq-node strong, #roleQuestionModal .gq-node .form-check-label {
  color: #fff;
}

/* =========================================================
    ROLE ROOT LIST (sortable) + inline expand section
    ========================================================= */
.role-questions-item {
  background: #181A20;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
  margin-top: 10px;
  color: #fff;
}
.role-questions-item .drag-handle {
  cursor: grab;
  color: #009694;
}
.role-questions-item .rq-root-title {
  color: #fff;
}
.role-questions-item .rq-inline-body {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.role-questions-item .rq-inline-node {
  background: #0f1115;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 10px;
  margin-top: 10px;
}
.role-questions-item .rq-inline-node .rq-inline-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.role-questions-item .rq-inline-node .rq-inline-meta {
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.8rem;
}
.role-questions-item .rq-inline-node .rq-inline-children {
  border-left: 2px dashed rgba(0, 150, 148, 0.35);
  padding-left: 10px;
  margin-top: 10px;
}
.role-questions-item .form-control, .role-questions-item .form-select {
  background: #0b0c0f;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
.role-questions-item .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.role-questions-item .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
.role-questions-item .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.role-questions-item .form-check-input {
  margin-top: 0 !important;
}
.role-questions-item .form-check-label {
  margin: 0;
}

.rq-tree-item .field_container {
  align-items: flex-start !important;
}

.rq-tree-answer,
.rq-tree-comment {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.rq-tree-comment {
  font-style: italic;
  opacity: 0.9;
  margin-top: 4px;
}

.rq-tree-children {
  margin-left: 12px;
  padding-left: 12px;
  border-left: 2px dashed rgba(0, 150, 148, 0.35);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.rq-tree-media .media_resource {
  max-width: 140px;
}

/* =========================================================
ROLE QUESTION MODAL - match screenshot
========================================================= */
#roleQuestionModal .modal-content {
  background: #2f3542;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#roleQuestionModal .nav-tabs {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#roleQuestionModal .nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.7);
  border: none;
  border-bottom: 2px solid transparent;
  background: transparent;
}
#roleQuestionModal .nav-tabs .nav-link.active {
  color: #009694;
  border-bottom: 2px solid #009694;
}
#roleQuestionModal {
  /* ROOT controls (dark pills like screenshot) */
}
#roleQuestionModal .generic-question-editor > .row .form-control,
#roleQuestionModal .generic-question-editor > .row .form-select {
  background: #fff;
  color: #0f1115;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
}
#roleQuestionModal .generic-question-editor > .row .form-control::-moz-placeholder, #roleQuestionModal .generic-question-editor > .row .form-select::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal .generic-question-editor > .row .form-control::placeholder,
#roleQuestionModal .generic-question-editor > .row .form-select::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal .form-control::placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal {
  /* language blocks */
}
#roleQuestionModal .gq-lang-block {
  background: #0f1115;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
}
#roleQuestionModal {
  /* OPTIONS card should be white */
}
#roleQuestionModal .gq-option.card {
  background: #fff;
  color: #111;
  border-radius: 14px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
#roleQuestionModal {
  /* option inputs white */
}
#roleQuestionModal .gq-option.card .form-control {
  background: #fff;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
#roleQuestionModal .gq-option.card .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
#roleQuestionModal .gq-option.card .form-control::placeholder {
  color: rgba(0, 0, 0, 0.35);
}
#roleQuestionModal {
  /* Subquestion block dark, but controls white (like screenshot) */
}
#roleQuestionModal .gq-node {
  background: #151922;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
}
#roleQuestionModal .gq-node .form-control,
#roleQuestionModal .gq-node .form-select {
  background: #fff;
  color: #111;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 8px;
}
#roleQuestionModal .gq-node .form-control::-moz-placeholder {
  color: rgba(0, 0, 0, 0.35);
}
#roleQuestionModal .gq-node .form-control::placeholder {
  color: rgba(0, 0, 0, 0.35);
}
#roleQuestionModal {
  /* Checkbox alignment */
}
#roleQuestionModal .form-check {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}
#roleQuestionModal .form-check-input {
  margin-top: 0 !important;
}
#roleQuestionModal .form-check-label {
  margin: 0;
}
#roleQuestionModal {
  /* children border */
}
#roleQuestionModal .gq-opt-children {
  border-left: 2px dashed rgba(13, 110, 253, 0.35);
  padding-left: 10px;
}
#roleQuestionModal .gq-option.card {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.08);
}
#roleQuestionModal .gq-option.card strong {
  color: #000;
}
#roleQuestionModal #rq_options_container strong {
  color: #000;
}
#roleQuestionModal #rq_options_container .gq-opt-children strong {
  color: #fff;
}
#roleQuestionModal #rq_options_container .gq-opt-children .gq_node_options_container .gq-option.card strong {
  color: #000;
}
#roleQuestionModal .rq_inline_note {
  background: #0b0c0f;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
#roleQuestionModal .rq_inline_note::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}
#roleQuestionModal .rq_inline_note::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }
  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }
  20% {
    transform: translate(-2px, 0px) rotate(1deg);
  }
  30% {
    transform: translate(2px, 0px) rotate(0deg);
  }
  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }
  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }
  60% {
    transform: translate(-2px, 1px) rotate(0deg);
  }
  70% {
    transform: translate(2px, 1px) rotate(-1deg);
  }
  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }
  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }
  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}
.shake {
  animation-name: shake;
  animation-duration: 1.5s; /* Más lento */
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out; /* Movimiento más suave */
}

.role-questions-item {
  background: #181A20;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 12px;
  padding: 12px;
  margin-top: 10px;
}
.role-questions-item .drag-handle {
  cursor: grab;
  color: #009694;
}

.rq_media_picker,
.rq_inline_media_picker {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.rq_media_preview,
.rq_inline_media_preview {
  color: #009694;
  text-decoration: none;
  max-width: 320px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rq_media_preview:hover,
.rq_inline_media_preview:hover {
  color: #FFFFFF;
}

.rq_media_remove,
.rq_inline_media_remove {
  background: transparent;
  border: none;
  color: #DC4B38;
  font-size: 1.5rem;
  line-height: 1;
  padding: 0;
  cursor: pointer;
}

.rq_media_remove:hover,
.rq_inline_media_remove:hover {
  color: #FFFFFF;
}

@media print {
  body {
    background-color: #FFFFFF;
  }
  body main:nth-child(3) {
    padding-top: 10px !important;
  }
  body header {
    position: static;
    background-color: #FFFFFF;
  }
  body header .navbar-brand svg path {
    fill: #000;
  }
  body header .navbar-brand {
    margin: 0 auto !important;
  }
  body #navbarText {
    display: none !important;
  }
  body .navbar-toggler {
    display: none !important;
  }
  body main {
    padding-top: 0 !important;
  }
  body main h2 {
    font-size: 24px;
  }
  body main h3 {
    font-size: 18px;
  }
  body main h4 {
    font-size: 16px;
  }
  body .export_talents #print {
    display: none;
  }
  body .export_talents h2, body .export_talents h3, body .export_talents h4 {
    color: #181A20;
  }
  body .export_talents .gallery {
    margin-left: 0 !important;
  }
  body .export_talents .gallery .gallery_item {
    background: #fff !important;
    border: 1px solid #181A20;
    padding: 10px !important;
    min-width: 150px;
  }
  body .export_talents .gallery .gallery_item img {
    max-width: 60px;
    margin: 0;
  }
  body .export_talents .gallery .gallery_item .email_text {
    font-size: 10px;
  }
  body .export_talents .gallery .gallery_item .white-text {
    color: #181A20 !important;
  }
}
body.excel-export-loading-active > *:not(#excel_export_loading_overlay) {
  filter: blur(3px);
  transition: filter 0.2s ease;
}
body .excel-export-loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  background: rgba(16, 22, 33, 0.42);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  transition: opacity 0.25s ease;
  padding: 20px;
}
body .excel-export-loading-overlay.is-visible {
  opacity: 1;
  pointer-events: auto;
}
body .excel-export-loading-glass {
  width: min(560px, 100%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  background: linear-gradient(165deg, rgba(57, 62, 76, 0.95), rgba(24, 30, 42, 0.95));
  box-shadow: 0 28px 70px rgba(0, 0, 0, 0.36);
  padding: 28px 24px;
  text-align: center;
}
body .excel-export-loading-glass h3 {
  color: #FFFFFF;
  margin: 8px 0 10px;
  font-size: 1.3rem;
  font-weight: 700;
}
body .excel-export-loading-glass p {
  color: rgba(255, 255, 255, 0.86);
  margin: 0;
  min-height: 24px;
  font-size: 0.98rem;
}
body .excel-export-loading-progress {
  width: 100%;
  height: 8px;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.18);
  margin-top: 14px;
}
body .excel-export-loading-progress span {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #00B7A8, #00E0CD);
  transition: width 0.35s ease;
}
body #excel_export_loading_progress_text {
  display: inline-block;
  margin-top: 8px;
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.78rem;
  letter-spacing: 0.02em;
}
body .excel-export-loading-ring {
  width: 54px;
  height: 54px;
  margin: 0 auto;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.28);
  border-top-color: #00B7A8;
  animation: excelExportSpin 0.9s linear infinite;
}
@keyframes excelExportSpin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (max-width: 640px) {
  body .excel-export-loading-glass {
    border-radius: 16px;
    padding: 22px 16px;
  }
  body .excel-export-loading-glass h3 {
    font-size: 1.1rem;
  }
  body .excel-export-loading-glass p {
    font-size: 0.92rem;
  }
}
/*# sourceMappingURL=main.css.map */