﻿.llc-view-title {
    font: Oswald;
    width: 100%;
    display: flex;
    padding: 1.2em;
    align-items: center;
    color: black !important;
    font-weight: bold;
    background-color: white;
}

.llc-section-title {
    font-size: 15px;
    margin-right: 10px;
    padding-bottom: 1.4em;
    margin-bottom: 1.8em;
    padding: 1.2em;
    padding-left: 0.4em;
    border-bottom: 2px solid #D1D2F9;
    color: #1517A2 !important;
    font-family: Oswald !important;
    letter-spacing: 1px !important;
    font-weight: 500;
}

.form-container {
    height: calc(100vh - 80px); /* Adjust this value based on your header/footer height */
    padding: 1.2em;
    padding-left: 4.5em;
    padding-right: 4.5em;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.spinner {
    border: 4px solid #f3f3f3; /* Light grey */
    border-top: 4px solid #0C0D5A; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
}

.blue-form-section {
    background-color: #f8f8fc;
    height: calc(100vh - 22.5em);
    overflow-y: scroll;
    padding: 1.5em;
    margin: 1.2em;
    border: 1px solid #E8E8F6;
}

    .blue-form-section .form-group {
        margin-bottom: 15px;
    }

    .blue-form-section label {
        display: block;
        margin-bottom: 5px;
        line-height: 16.8px;
        font-weight: 500;
    }

    .blue-form-section input.form-control {
        width: 100%;
        padding: 1.5em;
        border-radius: 8px;
        font-size: 16px;
        box-sizing: border-box;
    }

    .blue-form-section .text-danger {
        color: #d9534f; /* Or any color you prefer */
        font-size: 14px;
        margin-top: 5px;
        display: block;
    }

.llc-select {
    height: 38px !important;
    width: 100%;
}

.llc-grey-box {
    margin-bottom: 20px;
}

    .llc-grey-box .flex {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }

    .llc-grey-box label {
        width: 100%;
        font-family: Montserrat;
        font-size: 12px;
        font-weight: 550;
        line-height: 16.8px;
        text-align: left;
        padding-bottom: 0.5em;
    }

    .llc-grey-box input,
    .llc-grey-box select {
        width: 100%;
        font-size: 16px;
        box-sizing: border-box;
        border-radius: 8px;
    }

.form-group {
    margin-bottom: 1.5em;
}

.form-check {
    display: flex;
    align-items: center;
}

.form-check-input {
    margin-right: 10px;
}

.form-subtitle {
    font-size: 14px;
    color: #6c757d; /* A muted gray color */
    margin-top: 5px;
    line-height: 1.4em;
}

.llc-form-title {
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.6px;
    text-align: center;
    margin-bottom: 3em;
}


.legal-checkbox {
    border: 1px solid #1517A2;
    width: 19px;
    height: 16px;
    top: 4px;
    left: 4px;
    gap: 0px;
    margin: 0 !important;
}

.llc-divider {
    border-bottom: 1px solid #D1D2F9;
    margin-top: 1.8em;
    margin-bottom: 3.2em;
    padding-bottom: 0.8em;
}

.llc-divider-lowspace {
    border-bottom: 1px solid #D1D2F9;
    margin-top: 4px;
    margin-bottom: 1.2em;
    padding-bottom: 4px;
}
.llc-subtotal {
    font-size: 15px
}

.llc-radio {
    font-family: system-ui, sans-serif;
    font-size: 10px !important;
    font-weight: bold;
    line-height: 1.1;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 1.3em;
}

.legal-radio {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding-right: 2em;
}

.llc-text-summary {
    padding-right: 2.2em;
}

.order-summary {
    display: flex;
    justify-content: end;
    padding: 1em;
    font-weight: bold;
    font-size: large;
    background: white;
    border: 1px solid #E8E8F6;
}

.llc-subtitle {
    padding-bottom: 2em;
}

.llc-title-type2 {
    font-size: 13px;
}

.llc-link {
    color: #1517A2;
    text-decoration: underline;
    font-weight: 400;
    line-height: 16px;
}

.llc-link-principal {
    color: #1517A2;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    line-height: 16px;
    cursor: pointer;
}

    .llc-link-principal:hover {
        text-decoration: underline;
    }

/* Style for SVG */
.llc-link-principal-icon {
    transition: stroke 0.3s ease; /* Smooth transition effect */
}

.llc-link-principal:hover .llc-link-principal-icon {
    stroke: #ff0000; /* Change the color on hover */
}

.addproduct {
    display: flex;
    justify-content: center;
    gap: 12px;
    align-items: center;
    margin-top: 20px;
    /* border-radius: 0.9rem 0px; */
    padding: 10px 0px 10px;
    font-size: 20px;
    border: 1px solid #D1D2F9;
    border-radius: 15px;
    width: 70%;
    background: white;
}
.addproduct .description-box p {
        font-size: 13px;
        margin-bottom: 4px;
    }

    .addproduct p {
        padding: 0px 15px;
        margin-bottom: 0px;
        cursor: pointer;
    }

    .addproduct input {
        border: none;
        font-weight: 700;
        box-shadow: unset;
        display: flex;
        align-items: center;
    }


a.llc-link-boardmember {
    color: #1517a2;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}