/* The popup chat - hidden by default */
.qfc-popup {
  position: fixed;
  bottom: -125px;
  right: 15px;  
  /*border: 3px solid #7c55e5 ;*/
  z-index: 9;  

  -webkit-box-shadow: -1px -7px 5px 0px rgba(0,0,0,0.32);
  -moz-box-shadow: -1px -7px 5px 0px rgba(0,0,0,0.32);
  box-shadow: -1px -7px 5px 0px rgba(0,0,0,0.32);

  transition: bottom 0.3s ease;
}

.qfc-popup * {
  color: #FFFFFF;
}

.qfc-popup .pure-button-secondary,  
.qfc-popup .pure-button-secondary i{
  color: #000000;
}

.qfc-popup h1 {
  font-size: 18px;
  text-transform: uppercase;
  color: #FFFFFF;
}

.qfc-popup h1 small {
  font-size: 11px;
  color: #DDDDDD;
}

.qfc-popup .pure-button {
  font-size: 14px;
  border-radius: 0px;
}

.qfc-popup .control-label {
  font-size: 12px;
}

.qfc-popup input.form-control,  .qfc-popup select.form-control {
  height: 30px;
  font-size: 15px;
  border-radius: 0px;
  color: #000000;
  background-color: #FFFFFF;
}

.qfc-popup select.form-control{
  padding-top: 5px;
  font-size: 14px;
}

.qfc-popup input.form-control::placeholder {
  color: #666666;
}

@media screen and (max-width:35.438em) {
  .qfc-popup {
      width: 100%;
      left: 50%;      
      transform: translateX(-50%);
      /*margin-bottom: 10px;  Ajuste a margem conforme necessário */
  }   
}

/* Add styles to the form container */
.qfc-form {
  padding: 10px;
  padding-top: 0px !important;
  /*background-color: white;*/
  
  background-color: #7c55e5 ;

  /*background-color: #565d5d ;*/
  
  /*background-color: #1f1f4d ;*/

  /*background-color: #00dfdf;*/
  
}

.qfc-opened {
  bottom: 0px !important;
}

.btn-minimize, .btn-maximize {
  float: right;
  cursor: pointer;
  margin-top: 15px;
  margin-right: 10px;
}