.form-item-max-token-1,
.form-item-temperature-1,
.form-item-presence-penalty-1,
.form-item-frequency-penalty-1,
.form-item-max-token-2,
.form-item-temperature-2,
.form-item-presence-penalty-2,
.form-item-frequency-penalty-2,
.form-item-max-token-3,
.form-item-temperature-3,
.form-item-presence-penalty-3,
.form-item-frequency-penalty-3,
.form-item-max-token-4,
.form-item-temperature-4,
.form-item-presence-penalty-4,
.form-item-frequency-penalty-4,
.form-item-max-token-5,
.form-item-temperature-5,
.form-item-presence-penalty-5,
.form-item-frequency-penalty-5,
.form-item-max-token-7,
.form-item-temperature-7,
.form-item-presence-penalty-7,
.form-item-frequency-penalty-7 {
  width: fit-content !important;
  display: inline-grid !important;
  margin-right: 20px !important;
}

#edit-button-1,
#edit-button-2,
#edit-button-3,
#edit-button-4,
#edit-button-5,
#edit-button-6,
#edit-button-7,
#edit-button-8 {
  display: block !important;
  margin-top: 10px !important;
}

.form-item-top-p-1,
.form-item-n-1,
.form-item-top-p-2,
.form-item-n-2,
.form-item-top-p-3,
.form-item-n-3,
.form-item-top-p-4,
.form-item-n-4,
.form-item-top-p-5,
.form-item-n-5,
.form-item-top-p-7,
.form-item-n-7 {
  width: fit-content !important;
  display: inline-grid !important;
  margin-right: 20px !important;
}

.form-item-max-token-8,
.form-item-temperature-8,
.form-item-presence-penalty-8,
.form-item-frequency-penalty-8,
.form-item-top-p-8,
.form-item-n-8 {
  width: fit-content !important;
  display: inline-grid !important;
  margin-right: 20px !important;
}

/* Custom CSS for chat ai test harness */
.admin-config-tubespanner-chatai input#edit-submit {
  display: none;
}

/* Custom CSS for AI title inspiration page */

form.title-generator-form-wrapper .video_suggestion .col-md-10 .form-radios .edit-field-filter-category div {
  display: inline-table !important;
}

.video_suggestion .col-md-3 .light-col .input-box input[type=text] {
  box-shadow: 0 0 3pt .2pt #d3d3d3;
  appearance: none;
  line-height: 3;
  padding-right: 2em;
  height: 50px;
  border-radius: 6px;
  border: none;
  box-shadow: 0 0 20px rgb(0 0 0 / 16%);
}

.video_suggestion .button-section .col-md-10 #edit-field-filter-category {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-bottom: 10px;
}

.form-item-saved-audience.checkbox {
  margin-top: -9px;
}

.dashboard-video-suggestions-ai .adv_dashboard .col-md-12 {
  position: relative !important;
  min-height: 1px !important;
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.dashboard-video-suggestions-ai .adv_dashboard .light-col {
  background-color: unset !important;
}

.title-generator-form-wrapper {
  margin: 0px !important;
}

.dashboard-video-suggestions-ai #loading-div {
  position: absolute !important;
  top: 40px !important;
  left: 100px !important;
}

.dashboard-video-suggestions-ai .video_suggestion .col-md-9 .loader {
  margin: 50px 250px;
  background: grey;
  position: fixed;
  left: 40%;
  top: 55%;
  width: 240px;
  height: 150px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ffffff;
  line-height: 1.5;
  text-align: center;
  transform: translate(-50%, -50%);
  border-radius: 10px;
  padding: 10px;
}

.dashboard-video-suggestions-ai .video_suggestion .col-md-9 .spinner-text {
  position: absolute;
  top: 100px;
  left: 40px;
}

.dashboard-video-suggestions-ai .video_suggestion .col-md-9 #loading-div {
  margin: 0 auto;
  height: 40px;
  width: 40px;
  animation: rotate .8s infinite linear;
  border: 3px solid #ec1e3d;
  border-right-color: white;
  border-radius: 50%;
}

.dashboard-video-suggestions-ai .video_suggestion #edit-field-filter-category .js-form-item:nth-child(1) label.option {
  border-radius: 25px 0 0 25px !important;
}


.dashboard-video-suggestions-ai .video_suggestion #edit-field-filter-category .js-form-item:nth-child(4) label.option {
  border-radius: 0 25px 25px 0;
}

.dashboard-video-suggestions-ai .video_suggestion #edit-field-filter-category .js-form-item:nth-child(5) label.option {
  border-radius: 25px 0 0 25px !important;
}

.dashboard-video-suggestions-ai .video_suggestion #edit-field-filter-category .js-form-item:nth-child(8) label.option {
  border-radius: 0 25px 25px 0;
}

.dashboard-video-suggestions-ai #title-inspiration-form .form-radios .form-item-field-filter-category {
  float: left;
  margin: 0 !important;
  width: 25%;
  text-align: center;
}

.dashboard-video-suggestions-ai .video_suggestion .col-md-9 .default-msg {
  background-color: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  margin-bottom: 15px;
  height: 275px;
  color: #000;
}

@media screen and (min-width: 1024px) {
  .dashboard-video-suggestions-ai .video_suggestion .col-md-9 .default-msg {
    margin-top: 20px;
    height: 224px;
  }
}

@media screen and (min-width: 1127px) {
  .dashboard-video-suggestions-ai .video_suggestion .col-md-9 .default-msg {
    margin-top: 0px;
    height: 275px;
  }
}

.page-node-type-video-script-template div.hide-btn {
  display: none !important;
}

.page-node-type-video-script-template .wpm-speed-selector-custom {
  padding-left: 0;
}

.page-node-type-video-script-template .ai-btn-box .btn-default:focus {
  color: #fff;
  border-color: transparent !important;
  outline: none;
}

.page-node-type-video-script-template .ai-btn-box .btn-default:active:hover {
  color: #fff;
}

@media screen and (max-width: 768px) {
  .dashboard-video-suggestions-ai .video_suggestion .col-md-9 .loader {
    left: 20%;
  }
}


@media screen and (max-width: 425px) {
  .dashboard-video-suggestions-ai .video_suggestion .col-md-9 .loader {
    left: -10%;
  }
}


@media screen and (max-width: 425px) {
  .dashboard-video-suggestions-ai .video_suggestion #edit-field-filter-category .js-form-item:nth-child(5) label.option {
    height: 56px;
  }
}

@media screen and (max-width: 375px) {
  .dashboard-video-suggestions-ai .video_suggestion .col-md-9 .loader {
    left: -15%;
  }
}

/* New combo field CSS*/
div.data-list-input {
  position: relative;
  height: 49px;
  display: inline-flex;
  width: 100%;
}

select.data-list-input {
  position: absolute;
  top: 30px;
  left: 0px;
  margin-bottom: 0;
  width: 100%;
  min-width: 190px;
}

input.data-list-input {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 85%;
  min-width: 160px;
}

.data-list-input .control-field {
  width: 100%;
}