@charset "UTF-8";

:root {
    --schwarz: #212121;
    --rot: #ff2848;
    --weiss: #ffffff;
    --hellgrau: #efefef;
    --grau: #ddd;
    --border: #ccc;
    --grid: #c6daeb;

    --blau: #67abf1;
    --hellblau: #99c9f7;
    --active: #212121;

    --testing: #888888;
    --konzept: #67abf1;
    --endfassung: #01A739;
}



.dijitChecked,
.dgrid .dgrid-selected {
    background-color: var(--hellblau) !important;
}

body,
html {
    font-family: sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: .95rem;
    background: var(--weiss);
    color: var(--schwarz);
}

#stack_container_main {
    width: 100%;
    height: 100%;
    margin: 0;
}

.spinner-size {
    font-size: 400px;
    color: var(--grau);
}

#ueberschrift {
    line-height: 21px;
    padding-bottom: 2px;
}

.lparent {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
}

.lparent>div {
    display: inline-block;
    padding: 0.5rem;
}

/******************************************************
    search
******************************************************/
.dijitTextBox .dijitInputField .dijitPlaceHolder,
.dijitTextBox .dijitInputInner,
.dijitValidationTextBox .dijitValidationContainer {
    padding: 4px;
    border-radius: 5px;
    color: var(--schwarz);
}

.filter-box,
.search-box {
    width: 180px;
    margin-left: 10px;
    border-radius: 5px;
    background-color: var(--weiss);
}

.filter-box .dijitPlaceHolder,
.search-box .dijitPlaceHolder {
    display: block;
    width: 92%;
    text-align: left;
    cursor: text;
    background-image: url("../Images/lupe-black.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 19px auto;
}

#widget_SearchBox1 {
    padding-left: 10px;
}

/******************************************************
    link
******************************************************/
a,
a:link {
    text-decoration: none;
    color: var(--blau);
}

a:visited {
    text-decoration: none;
    color: var(--grid);
}

a:hover {
    text-decoration: underline;
    color: var(--rot);
}

a:active {
    text-decoration: underline;
    color: var(--rot);
}

/******************************************************
    color
******************************************************/
.on {
    color: var(--active);
}

.off {
    color: var(--grau);
}

:focus {
    outline: 0;
}

.red,
.error {
    color: var(--rot) !important;
}

.ok {
    color: var(--endfassung) !important;
}

.bg_error {
    background-color: var(--rot) !important;
    padding: 5px 30px;
    color: var(--weiss);
}

.bg_ok {
    background-color: var(--endfassung) !important;
    padding: 5px 30px;
    color: var(--weiss);
}

.dijitTabContent .fa,
.dijitTabContent .far {
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.bold {
    font-weight: bold;
}

.blau {
    color: var(--blau);
}

.rot,
.rot2 {
    color: var(--rot);
}

.test {
    color: var(--testing);
}

.grau {
    color: var(--grau);
}

.konzept {
    color: var(--konzept);
}

.endfassung,
.gruen {
    color: var(--endfassung);
}

.active {
    color: var(--active);
}

.nuhhelp {
    color: var(--blau);
}

.pointer {
    cursor: pointer;
}

.center_icon {
    margin: 1px 5px 0;
    padding: 0;
}

.stammdaten_cellsize_select .dijitMenuItemLabel {
    padding: 5px !important;
}

.logo {
    display: block;
    width: 180px;
    height: 32px;
    background-image: url("../Icons/ext-icon.png");
    background-repeat: no-repeat;
    background-size: auto 32px;
    text-align: right;
    line-height: 34px;
    font-weight: bold;
    color: var(--blau);
}

.help {
    position: relative;
    top: -5px;
    left: 5px;
    color: var(--weiss);
    font-size: 1em;
}

.help_on {
    visibility: visible;
}

.help_off {
    visibility: hidden;
}

.right {
    text-align: right;
}

.bg-schwarz {
    background-color: var(--schwarz) !important;
}

.dgrid-row-odd .bg-grau {
    background-color: #f0f7fe !important;
}

.dgrid-row-even .bg-grau {
    background-color: #ddebfc !important;
}

.bg-grau {
    background-color: var(--grau) !important;
}

.center-box {
    margin: auto !important;
}

/******************************************************
    general layout
******************************************************/
.dijitDialogPaneActionBar,
.right {
    text-align: right;
}

.subheader {
    line-height: 80px !important;
    height: 80px !important;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    padding: 5px;
    color: #999;
}

.dijitToolbar {
    padding: 3px;
    background: #eee;
    margin-bottom: 10px;
}

#menu_projekte {
    border-bottom: 1px solid var(--schwarz);
    height: 62px;
    line-height: 62px;
}

#cp_upload_response {
    height: 90px;
    line-height: 24px;
    padding: 10px 50px;
}

#cp_base_top {
    text-align: center;
}

#bc_projekte_aktive {
    padding-top: 20px;
}

#cp_auftraggeber_top,
#cp_projekte_allgemein_top {
    margin: 20px 0 1px;
}

#cp_projekte_aktive_title {
    text-align: center;
    height: 62px;
    line-height: 62px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    background: var(--blau);
    color: var(--weiss);
    border-bottom: 1px solid var(--blau);
}

#cp_base_top_title {
    background-color: transparent;
    font-weight: bold;
    text-align: center;
    line-height: 74px;
    height: 74px;
    overflow: hidden;
    font-size: 1.8em;
}

.center-layout {
    overflow: hidden;
    padding: 50px;
}

.margin-50-lr {
    margin-left: 50px;
    margin-right: 50px;
}

.margin-50-t {
    margin-top: 50px;
}

.mr-5 {
    margin-right: 5px;
}

#cp_base_left,
#cp_base_right {
    width: 200px;
    cursor: pointer;
}

.leftmenu_text {
    margin-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    width: 246px;
    display: block;
    float: right;
}

#methoden_filter_popup_dropdown {
    width: 130px;
}

/* grid */
.center {
    text-align: center !important;
}

.deckblatt-adresse {
    height: 85px;
    width: 450px;
}

.width-30 {
    width: 30px;
}

.width-icon {
    cursor: pointer;
    width: 50px;
    text-align: center !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.width-50 {
    width: 50px;
}

.width-60 {
    width: 60px;
}

.width-80 {
    width: 80px;
}

.width-110 {
    width: 110px;
}

.width-130 {
    width: 130px;
}

.width-150 {
    width: 150px;
}

.width-300 {
    width: 300px;
}

.width-500 {
    width: 500px;
}

.width-600 {
    width: 600px;
}

.stammdaten_cellsize,
.stammdaten_cellsize_select {
    width: 300px !important;
}

.stammdaten_cellsize_select .dijitButtonContents {
    width: 280px !important;
}

.no-border-r {
    border-right: 0;
}

.select_orientierung {
    padding: 2px;
    font-size: 86%;
}

.margin-right-10 {
    margin-right: 10px;
}

.no-padding-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.no-padding-lr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.margin-1rem {
    margin: 1rem;
}

/******************************************************
  DIJIT
******************************************************/
.dijitButton,
.dijitComboButton,
.dijitDropDownButton,
.dijitToggleButton {
    margin: 0;
    vertical-align: middle;
}

.dijitDialog {
    overflow: hidden;
    padding: 25px;
}

.dijitButtonNode {
    margin: 1px;
    cursor: pointer;
    border: 0;
}

.dijitToolbar .dijitButton,
.dijitToolbar .dijitComboButton,
.dijitToolbar .dijitDropDownButton,
.dijitToolbar .dijitToggleButton {
    margin: 2px;
}

.title {
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px;
    margin: 10px;
    color: var(--blau);
}

.nothing-selected {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5rem;
    text-align: center;
    color: var(--rot);
}

.dijitDialogTitle {
    font-size: 1.8em;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    margin: 0;
    display: block;
    color: var(--blau);
}

.dijitMenuTable {
    min-width: 120px !important;
    max-width: 200px !important;
    top: 0 !important;
    cursor: pointer;
}

#menu_projekte_active_popup {
    width: 178px;
}

/******************************************************
  MENUBAR
******************************************************/
.dijitButton .dijitButtonText,
.dijitMenuItemSelected,
.dijitMenuPassive .dijitMenuItemHover {
    color: var(--schwarz);
    cursor: pointer;
    background-color: var(--blau);
    border-radius: 5px;
    padding: 0.5rem 1rem;
}

#cp_orientierung_typen .dijitMenuItem {
    font-size: 86% !important;
}

#topmenu {
    height: 60px;
    line-height: 60px;
    overflow: hidden;
    margin: 0;
    padding: 5px 15px;
    border-bottom: 1px solid var(--schwarz);
    background-image: url("./images/gutachten-logo2.png");
    background-position: 10px center;
    background-size: auto 70%;
    background-repeat: no-repeat;
}

.topmenu-selected {
    background-color: var(--blau);
    border-radius: 5px;
    margin: auto 5px;
}

/******************************************************
  TAB
******************************************************/
#tab_projekte_aktive_center_tablist {
    background: var(--weiss);
}

/******************************************************
  TABS
******************************************************/
.border-black {
    border: 1px solid var(--schwarz) !important;
}

.border-t-40 {
    border-top: 32px solid var(--schwarz) !important;
}

#methoden_filter_popup_dropdown {
    border: 1px var(--grid) solid;
    background: #eee;
}

.dijitMenuBar .diijtMenuItemLabel,
.dijitMenuBar .dijitMenuItem,
.dijitTab .tabLabel {
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.dijitTabContainerLeft-tabs {
    border: 0;
    float: left;
    width: 280px;
    border-top: 32px solid var(--schwarz) !important;
    border-right: 1px solid var(--schwarz);
}

.dijitTabContainerBottom-container,
.dijitTabContainerTop-container,
.dijitTabContainerLeft-container,
.dijitTabContainerRight-container {
    z-index: 0;
    overflow: hidden;
    border: 0;
}

/******************************************************
  FORM
******************************************************/
.dijitSelectLabel {
    width: 15em;
    vertical-align: middle;
    padding: 0.3rem;
}

.dijitTextBox {
    border: solid black 1px;
    vertical-align: middle;
    border-radius: 3px;
    padding: 0 3px;
}

/******************************************************
  GRIDS SPEZIELL
******************************************************/
#bc_projekte_aktive_top,
#cp_projekte_aktive_left,
#cp_projekte_aktive_menu {
    width: 300px;
}

.left-140 {
    width: 140px;
    text-align: left;
}

.grid-button {
    text-align: center;
    width: 50px;
}

#cp_p_basis_center {
    height: 238px;
}

#auftraggeber_menu {
    height: 32px;
    line-height: 34px;
}

#auftraggeber_menu_titel {
    width: 240px;
}

#auftraggeber_menu_titel:hover {
    background: transparent;
}

#cp_objects_left {
    width: 260px;
    padding: 0;
    border: 0;
}

#cp_orientierung_typen_colums {
    width: 40%;
}

#menu_allgemeine,
#menu_methoden,
#menu_objects,
#menu_orient_typen {
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    background-color: var(--hellblau);
    border-top: 1px solid var(--schwarz);
    border-left: 1px solid var(--schwarz);
}

table,
td,
th {
    border-collapse: separate;
}

.dijitComboBox .dijitArrowButtonInner,
.dijitSelect .dijitArrowButtonInner {
    background-image: url("../JavaScript/node_modules/dijit/themes/salam/form/images/commonFormArrows.png");
    background-position: -35px 53%;
    background-repeat: no-repeat;
    margin: 0;
    width: 16px;
}

.dijitSelect .dijitButtonContents {
    padding: 2px;
}

/******************************************************
    general from light
******************************************************/


#dialog_base {
    background-color: var(--weiss)FFF;
}

.dijitToolbarSeparator {
    width: 1px;
    border-left: 1px solid var(--schwarz);
}

/******************************************************
  WIDGETS DIJIT
******************************************************/
.dijitDialogUnderlay {
    background: #369;
    opacity: .5;
}

.dijitDialog {
    background: var(--weiss);
    border: 1px solid #DDDDDD;
}

.dijitSelectMenu {
    background-color: var(--weiss);
}

.dijitButtonHover,
.dijitDialogPaneActionBar .dijitButtonNode:hover,
.dijitTabHover {
    background: var(--grid);
    cursor: pointer;
}

#cp_base_top_title {
    background-color: transparent;
    color: var(--blau);
}


/******************************************************
  Dialog
******************************************************/
.dijitDialogUnderlay {
    background: var(--grid);
}

/******************************************************
  Tooltip
******************************************************/
/* Tooltip and TooltipDialog */
.dijitTooltip,
.dijitTooltipDialog {
    /* the outermost dom node, holding the connector and container */
    background: transparent;
    /* make the area on the sides of the arrow transparent */
}

.dijitTooltipBelow {
    /* leave room for arrow above content */
    padding-top: 13px;
    padding-left: 3px;
    padding-right: 3px;
}

.dijitTooltipAbove {
    /* leave room for arrow below content */
    padding-bottom: 13px;
    padding-left: 3px;
    padding-right: 3px;
}

.dijitTooltipContainer {
    /* the part with the text */
    background-color: #fff;
    background-image: -moz-linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
    background-image: -webkit-linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
    background-image: -o-linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
    background-image: linear-gradient(bottom, rgba(240, 240, 240, 0.1) 0px, var(--weiss)fff 10px);
    background-position: bottom;
    border: 1px solid #a6a6a6;
    padding: 6px 8px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    font-size: 1em;
    line-height: 1.5em;
    color: var(--schwarz);
}

.dijitTooltipConnector {
    /* the arrow piece */
    border: 0;
    z-index: 2;
    background-image: url("images/tooltip.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 14px;
}

.dj_ie6 .dijitTooltipConnector {
    background-image: url("images/tooltip8bit.png");
}

.dijitTooltipBelow .dijitTooltipConnector {
    /* the arrow piece for tooltips below an element */
    top: 0;
    left: 3px;
    background-position: -31px 0;
    width: 16px;
    height: 14px;
}

.dijitTooltipAbove .dijitTooltipConnector {
    /* the arrow piece for tooltips above an element */
    bottom: 0;
    left: 3px;
    background-position: -15px 0;
    width: 16px;
    height: 14px;
}

.dj_ie6 .dijitTooltipAbove .dijitTooltipConnector,
.dj_ie7 .dijitTooltipAbove .dijitTooltipConnector {
    bottom: -1px;
}

.dijitTooltipABRight .dijitTooltipConnector {
    /* above or below tooltip, but the arrow appears on the right,
		and the right edges of target and tooltip are aligned rather than the left.
		Override above rules for .dijitTooltipBelow, .dijitTooltipAbove */
    left: auto;
    right: 3px;
}

.dijitTooltipLeft {
    padding-right: 14px;
}

.dijitTooltipLeft .dijitTooltipConnector {
    /* the arrow piece for tooltips to the left of an element, bottom borders aligned */
    right: 0;
    background-position: 0 0;
    width: 16px;
    height: 14px;
}

.dijitTooltipRight {
    padding-left: 14px;
}

.dijitTooltipRight .dijitTooltipConnector {
    /* the arrow piece for tooltips to the right of an element, bottom borders aligned */
    left: 0;
    background-position: -48px 0;
    width: 16px;
    height: 14px;
}

/******************************************************
    PURE
******************************************************/
.nutzwert-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    color: var(--main-color);
    background-color: var(--weiss);
    border: 1px solid var(--schwarz);
    margin: 1rem;
}

.nutzwert-td {
    border-left: 1px solid var(--schwarz);
    border-bottom: 1px solid var(--schwarz);
    color: var(--schwarz) !important;
    margin: 0;
    overflow: visible;
    padding: 1rem 3rem;
}

.download_button {
    width: 220px;
    text-align: left;
}

#menu_textart_dropdown tr {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

#menu_textart_dropdown td {
    padding: 5px !important;
}