.loading-overlay {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  padding-top: 20%;
}

.loading-overlay img {
  width: 100px;
}

.settings_page_chatgpt_plugin #wpcontent{
  padding-left:0 !important;
}

.autopost_title{
  text-align: center;
  font-size: 46px;
  color: #bbb;
  opacity: .5;
}

.chat_gpt_vonfiguration{
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display:none;
}

.main_form{
  display: flex;
}

#sidebar{
  width:30%;
  margin-right:2%;
  background:#e8e7ee;
}

#sidebar  h2{
  text-align: center !important;
  font-size: 24px;
}
.input_clean,.input_dark,.author_input,.category_input,.schedule_input,.ia_image_input{
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden;
}

.lumini_items{
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.dark_light_radio{
  display: flex;
  padding-left: 5%;
  gap: 5%;
}

.radio-btn,.radio_schedule,.radio-btn-image{
  width: 20px;
  height: 20px;
  border:1px solid #a5a6ab;
  border-radius: 50%;

}


.dark h2{
  color: #fff;
}

.sidebar-dark{
  background:#202123 !important;
  border-color:#202123 !important;
}

.dark .chat_textarea {
  background: #353541 !important;
  color: #fff !important;
}

input[type="checkbox"]:checked + label .radio-btn,.schedule_input:checked+label .radio_schedule,.ia_image_input:checked+label .radio-btn-image{
  background: radial-gradient(circle,#CE73F4 45%,transparent 50%);

}

#chatgpt_model{
  display:flex;
  justify-content:center;
  gap:3%;
  border:1px solid #ddd;
  background:#ddd;
  width:15%;
  align-items:center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px
}

@media(max-width:1360px){
  #chatgpt_model{
    width:20%;
  }
}

.gpt_input{
  display:none !important;
}

.gpt_label_model{
  width:50%;
  text-align:center;
  margin-top:2%;
  margin-bottom:2%;
  display:flex;
}

.gpt_label_model p{
  padding-left:15%;
}

.gpt_label_model svg{
  padding-top: 13%;
  padding-left: 13%
}


.gpt_input:checked+label{
  background:#3f414e;
  color:#fff;
  border-radius:12px;
}
.gpt_switch_icon_ray{}

.gpt_switch_icon_ray path{
  fill:#19c37d !important;
}

.gpt_switch_icon_stars path{
  fill:#ab68ff;
}

.authors,.category{
  position: relative;
  cursor:pointer;
}

.sidebar_item{
  margin-bottom:30px;
}

.authors p strong::after,.category p strong::after{
  content: '';
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
    
  border-bottom: 9px solid black;
  position: absolute;
  transform: rotateX(180deg);
  margin-left: 1%
}

.arrow_white p strong::after{
  border-bottom-color:#fff !important;
}

.authors_item,.category_item{
  background: #A1A2A7;
  color:#E6E7E9;
  display: none;
  transition: .9s !important;
  margin-left: 5%;
  font-weight: bold;
}

.authors_input_label{
 display:inline-block;
 padding-bottom: 5%;
 padding-top: 5%;
 width:100%;  
}
.show{
  display: block !important;
  
}

.author_input:checked+label,.category_input:checked+label{
  background: rgba(0, 0, 0, 0.5) !important;
}

#chatgpt_prompt{
 text-align:center;
 padding-top:5%;
}

#chatgpt_prompt::placeholder{
  font-size:25px;
}


 .inputs_title{
  margin:0;
  width:50%;
}



.generate_text_button{
  display:flex;
  justify-content:center;
}

.btn_submit_text{
  background:#C371ED !important;
  border:none !important;
  text-transform:uppercase !important;
  width:20%;
  border-radius:30px !important;
  padding-top: 1% !important;
  padding-bottom: 1% !important;
}

#schedule_datetime_container{
  display:none;
  padding-left:5%;
}

#image_upload{
  display:none;
}


.modal_category{
  display:none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background: rgba(0,0,0,.6);
}
.container_user,.container_category,.user_input_password,#new_user_email{
  display:none;
}

/*Modais para recriar titulo*/

.key_list_modal{
  width: 100%;
  height: 100vh;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

.key_list_content{
  width: 500px;
  height: 200px;
  background-color: #fff;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-direction: column;
}
.key_list_container{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}

.close_btn{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  width: 30px;
  height: 30px;
  background: transparent;
  border-radius: 50%;
  box-shadow: none;
  border: 1px solid #fff;
  cursor: pointer
}

.schedule,.schedule_submit{
  display:none;
}



.spanish .creation_mode{
  width: 24% !important; 
}

.autopost_page_chatgpt_dashboard_page:not(.spanish) .creation_mode{
  width: 21% !important;
}

.creation_mode{
  transform: translate(67px,60px);
  width: 20%;
  margin: auto;
  background-color: #fff;
  border-radius: 30px;
  padding: 10px 10px 10px;
  
}

.creation_mode input{
  width: 0;
  height: 0;
  visibility: hidden;
  margin: 0;
  position: absolute;
}

.creation_mode label{
  padding: 5px 10px;
  border-radius: 30px
}
@media(max-width:1440px){
  .creation_mode{
    width: 18%;
  }
  .creation_mode label{
    font-size:9px;
    width: 19%;
  }
}
.dark{
  color:#000 !important;
}
.dark small,.dark p, .dark td{
  color: #fff !important;
}
.switch_input:checked+label{
  background-color: #503FFD;
  color: #fff;
}


.flags{
  display:flex;
  gap:1%;
}

.flags_children{
  width:20px;
  height:20px;
}

.flags_children img{
 width:100%;
}


.advanced_input:disabled,.basic_input:disabled{
  background:#aaadb01f!important;
  background-repeat: no-repeat;
}

.show_schedule{
  display:flex !important;
  padding-left:0 !important;
}