/* ================================================= */
/* == REGRAS ÚNICAS QUE SÓ EXISTEM NO custom.css == */
/* ================================================= */

.meus-dados-picture-container {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.meus-dados-picture-preview {
  position: relative;
  width: 150px;
  height: 150px !important;
  object-fit: cover;
}

.meus-dados-picture-preview-camera-icon {
  opacity: 0.3;
  position: absolute;
  top: 55px;
  left: 55px;
}

.meus-dados-picture-preview-camera-icon:hover {
  opacity: 1;
}
button.orange-save,
button.orange-continue {
  background: linear-gradient(180deg, #f36f00, #f2295b);
  color: #fff;
}
button.orange-save:hover,
button.orange-continue:hover {
  background-color: #fff;
  color: #163592;
}
.inputpass-change {
  position: relative;
}
.inputpass-change i.eye {
  position: absolute;
  right: 18px;
  top: 34px;
}

@media (min-width: 320px) and (max-width: 768px) {
  .ings-change-buttons button {
    font-size: 10px;
    margin: 0 2px !important;
  }
  .modal-changepass {
    max-width: 320px;
  }
}

.label-white {
  color: white;
}

.buttonMyData {
  color: white !important;
  border-color: white !important;
}

.buttonMyData:hover {
  background-color: white !important;
  color: #0b0b0f !important;
}

.title-page {
  font-size: 30px !important;
  text-align: center !important;
}