body {
  font-family: GE Inspira, Helvetica, serif;
  color: #404040;
  --header-height: 6vw;
  --footer-height: 3vw;
  --ge_color: #6400a0;
  --ge_text: #fff;
  accent-color: var(--ge_color);
}
body input, body select, body textarea {
  color: var(--ge_color);
}
body > .page {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: var(--header-height) calc(100vh - var(--footer-height) - var(--header-height)) var(--footer-height);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
body > .page > .header {
  grid-column: 1;
  grid-row: 1;
  border-bottom: 1px solid #ddd;
  display: grid;
  grid-template-columns: 5vw 1fr auto;
  grid-template-rows: 100%;
  grid-gap: 2vw;
}
body > .page > .header > .logo {
  grid-column: 1;
  grid-row: 1/4;
  padding-left: 1vw;
}
body > .page > .header > .logo .image {
  position: relative;
  top: 0.5vw;
  object-fit: cover;
  height: calc(var(--header-height) - 1vw);
}
body > .page > .header > .title {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto auto 1fr;
  color: var(--ge_color);
}
body > .page > .header > .title > .title {
  grid-column: 1;
  grid-row: 2;
  font-size: 3vw;
  font-weight: bold;
}
body > .page > .header > .title > .subTitle {
  grid-column: 1;
  grid-row: 3;
  font-size: 1.2vw;
  font-weight: bold;
}
body > .page > .header > .title > .subTitle > .version {
  font-size: 0.8vw;
  font-weight: normal;
}
body > .page > .header > .language {
  grid-column: 3;
  grid-row: 1;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: 1fr auto 1fr;
  grid-gap: 0.5vw;
  padding-right: 1vw;
}
body > .page > .header > .language > .select {
  grid-column: 1;
  grid-row: 2;
}
body > .page > .header > .language > .select select {
  background-color: white;
  font-size: 1vw;
  font-weight: normal;
  height: 2vw;
  border: 0.01vw solid #999;
}
body > .page > .header > .language > .logout {
  grid-column: 2;
  grid-row: 2;
}
body > .page > .header > .language > .logout .image {
  object-fit: cover;
  height: 2vw;
  vertical-align: middle;
  filter: brightness(1.5);
}
body > .page > .header > .language > .logout .image:hover {
  filter: brightness(0.5);
}
body > .page > .header > .language > .logout .image:active {
  filter: brightness(1);
}
body > .page > .header > .language > .logout .logoutImageDisabled {
  object-fit: cover;
  height: 2vw;
  vertical-align: middle;
  opacity: 0.3;
}
body > .page > .content {
  grid-column: 1;
  grid-row: 2;
  padding: 1vw 1vw 1vw 1vw;
  overflow-y: auto;
}
body > .page > .footer {
  grid-column: 1;
  grid-row: 3;
  background: var(--ge_color);
  bottom: 0;
  left: 0;
  right: 0;
  height: var(--footer-height);
  line-height: var(--footer-height);
  display: grid;
  grid-template-columns: auto 1fr auto auto auto auto;
  grid-template-rows: 100%;
  grid-gap: 2vw;
}
body > .page > .footer > .copyright {
  grid-column: 1;
  grid-row: 1;
  line-height: var(--footer-height);
  font-size: 1vw;
  text-transform: capitalize;
  color: #fff;
  padding-left: 1vw;
}
body > .page > .footer > .contact {
  grid-column: 2;
  grid-row: 1;
  line-height: var(--footer-height);
  font-size: 1.5vw;
  color: #fff;
  text-align: center;
}
body > .page > .footer > .privacy {
  grid-column: 3;
  grid-row: 1;
  line-height: var(--footer-height);
  font-size: 1vw;
  color: #fff;
}
body > .page > .footer > .terms {
  grid-column: 4;
  grid-row: 1;
  line-height: var(--footer-height);
  font-size: 1vw;
  color: #fff;
}
body > .page > .footer > .security {
  grid-column: 5;
  grid-row: 1;
  line-height: var(--footer-height);
  font-size: 1vw;
  color: #fff;
  padding-right: 1vw;
}
body > .page > .footer > .logo {
  grid-column: 6;
  grid-row: 1;
  padding-right: 1vw;
}
body > .page > .footer > .logo > .footerImage {
  position: relative;
  top: 0.25vw;
  height: calc(var(--footer-height) - 0.5vw);
  line-height: calc(var(--footer-height) - 0.5vw);
}
body > .page > .footer .footer-link {
  color: #fff;
  text-decoration: none;
  transition: color 0.35s, background 0.35s;
}
body > .page > .footer .footer-link:hover {
  color: #a100ff;
}

/*
.header
{
    .logoutImage {
        object-fit: cover;
        height: 2vw;
        vertical-align: middle;
        filter: brightness(1.5);
    }
    .logoutImage:hover
    {
        filter: brightness(0.5);
    }
    .logoutImage:active
    {
        filter: brightness(1);
    }
    .logoutImageDisabled
    {
        object-fit: cover;
        height: 2vw;
        vertical-align: middle;
        opacity: 0.3;
    }
    .title {
        position: absolute;
        left: 7vw;
        top: 0;
        font-size: 3vw;
        font-weight: bold;
        right: 0;
        height: 4.25vw;
        line-height: 4vw;
    }
    .subTitle {
        position: absolute;
        left: 7vw;
        top: 4.25vw;
        font-size: 1.2vw;
        font-weight: bold;
        right: 0;
        height: 2vw;
        line-height: 1vw;
    }
    .version
    {
        font-size: 0.8vw;
    }
    .language
    {
        position: absolute;
        right: 1vw;
        top: 0;
        font-size: 1.5vw;
        font-weight: normal;
        height: 4.25vw;
        line-height: 4vw;
        text-align: right;

        select
        {
            background-color: white;
            font-size: 1vw;
            font-weight: normal;
            height: 2vw;
            border: 0.01vw solid #999;
        }
    }
}
.content {
    &.base {
        position: absolute;
        left: 1vw;
        top: 8vw;
        right: 1vw;
        bottom: 6vw;
        overflow-y: auto;
    }
    .alert
    {
        position: absolute;
        width: 96%;
        height: 90%;
        top: 5%;
        left: 2%;

        line-height: 3vw;
        text-align: left;
        font-weight: bold;
        font-size: 1.5vw;
        z-index: 1;
        display: none;
        background-color: white;
    }
}

.footer {


    &.base {
        position: absolute;
        background: #162941;
        bottom: 0;
        left: 0;
        right: 0;
        height: var(--footer-height);
        line-height: var(--footer-height);

        display: grid;
        grid-template-columns: auto 1fr auto auto auto auto;
        grid-template-rows: 100%;
        grid-gap: 2vw;

        >.copyright
        {
            grid-column: 1;
            grid-row: 1;

            line-height: var(--footer-height);
            font-size: 1vw;
            text-transform: capitalize;
            color: #fff;
            padding-left: 1vw;
        }

        >.contact {
            grid-column: 2;
            grid-row: 1;

            line-height: var(--footer-height);
            font-size: 1.5vw;
            color: #fff;

            text-align: center;
        }

        >.privacy {
            grid-column: 3;
            grid-row: 1;

            line-height: var(--footer-height);
            font-size: 1vw;
            color: #fff;
        }

        >.terms {
            grid-column: 4;
            grid-row: 1;

            line-height: var(--footer-height);
            font-size: 1vw;
            color: #fff;
        }

        >.security {
            grid-column: 5;
            grid-row: 1;

            line-height: var(--footer-height);
            font-size: 1vw;
            color: #fff;
            padding-right: 1vw;
        }

        >.logo {
            grid-column: 6;
            grid-row: 1;

            padding-right: 1vw;

            > .footerImage {
                position: relative;
                top: 0.25vw;
                height: calc(var(--footer-height) - 0.5vw);
                line-height: calc(var(--footer-height) - 0.5vw);
            }
        }

        .footer-link {
            color: #fff;
            text-decoration: none;
            transition: color .35s, background .35s;
        }

        .footer-link:hover {
            color: #a100ff;
        }
    }
}

 */

/*# sourceMappingURL=page.css.map */