/* 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; } /* 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; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb25zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE1IDE2LjEiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDE2LjEiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHJlY3QgeD0iNSIgeT0iNi4xIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iOCIgeT0iNi4xIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iMTEiIHk9IjYuMSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjIiIHk9IjkuMSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjUiIHk9IjkuMSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjgiIHk9IjkuMSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjExIiB5PSI5LjEiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCgk8cmVjdCB4PSIyIiB5PSIxMi4xIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iNSIgeT0iMTIuMSIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjgiIHk9IjEyLjEiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCgk8cGF0aCBkPSJNMTMsMi4xVjAuNmMwLTAuMy0wLjItMC41LTAuNS0wLjVoLTJjLTAuMywwLTAuNSwwLjItMC41LDAuNXYxLjVINVYwLjZjMC0wLjMtMC4yLTAuNS0wLjUtMC41aC0yQzIuMiwwLjEsMiwwLjMsMiwwLjZ2MS41DQoJCUgwdjE0aDE1di0xNEgxM3ogTTExLDEuMWgxdjJoLTFWMS4xeiBNMywxLjFoMXYySDNWMS4xeiBNMTQsMTUuMUgxdi0xMGgxM1YxNS4xeiIvPg0KPC9nPg0KPC9zdmc+DQo=); width: 15px; height: 16px; position: absolute; right: 10px; top: 12px; } .amoforms .amoforms__date .amoforms__text-input:focus + b { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Ikljb25zIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE1IDE2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAxNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cmVjdCB4PSI1IiB5PSI2IiBmaWxsPSIjMzI5REQ4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iOCIgeT0iNiIgZmlsbD0iIzMyOUREOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjExIiB5PSI2IiBmaWxsPSIjMzI5REQ4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iMiIgeT0iOSIgZmlsbD0iIzMyOUREOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjUiIHk9IjkiIGZpbGw9IiMzMjlERDgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCgk8cmVjdCB4PSI4IiB5PSI5IiBmaWxsPSIjMzI5REQ4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iMTEiIHk9IjkiIGZpbGw9IiMzMjlERDgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCgk8cmVjdCB4PSIyIiB5PSIxMiIgZmlsbD0iIzMyOUREOCIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPg0KCTxyZWN0IHg9IjUiIHk9IjEyIiBmaWxsPSIjMzI5REQ4IiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+DQoJPHJlY3QgeD0iOCIgeT0iMTIiIGZpbGw9IiMzMjlERDgiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz4NCgk8cGF0aCBmaWxsPSIjMzI5REQ4IiBkPSJNMTMsMlYwLjVDMTMsMC4yLDEyLjgsMCwxMi41LDBoLTJDMTAuMiwwLDEwLDAuMiwxMCwwLjVWMkg1VjAuNUM1LDAuMiw0LjgsMCw0LjUsMGgtMkMyLjIsMCwyLDAuMiwyLDAuNVYyDQoJCUgwdjE0aDE1VjJIMTN6IE0xMSwxaDF2MmgtMVYxeiBNMywxaDF2MkgzVjF6IE0xNCwxNUgxVjVoMTNWMTV6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==); } /* 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__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 */