/*
	Copyright PALLIX Internet Security 2001-2021
	pallix.ca
*/
.mat { background-color: #99c2ff; padding: 10px; width: auto; margin-top: auto; margin-bottom: auto; } .nl { font-size: 21px; font-weight: bold; } #sogi { background-color: #f6f5f4; padding-top: 10px; padding-bottom: 10px; } #logo { font-weight: bold; font-size: large; color: #ffe301; background-color: #1b2f75; padding-top: 6px; padding-bottom: 6px; } #e { font-weight: bold; } #views { color: #008000; padding-bottom: 15px; } .ib { display: inline-block; } div, label, article, select { line-height: 1.5; color: #555753; font-size: 18px; } .biglink{ font-size: 26px; } .linknote{ font-size: 22px; } p{ max-width: 700px; line-height: 1.5; color: #555753; font-size: 20px; font-family: arial; text-align: left; margin-left: auto; margin-right: auto; padding-left: 5px; padding-right: 5px; } .cloud{ padding-top: 13px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; margin-left: auto; margin-right: auto; } a:link, a:visited, a:active { text-decoration: none; color: #0000ee; } a:hover { background-color: #fbec06; text-decoration: none; } body{ font-family: arial; text-align: center; margin: 0px; } .d { background-color: #1b2f75; color: #ffe301; text-decoration: underline; text-align: left; width: auto; padding: 3px 15px; margin-top: 0px; margin-left: auto; margin-right: auto; } .public { border-style: solid; border-color: grey; border-width: 1px; } img { max-width: 100%; } header{ color: #004AAD; padding: 0px 0px; } h3{ color: #004AAD; } select{ font-family: inherit; font-size: 100%; padding: 9px; margin-bottom: 12px; color: white; background-color:#008000; } input { font-family: inherit; font-size: 100%; -webkit-border-radius: 8px; border-radius: 8px; border: 2px solid #008000; padding: 5px 10px; margin: 1px 15px 15px; width: 235px; height: 30px; color: #008000; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus{ border: 3px solid #fbec06; outline: 2px solid red; color: black; } input[type=submit], input[type=reset], button { font-family: inherit; font-size: 100%; -webkit-border-radius: 8px; border-radius: 8px; margin: 0px auto 0px; width: auto; height: 50px; font-weight: bold; color: white; background-color:#008000; padding: 10px; } input[type=submit]:active { box-shadow: inset 5px 5px 3px; } input[type=reset]:active { box-shadow: inset 5px 5px 3px; } input[type=checkbox]{ color: #008000; } .checkcon{ display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .checkcon input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; } .checkcon:hover input ~ .checkmark { background-color: green; } .checkcon input:checked ~ .checkmark { background-color: #008000; color: white; } .checkmark:after { content: ""; position: absolute; display: none; } .checkcon input:checked ~ .checkmark:after { display: block; } .checkcon .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } textarea{ border-radius: 8px; color: #008000; border: 3px solid #008000; font-family: inherit; font-size: 100%; margin: 1px 15px 15px; display: block; padding: 2px; width: 265px; height: 87px; } #scopebox{ margin-left: auto; margin-right: auto; } .tdate{ padding-top: 15px; font-size: medium; margin: auto; } footer { background-color: #e1e1f9; clear: both; padding-bottom: 0px; margin-bottom: auto; } #form_elements { text-align: left; justify-content: left; margin-left: 10px; padding-left: 0px; } .pages { font-size: 12pt; } .phone_numbers { text-align: left; justify-content: left; margin-left: 10px; margin-top: 0px; padding-top: 0px; padding-left: 10px; padding-right: 10px; } .tap_to_call{ position:fixed; bottom: 10px; right:5%; } .g:hover, .g:link, .g:visited, .g:active, .g{ text-decoration: none; background-color: #e1e1f9; color: #e1e1f9; display: none; } .r { color: red; } .updated { font-size: 70%; }