#accreditation-logo-generator form { display: table; width: 100%; max-width: 550px; margin-left: auto; margin-right: auto; margin-bottom: 1.5rem; }
#accreditation-logo-generator form .alg-controls { display: table-row; width: inherit; }
#accreditation-logo-generator form .alg-controls .alg-control:first-child { width: 44%; }
#accreditation-logo-generator form .alg-controls .alg-control { display: table-cell; vertical-align: top; text-align: center; width: 28%; padding-left: 10px; padding-right: 10px; }
#accreditation-logo-generator form .alg-controls .alg-control > div { display: inline-block; text-align: left; }
#accreditation-logo-generator form .alg-controls .alg-control > div h4 { color: #0e82a2; font-weight: 300; font-size: 1.2rem; line-height: 1.5rem; margin-bottom: .35em; }
#accreditation-logo-generator form .alg-controls .alg-control > div input { display: inline-block; }
#accreditation-logo-generator form .alg-controls .alg-control > div label { display: inline-block; color: #77797b; font-size: 1rem; line-height: 1.5rem; margin-bottom: .25em; }
#accreditation-logo-generator .alg-button { text-align: center; }
#accreditation-logo-generator .alg-button button, #accreditation-logo-generator .alg-button a { display: inline-block; border-radius: 20px; text-transform: uppercase; text-align: center; font-weight: 400; font-size: 12px; line-height: 1em; padding: 14px 50px 14px 50px; margin-bottom: 1.5rem; box-shadow: none !important; }
#accreditation-logo-generator .alg-button button, #accreditation-logo-generator .alg-button button:hover, #accreditation-logo-generator .alg-button button:active, #accreditation-logo-generator .alg-button button:link, #accreditation-logo-generator .alg-button button:visited, #accreditation-logo-generator .alg-button button:focus, #accreditation-logo-generator .alg-button a, #accreditation-logo-generator .alg-button a:hover, #accreditation-logo-generator .alg-button a:active, #accreditation-logo-generator .alg-button a:link, #accreditation-logo-generator .alg-button a:visited, #accreditation-logo-generator .alg-button a:focus { background-color: #2ebeb0; color: white; border: 0; text-decoration: none; }
#accreditation-logo-generator .alg-button button:disabled, #accreditation-logo-generator .alg-button button:disabled:hover, #accreditation-logo-generator .alg-button button:disabled:active, #accreditation-logo-generator .alg-button button:disabled:link, #accreditation-logo-generator .alg-button button:disabled:visited, #accreditation-logo-generator .alg-button button:disabled:focus { background-color: #808080; }
#accreditation-logo-generator .alg-output-note { text-align: center; color: #808080; }
#accreditation-logo-generator #alg-preview, #accreditation-logo-generator #alg-html { width: 100%; border: 1px solid #6d6e71; margin-bottom: .5em; }
#accreditation-logo-generator #alg-preview { padding: 5px; font-size: 1px; line-height: 1em; }
#accreditation-logo-generator #alg-preview #accreditation-logos { margin-left: auto; margin-right: auto; }
#accreditation-logo-generator #alg-preview #accreditation-logos > div > div { font-size: .75rem; line-height: 1.2rem; text-align: center; }
#accreditation-logo-generator #alg-preview.dark { background-color: #6d6e71; color: white; }
#accreditation-logo-generator #alg-preview.mheight { min-height: 104px; }
#accreditation-logo-generator #alg-html { height: 100px; font-size: 12px; background-color: #f3f3f4; }