/* ------------------------------------ */
/* Tabs                              */
/* ------------------------------------ */

#tabs {
    display: flex;
    margin: 16px 0 30px 0;
}
#tabs .tab {
    font-size: 14px;
    line-height: 14px;
    white-space: normal;
    padding: 8px 14px;
    background: var(--darkened-bg);
    border: 1px solid var(--hairline-color) !important;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}
#tabs .tab.active {
    background: var(--primary);
    color: #fff;
    border: 1px solid var(--primary) !important;
}
#tabs .tab.has-errors {
    border-bottom: solid 2px var(--error-fg) !important;
}

.model-firm.change-form #content h1 {
    margin-bottom: .5em;
}
.model-firm.change-form #content > h2 {
    margin-top: 20px;
}

@media (max-width: 768px) {
    #tabs {
        display: grid;
        grid-template-columns: auto auto auto;
    }
    .application #tabs .tab {
        text-align: center;
    }
}

/* ------------------------------------ */
/* Table (General)                      */
/* ------------------------------------ */

.form-table {
    margin-bottom: 4px;
}
.form-table tr {
    background: none;
}
.form-table thead tr th {
    font-size: 13px;
    text-transform: none;
    color: var(--body-fg);
    padding: 11px 8px 9px 8px !important;
}
.form-table tr td {
    padding: 4px 8px 1px 8px !important;
    vertical-align: top;
    overflow: hidden !important;
}
.form-table tbody tr td,
.form-table tbody tr th {
    border-bottom: none;
}
.form-table label {
    display: none;
}

.form-row.inline {
    display: flex;
    align-items: center;
}

.form-table .errors {
    display: flex;
    flex-direction: column-reverse;
}
.form-table ul.errorlist {
    margin: 0;
    padding: 0;
}

/* ------------------------------------ */
/* Table (Specific Fields)              */
/* ------------------------------------ */

.form-table.work-times input {
    width: 70px;
}
#work-times-errors .errorlist {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 10px !important;
}
#account-errors .errorlist {
    margin-left: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 10px !important;
}
#lehrer-1-errors .errorlist,
#lehrer-2-errors .errorlist {
    margin-left: 10px !important;
    padding-left: 0 !important;
    margin-top: 10px !important;
}
.form-table.holidays p.datetime {
    margin-left: -44px;
    margin-right: -200px;
}
@media (min-width: 768px) {
    .form-table.holidays tr th:nth-child(3) {
        padding-left: 20px !important;
        background-color: #fff;
    }
    .form-table.holidays tr td:nth-child(3) {
        background-color: #fff;
    }
    .form-table.holidays tr td:nth-child(3) input {
        margin-left: 20px !important;
    }
    .form-table.holidays tr td:nth-child(3) p.datetime {
        margin-right: -220px;
    }
}

.form-row .field-Gewinnorientiert {
    width: 171px;
}
.form-row .field-Gewinnorientiert_Nachweis label {
    width: auto;
}
.form-row .field-Gewinnorientiert_Nachweis .errorlist {
    margin-left: 117px;
}
.form-row.field-GmbhGesellschaftsvertragDatum label {
    width: 153px;
}

/* ------------------------------------ */
/* Widgets                              */
/* ------------------------------------ */

.model-firm.change-form div.help {
    display: none;
}

.inline-group {
    margin-bottom: 0 !important;
}
.module caption, .inline-group h2 {
	text-transform: none;
}
.inline-group ul.tools a.add, .inline-group div.add-row a, .inline-group .tabular tr.add-row td a {
	font-size: 13px;
}
.inline-group .errorlist.nonfield {
    margin-left: -8px;
}

.date-only p.datetime {
    width: 180px !important;
    overflow: hidden !important;
    color: #fff;
}
.date-only p.datetime input,
.date-only p.datetime .datetimeshortcuts {
    position: relative;
    left: -40px;
}

.date-only.date-field > div {
    flex-wrap: nowrap !important;
}

/* ------------------------------------ */
/* Layout                               */
/* ------------------------------------ */

.grid.cols-2 {
    display: grid;
    grid-template-columns: 50% 50%;
}
.grid.cols-2 textarea {
    max-width: calc(100% - 20px);
}