﻿*{ border-radius:unset !important;}

body{ background:none;}

html { text-align: center;
     background: url(../images/login-bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.input-group-addon{ background-color:#fff; border-right:1px #fff; }
.input-group{ margin:25px 0;}
#txtUsername,
#txtPassword{ background-color:#ffffffe6 !important; }

#logo { position: relative; margin:15px auto 15px ; padding: 0; max-width:100%; }

.mainbox {
    display: flex;
    flex-flow: column;
    justify-content: center;
    height: 95vh;

    padding: 0;
    margin: 20px auto 10px;
    text-align: center;
    max-width: 396px;
}
.boxContent {
    border: solid 1px #dcdcdc;
    background-color: #ffffffcc;
    padding: 20px 40px;
    border-radius: 20px !important;
}

.row-error { margin: 10px 0 30px 0; font-size:11px; padding: 0; text-align: center;  }
.row-button { margin: 0; padding: 10px 0 30px 0; text-align: center; }

.btn {
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-body: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-display: "Special Gothic Condensed One", Impact, "Arial Narrow", sans-serif;
    --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
    --color-blu: lab(31.068% -1.56002 -31.0467);
    --color-blu-deep: lab(16.0552% -.432268 -24.0511);
    --color-blu-tint: lab(91.8406% -1.66482 -7.26377);
    --color-azzurro-logo: lab(81.4843% -9.44948 -20.9143);
    --color-azzurro-logo-deep: lab(67.5376% -10.8555 -25.4953);
    --color-ambra: lab(63.911% 50.1375 71.8519);
    --color-ambra-deep: lab(47.468% 53.5873 82.2915);
    --color-ambra-tint: lab(94.0166% 10.3498 15.8988);
    --color-verde-tint: lab(93.3731% -7.236 5.00028);
    --color-carta: lab(96.5297% -.986129 -1.98178);
    --color-carta-alta: lab(98.8425% .453144 1.43768);
    --color-inchiostro: lab(14.0729% -.623658 -7.28536);
    --color-inchiostro-quieto: lab(31.4828% -.802249 -7.35492);
    --color-linea: lab(86.0409% -.610828 -4.47587);
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    opacity: 1;
    appearance: button;
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    align-self: flex-start;
    border-radius: 8px;
    border-style: var(--tw-border-style);
    border-width: 1.5px;
    border-color: #0000;
    background-color: var(--color-blu); 
    font-family: var(--font-body);
    font-size: .9375rem;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold); 
    transition-property: background-color, color, transform, box-shadow;
    --tw-duration: .2s;
    transition-duration: .2s;
    --tw-ease: var(--ease-out-expo);
    transition-timing-function: var(--ease-out-expo);


    margin: 0;
    padding: 15px 50px;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.btn:hover{ color:#fff;}

#menuFooter {
    color: #111;
    line-height: 18px;
    font-size: 13px;
}

#menuFooter a {
    color: #244b7a;
}
