/* styles.css */
/* Francesco Esposito - June 2024 */

.left-section {
    background-color: #0f367a;
    color: white;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}
.right-section {
    background-color: white;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}
.left-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 70%;
}
.right-content-docs {
    width: 100%;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px 10% 0% 10%; /* top, right, bottom, left */
}
.right-content-docs img {
    width: 100%;
}
.right-content-docs p {
    text-align: justify;
}
.right-content-docs h1 {
    color: #0f367a;
}
.right-content-docs h2 {
    color: #0f367a;
}
.right-content-docs h3 {
    color: #0f367a;
}
.right-content-docs h4 {
    color: #0f367a;
}
.right-content-docs a {
    color: #0f367a;
}
.right-content {
    width: 80%;
    max-width: 600px;
}
.btn-primary {
    background-color: #0f367a;
    border: none;
}
.btn-primary:hover {
    background-color: #0a2450;
}
footer {
    padding: 10px 30px 20px 30px; /* top, right, bottom, left */
}
footer p {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.9em;
    text-align: center;
}
.svg-social {
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 15px;
    margin-right: 15px;
}
.step {
    display: none;
}
.step.active {
    display: block;
}
.steps-container {
    height: 300px;
    overflow-y: auto;
}
.no-resize {
    resize: none;
}
.status-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.status-container p {
    width: 70%;
    text-align: center;
}
.pad-inline {
    padding-inline: 5px;
}
.form-control:focus {
    border-color: #0f367a;
    box-shadow: 0 0 0 0.025rem #0f367a;
}
input[type=checkbox]{
    accent-color: #0f367a;
}
.bg-akuvox{
    background-color: #0f367a;
}
.text-akuvox {
    color: #0f367a;
}
.required {
    color: #DC3545;
}
.warning {
    color: #FFA500;
}
.error {
    color: #DC3545;
}
.simple-captcha-img {
    display: block;
    margin: auto;
}
.border-primary{
    border-color:#0f367a!important
}
.btn-floating {
position: fixed;
bottom: 40px;
right: 40px;
z-index: 9999;
font-size: 2rem;
color: #0f367a;
}
.btn-floating:hover {
    color: #0a2450;
}
.btn-floating:focus {
    border-color: #fff;
}
/* #bottom_fade {
	width: 100%;
	height: 100px;
	z-index: 99;
	position: fixed;
	bottom: 60px;
	background: url("bottom-fade.png") bottom center;
} */