* {
    
}


/*form Design*/
.form_container {
    /*background-color: rgba(var(--tri-no), .15);*/
    border-radius: .5em;
    /*padding: .5em;*/
    margin-bottom: 1.5em;
    /*box-shadow: 1px 2px 2px grey;*/
    box-shadow: 1px 1px .25em lightgrey;
    background-color: white;
    /*overflow: hidden;*/
}

.form_box {
    /*margin: .25em;
    padding: .5em;*/
    padding: .5em 0;
    /*border: 1px solid;*/
}

    .form_box span,
    .form_box label {
        /*color: var(--second);*/
        font-weight: 500;
        text-transform: capitalize;
        /*color: var(--bs-secondary);*/
        font-family: var(--bs-body-font-family);
    }

    .form_box select,
    .form_box input {
        margin-top: .3em !important;
        /*padding-top: .5em;*/
    }

        .form_box input[type="checkbox"] {
            margin: auto .25em;
            margin-right: .5em;
            accent-color: var(--bs-primary);
        }

.form_r_box {
    display: flex;
    padding: .5em 0;
    margin: .5em 0;
    justify-content: flex-end;
    flex-flow: wrap;
    height: -webkit-fill-available;
    gap: 5px;
}

    .form_r_box > * {
        margin: auto 0;
    }

@media (max-width: 767.98px) {
    .form_box {
        display: grid;
        grid-template-areas: "label input";
        grid-template-columns: 1fr 2fr;
        align-items: center;
        padding: 0;
    }

        .form_box label {
            padding-bottom: 0;
            margin-bottom: 0;
        }
}


.collapsedbtn {
    box-shadow: none !important;
    background-color: transparent !important;
}

.collapsedbody {
    /*border-top: 1px solid lightgrey;*/
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}

.form_heading {
    display: grid;
    grid-template-columns: 1fr auto;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    /*border: 1px solid;*/
    /*background: rgba(var(--bs-secondary-bg-rgb), .5);*/
    background: rgba(var(--bs-light-rgb), .5);
}

    .form_heading .form_title {
        display: flex;
        height: 100%;
        margin: 0;
        /*padding: .75em 1.15em;*/
        padding: .375em 1.15em;
        line-height: inherit;
        font-size: 14pt;
        align-items: anchor-center;
        text-transform: capitalize;
    }

.form_container .form_body {
    padding: 15px .75em;
    margin: 0;
}

@media (max-width: 586px){
    .form_container .form_body{
        padding: .25em;
    }
}