@charset "utf-8";

/*
Hive Layout Framework
Copyright (c) 2008-2024 Hive Solutions Lda.

This file is part of Hive Layout Framework.

Hive Layout Framework is free software: you can redistribute it and/or modify
it under the terms of the Apache License as published by the Apache
Foundation, either version 2.0 of the License, or (at your option) any
later version.

Hive Layout Framework is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
Apache License for more details.

You should have received a copy of the Apache License along with
Hive Layout Framework. If not, see <http://www.apache.org/licenses/>.
*/

/*
__author__    = João Magalhães <joamag@hive.pt>
__copyright__ = Copyright (c) 2008-2024 Hive Solutions Lda.
__license__   = Apache License, Version 2.0
*/

@import url(extra/animations.css);

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: local("Open Sans Light"), local("OpenSans-Light"), url(../fonts/OpenSans-Light.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: local("Open Sans"), local("OpenSans"), url(../fonts/OpenSans-Regular.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: local("Open Sans Semi-Bold"), local("OpenSans-Semibold"), url(../fonts/OpenSans-Semibold.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../fonts/OpenSans-Bold.ttf);
    font-display: swap;
}

@font-face {
    font-family: "Heuristica";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Heuristica-Regular.otf);
    font-display: swap;
}

body {
    color: #000000;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 100%;
    font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -khtml-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    line-height: 12px;
    margin: 0px 0px 0px 0px;
    max-width: 480px;
    overflow-y: scroll;
    padding: 60px 60px 20px 60px;
    text-align: left;
}

body.tablet-s {
    padding: 40px 40px 20px 40px;
}

body.mobile-s {
    padding: 20px 20px 20px 20px;
}

body.narrow {
    max-width: 620px;
}

body.simplified {
    animation: fade-into 0.75s ease-in-out;
    -o-animation: fade-into 0.75s ease-in-out;
    -ms-animation: fade-into 0.75s ease-in-out;
    -moz-animation: fade-into 0.75s ease-in-out;
    -khtml-animation: fade-into 0.75s ease-in-out;
    -webkit-animation: fade-into 0.75s ease-in-out;
    color: #4d4d4d;
    font-family: "Heuristica", Georgia, serif;
    overflow-y: auto;
}

body.wide {
    max-width: 820px;
}

body.ultra-wide {
    max-width: 1020px;
}

body.center {
    margin: 0px auto 0px auto;
}

h1 {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 36px;
    margin: 24px 0px 24px 0px;
}

h2 {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 28px;
    margin: 18px 0px 18px 0px;
}

h3 {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 17px;
    font-weight: 500;
    line-height: 20px;
    margin: 17px 0px 17px 0px;
}

h4 {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 17px;
    margin: 19px 0px 19px 0px;
}

p {
    font-size: 14px;
    line-height: 22px;
    margin: 12px 0px 12px 0px;
    word-break: break-word;
}

body.simplified p {
    line-height: 26px;
    margin: 32px 0px 32px 0px;
}

p.highlight {
    border: 1px solid #e9ecef;
    border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    -ms-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    padding: 10px 14px 10px 14px;
}

dl {
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 34px;
    margin: 32px 0px 32px 0px;
}

dl > dt {
    color: #8d8d8d;
    float: left;
    min-width: 120px;
}

dl > dd {
    display: table-cell;
}

form {
    margin-bottom: 32px;
    text-align: center;
}

form dl > dt {
    color: #5d5d5d;
    font-size: 16px;
    margin-bottom: 4px;
    margin-top: 16px;
    min-width: auto;
}

form dl > dt:first-child {
    margin-top: 0px;
}

form dl > dd {
    display: block;
    line-height: 0px;
    margin-left: 0px;
}

form .button {
    margin: 0px 8px 0px 8px;
}

section > *:last-child {
    margin-bottom: 32px;
}

section:after {
    background-color: #e9ecef;
    bottom: 0px;
    content: "";
    display: block;
    height: 1px;
    width: 60px;
}

a {
    color: #4078c0;
    text-decoration: none;
    transition: color 0.25s;
    -o-transition: color 0.25s;
    -ms-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -khtml-transition: color 0.25s;
    -webkit-transition: color 0.25s;
}

a:hover,
a.hover {
    text-decoration: underline;
}

body.simplified a {
    color: #4d4d4d;
}

body.simplified a:hover,
body.simplified a.hover {
    color: #4078c0;
    text-decoration: none;
}

a:hover img,
a.hover img {
    text-decoration: none;
}

img {
    max-width: 100%;
}

img.avatar {
    border-radius: 50px 50px 50px 50px;
    -o-border-radius: 50px 50px 50px 50px;
    -ms-border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -khtml-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
    height: 100px;
    width: 100px;
}

img.logo {
    height: 64px;
}

img.logo.logo-large {
    height: 96px;
}

a.strong,
span.strong {
    background-color: #dbe9f4;
    padding: 2px 4px 2px 4px;
}

a.strong.blue,
span.strong.blue {
    background-color: #dbe9f4;
}

a.strong.beige,
span.strong.beige {
    background-color: #f8ebdb;
}

span.weak {
    color: #8d8d8d;
    font-weight: 500;
}

a span {
    transition: color 0.25s;
    -o-transition: color 0.25s;
    -ms-transition: color 0.25s;
    -moz-transition: color 0.25s;
    -khtml-transition: color 0.25s;
    -webkit-transition: color 0.25s;
}

a:hover span.weak,
a.hover span.weak {
    color: #4d4d4d;
}

body b,
body strong {
    font-weight: 600;
}

body.simplified b,
body.simplified strong {
    font-weight: bold;
}

ul,
ol {
    padding: 0px 0px 0px 18px;
}

ul ul,
ol ol,
ul ul ul,
ol ol ol {
    padding-left: 10px;
}

ul li,
ol li {
    font-size: 14px;
    line-height: 22px;
    margin: 8px 0px 8px 0px;
}

ul li.separator,
ol li.separator {
    border-bottom: 1px solid #dddddd;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: block;
    font-size: 14px;
    line-height: 22px;
    overflow: auto;
    width: 100%;
    word-break: normal;
}

table tr {
    border-top: 1px solid #c6cbd1;
}

table td,
table th {
    border: 1px solid #dfe2e5;
    padding: 6px 13px 6px 13px;
}

table th {
    font-weight: 600;
    text-align: center;
}

table td {
    text-align: left;
}

table tr:nth-child(2n) {
    background-color: #f6f8fa;
}

code {
    background-color: #f6f8fa;
    border: 1px solid #e6e6e6;
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
}

:not(pre) > code[class*="language-"] {
    padding: 0px 6px 0px 6px;
}

pre {
    background-color: #f6f8fa;
    border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    -ms-border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 3px #aaaaaa;
    -o-box-shadow: 1px 1px 3px #aaaaaa;
    -ms-box-shadow: 1px 1px 3px #aaaaaa;
    -moz-box-shadow: 1px 1px 3px #aaaaaa;
    -khtml-box-shadow: 1px 1px 3px #aaaaaa;
    -webkit-box-shadow: 1px 1px 3px #aaaaaa;
    font-size: 13px;
    line-height: 19px;
}

input[type=url],
input[type=tel],
input[type=date],
input[type=file],
input[type=text],
input[type=week],
input[type=email],
input[type=number] {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 3px #cccccc;
    -o-box-shadow: 1px 1px 3px #cccccc;
    -ms-box-shadow: 1px 1px 3px #cccccc;
    -moz-box-shadow: 1px 1px 3px #cccccc;
    -khtml-box-shadow: 1px 1px 3px #cccccc;
    -webkit-box-shadow: 1px 1px 3px #cccccc;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 500;
    min-height: 44px;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
    padding: 8px 12px 8px 12px;
    transition: box-shadow 0.15s ease-out;
    -o-transition: box-shadow 0.15s ease-out;
    -ms-transition: box-shadow 0.15s ease-out;
    -moz-transition: box-shadow 0.15s ease-out;
    -khtml-transition: box-shadow 0.15s ease-out;
    -webkit-transition: box-shadow 0.15s ease-out;
    width: 100%;
}

input[type=url]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=file]:focus,
input[type=text]:focus,
input[type=week]:focus,
input[type=email]:focus,
input[type=number]:focus {
    box-shadow: 1px 1px 3px #6d6d6d;
    -o-box-shadow: 1px 1px 3px #6d6d6d;
    -ms-box-shadow: 1px 1px 3px #6d6d6d;
    -moz-box-shadow: 1px 1px 3px #6d6d6d;
    -khtml-box-shadow: 1px 1px 3px #6d6d6d;
    -webkit-box-shadow: 1px 1px 3px #6d6d6d;
}

input[type=url]:disabled,
input[type=tel]:disabled,
input[type=date]:disabled,
input[type=file]:disabled,
input[type=text]:disabled,
input[type=week]:disabled,
input[type=email]:disabled,
input[type=number]:disabled {
    color: #545454;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
}

input[type=url]:read-only,
input[type=tel]:read-only,
input[type=date]:read-only,
input[type=text]:read-only,
input[type=week]:read-only,
input[type=email]:read-only,
input[type=number]:read-only {
    color: #545454;
    opacity: 0.6;
    -o-opacity: 0.6;
    -ms-opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    -webkit-opacity: 0.6;
    pointer-events: none;
}

input[type=url].invalid,
input[type=tel].invalid,
input[type=date].invalid,
input[type=file].invalid,
input[type=text].invalid,
input[type=week].invalid,
input[type=email].invalid,
input[type=number].invalid {
    border-color: #d3503f;
}

input[type=text].grow {
    background-color: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #2d2d2d;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 500;
    min-height: 32px;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
    padding: 2px 14px 2px 14px;
    transition: width 0.15s ease-out, border-color 0.15s ease-out;
    -o-transition: width 0.15s ease-out, border-color 0.15s ease-out;
    -ms-transition: width 0.15s ease-out, border-color 0.15s ease-out;
    -moz-transition: width 0.15s ease-out, border-color 0.15s ease-out;
    -khtml-transition: width 0.15s ease-out, border-color 0.15s ease-out;
    -webkit-transition: width 0.15s ease-out, border-color 0.15s ease-out;
    width: 220px;
}

input[type=text].grow:focus,
input[type=text].grow.focus {
    border-color: #e2e2e2;
    box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    width: 320px;
}

textarea {
    background-color: #f2f2f2;
    border: 2px solid #f2f2f2;
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 3px #cccccc;
    -o-box-shadow: 1px 1px 3px #cccccc;
    -ms-box-shadow: 1px 1px 3px #cccccc;
    -moz-box-shadow: 1px 1px 3px #cccccc;
    -khtml-box-shadow: 1px 1px 3px #cccccc;
    -webkit-box-shadow: 1px 1px 3px #cccccc;
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    min-height: 180px;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
    padding: 8px 12px 8px 12px;
    transition: box-shadow 0.15s ease-out;
    -o-transition: box-shadow 0.15s ease-out;
    -ms-transition: box-shadow 0.15s ease-out;
    -moz-transition: box-shadow 0.15s ease-out;
    -khtml-transition: box-shadow 0.15s ease-out;
    -webkit-transition: box-shadow 0.15s ease-out;
    width: 100%;
}

textarea:focus {
    box-shadow: 1px 1px 3px #6d6d6d;
    -o-box-shadow: 1px 1px 3px #6d6d6d;
    -ms-box-shadow: 1px 1px 3px #6d6d6d;
    -moz-box-shadow: 1px 1px 3px #6d6d6d;
    -khtml-box-shadow: 1px 1px 3px #6d6d6d;
    -webkit-box-shadow: 1px 1px 3px #6d6d6d;
}

textarea.invalid {
    border-color: #d3503f;
}

.input-container {
    display: inline-block;
    text-align: left;
    width: 100%;
}

.input-container label {
    cursor: pointer;
    font-size: 15px;
    margin-right: 12px;
    padding-left: 3px;
}

.error-description {
    color: #d3503f;
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0px 0px 0px;
    text-align: left;
    text-transform: capitalize;
}

.button-float,
.window .button {
    background-color: #ffffff;
    border: none;
    border-radius: 45px 45px 45px 45px;
    -o-border-radius: 45px 45px 45px 45px;
    -ms-border-radius: 45px 45px 45px 45px;
    -moz-border-radius: 45px 45px 45px 45px;
    -khtml-border-radius: 45px 45px 45px 45px;
    -webkit-border-radius: 45px 45px 45px 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    color: #7f7f7d;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
    font-weight: 500;
    height: 45px;
    letter-spacing: 2.5px;
    line-height: 45px;
    outline: none;
    -o-outline: none;
    -ms-outline: none;
    -moz-outline: none;
    -khtml-outline: none;
    -webkit-outline: none;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -khtml-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    width: 140px;
}

body.simplified .button-float {
    color: #7f7f7d;
}

.button-float:hover,
.button-float.hover,
.window .button:hover,
.window .button.hover {
    background-color: #7f7f7d;
    box-shadow: 0px 15px 20px rgba(127, 127, 125, 0.4);
    -o-box-shadow: 0px 15px 20px rgba(127, 127, 125, 0.4);
    -ms-box-shadow: 0px 15px 20px rgba(127, 127, 125, 0.4);
    -moz-box-shadow: 0px 15px 20px rgba(127, 127, 125, 0.4);
    -khtml-box-shadow: 0px 15px 20px rgba(127, 127, 125, 0.4);
    -webkit-box-shadow: 0px 15px 20px rgba(127, 127, 125, 0.4);
    color: #ffffff;
    padding-bottom: 0px;
    text-decoration: none;
    transform: translateY(-2px);
    -o-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    -khtml-transform: translateY(-2px);
    -webkit-transform: translateY(-2px);
}

.button-float.click:hover,
.button-float.click.hover,
.window .button.click:hover,
.window .button.click.hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.4);
    transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -khtml-transform: translateY(0px);
    -webkit-transform: translateY(0px);
}

body.simplified .button-float:hover,
body.simplified .button-float.hover {
    color: #ffffff;
}

.button-float.button-float-blue,
.window .button.button-confirm {
    color: #6bbab5;
}

.button-float.button-float-blue:hover,
.button-float.button-float-blue.hover,
.window .button.button-confirm:hover,
.window .button.button-confirm.hover {
    background-color: #6bbab5;
    box-shadow: 0px 15px 20px rgba(107, 186, 181, 0.4);
    -o-box-shadow: 0px 15px 20px rgba(107, 186, 181, 0.4);
    -ms-box-shadow: 0px 15px 20px rgba(107, 186, 181, 0.4);
    -moz-box-shadow: 0px 15px 20px rgba(107, 186, 181, 0.4);
    -khtml-box-shadow: 0px 15px 20px rgba(107, 186, 181, 0.4);
    -webkit-box-shadow: 0px 15px 20px rgba(107, 186, 181, 0.4);
    color: #ffffff;
}

.button-float.button-float-blue.click:hover,
.button-float.button-float-blue.click.hover,
.window .button.button-confirm.click:hover,
.window .button.button-confirm.click.hover {
    box-shadow: 0px 8px 25px rgba(107, 186, 181, 0.4);
    -o-box-shadow: 0px 8px 25px rgba(107, 186, 181, 0.4);
    -ms-box-shadow: 0px 8px 25px rgba(107, 186, 181, 0.4);
    -moz-box-shadow: 0px 8px 25px rgba(107, 186, 181, 0.4);
    -khtml-box-shadow: 0px 8px 25px rgba(107, 186, 181, 0.4);
    -webkit-box-shadow: 0px 8px 25px rgba(107, 186, 181, 0.4);
}

.button-float.button-float-green {
    color: #00cc98;
}

.button-float.button-float-green:hover,
.button-float.button-float-green.hover {
    background-color: #00cc98;
    box-shadow: 0px 15px 20px rgba(0, 204, 152, 0.4);
    -o-box-shadow: 0px 15px 20px rgba(0, 204, 152, 0.4);
    -ms-box-shadow: 0px 15px 20px rgba(0, 204, 152, 0.4);
    -moz-box-shadow: 0px 15px 20px rgba(0, 204, 152, 0.4);
    -khtml-box-shadow: 0px 15px 20px rgba(0, 204, 152, 0.4);
    -webkit-box-shadow: 0px 15px 20px rgba(0, 204, 152, 0.4);
    color: #ffffff;
}

.button-float.button-float-green.click:hover,
.button-float.button-float-green.click.hover {
    box-shadow: 0px 8px 25px rgba(0, 204, 152, 0.4);
    -o-box-shadow: 0px 8px 25px rgba(0, 204, 152, 0.4);
    -ms-box-shadow: 0px 8px 25px rgba(0, 204, 152, 0.4);
    -moz-box-shadow: 0px 8px 25px rgba(0, 204, 152, 0.4);
    -khtml-box-shadow: 0px 8px 25px rgba(0, 204, 152, 0.4);
    -webkit-box-shadow: 0px 8px 25px rgba(0, 204, 152, 0.4);
}

.button-float.button-float-red,
.window .button.button-cancel {
    color: #c9463d;
}

.button-float.button-float-red:hover,
.button-float.button-float-red.hover,
.window .button.button-cancel:hover,
.window .button.button-cancel.hover {
    background-color: #c9463d;
    box-shadow: 0px 15px 20px rgba(201, 70, 61, 0.4);
    -o-box-shadow: 0px 15px 20px rgba(201, 70, 61, 0.4);
    -ms-box-shadow: 0px 15px 20px rgba(201, 70, 61, 0.4);
    -moz-box-shadow: 0px 15px 20px rgba(201, 70, 61, 0.4);
    -khtml-box-shadow: 0px 15px 20px rgba(201, 70, 61, 0.4);
    -webkit-box-shadow: 0px 15px 20px rgba(201, 70, 61, 0.4);
    color: #ffffff;
}

.button-float.button-float-red.click:hover,
.button-float.button-float-red.click.hover,
.window .button.button-cancel.click:hover,
.window .button.button-cancel.click.hover {
    box-shadow: 0px 8px 25px rgba(201, 70, 61, 0.4);
    -o-box-shadow: 0px 8px 25px rgba(201, 70, 61, 0.4);
    -ms-box-shadow: 0px 8px 25px rgba(201, 70, 61, 0.4);
    -moz-box-shadow: 0px 8px 25px rgba(201, 70, 61, 0.4);
    -khtml-box-shadow: 0px 8px 25px rgba(201, 70, 61, 0.4);
    -webkit-box-shadow: 0px 8px 25px rgba(201, 70, 61, 0.4);
}

.button-float.button-float-small {
    height: 38px;
    line-height: 38px;
}

.button-float.button-float-tiny,
.window .button {
    font-size: 10px;
    height: 32px;
    letter-spacing: 2px;
    line-height: 32px;
    width: 120px;
}

.drop-down-container {
    display: inline-block;
    position: relative;
}

.drop-down-container > ul.drop-down {
    animation: fade-into-drop 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-into-drop 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-into-drop 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-into-drop 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-into-drop 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-into-drop 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    background-color: #ffffff;
    border-radius: 6px 6px 6px 6px;
    -o-border-radius: 6px 6px 6px 6px;
    -ms-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    box-shadow: 1px 1px 3px #bbbbbb;
    -o-box-shadow: 1px 1px 3px #bbbbbb;
    -ms-box-shadow: 1px 1px 3px #bbbbbb;
    -moz-box-shadow: 1px 1px 3px #bbbbbb;
    -khtml-box-shadow: 1px 1px 3px #bbbbbb;
    -webkit-box-shadow: 1px 1px 3px #bbbbbb;
    list-style: none;
    margin-left: -16px;
    margin-top: -6px;
    min-width: 140px;
    overflow: hidden;
    padding: 4px 16px 4px 16px;
    position: absolute;
}

.drop-down-container > ul.drop-down > li {
    margin: 10px 0px 10px 0px;
}

.drop-down-container.visible > .button.button-drop-down,
.drop-down-container > .button.button-drop-down:hover,
.drop-down-container > .button.button-drop-down.hover {
    color: #4078c0;
}

.overlay {
    background-color: #1d1d1d;
    display: none;
    left: 0px;
    opacity: 0.7;
    -o-opacity: 0.7;
    -ms-opacity: 0.7;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    top: 0px;
    z-index: 20;
}

.window {
    animation: fade-grow-rise 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -o-animation: fade-grow-rise 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -ms-animation: fade-grow-rise 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -moz-animation: fade-grow-rise 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -khtml-animation: fade-grow-rise 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    -webkit-animation: fade-grow-rise 0.35s cubic-bezier(0.645, 0.045, 0.355, 1.0);
    background-color: #ffffff;
    border-radius: 3px 3px 3px 3px;
    -o-border-radius: 3px 3px 3px 3px;
    -ms-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 16px rgba(32, 32, 32, 0.8);
    -o-box-shadow: 1px 1px 16px rgba(32, 32, 32, 0.8);
    -ms-box-shadow: 1px 1px 16px rgba(32, 32, 32, 0.8);
    -moz-box-shadow: 1px 1px 16px rgba(32, 32, 32, 0.8);
    -khtml-box-shadow: 1px 1px 16px rgba(32, 32, 32, 0.8);
    -webkit-box-shadow: 1px 1px 16px rgba(32, 32, 32, 0.8);
    margin-top: 20px;
    min-width: 260px;
    overflow: auto;
    padding: 20px 50px 20px 50px;
    text-align: center;
    z-index: 30;
}

.window h1 {
    color: #3d3d3d;
    margin: 0px 0px 0px 0px;
}

.window p {
    color: #3d3d3d;
    font-weight: 500;
    margin: 16px 0px 24px 0px;
}

.window .window-buttons {
    margin-bottom: 8px;
    margin-top: 24px;
}

.window .window-buttons .button {
    font-weight: 600;
    margin: 0px 6px 0px 6px;
}

.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.above {
    margin-top: 36px;
}

.footer-container {
    color: #8d8d8d;
    font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Open Sans", "Helvetica", "Arial", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 18px;
    margin: 32px 0px 0px 0px;
}