/* Input */
.amoforms .amoforms__text-input {
  border: 1px solid rgb(212, 213, 216);
  border-radius: 2px;
  background-color: rgb(255, 255, 255);

  padding: 0 10px;
  min-height: 42px;
  width: 100%;
  resize: vertical;
}
.amoforms .amoforms__text-input:not(.amoforms__control-instructions):not(textarea) {
  line-height: 40px;
}
.amoforms .amoforms__control-instructions,
.amoforms textarea.amoforms__text-input {
  display: block;
  padding: 10px;
  min-height: 100px;
}

.amoforms .amoforms__text-input:focus {
  /*border-color: rgb(156, 164, 171);*/
  border: 1px solid #2e9fe3;
  box-shadow: 0px 0px 5px 0px rgba(46, 159, 227, 0.4);
}
.amoforms .amoforms__text-input.error,
.amoforms .amoforms__text-input.error:focus {
  border: 1px solid red;
}
.amoforms .amoforms__text-input.error:focus {
  box-shadow: 0px 0px 5px 0px rgba(255, 0, 0, 0.4);
}
/* end of Input */

/* Radio */
.amoforms .amoforms__checkbox__label,
.amoforms .amoforms__radio__label {
  white-space: nowrap;
}
.amoforms .amoforms__radio {
  width: 17px;
  height: 17px;
  position: relative;
  display: inline-block;
}
.amoforms .amoforms__radio + b {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  margin-left: 9px;
}
.amoforms .amoforms__checkbox input,
.amoforms .amoforms__radio input {
  opacity: 0;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  right: 0;
}
.amoforms .amoforms__radio input + b {
  position: absolute;
  width: 17px;
  height: 17px;
  border: 1px solid #bcbec4;
  border-radius: 17px;
}
.amoforms .amoforms__checkbox input:focus + b,
.amoforms .amoforms__radio input:focus + b {
  border: 1px solid #2e9fe3;
  box-shadow: 0px 0px 5px 0px rgba(46, 159, 227, 0.4);
}
.amoforms .amoforms__radio input:checked + b:before {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  background: #2e9fe3;
  border-radius: 17px;
  top: 3px;
  left: 3px;
}
/* end of Radio */

/* Checkbox */
.amoforms .amoforms__checkbox {
  vertical-align: top;
}
.amoforms .amoforms__checkbox input + b {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  border: 1px solid #bcbec4;
  border-radius: 2px;
}
.amoforms .amoforms__checkbox input:checked + b:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 6px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCIgd2lkdGg9IjgiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDggNiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWx0ZXI6IHVybCgjY29sb3Itb3ZlcmxheS0xKTsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CgogICAgPGZpbHRlciBpZD0iY29sb3Itb3ZlcmxheS0xIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8ZmVGbG9vZCBmbG9vZC1jb2xvcj0iIzMyNDI0ZiIvPgogICAgICA8ZmVDb21wb3NpdGUgb3BlcmF0b3I9ImluIiBpbjI9IlNvdXJjZUdyYXBoaWMiLz4KICAgICAgPGZlQmxlbmQgaW4yPSJTb3VyY2VHcmFwaGljIiByZXN1bHQ9InNvbGlkRmlsbCIvPgogICAgPC9maWx0ZXI+CiAgPC9kZWZzPgogIDxwYXRoIGQ9Ik04LjAwMCwxLjAxMiBMMy4yMzEsNi4wMDUgTDMuMDkxLDUuODU4IEwyLjk1Miw2LjAwNSBMLTAuMDAxLDIuOTEzIEwwLjk2MSwxLjkwNCBMMy4wOTEsNC4xMzQgTDcuMDM3LDAuMDA0IEw4LjAwMCwxLjAxMiBaIiBjbGFzcz0iY2xzLTEiLz4KPC9zdmc+Cg==);
  top: 5px;
  left: 4px;
}
/* end of Checkbox */

/* Heading */
.amoforms .amoforms__heading .amoforms__text-input {
  font-size: 34px;
  line-height: 44px;
  width: 85%;
}
/* end of Heading */

/* Date */
.amoforms .amoforms__date {
  width: 147px;
  position: relative;
}
.amoforms .amoforms__date .amoforms__text-input {
  padding-right: 34px;
}
.amoforms .amoforms__date b {
  content: "";
  pointer-events: none;
  width: 15px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
}
/* end of Date */

/* Button */
.amoforms button.disabled {
  opacity: .5;
}
.amoforms button:not(.disabled):active {
  transform: translateY(1px);
}
.amoforms .amoforms__button-input {
  text-transform: uppercase;
  cursor: pointer;

  border: 1px solid rgb(26, 125, 174);
  border-radius: 2px;
  background-image: -moz-linear-gradient( 90deg, rgb(24,144,204) 0%, rgb(43,162,220) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(24,144,204) 0%, rgb(43,162,220) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(24,144,204) 0%, rgb(43,162,220) 100%);
  box-shadow: 0.5px 0.866px 1px 0px rgba(0, 0, 0, 0.004),inset 0px -1px 0px 0px rgba(255, 255, 255, 0.23);

  font-size: 13px;
  font-weight: bold;
  color: #fff;
  padding: 9px 19px 9px 19px;
}
.amoforms .amoforms__button-input:focus {
  box-shadow: 0px 0px 5px 0px rgba(46, 159, 227, 0.8);
}
/* end of Button */

/* Cancel button */
.amoforms .amoforms__button-input-cancel {
  color: #92989b;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: bold;
  line-height: 38px;
  padding: 0 15px;
  margin-left: 5px;
  cursor: pointer;
}
/* end of Cancel button */

/* Select */
.amoforms .amoforms__select {
  position: relative;
}
.amoforms .amoforms__select:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  right: 0px;
  top: 16px;
  pointer-events: none;
}
.amoforms .amoforms__select__input {
  width: 100%;
  background: #fff;
  height: auto;
  border-radius: 3px;
  color: #2a3640;
}
.amoforms select.amoforms__select__input {
  border: 1px solid rgb(212, 213, 216);
  padding: 0 10px;
  line-height: 40px;
}
/* end of Select */

/* Colorpicker */
.amoforms .amoforms__colorpicker {
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 4px;
  cursor: pointer;

  -webkit-transition: none;
  -o-transition: none;
  transition: none;

  border: 2px solid #f5f5f5;
  box-shadow: 0 0 0 1px #f5f5f5;
}
.amoforms .amoforms__colorpicker:focus {
  border: 2px solid #f5f5f5;
  box-shadow: 0 0 0 1px #2e9fe3; 
}
/* end of Colorpicker */

/* Size btn */
.amoforms .amoforms__size-btn {
  cursor: pointer;
  background: #fafafa;
  color: #2a3640;
  width: 30px;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #d4d5d8;
  vertical-align: middle;
}
.amoforms .amoforms__size-btn-minus {
  font-size: 24px;
  line-height: 24px;
}
.amoforms .amoforms__size-btn-plus {
  font-size: 27px;
  line-height: 27px;
}
/* end of Size btn */

/* Line control */
.amoforms .amoforms__line {
  height: 1px;
  width: 100%;
  background: #9ca4ab;
  margin: 5px 0;
}
/* end of Line control */