.main-form{background:#00488d;border-top:1px solid #00328d;display:inline-block;padding:20px 0 50px;width:100%}.main-form h1,.main-form p{color:#fff;text-align:center}.main-form h1{font-size:20px;margin:10px auto;text-transform:capitalize}.input-group{align-items:center;display:flex;margin:10px auto}.input-group>div{flex-grow:1}.input-group>div:first-child,.input-group>div:first-child input{border-radius:10px 0 0 10px}.input-group>div:last-child{background:inherit;padding:0;width:100%}.input-group>div:last-child input{background:var(--color-bg-box);border-radius:0 10px 10px 0;cursor:copy;padding:15px}.input-group-icon{background:var(--color-bg);color:var(--color-text);font-weight:700;padding:12px;white-space:nowrap}.input-group-button{border:0;color:#fff;cursor:pointer;font-size:smaller;font-weight:700;padding:17px 15px;white-space:nowrap;width:100%}.input-group-area{width:100%}.input-group .input{background:var(--color-bg-box);box-sizing:border-box;font-weight:700;padding:15px 10px;width:100%}.green{background:#2ab135!important}.warning{background:#ffd0d0!important}.main-form h2{color:#fff;font-size:14px;margin-left:10px}.warning::placeholder{color:#a94442;opacity:.3}.warning:-ms-input-placeholder{color:#a94442}.warning::-ms-input-placeholder{color:#a94442}.success{background:#e2ffd7!important}.function{border-radius:8px;border:2px solid #d3d3d321;padding:10px}.main-form small{color:#dddddddb;font-size:80%;margin-left:10px}.function:not(:first-of-type){margin-top:20px}@media screen and (max-width:799px){.input-group{display:grid}.input-group>div:first-child,.input-group>div:first-child input{border-radius:10px 10px 0 0}.input-group>div:last-child,.input-group>div:last-child input{border-radius:0 0 10px 10px}.input-group-button{width:100%}.input-group,.input-group .input{text-align:center}.function{margin:0 auto;width:90%}.main-form h2,.main-form small{margin-left:0}}