/* 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(textarea) { line-height: 40px; } .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); } /* end of Input */ /* Radio */ .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__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__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 */ /* 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: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 */