:root {
    --as-font-size: 0.875rem;
    --as-font-size-sm: 0.875rem;
    --as-font-size-lg: 1.1rem;
}
* { 
    padding: 0;
    margin: 0;
}
body {
    font-family: 'Inter', sans-serif;
    font-size: var(--as-font-size);
}
html {  
  background: #FFFFFF; /* Old browsers */
  background: -moz-linear-gradient(top,  #EDEDED 0%, #FFFFFF 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#EDEDED), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */ 
  background: -webkit-linear-gradient(top,  #EDEDED 0%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #EDEDED 0%,#FFFFFF 100%); /* Opera 11.10+ */
  background: linear-gradient(#EDEDED,#FFFFFF); /* W3C */ 
  background-attachment: fixed;
}
button, input { border-radius: 4px; border:1px solid #777; font-size: var(--as-font-size); }
.fs-lg {
    font-size: var(--as-font-size-lg);
}
.outer {
    text-align: center;
    position: relative;
}
.inner {
    margin: 5rem auto 0px auto;
    background-color: #fefefe;
    width: 355px;
    box-shadow: 10px 10px 5px #888888;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    border-radius: 4px;
    padding-bottom: 1.5rem;
}
.innertextcontainer {
    min-height: 450px;
}
p {
    font-size: small;
    right: 20px;
    margin-top: 5px;
}
h1 {
    color: #444444;
}
.tbLogin {
    width: 200px;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    background-color: #f5f5f5;
}
.btnSubmit {
    width: 100px;
    margin-top: 10px;
    margin-bottom: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px;
    -webkit-appearance: none;
    background-color: #FC500F;
    border-color: #FC500F;
    color: #fff;
    cursor: pointer;
}

.invalid, .hidden {
    display:block;
    margin-top:-3px;
}
.invalid {
    color:Red;
}
.hidden {
    visibility:hidden;
}
a {
    color: #333;
}
.topcontainer {
    height: 50px;
    text-align: left;
}
.languageselectioncontainer{
    text-align:right;
    margin-right:4em;
}
.authenticationcontainer {
    margin-top: 40px;
}
.footer {
    font-size: var(--as-font-size-sm);
    text-align: left;
    margin-left: 20px;
    margin-top:5px;
    position:relative;
}
.footer a 
{
   display: inline-block;
}
.footerinnerholder
{
    width: 40%;
    display: inline-block;
    vertical-align: top;
}
.logoholder.pushdown {
    margin-top: 50px;
}
.logoholder {
    max-width: 190px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
}
img#anysys_site_logo {
    width: 100%;
}
.spinner-grow,
.spinner-border {
    display: inline-block;
    flex-shrink: 0;
    width: var(--bs-spinner-width);
    height: var(--bs-spinner-height);
    vertical-align: var(--bs-spinner-vertical-align);
    border-radius: 50%;
    animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg) /* rtl:ignore */;
    }
}

.spinner-border {
    --bs-spinner-width: 2rem;
    --bs-spinner-height: 2rem;
    --bs-spinner-vertical-align: -0.125em;
    --bs-spinner-border-width: 0.25em;
    --bs-spinner-animation-speed: 0.75s;
    --bs-spinner-animation-name: spinner-border;
    border: var(--bs-spinner-border-width) solid currentcolor;
    border-right-color: transparent;
}

.spinner-border-sm {
    --bs-spinner-width: 1rem;
    --bs-spinner-height: 1rem;
    --bs-spinner-border-width: 0.2em;
}
.login-modal-spinner-container {
    background-color: transparent;
    position: absolute;
    top: calc(50% - 2rem);
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
}

.login-modal-spinner-inner {
    position: absolute;
    left: 0;
    right: 0;
    width: fit-content;
    height: fit-content;
    top: 0;
    bottom: 0;
    margin-top: 0;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}

.login-modal-spinner {
    color: #333;
    width: 3rem;
    height: 3rem;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
    position: absolute !important;
}

.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
    overflow: hidden !important;
}
@keyframes spinner-grow {
    0% {
        transform: scale(0);
    }

    50% {
        opacity: 1;
        transform: none;
    }
}
@media screen and (max-width: 480px) {
    :root {
        --as-font-size: 1rem;
        --as-font-size-sm: 0.875rem;
    }
    .inner {
        margin-top:2rem;
    }
}