:root { --base-font-size: 12pt; --block-header-top-color: white !important; --block-header-btm-color: white !important; --infoI-top-color: #357e85; --infoI-btm-color: #357e85; --infoText-header-top-color: var(--infoI-top-color); --infoText-header-btm-color: var(--infoI-btm-color); --ctrlbar-default-top-color: #357e85; --ctrlbar-default-btm-color: #357e85; --navigation-highlight-color: #357e85; --navigation-lighter-color: #75AEDF; } /****************************************************************************************************/ /* Schrifteinbindung /****************************************************************************************************/ /* HIND MADURAI REGULAR */ @font-face { font-family: 'HindMadurai'; font-style: normal; font-weight: 400; /* src: url('../html/OpenSans-Regular-webfont.eot'); /* IE9 Compat Modes */ src: local('HindMadurai'), /* url('../html/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* url('../html/OpenSans-Regular-webfont.woff') format('woff'), /* Modern Browsers */ url('../html/HindMadurai-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ /* url('../html/OpenSans-Regular-webfont.svg') format('svg'); /* Legacy iOS */ } @font-face { font-family: "HindMadurai-Bold"; src: url('../html/HindMadurai-Bold.ttf') format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "HindMadurai-Light"; src: url('../html/HindMadurai-Light.ttf') format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "HindMadurai-Medium"; src: url('../html/HindMadurai-Medium.ttf') format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: "HindMadurai-SemiBold"; src: url('../html/HindMadurai-SemiBold.ttf') format("truetype"); font-weight: normal; font-style: normal; } /* Schriftart */ * { font-family: HindMadurai,Helvetica,Arial,sans-serif !important; } /* Schriftfarbe */ #cm_form_data .block.blockGroup:not(.firstOfBlockGroup) > fieldset > .legend, #cm_form_data .cm_block:not(.cm_block_mergeWithPrev) h3, #confirm_explanation, #controlbar #cancel:not(:hover), #controlbar #previous:not(:hover), #controlbar .controlbar_menu ul li button, #controlbar button, #controlbar button.controlbar_button.event_x_more, #final_note, #form_pagenavigation.arrow #form_pagenavigation_list li div button span, #form_pagenavigation.arrow #form_pagenavigation_list li, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited .pageGroupCounter, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div span, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore .pageGroupCounter, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div button span, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div span, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.bullet #form_pagenavigation_list li.nextPageWasVisited div:after, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div span, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before, .asButton, .block button, .block_content .repetitionHeader, .commonButtons button, .controlbar_plus .controlbar_menu ul li button, .field button.datepicker, .field input[type=date], .field input[type=number], .field input[type=password], .field input[type=tel], .field input[type=text], .field output, .field select, .field textarea, .field_filechooser_container .standard_file_button, .field_filelabel_container a, .field_filelabel_container a:active, .field_filelabel_container a:hover, .field_filelabel_container a:link, .field_filelabel_container a:visited, .finishedWrapper, .infotext, .infotextfixed, .pika-button, .pika-single, .radioGroup_buttonClassicFixed .fieldradiolabel, .repeatblock_control_bar button, .ui-widget-content, body, button#send, button#send:not(.default_action), button#temporarySaveButton:not(:hover), button.deleteRepetition, button.repetitionAddButton.addRepetition, div#main, h2.dialog-title, h3, input[type="button"][value="|<"], input[type="button"][value="<"], input[type="button"][value=">"], input[type="button"][value=">|"], input[type="submit" i], main#content, span.controlbar_button_longText, table select{ color: #1f2b55; } .field input[type="text"]:not(:disabled), .field input[type="password"]:not(:disabled), .field input[type="date"]:not(:disabled), .field input[type="tel"]:not(:disabled), .field input[type="number"]:not(:disabled), .field input[type="email"]:not(:disabled), .field output:not(:disabled), .field textarea:not(:disabled) { color: #1f2b55; } footer p a[style="color:black;"] { color: #1f2b55 !important; } /* Allgemein */ body, button, .infoI, .standard_disabled, .infotext, .standard_number_disabled, .standard_number, .infotextfixed, .standard, .field select, table select, .field input[type=password], .field textarea, .field input[type=text] { font-family: HindMadurai,Helvetica,Arial,sans-serif !important; } .formheader_logo { margin-right: 0; } .block_content .infoI, .label_required { text-decoration: none; } #form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button:hover span { border-bottom: none; } #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before{ background-color: #357e85; } #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div span, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div span{ color: #357e85; } #form_pagenavigation.bullet #form_pagenavigation_currentPageTitle { color: #357e85; } a { color: #357e85; text-decoration: underline !important; } .repeatblock_action_control_bar button.deleteRepetition:before{ display: none; } .formheader_title h1 { font-size: 32px; font-weight: 500; line-height: 1.1; } .formheader_logo { margin-right: 0; width: 40%; } #egovernment { display: none; } .formheader_logo img { max-width: 350px; float: right; max-height:60px; } .ui-widget-content a { color: #357e85; } /* Ecken */ .controltype_radioButtonGroup fieldset.colCount1 .group_content_row:last-child .fieldradiolabel, .controltype_radioButtonGroup fieldset.colCount1 .group_content_row:last-child .radioButton_fixedPopup, .controltype_checkboxButton fieldset.colCount1 .group_content_row:last-child .fieldcheckboxlabel, .controltype_checkboxButton fieldset.colCount1 .group_content_row:last-child .fieldcheckboxlabel_error, .controltype_checkboxButtonGroup fieldset.colCount1 .group_content_row:last-child .fieldcheckboxlabel, .field input[type=number], .field output, .field input[type=date], .field input[type=password], .infotext header, .infotextfixed header, .infotext, .infoI, .block > fieldset > legend, .select2-container--default .select2-selection--multiple, .block button, .repeatblock_control_bar button, .commonButtons button, .asButton, .field input[type=text], .field input[type=tel], .field textarea, .block, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .radioButton_fixedPopup, .controltype_radioButtonGroup fieldset.colCount1 .group_content_row:last-child .fieldradiolabel, .field select, table select, .field button.datepicker, td button.datepicker, td button.datepicker:hover, .finishedWrapper, .select2-container--default .select2-selection--single, .infotextfixed, .blockGroup.lastOfBlockGroup + .repeatblock_control_bar, .repeattable_control_bar, .ui-dialog.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-tl, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .fieldradiolabel, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .radioButton_fixedPopup, .controltype_CKEditor .cke, #confirm_explanation, #final_note, #cm_form_data .block, #cm_form_data .cm_block, .select2-dropdown, .blockGroup.repeatableBlock + .repeatblock_control_bar .subcolumns, #controlbar button, #controlbar .controlbar_button, #controlbar .controlbar_menu ul, .confirmation #controlbar .controlbar_button .default_action, .ui-corner-all, #next, .block > fieldset > .legend, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .fieldradiolabel, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .radioButton_fixedPopup, .controltype_checkboxButton fieldset.colCount1 legend + .group_content_row .fieldcheckboxlabel, .controltype_checkboxButton fieldset.colCount1 legend + .group_content_row .fieldcheckboxlabel_error, .controltype_checkboxButtonGroup fieldset.colCount1 legend + .group_content_row .fieldcheckboxlabel{ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .blockGroup.firstRepetition, .repeatableBlock:not(.separateRepetitions) .repeatblock_separator_line { border-top: none !important; border-bottom: none !important; } /* Navigator */ /* aktuelle Seite */ #form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button:hover span { border-bottom: 1px solid #357e85; }#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div:after { border-left-color: #357e85; }#form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before, #form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div span, #form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent .pageGroupCounter{ background-color: #357e85; }#form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div span, #form_pagenavigation.bullet .navigatorOverlay button{ color: #357e85; font-weight: bold; }#form_pagenavigation.bullet .navigatorOverlay { border: 1px solid #357e85; } /* besuchte Seiten */ #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div span, #form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.nextPageWasVisited div:after, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div span, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore .pageGroupCounter, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div span, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited .pageGroupCounter{ background-color: #eeeeee; color: #333333; }#form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div span { color: #eeeeee; }#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div:after, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div:after{ border-left-color: #eeeeee; } /* Buttons */ #controlbar button:hover:not(:disabled), #controlbar button:focus:not(:disabled), .block button:hover:not(:disabled), .block button:focus:not(:disabled), .repeatblock_control_bar button:hover:not(:disabled), .repeatblock_control_bar button:focus:not(:disabled), .commonButtons button:hover:not(:disabled), .commonButtons button:focus:not(:disabled), .asButton:hover:not(:disabled), .asButton:focus:not(:disabled),#controlbar .controlbar_menu ul li button:hover, #controlbar .controlbar_menu ul li button:focus, input[type="button"][value="|<"]:hover,input[type="button"][value="<"]:hover,input[type="button"][value=">"]:hover,input[type="button"][value=">|"]:hover, .radioGroup_buttonClassicFixed .fieldradiolabel:hover, #controlbar button:hover, input[type="submit" i]:hover{ background-color: #777770; text-decoration: none; background-image: none; color: white; text-shadow: none; } .block button, .repeatblock_control_bar button, .commonButtons button, .asButton, .field button.datepicker, input[type="button"][value="|<"],input[type="button"][value="<"],input[type="button"][value=">"],input[type="button"][value=">|"], .radioGroup_buttonClassicFixed .fieldradiolabel, #controlbar button, input[type="submit" i]{ background-color: #dbdbdb; background-image: none; text-decoration: none; color: black; text-shadow: none; border: 1px solid #cccccc; } .radioGroup_buttonAlternateFixed .group_cell:hover .radioButton_fixedPopup, .radioGroup_buttonAlternateFixed .table_group_content_row label:hover .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .group_cell:hover .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .table_group_content_row label:hover .radioButton_fixedPopup { text-decoration: none; text-shadow: none; } .radioGroup_buttonClassicDynamic .fieldradiolabel, .radioGroup_buttonClassicFixed .fieldradiolabel, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_tableFix { color: white; background-image: none; box-shadow: none; } .radioGroup_buttonClassicFixed .fieldradiolabel{ color: black; } #controlbar button.default_action:not(:disabled), #controlbar button.highlight:not(:disabled), .block button.default_action:not(:disabled), .block button.highlight:not(:disabled), .repeatblock_control_bar button.default_action:not(:disabled), .repeatblock_control_bar button.highlight:not(:disabled), #controlbar button.default_action:not(:disabled), .commonButtons button.highlight:not(:disabled), .asButton.highlight:not(:disabled) { background-image: none; background-color: #357e85; border-color: #357e85; } #controlbar button.default_action:hover:not(:disabled), #controlbar button.default_action:focus:not(:disabled), #controlbar button.highlight:hover:not(:disabled), #controlbar button.highlight:focus:not(:disabled), .block button.default_action:hover:not(:disabled), .block button.default_action:focus:not(:disabled), .block button.highlight:hover:not(:disabled), .block button.highlight:focus:not(:disabled), .repeatblock_control_bar button.default_action:hover:not(:disabled), .repeatblock_control_bar button.default_action:focus:not(:disabled), .repeatblock_control_bar button.highlight:hover:not(:disabled), .repeatblock_control_bar button.highlight:focus:not(:disabled), .commonButtons button.default_action:hover:not(:disabled), .commonButtons button.default_action:focus:not(:disabled), .commonButtons button.highlight:hover:not(:disabled), .commonButtons button.highlight:focus:not(:disabled), .asButton.highlight:hover:not(:disabled), .asButton.highlight:focus:not(:disabled){ background-color: #357e85; } /* Blöcke */ .blockGroup:not(.firstOfBlockGroup):not(.hideBlockLegend) > fieldset > .legend{ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: white; background-image: none; } .blockGroup:not(.firstOfBlockGroup):not(.hideBlockLegend) > fieldset > .legend { color: black; } .repeattable_control_bar, .finishedWrapper, .block, .block_table_content, .block_content, .blockGroup:not(.lastOfBlockGroup) + .repeatblock_control_bar, .blockGroup.lastOfBlockGroup + .repeatblock_control_bar { border-bottom: none; border-top: none; border-left: none; border-right: none; background-color: #eeeeef; } .blockGroup.repeatableBlock + .repeatblock_control_bar .subcolumns { border-top: none; } .block > fieldset > .legend { border-bottom: none; color: black; background-color: white; background-image: none; } .block > fieldset > .legend .block-header { display: block; float: left; padding: 0.5em 0.5em 0.1em 0; } h3 { font-size: 24px; } .row:hover, .block_table tbody tr:hover { background-color: transparent; } .block_header_minmax_container a { border-bottom: none; border-left: none; } .repeattable_control_bar, .finishedWrapper, .block, .block_table_content, .block_content, .blockGroup:not(.lastOfBlockGroup) + .repeatblock_control_bar, .blockGroup.lastOfBlockGroup + .repeatblock_control_bar { margin-top: 0; } /* Tabelle */ table.block_table { margin-top: 10px; } .repCheckAllButtonWrapper > span:before, .repUncheckAllButtonWrapper > span:before, .repExpandBlockButtonWrapper > span:before, .repCollapseBlockButtonWrapper > span:before { background-color: #dbdbdb; color: black; border: 1px solid #cccccc; padding-top: 2px; } table input[type="text"] { border: 1px solid #bbbbbb; padding: 0.42em 0.2em; font-size: 1em; } /* Infos */ .infotext, .infotextfixed { border: #357e85; background-color: #b9ebf0; } .block > fieldset > .legend .infoI { border: none; padding: 5px; } .block_content .infoI { padding: 0.48em 0; } thead .infoI{ text-decoration: none; border: none; padding: 5px !important; } .infoI, .infotext header, .infotextfixed header { background-image: none; background-color: #357e85; } .closefixedinfo { color: #357e85; } /* Felder */ .field :disabled, .standard_disabled, .standard_number_disabled { background-color: transparent; border: 1px solid #bbbbbb; color: black; } .field input[type=text], .field textarea { padding: 0.42em 1em; } .radio_wrap input:checked ~ .radio_rplc { background-color: #357e85; box-shadow: inset 0 0 0.2em 0.1em #357e85; } /*Farbiger Rand bei hover & focus*/ .field input[type=text]:not(:disabled):hover, .field textarea:not(:disabled):hover, .field select:not(:disabled):hover, .field input[type=text]:not(:disabled):focus, .field textarea:not(:disabled):focus, .field select:not(:disabled):focus, .radio_wrap:hover input:not(:checked):not(:disabled) ~ .radio_rplc, .radio_wrap:focus input:not(:checked):not(:disabled) ~ .radio_rplc, .check_wrap:hover input:not(:checked):not(:disabled) ~ .check_rplc, .check_wrap:focus input:not(:checked):not(:disabled) ~ .check_rplc, .check_wrap:focus-within input:not(:checked):not(:disabled) ~ .check_rplc{ box-shadow: 0 0 0.2em 0.1em rgb(53 126 133); } input:focus-visible, select:focus-visible{ outline: none; } /*Datepicker*/ .field button.datepicker img { visibility: hidden; } .field button.datepicker:before { background-image: url('../images/STBH_datepicker_blue.png'); background-repeat: no-repeat; background-position: center; background-size: 15px; content: ' '; display: block; height: 100%; width: 100%; } .field button.datepicker:hover:before { background-image: url('../images/STBH_datepicker_white.png'); } /*fix: Felder mit Datepicker und Info I*/ .fieldwidth100.withInfo .field input.withDatepicker { width: calc(100% - 4.1em)!important; } /* Radios mit Hilfen */ .labelLong.controltype_radioGroup.withInfo .label label { width: unset; } .controltype_radioGroup.withInfo:not(.labelLong) .infotextfixed, .controltype_radioGroup.withInfo:not(.labelLong) .infotext { position: absolute; z-index: 1; } @media (min-width: 901px){ .controltype_radioGroup.withInfo:not(.labelLong) .infotextfixed, .controltype_radioGroup.withInfo:not(.labelLong) .infotext { width: 800px !important; } } /* Autocomplete */ .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; padding: 0.43em 3em 0.43em 0.5em; font-size: 1em; height: 32px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 13px; padding-right: 30px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: black; } .select2-container .select2-selection--single { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 0.8em) 0.9em, calc(100% - 0.25em) 0.9em, calc(100% - 1.75em) 0.0em; background-size: 0.6em 0.6em, 0.6em 0.6em, 1px 2.4em; background-repeat: no-repeat; border-radius: 0; padding: 0; border: 1px solid #bbbbbb; } .select2-selection__arrow { display: none; } .select2-results__option { padding: 0 8px; } /* Hilfen*/ .infotext a:hover, .infotext a:focus, .infotextfixed a:hover, .infotextfixed a:focus { text-shadow: none; } .label .info { margin-left: 10px; } /*Dateien hochladen*/ #note { display: none; } a:-webkit-any-link { text-decoration: none; } form[name="uploadAttachments"] fieldset { background-color: #eeeeef; border: none; } form[name="uploadAttachments"] .c50l { display: none; } form[name="uploadAttachments"] input[type="submit" i] { height: 30px; width: 80px; margin: 0.3% 47%; } /*Gesperrte Felder l?ngen fix*/ .field input.fieldwidth50, .field input.fieldwidth50_disabled{ width: 50%; } .field input.fieldwidth100, .field input.fieldwidth100_disabled { width: 100%; } /*Ausgeblendete Felder in der linken spalte nehmen keinen platz mehr ein*/ .ajaxplaceholder.fieldwidthXX { display: none !important; } /* Fix f?r die 17% Spaltenbreite beim Boolean/String Feld */ #block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .label { width: 83%; } #block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .label label { margin-left: 0; } #block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .field { width: 17%; } /*#block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .label_required { position: absolute; top: 0.5em; left: 2.5em; }*/ /*Kontrollseite*/ .cm_label, .cm_value, .cm_data_table_html, .cm_data_table_value { word-break: break-word; } td.cm_data_table_html { padding: 0.5em 0 0 2em; } .block_content { padding: 1em 0 0 0; } .hideBlockLegend .block_content { padding-top: 0; } /*Selectbreite select.fieldwidthLimit { max-width: 100%; width: -webkit-fit-content; } .cell_error .field select { max-width: 100%; }*/ /***************************************/ /**** Anpassungen von Nenad - Start ****/ /***************************************/ /* Layout Anpassung Fixed Info "X" (Layoutfehler 2) Start*/ .closefixedinfo:before { font-family: Helvetica,Arial,sans-serif; content: "X"; } /* Layout Anpassung Fixed Info "X" (Layoutfehler 2) Ende*/ /* Layout Anpassung Checkbox (Layoutfehler 3) Start*/ @media screen and (min-width: 901px){ .labelAttach .attachedLabel { left: 1.5em; top: 0.1em; } } /* Layout Anpassung Checkbox (Layoutfehler 3) Ende*/ /* Layout Anpassung Fixed outline-color error select-field (Layoutfehler 5) Start*/ .cell_error .field select { border-color: #bbbbbb; } /* Layout Anpassung Fixed outline-color error select-field (Layoutfehler 5) Ende*/ /* Layout Anpassung Fixed Controlpage Heading (Layoutfehler 6) Start*/ #cm_form_data .cm_block h4 { color: #333333; } /* Layout Anpassung Fixed Controlpage Heading (Layoutfehler 6) Ende*/ /* Eigene Layoutanpassung Fixed - Fehlermeldung Beilagen/File-Feld vor Fehlermeldung Start*/ .controltype_advancedFile .field .field_file_cell { order: 0; } /* Eigene Layoutanpassung Fixed - Fehlermeldung Beilagen/File-Feld vor Fehlermeldung Ende*/ /**************************************/ /**** Anpassungen von Nenad - Ende ****/ /**************************************/ /** Neue Anpassung von Nenad 26.05.2020 | Label bei GruppenCheckboxen rutschen in die Checkbox. Anfang **/ /** Neue Anpassung von Nenad 26.05.2020 | Label bei GruppenCheckboxen rutschen in die Checkbox. Ende **/ .dialogButton:not(:disabled), .dialogButton:hover:not(:disabled), .dialogButton:focus:not(:disabled){ background: #357e85; border: 1px #357e85 solid; }:root { --base-font-size: 12pt; --block-header-top-color: white !important; --block-header-btm-color: white !important; --infoI-top-color: #357e85; --infoI-btm-color: #357e85; --infoText-header-top-color: var(--infoI-top-color); --infoText-header-btm-color: var(--infoI-btm-color); --ctrlbar-default-top-color: #357e85; --ctrlbar-default-btm-color: #357e85; --navigation-highlight-color: #357e85; --navigation-lighter-color: #75AEDF; } /* Allgemein */ body, button, .infoI, .standard_disabled, .infotext, .standard_number_disabled, .standard_number, .infotextfixed, .standard, .field select, table select, .field input[type=password], .field textarea, .field input[type=text] { font-family: HindMadurai,Helvetica,Arial,sans-serif !important; } .block_content .infoI, .label_required { text-decoration: none; } .repeatblock_action_control_bar button.deleteRepetition:before{ display: none; } /*Header*/ .formheader_logo { margin-right: 0; } .formheader_title h1 { font-size: 32px; font-weight: 500; line-height: 1.1; } .formheader_logo { margin-right: 0; width: 40%; } #egovernment { display: none; } .formheader_logo img { max-width: 350px; float: right; max-height:60px; } .ui-widget-content a { color: #357e85; } /*Farbe Navigationsleiste*/ #form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button:hover span { border-bottom: none; } #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before{ background-color: #357e85; } #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div span, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div span{ color: #357e85; } #form_pagenavigation.bullet #form_pagenavigation_currentPageTitle { color: #357e85; } a { color: #357e85; text-decoration: underline !important; } /* Ecken */ .infotext header, .infotextfixed header, .infotext, .infoI, .block > fieldset > legend, .block button, .repeatblock_control_bar button, .commonButtons button, .asButton, .field input[type=text], .field textarea, .block, .field select, table select, .field button.datepicker, #controlbar button, #controlbar .controlbar_button, #controlbar .controlbar_menu ul, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .radioButton_fixedPopup, .controltype_radioButtonGroup fieldset.colCount1 .group_content_row:last-child .fieldradiolabel, .finishedWrapper, #controlbar .controlbar_menu ul, .select2-container--default .select2-selection--single, .infotextfixed, .blockGroup.lastOfBlockGroup + .repeatblock_control_bar, .repeattable_control_bar, .ui-dialog.ui-corner-all, .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl, .ui-corner-top, .ui-corner-right, .ui-corner-tr, .ui-corner-tl, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .fieldradiolabel, .controltype_radioButtonGroup fieldset.colCount1 legend + .group_content_row .radioButton_fixedPopup, .controltype_CKEditor .cke, #confirm_explanation, #final_note, #cm_form_data .block, #cm_form_data .cm_block, .confirmation #controlbar .controlbar_button .default_action, .select2-dropdown, .blockGroup.repeatableBlock + .repeatblock_control_bar .subcolumns{ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .blockGroup.firstRepetition, .repeatableBlock:not(.separateRepetitions) .repeatblock_separator_line { border-top: none !important; border-bottom: none !important; } /**Allgemein - Ende**/ /* Buttons - Anfang*/ /*Buttons Grau*/ #controlbar button:hover:not(:disabled), #controlbar button:focus:not(:disabled), .block button:hover:not(:disabled), .block button:focus:not(:disabled), .repeatblock_control_bar button:hover:not(:disabled), .repeatblock_control_bar button:focus:not(:disabled), .commonButtons button:hover:not(:disabled), .commonButtons button:focus:not(:disabled), .asButton:hover:not(:disabled), .asButton:focus:not(:disabled),#controlbar .controlbar_menu ul li button:hover, #controlbar .controlbar_menu ul li button:focus, input[type="button"][value="|<"]:hover,input[type="button"][value="<"]:hover,input[type="button"][value=">"]:hover,input[type="button"][value=">|"]:hover, .radioGroup_buttonClassicFixed .fieldradiolabel:hover, #controlbar button:hover, input[type="submit" i]:hover{ background-color: #777770; text-decoration: none; background-image: none; color: white; text-shadow: none; } .block button, .repeatblock_control_bar button, .commonButtons button, .asButton, .field button.datepicker, input[type="button"][value="|<"],input[type="button"][value="<"],input[type="button"][value=">"],input[type="button"][value=">|"], .radioGroup_buttonClassicFixed .fieldradiolabel, #controlbar button, input[type="submit" i]{ background-color: #dbdbdb; background-image: none; text-decoration: none; color: black; text-shadow: none; border: 1px solid #cccccc; } .radioGroup_buttonAlternateFixed .group_cell:hover .radioButton_fixedPopup, .radioGroup_buttonAlternateFixed .table_group_content_row label:hover .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .group_cell:hover .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .table_group_content_row label:hover .radioButton_fixedPopup { text-decoration: none; text-shadow: none; } .radioGroup_buttonClassicDynamic .fieldradiolabel, .radioGroup_buttonClassicFixed .fieldradiolabel, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_fixedPopup, .radioGroup_buttonClassicFixed .fieldradiolabel .radioButton_tableFix { color: white; background-image: none; box-shadow: none; } .radioGroup_buttonClassicFixed .fieldradiolabel{ color: black; } /*Button Blau*/ #controlbar button.default_action:not(:disabled), #controlbar button.highlight:not(:disabled), .block button.default_action:not(:disabled), .block button.highlight:not(:disabled), .repeatblock_control_bar button.default_action:not(:disabled), .repeatblock_control_bar button.highlight:not(:disabled), #controlbar button.default_action:not(:disabled), .commonButtons button.highlight:not(:disabled), .asButton.highlight:not(:disabled) { background-image: none; background-color: #357e85; border-color: #357e85; } #controlbar button.default_action:hover:not(:disabled), #controlbar button.default_action:focus:not(:disabled), #controlbar button.highlight:hover:not(:disabled), #controlbar button.highlight:focus:not(:disabled), .block button.default_action:hover:not(:disabled), .block button.default_action:focus:not(:disabled), .block button.highlight:hover:not(:disabled), .block button.highlight:focus:not(:disabled), .repeatblock_control_bar button.default_action:hover:not(:disabled), .repeatblock_control_bar button.default_action:focus:not(:disabled), .repeatblock_control_bar button.highlight:hover:not(:disabled), .repeatblock_control_bar button.highlight:focus:not(:disabled), .commonButtons button.default_action:hover:not(:disabled), .commonButtons button.default_action:focus:not(:disabled), .commonButtons button.highlight:hover:not(:disabled), .commonButtons button.highlight:focus:not(:disabled), .asButton.highlight:hover:not(:disabled), .asButton.highlight:focus:not(:disabled){ background-color: #357e85; } /**Datepicker**/ td button.datepicker, td button.datepicker:hover { border-color: #aaaaaa; background: #dddddd; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em; width: 2.4em; height: 2.35em; padding: 0; border-left: 1px solid #aaaaaa; margin-top: -3px; } td button.datepicker img, td button.datepicker:hover img { height: 1em; } /** Label bei GruppenCheckboxen rutschen in die Checkbox. **/ .dialogButton:not(:disabled), .dialogButton:hover:not(:disabled), .dialogButton:focus:not(:disabled){ background: #357e85; border: 1px #357e85 solid; } /**Button - Ende**/ /* Blöcke - Anfang*/ /*Hintergrund Blöcke*/ .blockGroup:not(.firstOfBlockGroup):not(.hideBlockLegend) > fieldset > .legend{ border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-color: white; background-image: none; } .blockGroup:not(.firstOfBlockGroup):not(.hideBlockLegend) > fieldset > .legend { color: black; } .repeattable_control_bar, .finishedWrapper, .block, .block_table_content, .block_content, .blockGroup:not(.lastOfBlockGroup) + .repeatblock_control_bar, .blockGroup.lastOfBlockGroup + .repeatblock_control_bar { border-bottom: none; border-top: none; border-left: none; border-right: none; background-color: #eeeeef; } .blockGroup.repeatableBlock + .repeatblock_control_bar .subcolumns { border-top: none; } /*Überschrift*/ .legend h3 { font-family: HindMadurai-SemiBold !important; } .block > fieldset > .legend { border-bottom: none; color: black; background-color: white; background-image: none; } .block > fieldset > .legend .block-header { display: block; float: left; padding: 0.5em 0.5em 0.1em 0; } h3 { font-size: 24px; } .row:hover, .block_table tbody tr:hover { background-color: #da171700; } .block_header_minmax_container a { border-bottom: none; border-left: none; } .repeattable_control_bar, .finishedWrapper, .block, .block_table_content, .block_content, .blockGroup:not(.lastOfBlockGroup) + .repeatblock_control_bar, .blockGroup.lastOfBlockGroup + .repeatblock_control_bar { margin-top: 0; } .dialogButton:hover:not(:disabled), .dialogButton:focus:not(:disabled) { text-decoration: underline; } .cm_data_table_label { vertical-align: top; } /** Um Abstände zu Blocküberschrift bei html Feldern zu verringern **/ .field .standard_html { margin: 0; } .dialogButton:hover:not(:disabled), .dialogButton:focus:not(:disabled) { text-decoration: underline; } .cm_data_table_label { vertical-align: top; } /**Blöcke - Ende**/ /* Tabelle - Anfang*/ table.block_table { margin-top: 10px; } .repCheckAllButtonWrapper > span:before, .repUncheckAllButtonWrapper > span:before, .repExpandBlockButtonWrapper > span:before, .repCollapseBlockButtonWrapper > span:before { background-color: #dbdbdb; color: black; border: 1px solid #cccccc; padding-top: 2px; } /*Felder in Tabelle*/ table input[type="text"] { border: 1px solid #bbbbbb; padding: 0.42em 0.2em; font-size: 1em; } table.block_table tbody td { font-weight: 400; } /*Info in Tabelle*/ thead label.fieldlabel { width: calc(100% - 30px); display: inline-block; } thead td { vertical-align: top !important; } table.block_table td div.table_column_help { float: right; margin-right: 0; } /**Tabelle - Ende**/ /* Infos - Anfang*/ /*Info Textfeld*/ .block > fieldset > .legend .infoI { border: none; padding: 5px; } .block_content .infoI { padding: 0.48em 0; } /*Info I*/ thead .infoI{ text-decoration: none; border: none; padding: 5px !important; } .infoI, .infotext header, .infotextfixed header { background-image: none; background-color: #357e85; } .closefixedinfo { color: #357e85; } /* Hilfen*/ .infotext a:hover, .infotext a:focus, .infotextfixed a:hover, .infotextfixed a:focus { text-shadow: none; } .label .info { margin-left: 10px; } /* Layout Anpassung Fixed Info "X" (Layoutfehler 2) Start*/ .closefixedinfo:before { font-family: Helvetica,Arial,sans-serif; content: "X"; } /* Layout Anpassung Fixed Info "X" (Layoutfehler 2) Ende*/ /*Info - Ende*/ /* Felder - Anfang*/ .field :disabled, .standard_disabled, .standard_number_disabled { background-color: transparent; border: 1px solid #bbbbbb; color: black; } .field input[type=text], .field textarea { padding: 0.42em 1em; } .radio_wrap input:checked ~ .radio_rplc { background-color: #357e85; box-shadow: inset 0 0 0.2em 0.1em #357e85; } /*fix: Felder mit Datepicker und Info I*/ .fieldwidth100.withInfo .field input.withDatepicker { width: calc(100% - 4.1em)!important; } /* Radios mit Hilfen */ .labelLong.controltype_radioGroup.withInfo .label label { width: unset; } .controltype_radioGroup.withInfo:not(.labelLong) .infotextfixed, .controltype_radioGroup.withInfo:not(.labelLong) .infotext { position: absolute; z-index: 1; } @media (min-width: 901px){ .controltype_radioGroup.withInfo:not(.labelLong) .infotextfixed, .controltype_radioGroup.withInfo:not(.labelLong) .infotext { width: 800px !important; } } /* Autocomplete */ .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; padding: 0.43em 3em 0.43em 0.5em; font-size: 1em; height: 32px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 13px; padding-right: 30px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: black; } .select2-container .select2-selection--single { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 0.8em) 0.9em, calc(100% - 0.25em) 0.9em, calc(100% - 1.75em) 0.0em; background-size: 0.6em 0.6em, 0.6em 0.6em, 1px 2.4em; background-repeat: no-repeat; border-radius: 0; padding: 0; border: 1px solid #bbbbbb; } .select2-selection__arrow { display: none; } .select2-results__option { padding: 0 8px; } /*Dateien hochladen*/ #note { display: none; } a:-webkit-any-link { text-decoration: none; } form[name="uploadAttachments"] fieldset { background-color: #eeeeef; border: none; } form[name="uploadAttachments"] .c50l { display: none; } form[name="uploadAttachments"] input[type="submit" i] { height: 30px; width: 80px; margin: 0.3% 47%; } /*Gesperrte Felder l?ngen fix*/ .field input.fieldwidth50, .field input.fieldwidth50_disabled{ width: 50%; } .field input.fieldwidth100, .field input.fieldwidth100_disabled { width: 100%; } /*Ausgeblendete Felder in der linken spalte nehmen keinen platz mehr ein*/ .ajaxplaceholder.fieldwidthXX { display: none !important; } /* Fix f?r die 17% Spaltenbreite beim Boolean/String Feld */ #block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .label { width: 83%; } #block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .label label { margin-left: 0; } #block_SA_A8_2_LBA_Erklaerung_V1_0\.row_1 .field { width: 17%; } /* Layout Anpassung Checkbox (Layoutfehler 3) Start*/ @media screen and (min-width: 901px){ .labelAttach .attachedLabel { left: 1.5em; top: 0.1em; } } /* Layout Anpassung Checkbox (Layoutfehler 3) Ende*/ /* Layout Anpassung Fixed outline-color error select-field (Layoutfehler 5) Start*/ .cell_error .field select { border-color: #bbbbbb; } /* Layout Anpassung Fixed outline-color error select-field (Layoutfehler 5) Ende*/ /** Reduzierung des Abstandes nach einem HTML-Feldes Nur gültig bei im Block angegebener Feldtyp-Eigenschaft "Ignorieren" **/ .controltype_html.noLabel .label { display: none; } /*Felder - Ende*/ /*Fehlermeldung - Anfang*/ /* Eigene Layoutanpassung Fixed - Fehlermeldung Beilagen/File-Feld vor Fehlermeldung Start*/ .controltype_advancedFile .field .field_file_cell { order: 0; } /* Eigene Layoutanpassung Fixed - Fehlermeldung Beilagen/File-Feld vor Fehlermeldung Ende*/ /*Fehlermeldung - Ende*/ /*Kontrollseite*/ .cm_label, .cm_value, .cm_data_table_html, .cm_data_table_value { word-break: break-word; } td.cm_data_table_html { padding: 0.5em 0 0 2em; } .block_content { padding: 1em 0 0 0; } .hideBlockLegend .block_content { padding-top: 0; } .cm_row { padding: 0 20px; } .cm_row * { word-break: break-word; } /* Layout Anpassung Fixed Controlpage Heading (Layoutfehler 6) Start*/ #cm_form_data .cm_block h4 { color: #333333; } /* Layout Anpassung Fixed Controlpage Heading (Layoutfehler 6) Ende*/ /* für Sprachauswahl im Formular - AFS 2025 */ .translation_selector_area .showTranslations ul li.current { background-image: linear-gradient(to bottom, #357e85 0%, #357e85 100%); } .translation_selector_area .translation_selector { color: #1f2b55; } .translation_selector_area .showTranslations ul li .languageCode { color: #1f2b55; } .translation_selector_area .showTranslations button > * { color: #1f2b55; }