.sweet-alert .icon.input {
  border-color: #46b8da;
}
.sweet-alert .icon.input::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #5bc0de;
}
.sweet-alert .icon.input::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 50%;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #5bc0de;
}

.sweet-alert .btn-input:focus {
  border-color: #46b8da;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
}

.btn-input {
    color: #ffffff;
    background-color: #00bcd4;
    border-color: transparent;
}

.sweet-alert-input-div {
    display: none;
}
.sweet-alert-input-div div{display: inline}

.sweet-alert.warning .icon.input {border-color: #eea236;}
.sweet-alert.warning .icon.input::before, .sweet-alert.warning .icon.input::after {background-color: #f0ad4e;}
.sweet-alert.warning .btn-input, .sweet-alert.warning .btn-input:hover {background-color: #ff9800; color: #ffffff;}
.sweet-alert.warning .btn-input:focus {
  border-color: #eea236;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
}