.btn-light {
    background-color: #F7FEE7 !important;
}
.btn-light:hover {
    background-color: #ecfccb !important;
}
.profile-nav {
     display: block !important;
}
.sidebar-links a.sidebar-link.active {
    background-color: #d9f9c8 !important;
}
.sidebar-links a.sidebar-link:hover {
    background-color: #F7FEE7 !important;
}
.nav-menus {
    margin-right: 0 !important;
}
.send-file-input {
    width: 75%;
    margin-right: 5px;
}
.card-body-btns {
    justify-content: end;
    column-gap: 1em;
}
.btn-back {
    margin-left: 5px;
    padding: 6px 18px;
}
.card-column-btns .btn{
margin-right: 5px;
}
.modal-content,
.notify-alert .alert,
.notify-alert .progress,
.notify-alert .close,
[data-notify='message']{
    color: #2C323F !important;
}
.modal-footer button:first-child {
    margin-bottom: 4px;
}
.table-responsive-row th:last-child {
    color: transparent;
}
.subquestion-input {
    width: 300px;
}
.table-row-flex td:first-child {
    width: 100%;
}

@media screen and (min-width: 991px) and (max-width: 1288px) {
    .opt-question-subquestion {
        width: 115%;
    }
}

@media screen and (max-width: 768px)  {
    #form_body{
        display:flex;
        flex-direction: column;
    }

    .card-body-btns {
        justify-content: space-between;
    }
    .card-column-btns{
        flex-direction: column;
    }
    .card-column-btns .btn{
        margin: 0;
    }
    .send-file {
        flex-direction: column;
    }
    .send-file-input {
        width: 100%;
        margin-bottom: 5px;
    }
    .btn-back {
        margin: 5px 0 0 0;
    }
    .opts_question-1,
    .opts_question-2,
    .opts_question-3,
    .opts_question-4,
    .opts_question-5,
    .opts_question-6,
    .opts_question-7,
    .opts_question-8,
    .opts_question-9,
    .opts_question-10,
    .opts_question-11,
    .opts_question-12,
    .opts_question-13,
    .opts_question-14,
    .opts_question-15,
    .table-row-responsive {
        display: flex;
        flex-direction: column;
        /* width: 82vw; */
    }
    /* .table-row-flex { */
        /* display: flex; */
    /* } */
    .table-row-flex {
        /* width: 82vw; */
        display: flex;
        flex-direction: column;
    }
    .table-row-flex td:first-child b {
        display: block;
    }
    .table-row-flex td:first-child {
        width: fit-content;
    }
    .subquestion-border {
        border: none;
    }
    .subquestion-input {
        width: 100%;
    }
}

.form-error {
    border-left: 4px solid red;
}

.form-error td span {
    color: red;
    font-weight: bold;
}