.light-theme {
    color: #000 !important;
    background: #fff !important;
    font-family: 'Nanum Gothic', sans-serif;
}

.light-theme .component-title {
    color: #000 !important;
}

.light-theme .component-desc{
    color: rgba(0, 0, 0, 0.5) !important;
}

.light-theme .workflow-form-section-title {
    background-color: #1e2b37 !important;
    padding: 5px;
    margin-bottom: 0 !important;
    padding-inline-start: 10px ;
    border-radius: 5px 5px 0 0;
}

.light-theme .section-border{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 0;
    margin-bottom: 10px;
}

.light-theme .workflow-form-section-title::after {
    border-radius: 0 0 5px 5px;
    background-color: #1e2b37   !important;
    margin-bottom: 0;
}

.light-theme .tab-pane{
    background : #eee !important;
    color: #000 !important;
}



.light-theme .number-input_button{
    background: #1e2b37;
    color: white;
}

.light-theme .number-input_button:hover{
    background: black !important;
    color: white !important;
}

.light-theme .form-check-label{
    color: black !important;
}

.light-theme .workflow-form-section{
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.light-theme .modal-content{
    background: white !important;
    color: #101214 !important;
    overflow-y: scroll !important;
    max-height: 90vh !important;
    min-width: 60vw !important;
}

.light-theme .modal-footer{
}

.light-theme .modal-header .btn-close>i{
    color: #1e2b37 !important;
}

.light-theme .abstract-content{
    background: #6D777E;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    min-height: 150px; /* ensures it starts with some height */
    overflow: auto;
}

.light-theme .abstract-content.ql-blank::before {
    color: whitesmoke; /* placeholder text color */
    opacity: 0.5;
    font-style: italic;
}