/* Form IO classes override */

.formio-form i.bi.bi-trash {
    background: red;
    color: white;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    padding-top: 3px;
    border-radius: 20px;
}

.formio-collapse-icon.bi.bi-dash-square,
.formio-collapse-icon.bi.bi-plus-square {
    float: left;
    padding: .5rem .15rem;
}

.formio-collapse-icon.bi.bi-dash-square:after {
    content: "Minimize";
}

.formio-collapse-icon.bi.bi-plus-square:after {
    content: "Maximize";
}

.formio-collapse-icon.bi.bi-dash-square:after,
.formio-collapse-icon.bi.bi-plus-square:after {
    text-transform: math-auto;
    font-style: normal;
    margin-left: 5px;
    clear: both;
}

.formio-form legend {
    font-size: 1rem;
    font-weight: bold;
    padding-left: 1rem;
    margin: 0;
    color: #666;
}

.formio-form .formio-button-remove-row {
    position: absolute;
    background: white;
    color: red;
    border: 1px dotted red;
    border-radius: 100%;
    transition: .3s all ease;
    width: 30px;
    height: 30px;
    top: -10px;
    left: -30px;
    padding: 0;
}

.formio-form .formio-button-remove-row:hover {
    box-shadow: 0 3px 11px #db11564d;
}

.formio-form .table.datagrid-table {
    overflow: hidden;
    max-width: 100%;
}

.formio-form .datagrid-table .choices__item--selectable {
    padding-right: 20px !important;
}

.formio-form tbody .formio-component.has-feedback .field-required:after {
    display: none;
}

.formio-form .formio-component-datagrid .datagrid-table,
.formio-component-datagrid .datagrid-table td,
.formio-component-datagrid .datagrid-table th {
    border: 0 solid transparent !important;
    padding: 0;
    word-break: keep-all;
    text-wrap-style: balance;
    font-size: 10px;
}

.formio-component-submit {
    display: none !important;
}

.formio-error-wrapper {
    color: #721c24;
    background-color: #fff0f1 !important;
    border: none !important;
    border-radius: 8px;
}

.formio-form .card-header {
    border-bottom: 1px solid #dadada;
}

.formio-form label.col-form-label {
    font-size: 1rem;
}

.formio-errors .error {
    font-weight: bold;
    font-size: 1em;
}

.formio-button-add-row,
.formio-form .col-form-label {
    white-space: nowrap;
}

.formio-form .form-control {
    min-height: 58px;
}

.formio-component-file .fileSelector,
.formio-component-file .list-group-item:not(.list-group-header) {
    font-size: 14px;
}

.formio-component-content ol {
    padding-inline-start: 5px;
}

.formio-form-group {
    padding: 3px;
}
/* end of form io classes */