body {
    background: linear-gradient(rgba(80, 109, 126, 0.85), rgba(80, 109, 126, 0.85)), url( "https://thepostage.com/wp-content/uploads/2020/12/the_postage_documents_1-scaled.jpg" );
}

h3 {
    color: #2aa0b2;
}

.modal {
    display: inherit;
    position: inherit !important;
}

.modal-dialog {
    padding-bottom: 15px;
}

.modal.modal.wizard.wizard-3 .modal-dialog {
    width: auto;
    max-width: max-content;
}

    .modal.modal.wizard.wizard-3 .modal-dialog .modal-content input {
    }

    .modal.modal.wizard.wizard-3 .modal-dialog .modal-content .disclaimer {
        max-width: 250px;
        text-align: center;
        font-size: 10px;
        align-self: center;
    }

    .modal.modal.wizard.wizard-3 .modal-dialog .modal-content .form-end {
        max-width: 250px;
        text-align: center;
        font-size: 12px;
        align-self: center;
    }

.modal-content.will-builder {
    box-shadow: none !important;
    width: 100% !important;
}

.modal.wizard .modal-dialog .modal-content {
    border-radius: 0;
    padding: 20px;
    box-shadow: 10px 10px #dbf0f1;
    border: none;
    width: auto;
}

    .modal.wizard .modal-dialog .modal-content .card-container {
        margin-left: -10px;
        margin-right: -10px;
    }

    .modal.wizard .modal-dialog .modal-content .card {
        margin: 10px;
        border-radius: 0;
        border: 4px solid #2aa0b2;
        padding: 10px;
        text-align: center;
        height: 97%;
        width: 90%;
    }

        .modal.wizard .modal-dialog .modal-content .card img {
            max-width: 150px;
            align-self: center;
        }

        .modal.wizard .modal-dialog .modal-content .card .card-body {
            padding: 0px;
            padding-top: 10px;
            text-align: center;
        }

.mock-url {
    cursor: pointer;
    color: #0077CC;
    margin-top: 10px;
}

    .mock-url:hover {
        text-decoration: underline;
    }

.back-button {
    cursor: pointer;
    color: #506D7E;
}

.radzen-form-control {
    border-left: 5px solid #506d7e !important;
    border: 1px solid #506d7e;
    /*border-width: 1px!important;*/
}

.modal.wizard .modal-dialog .modal-content.will-builder .card-container {
    margin-left: inherit;
    margin-right: inherit;
}

.rz-datepicker-trigger.rz-calendar-button.rz-button.rz-button-icon-only {
    cursor: default;
    display: none;
}

.vl {
    border-left: 1px solid #DBF0F1;
    margin-top: 30px;
    margin-bottom: 20px;
}

hr {
    border-top: 1px solid #DBF0F1 !important;
    width: 100%;
}

.will-builder-icon.mb-4 {
    height: 110px;
    width: 110px;
}

.will-builder-form-control {
    text-align: left!important;
    margin-top: 2px;
}

.wizard-question {
    color: #2aa0b2;
    margin-bottom: 5px;
}

.main-box {
    background: white;
}

    .main-box h2 {
        color: #2aa0b2;
        font-weight: bold;
    }

    .main-box .will-buttons {
        flex-direction: column;
    }

@media (min-width: 768px) {
    .main-box .will-buttons {
        flex-direction: row;
    }

    hr {
        display: none;
    }

    .top-button {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .vl {
        display: none;
    }

    .bottom-button {
        display: none !important;
    }
}

.main-box .will-buttons .item {
    flex: 1;
}

.main-box .will-buttons .title {
    color: #2aa0b2;
    font-weight: bold;
    font-size: 20px;
}

.main-box .will-buttons .info {
    font-size: 18px;
}

.main-box .will-buttons .disclaimer {
    font-size: 12px;
    color: #8d8d8d;
}

.button-container {
    margin-top: 15px;
}

.footer {
    background-color: #b6e1e3;
}