/* ------------------------------------ */
/* Colors                               */
/* ------------------------------------ */

:root {
	--primary: #023973;
    --secondary: #004993;
    --shadow: 0 2px 5px rgba(0,0,0,0.15);
    --accept-button-bg: #70bf2b;
    --accept-button-hover-bg: #5DA023;
    --success-fg: #5DA023;
    --warning-fg: #e69020;
}

/* ------------------------------------ */
/* Header                               */
/* ------------------------------------ */

#header {
    background-color: transparent !important;
}
#header .act-logo {
    width: auto;
    height: 60px;
    margin-left: -8px;
    cursor: pointer;
}

.breadcrumbs {
    display: none !important;
}

#header #user-tools {
    color: #333;
    font-size: 13px;
}
#header #user-tools  a {
    color: var(--primary) !important;
}

/* ------------------------------------ */
/* Login                                */
/* ------------------------------------ */

body.login #header {
	padding: 30px 0px 0px 0px !important;
}
body.login #branding img {
	display: block;
	height: 75px;
	width: auto;
}
body.login label {
    font-weight: normal;
}
body.login .submit-row input {
	min-width: 120px;
}

/* ------------------------------------ */
/* Fonts                                */
/* ------------------------------------ */

.module h2 {
  font-size: 14px;
}

/* ------------------------------------ */
/* Main Menu                            */
/* ------------------------------------ */

#nav-wrapper {
    width: 100%;
}

.nav-global {
    width: 100%;
    background-color: var(--primary);
    padding-top: 5px;
    padding-bottom: 5px;
    display: flex;
}
.nav-global ul {
    display: flex;
    margin: 0px;
}
.nav-global ul li {
    list-style-type: none !important;
    padding-right: 15px;
}
.nav-global ul li a {
    color: #ffffff !important;
    font-weight: 500;
    vertical-align: middle;
}
.nav-global ul li a {
    text-decoration: none !important;
    border-bottom: solid 1px transparent;
}
.nav-global ul li a:hover,
.nav-global ul li a.current {
    border-bottom: solid 1px #fff;
}

/* ------------------------------------ */
/* Sidebar (left)                       */
/* ------------------------------------ */

#nav-sidebar {
    margin-top: 20px;
}

#nav-sidebar .current-app .section:link,
#nav-sidebar .current-app .section:visited {
	color: #fff !important;
}
#nav-sidebar table tr {
	background: transparent !important;
}
#nav-filter {
	display: none;
}

.dashboard .model-proxyfirmupgrades,
.dashboard .model-proxyfirmcertificates,
.dashboard .model-proxyfirmsync,
#nav-sidebar .model-proxyfirmupgrades,
#nav-sidebar .model-proxyfirmcertificates,
#nav-sidebar .model-proxyfirmsync {
    display: none;
}

#nav-sidebar .app-auth.module,
#nav-sidebar .app-oauth2_provider.module {
    display: none;
}
.app-oauth2_provider.module a {
    text-transform: capitalize;
}

/* ------------------------------------ */
/* Sidebar (right)                       */
/* ------------------------------------ */

.change-list .object-tools {
    position: relative;
    left: -270px;
}
.change-list .object-tools a {
    font-size: 14px;
    padding-top: 4px;
}

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

p.datetime {
    display: flex;
    align-items: baseline;
    padding: 4px 0 0 0 !important;
    margin-bottom: -4px !important;
}
.form-row.date-only p.datetime {
    margin-left: 0 !important;
}
p.datetime input {
    margin-top: -2px;
}
.datetimeshortcuts {
    margin-right: 25px;
    font-size: 11px;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=date] {
    width: 120px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 6px;
    margin-top: 0;
}

#changelist-filter {
  position: relative;
}
.filter-reset {
  position: absolute;
  top: 7px;
  right: 12px;
}
.filter-reset img {
	filter: brightness(10) saturate(0);
}

.related-widget-wrapper .select2,
[name=KaufmaennischeSTYPID],
[name=RechtsformID],
[name=SchulformID] {
	min-width: 274px;
}
[name=Kapital] {
	min-width: 260px;
}
.related-widget-wrapper a.related-widget-wrapper-link {
    display: none !important;
		margin-left: 8px;
}

.field-_PASSWORD {
    white-space: nowrap;
}
.field-_PASSWORD .password:not(.hidden) {
    min-width: 70px;
    display: inline-block;
}
.field-_PASSWORD .dots:not(.hidden) {
    font-size: 24px;
    line-height: 8px;
    position: relative;
    top: 5px;
    width: 70px;
    display: inline-block;
}
.field-_PASSWORD .toggle-password {
    height: 1em;
    display: inline-block;
}
.field-_PASSWORD .toggle-password img {
    margin: -4px 0 -4px 4px;
    height: 20px;
    cursor: pointer;
}

.form-row.edit-link,
.form-row.field-_school_link {
	margin-top: -4px;
    background: #fff;
    padding-top: 0px;
}
.form-row.edit-link label,
.form-row.field-_school_link label {
	display: none;
}
.form-row .checkbox-row {
    position: relative;
    top: 1px;
}
.form-row .checkbox-row input {
    position: relative;
    top: 1px;
}

.form-row .field-changed_data_display,
.form-row .field-changed_status_display {
    margin-left: 10px;
}
.form-row .field-changed_data_display label,
.form-row .field-changed_status_display label {
    text-align: center;
    margin-left: 10px;
    width: 150px;
}

.pen-log > div > label {
    display: none !important;
}
.pen-log > div > div {
    margin: 0 !important;
    padding: 0 !important;
}
.pen-log pre {
    margin: 0 !important;
    padding: 0 !important;
    max-width: 100%;
    white-space: wrap;
}
.pen-log pre * {
    margin-right: 5px;
}

/* ------------------------------------ */
/* Lists                                */
/* ------------------------------------ */

td, th {
    padding: 9px 8px 6px 8px;   
}
table thead th .text a {
    padding: 11px 8px 9px 8px;  
}

.paginator {
    border-top: 0px;
}

.change-list #result_list .column-FNR,
.change-list #result_list .column-_FNR,
.model-school.change-list #result_list .column-_SFKZ {
    width: 70px;
}

.model-school.change-list #result_list .field-City,
.model-school.change-list #result_list .field-Street {
    white-space: nowrap;
}

.change-list #result_list tbody tr > * {
    vertical-align: middle;
}
.change-list #result_list .field-action_links {
    height: 24px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.change-list #result_list .field-action_links a {
    margin: auto 0;
}

.change-list #result_list .field-action_links .icon-edit {
    height: 24px;
    margin: auto 0;
}
.change-list #result_list .field-action_links .icon-view {
    height: 24px;
    margin: auto 0 auto 4px;
    padding-top: 2px;
}
.change-list #result_list .field-action_links .icon-excel {
    height: 24px;
    margin: auto 6px auto 0;
}
.change-list #result_list .column-action_links {
    width: 70px;
}

.change-list .column-task_running .text {
    display: flex;
}
.change-list select[name=action] {
    min-width: 286px;
}

.model-europenlog .field-error_display pre {
    margin: 0;
    padding: 0;
    white-space: normal;
}

.change-list.model-application .object-tools .addlink {
    display: none;
}

/* ------------------------------------ */
/* Lists (Editable)                     */
/* ------------------------------------ */

#changelist input {
    margin: -6px 0 -4px 0;
}
#changelist input {
    margin: -4px 0 -4px 0;
}
#changelist select {
    height: auto;
}

.model-rechtsform.change-list #result_list tbody tr > *,
.model-yellowpagesbranche.change-list #result_list tbody tr > *,
.model-language.change-list #result_list tbody tr > *,
.model-branche.change-list #result_list tbody tr > *,
.model-schooltype.change-list #result_list tbody tr > *,
.model-country.change-list #result_list tbody tr > *,
.model-teacher #result_list tbody tr > *,
.model-school #result_list tbody tr > * {
    vertical-align: middle;
    padding: 4px 8px 4px 8px; 
}

.model-branche.change-list .column-_branchenID {
    width: 50px;
}
.model-branche.change-list .column-NACE,
.model-branche.change-list .column-NACE_EUROPEN {
    width: 70px;
}
.model-branche.change-list .field-NACE input,
.model-branche.change-list .field-NACE_EUROPEN input {
    width: 74px;
}
.model-branche.change-list .field-Name input,
.model-branche.change-list .field-Name_e input {
    width: calc(100% - 14px);
}

.model-teacher.change-list .field-Vorname input,
.model-teacher.change-list .field-Nachname input {
    width: 120px;
}
.model-teacher.change-list .field-Titel_1 input,
.model-teacher.change-list .field-Titel_2 input {
    width: 70px;
}
.model-teacher.change-list .field-Email input {
    width: 220px;
}

/* ------------------------------------ */
/* Lists (Proxy Models)                 */
/* ------------------------------------ */

.model-proxyfirmupgrades.change-list .field-Upgrades > div,
.model-proxyfirmcertificates.change-list .field-Certificates > div {
    display: flex;
    white-space: nowrap;
    max-width: 930px;
    overflow: hidden;
}
.model-proxyfirmupgrades.change-list .field-Upgrades label,
.model-proxyfirmcertificates.change-list .field-Certificates label {
    font-weight: normal;
    padding-right: 16px;
}
.model-proxyfirmupgrades.change-list .field-Firmenname_1,
.model-proxyfirmcertificates.change-list .field-Firmenname_1 {
    white-space: nowrap;
}

.model-proxyfirmupgrades.change-list .content .addlink,
.model-proxyfirmcertificates.change-list .content .addlink {
    display: none;
}
.model-proxyfirmupgrades.change-list .content .actions,
.model-proxyfirmcertificates.change-list .content .actions {
    display: none;
}
.model-proxyfirmupgrades.change-list #toolbar,
.model-proxyfirmcertificates.change-list #toolbar {
    margin-bottom: 25px;
}

/* ------------------------------------ */
/* Lists (hide ID columns)              */
/* ------------------------------------ */

.change-list .column-branchenID, .change-list .field-branchenID,
.change-list .column-landID, .change-list .field-landID,
.change-list .column-LehrerID, .change-list .field-LehrerID,
.change-list .column-RechtsformID, .change-list .field-RechtsformID,
.change-list .column-SchulformID, .change-list .field-SchulformID,
.change-list .column-spID, .change-list .field-spID,
.change-list .column-STYPID, .change-list .field-STYPID,
.change-list .column-TradeOptionID, .change-list .field-TradeOptionID,
.change-list .column-YellowPagesBrancheID, .change-list .field-YellowPagesBrancheID,
.change-list .column-UpgradeID, .change-list .field-UpgradeID,
.change-list .column-ZertifikatID, .change-list .field-ZertifikatID {
    display: none;
}

/* ------------------------------------ */
/* Forms                                */
/* ------------------------------------ */

label {
	font-weight: bold;
	color: var(--body-fg);
}
div.readonly {
	padding-top: 9px !important;
}

.form label {
    font-weight: normal;
    color: #666;
    font-size: 13px;
    display: block;
    padding: 2px 10px 0 0;
    float: left;
    width: 160px;
    word-wrap: break-word;
    line-height: 1;
}
.form label:not(.vCheckboxLabel)::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 26px;
}

.form .form-row {
    overflow: hidden;
    padding: 10px;
    font-size: 13px;
    border-bottom: 1px solid #eee;
}
.form .form-row input {
    vertical-align: middle;
    width: calc(100% - 190px);
}
.form .submit-row {
    margin-top: 20px;
}

.form .form-row input:focus {
	border-radius: 4px;
}
.form .input-block {
    display: block;
    margin-left: 170px;
}
.form .input-block input {
    width: calc(100% - 20px);
}
.form .input-block input {
    margin-bottom: 5px;
}
.form .input-block input:last-child {
    margin-bottom: 0px;
}

.form-row-inline {
    display: inline-flex;
    flex-direction: row;
}
.form-widget-inline {
    display: inline-flex;
    margin-right: 10px;
    flex-direction: column;
}
.form-widget-inline label {
    width: auto;
}
.form-row-inline .form-widget-inline {
    margin-top: auto;
}

/* ------------------------------------ */
/* Forms (Select2)                      */
/* ------------------------------------ */

.select2-selection__clear {
    font-size: 22px;
		color: var(--delete-button-bg);
		position: relative;
		top: -2px;
		right: 0px;
		padding: 0 10px;
		margin-right: -10px;
}

.field-SFKZ .related-widget-wrapper {
    width: calc(100% - 170px);
}
.field-SFKZ .related-widget-wrapper select,
.field-SFKZ .related-widget-wrapper .select2 {
    width: 600px;
}

/* ------------------------------------ */
/* Forms (display HTML)                 */
/* ------------------------------------ */

.form-row div.readonly .related-obj-link {
    margin-bottom: 4px;
    display: inline-block;
}
.form-row div.readonly .related-obj-link.firm-list {
    min-width: 480px;
}
.form-row div.readonly .related-obj-link span {
    min-width: 50px;
    display: inline-block;
}
.form-row div.readonly .related-obj-link:last-child {
    margin-bottom: 0px;
}

.form-row.field-firms_list div.readonly .related-obj-link span {
    min-width: 50px;
}
.form-row.field-schools_list div.readonly .related-obj-link span {
    min-width: 50px;
}

.form-row.field-EuropenUserUpdateLog div.readonly {
    font-family: "Courier New", Courier, monospace;
}

/* ------------------------------------ */
/* Forms (Calendar Widget)              */
/* ------------------------------------ */

.calendarbox {
    border: 1px solid var(--border-color);
    box-shadow: var(--shadow);
}
.calendarbox caption {
    background: var(--darkened-bg);
}
.calendarbox .calendar-shortcuts {
    padding: 10px 0;
}
.calendarbox .calendar-cancel {
    padding: 6px 0;
}

/* ------------------------------------ */
/* Forms (TabularInline)                */
/* ------------------------------------ */

.change-form .inline-group .original {
    display: none !important;
}
.change-form .inline-group table tr.has_original td:last-child {
    /* display: none !important; */
}
.change-form .inline-group table tr th {
    color: var(--body-quiet-color);
    padding: 11px 8px 9px 8px !important;
}
.change-form .inline-group table tr td {
    padding: 4px 8px 1px 8px !important;
    vertical-align: middle;
}
.change-form .inline-group table tr.add-row td {
    font-size: 13px;
    padding: 8px 8px 8px 8px !important;
}
.change-form .inline-deletelink {
	float: left;
    margin-left: -1px;
}

.change-form .inline-group table tbody tr:first-child td {
    padding-top: 8px !important;
}
.change-form .inline-group table tbody tr {
    border: none !important;
    background: transparent !important;
}
.change-form .inline-group table tbody tr td {
    border: none !important;
    background: transparent !important;
}

/* ------------------------------------ */
/* Form (Widgets)                       */
/* ------------------------------------ */

.change-form ul.multicheckbox {
    padding-top: 2px;
}
.change-form ul.multicheckbox label {
}
.change-form ul.multicheckbox label input {
    position: relative;
    top: 2px;
}

.success-fg {
    color: var(--success-fg);
}
.warning-fg {
    color: var(--warning-fg);
}
.error-fg {
    color: var(--error-fg);
}

/* ------------------------------------ */
/* JSON Form                            */
/* ------------------------------------ */

.django-jsonform-row-layout .rjf-form-group .rjf-form-row {
    padding: 0 0 4px 0;
}
.django-jsonform-row-layout .rjf-form-group .rjf-form-row input,
.django-jsonform-row-layout .rjf-form-group .rjf-form-row select {
    width: 274px !important;
}
.django-jsonform-row-layout .rjf-form-group .rjf-form-row label {
    margin-bottom: -4px;
}

#id_Holidays_jsonform fieldset {
    position: relative;
    top: -8px;
}
#id_Holidays_jsonform .rjf-form-group-children .rjf-form-group-children {
    display: flex;
    gap: 20px;
}
#id_Holidays_jsonform label {
    width: 100%;
}
#id_Holidays_jsonform .rjf-form-row-controls {
    top: 36px !important;
}

.rjf-form-row input[type="date"] {
	padding: 5px 6px !important;
}
.rjf-form-row select {
    height: 27px;
}

#id_Holidays_jsonform.django-jsonform-container > div > fieldset > div > div >.rjf-form-group-children {
    min-height: 10px;
}

/* ------------------------------------ */
/* Error Messages                       */
/* ------------------------------------ */

ul.messagelist {
	margin: 20px 40px 0 40px;
}
ul.messagelist li {
	margin-bottom: 0px;
    padding-bottom: 8px;
    padding-top: 9px;
    background-position: 40px 11px;
    margin-top: -11px;
}
ul.messagelist li:first-child {
    margin-top: 0px;
}

.form-row.json-field .errorlist,
.django-jsonform-row-layout .errorlist {
    display: none;
}
#id_GmbhPersonen_jsonform > div > fieldset > div > div > div.rjf-form-group-children > div:last-child span.rjf-error-text,
#id_KgPersonen_jsonform > div > fieldset > div > div > div.rjf-form-group-children > div:last-child span.rjf-error-text,
#id_OgPersonen_jsonform > div > fieldset > div > div > div.rjf-form-group-children > div:last-child span.rjf-error-text,
#id_EuPersonen_jsonform > div > fieldset > div > div > div.rjf-form-group-children > div:last-child span.rjf-error-text {
    display: none;
}

.inline-related ul.errorlist {
    margin-left: 0;
    padding-left: 0;
}

/* ------------------------------------ */
/* Personen with 1 row required         */
/* ------------------------------------ */

body.application #id_GmbhPersonen_jsonform fieldset > div > div > .rjf-form-group-children > div:nth-child(1) .rjf-form-group .rjf-form-group-children > div:nth-child(1) .rjf-remove-button,
body.application #id_GmbhPersonen_jsonform fieldset > div > div > .rjf-form-group-children > div:nth-child(2) .rjf-form-group .rjf-form-group-children > div:nth-child(1) .rjf-remove-button {
    display: none;
}
body.application #id_KgPersonen_jsonform fieldset > div > div > .rjf-form-group-children > div:nth-child(1) .rjf-form-group .rjf-form-group-children > div:nth-child(1) .rjf-remove-button,
body.application #id_KgPersonen_jsonform fieldset > div > div > .rjf-form-group-children > div:nth-child(2) .rjf-form-group .rjf-form-group-children > div:nth-child(1) .rjf-remove-button {
    display: none;
}
body.application #id_OgPersonen_jsonform fieldset > div > div > .rjf-form-group-children > div:nth-child(1) .rjf-form-group .rjf-form-group-children > div:nth-child(1) .rjf-remove-button {
    display: none;
}
body.application #id_EuPersonen_jsonform fieldset > div > div > .rjf-form-group-children > div:nth-child(1) .rjf-form-group .rjf-form-group-children > div:nth-child(1) .rjf-remove-button {
    display: none;
}

/* ------------------------------------ */
/* Export                               */
/* ------------------------------------ */

.model-export.change-form [name=model_name] {
	min-width: 274px;
}
.model-export.change-form .django-jsonform-container input,
.model-export.change-form .django-jsonform-container select {
    width: 187px !important;
}
.model-export.change-form .django-jsonform-container .rjf-form-group-children .rjf-form-group-children {
    display: flex;
    gap: 20px;
}
.model-export.change-form .django-jsonform-container .rjf-form-group .rjf-form-group-children .rjf-form-group-wrapper label {
    display: none !important;
}
.model-export.change-form .django-jsonform-container .rjf-form-group .rjf-form-group-children .rjf-form-group-wrapper:nth-child(1) label {
    display: block !important;
}
.model-export.change-form .django-jsonform-container .rjf-form-group .rjf-form-group-children .rjf-form-group-wrapper:nth-child(1) .rjf-form-row-controls {
    margin-top: 30px;
}
.model-export.change-form .django-jsonform-container .rjf-error-text {
    display: none;
}
.model-export.change-form .django-jsonform-container .rjf-form-row label {
    width: auto;
}
.model-export.change-form .django-jsonform-container > div > fieldset > div > div >.rjf-form-group-children {
    min-height: 4px;
}

.model-export.change-form .django-jsonform-container .related-disabled {
    opacity: 0.5;
    pointer-events: none;
}