.settingsProfile .avatar {
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px #4d5666 solid;
}

.settingsProfile .avatar img {
  border-radius: 50%;
  border: 2px #fff solid;
  vertical-align: middle;
  margin-right: 16px;
  width: 42px;
  display: none
}

.settingsProfile form {
  background: rgba(39, 46, 57, 0.28);
  padding: 16px;
  border-radius: 3px;
}

.settingsProfile form label {
  color: #ccc;
  display: block;
  margin-bottom: 4px;
}

.settingsProfile form input {
  background: transparent;
  margin-bottom: 16px;
  width: 360px;
  font-size: 15px;
  color: #fff
}

.settingsProfile form input[type="file"] {
  width: 302px
}

.settingsProfile form input[type="text"]:focus {
  background: rgb(238, 238, 238);
  color: #1c1d1e
}

.settingsProfile form textarea {
  background: transparent;
  margin-bottom: 8px;
  min-height: 80px;
  font-size: 14px;
  color: #fff
}

.settingsProfile form textarea:focus {
  background: rgb(238, 238, 238);
  color: #1c1d1e
}

.settingsProfile form button {
  float: right;
  padding: 10px 16px;
  border-radius: 3px;
  cursor: pointer;
  background-color: #337ab7;
  color: #fff;
  border: 0;
}

.settingsProfile form button:hover {
  background-color: #437baa;
}

.settingsProfile form .actions {
  overflow: hidden;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px #4d5666 solid;;
}

.settingsProfile form .actions .success {
  color: #44c508;
  line-height: 36px;
}

.settingsProfile form .error {
  margin-bottom: 16px;
  color: #ee7575;
  font-size: 11px;
}