/* Global
--



--------------------------------------------- */


@font-face { font-family: bculight; src: url('../fonts/avantgarde_light.ttf'); }
@font-face { font-family: bcumedium; src: url('../fonts/avantgarde_medium.ttf'); }
@font-face { font-family: bcubook; src: url('../fonts/avantgarde_book.ttf'); }


html                     { min-height: 100vh; }
body                     { min-width: 100vw; margin: 0 auto; text-align: center; font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.0em; scrollbar-gutter: stable both-edges; }


.ui-page                 { background-color: #ffffff !important; }


p                        { margin: 0px auto; text-align: left; padding: 0px; font-family: Verdana, sans-serif; font-size: 1.0em; line-height: 1.2em; font-weight: 400; color: #333333; }
p1                       { margin: 0px auto; text-align: left; padding: 0px; line-height: 1.1em; font-family: Verdana, sans-serif; font-size: 0.9em; font-weight: 300; color: #333333; }
p2                       { margin: 0px auto; text-align: left; padding: 0px; line-height: 1.2em; font-family: Verdana, sans-serif; font-size: 1.1em; font-weight: 300; color: #333333; }
p3                       { margin: 0px auto; text-align: center; padding: 0px; font-family: Verdana, sans-serif; font-size: 0.75em; color: #333333;  }

h1                       { margin: 0px auto; padding: 1.0em; line-height: 1.2em; font-family: Verdana, sans-serif; font-size: 2.0em; font-weight: 700; color: #333333; text-align: center; }
h2                       { margin: 0px auto; padding: 5px; line-height: 1.4em; font-family: Verdana, sans-serif; font-size: 1.2em; font-weight: 400; color: #333333; text-align: center; vertical-align: middle; }
h3                       { margin: 0px auto; padding: 5px; line-height: 1.4em; font-family: Verdana, sans-serif; font-size: 1.2em; font-weight: 700; color: #333333; text-align: center; }

img                      { margin: 0px; padding: 0px; border: 0px; text-align: center; }

a                        { margin: 0px; padding: 0px; }
a.linktext               { font-size: 0.6em; color: #000000; text-decoration: none; }
a.linktext:hover         { opacity: 0.5; text-decoration: underline; }


h1.ui-collapsible-heading a       { text-align: center !important; }


.container               { max-width: 340px; margin: 0 auto; padding: 0; }

.info                    { max-width: 280px; margin: 0 auto; padding: 1.0em; background-color: #fff6f6; border: 0px solid #eeeeee; }
.info p                  { margin: 0 auto; padding: 0.5em; line-height: 1.2em; font-family: Verdana, sans-serif; font-size: 1.1em; font-weight: 300; color: #333333; text-align: center; }
.info p.warning          { color: #ff0000; }
.info p.warning:before   { font-family: "Font Awesome 5 Free"; font-weight: 700 !important; padding-right: 0.5em; content: "\f071"; }
.info p3                 { margin: 1.0em auto; padding: 0; line-height: 1.5em; font-family: Verdana, sans-serif; font-size: 0.8em; font-weight: 300; font-style: italic; color: #333333; }





.pageerrorcontainer      { max-width: 340px; display: flex; flex-direction: column; justify-content: center; margin: 0 auto; padding: 5.0em 0 2.0em 0; }
.pageerrorimg            {  }
.pageerror               { font-size: 10.0em; font-weight: 700; margin: 1.0em 0; color: #333333; }
.pageerrortext           { font-size: 1.3em; line-height: 1.4em; margin: 1.0em 0; text-align: center !important; }
.pageerrortext a         { font-size: 1.1em; font-weight: 700; text-decoration: none; color: #003399; }
.pageerrortext a:hover   { color: #ff9900; }





.resultssearch                   { max-width: 300px; margin: 0 auto 3.0em auto; display: flex; flex-direction: column; justify-content: center; }
input[type='text'].searchtext    { padding: 0.2em; object-fit: fill; }











::-webkit-input-placeholder,
::placeholder                { margin: 0px auto; text-align: center; padding: 0px; font-family: Verdana, sans-serif; font-size: 10pt; color: #999; text-align: left; }




input.notallowed      { cursor: not-allowed !important; }