/* styles for forms */
.form-main {
    width: 100%;
    max-width: 750px;
    margin: auto;
    padding: clamp(1.5rem, 2vw + 1rem, 3rem);
    background-color: var(--pane-bg);
    color: var(--pane-txt);
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: var(--border-radius-lg);
}

.form-title {
    margin-bottom: 30px;
}

.form-input-group {
    padding-bottom: clamp(0.75rem, 1vw + 0.5rem, 2rem);
}

.form-input-cluster {
    padding-bottom: 1px;
}

.form-label {
  font-weight: 600;
  margin-bottom: 1px;
}

.form-input {
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius-sm);
}

.form-select {
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--input-border-color);
    border-radius: var(--border-radius-sm);
    background-color: var(--pane-bg);
    color: var(--pane-txt);
}

.form-input-sm {
    max-width: 60%;
    border-radius: var(--border-radius-sm);
}
.form-input-sm > .selectize-input {
    border-radius: var(--border-radius-sm);
}

.form-attach-sm {
    color: var(--pane-link);
    padding: 0.375rem 0.75rem;
    border: 1px solid var(--input-border-color);
    text-align: center;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: var(--border-radius-sm);
}



.form-divider {
    margin: 3rem 0;
    border: none;
    background-color: var(--input-border-color);
    height: 1px;
}

.form-btn-save {
    background-color: var(--btn-submit-bg);
    color: var(--btn-submit-txt);
    font-size: 1.25rem;
    font-weight: 600;
    border-radius: var(--border-radius-sm);
}