.calendar-table .weekend {
    background-color: rgb(242, 238, 238) !important; /* is #f2eeee */
}

.calendar-table .holiday {
    background-color: #fcf8e3 !important;
}

.calendar-table .td-fixed-width {
    width: 46px;
}

.calendar-table .no-bg {
    background-color: #fff !important;
}

th.calendar-table-today {
    background-color: #d7eaf8 !important;
}

/* SPIN BUTTONS FÜR NUMBER FELDER AUSBLENDEN */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}
/* ENDE SPIN BUTTONS FÜR NUMBER FELDER AUSBLENDEN */


.full-width-textarea {
    width: 100% !important; /* Stellt sicher, dass das textarea-Element die volle Breite einnimmt */
    box-sizing: border-box; /* Sorgt dafür, dass Padding und Border in der Breite enthalten sind */
}

#ibox-note * {
    width: 100%;
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border innerhalb der Breite enthalten sind */
}


/* PORTED FROM INDEX.PHP */
.wizard > .content > .body { position: relative; }

:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}


body {
    font-family:'Segoe UI',sans-serif !important;
}

.handle, .handle-room {
    cursor: grab;
}

.ghost-class {
    background-color: #b5ba60;
}



.ui-autocomplete {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;
}

.ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 3px 15px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #555555;
    white-space: nowrap;
}

&.ui-state-hover, &.ui-state-active {
    color: #ffffff;
    text-decoration: none;
    background-color: #0088cc;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
}

.ui-helper-hidden-accessible { position: absolute; left:-999em; }


body {
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: rgba(157, 163, 44, 0.75); /*#2f4050;*/
    font-size: 13px;
    color: #676a6c;
    overflow-x: hidden;
}

.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: #8a9116;
    color: white;
}

.nav > li > a {
    color: white;
    font-weight: 600;
}

.nav > li.active {
    border-left: 4px solid rgba(157, 163, 44, 0.75);
    background: #8a9116;
}

.nav-header {
    padding: 100px 25px 33px;
    background: url("patterns/header-fliesenbau.png") no-repeat;
}

.mini-navbar .nav-second-level {
    background-color: #b5ba60; /*#2f4050;*/
}

.select2 {
    width: 100%;
}


/* following rules only on mobile devices */
@media (max-width: 767px) {
    .wrapper-content {
        padding-left: 0;
        padding-right: 0;
    }

    #page-wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }

    .ibox-content {
        padding: 20px 5px 20px 5px;
    }

    .table-responsive {
        border: 0;
    }
}


/* TABLE FIRST COLUMN STICKY */
#table-container th, #table-container td, #human-resources-table-container th, #human-resources-table-container td {
    vertical-align: top;
}

#table-container th:first-child, #table-container td:first-child, #human-resources-table-container th:first-child, #human-resources-table-container td:first-child {
    position: sticky;
    left: 0;
    z-index: 2; /* Stellen Sie sicher, dass die fixierte Spalte über den anderen scrollbaren Inhalten liegt */
    background-color: rgba(255,255,255,1);
}

#table-container thead th, #human-resources-table-container thead th {
    position: sticky;
    top: 0;
    z-index: 3; /* Höherer z-index, da Kopfzeilen über normalen Zellen liegen sollen */
    background-color: rgba(255,255,255,1);
}

/* END TABLE FIRST COLUMN STICKY */


.weekend {
    background-color: rgb(242, 238, 238) !important;
}

.holiday {
    background-color: #fcf8e3 !important;
}


.select2-dropdown {
    /* Needed for select2 in modals */
    z-index: 10051 !important;
}

.text-lightgray {
    color:lightgray !important;
}

.bg-lightgray {
    background-color: rgb(245, 244, 244);
}

.bg-lightgreen {
    background-color: #f3f9f3 !important;
}

.bg-rosa {
    background-color: #f8d7da !important;
}

.text-rosa {
    color: #f8d7da !important;
}

.text-orange {
    color: #f8c98d !important;
}

.bg-orange {
    background-color: #f8c98d !important;
}


.editable-click, a.editable-click, a.editable-click:hover {
    text-decoration: none;
    border-bottom: none !important;
}


/* PROJECT MEASUREMENTS */
.measurements-gray-bg {
    background-color: #e8e7e7;
}

.measurements-single-floor {
    background-color: #e8e7e7;
    margin-bottom:0;
    padding:10px;
    margin-top:0;
}

.measurements-single-room {
    background-color: #f2f2f2;
    width:100%;
    padding:5px;
    min-height:50px;
}

.a-collapse-floor, .a-collapse-room {
    text-decoration:none;
    color:#676a6c;
}



/* PROJEKT STATUS COLORS */
.bg-project-status-abrechnung {
    background-color: rgba(255, 186, 113, 0.41);
}

.color-project-status-abrechnung {
    color: rgba(255, 186, 113, 0.41);
}

.bg-project-status-bestellung {
    background-color: rgb(217, 237, 247);
}

.color-project-status-bestellung {
    color: rgb(217, 237, 247);
}

.bg-project-status-verrechnet {
    background-color: rgb(210, 232, 201);
}

.color-project-status-verrechnet {
    color: rgb(210, 232, 201);
}
/* END PROJECT STATUS COLORS */


.bg-transparent {
    background-color: transparent !important;
}

.textarea-emptytext {
    padding: 5px !important;
    font-size: 12px !important;
    color: white;
}

.icon-invisible {
    visibility: hidden;
}

.btn-primary[disabled] {
    background-color: #9da32c !important;
    border-color: #9da32c !important;
}

.bg-gray {
    background-color: #e8e7e7;
}


.span-dimension-ordersize-result, .span-dimension-ordersize, .span-dimension-ordersize-type {
    color: #ea4444;
}

.label-dimension-ordersize {
    background-color: #ea4444;
    color: white;
}




/* Grundlegendes Styling der Checkbox */
input[type="checkbox"] {
    appearance: none; /* Entfernt das Standard-Browser-Styling für das Häkchen */
    background-color: transparent; /* Hintergrundfarbe */
    width: 20px; /* Breite */
    height: 20px; /* Höhe */
    border: 1px solid #ccc; /* Randfarbe */
    cursor: pointer; /* Cursor als Zeiger */
    position: relative; /* Ermöglicht die absolute Positionierung von Pseudo-Elementen */
}

/* Styling für das eigene Häkchen, wenn die Checkbox ausgewählt ist */
input[type="checkbox"]:checked::after {
    content: ""; /* Leeres Inhaltselement */
    position: absolute;
    left: 50%; /* Zentriert das Häkchen horizontal */
    top: 50%; /* Zentriert das Häkchen vertikal */
    width: 5px; /* Breite des Häkchens */
    height: 9px; /* Höhe des Häkchens */
    border: solid white; /* Farbe des Häkchens */
    border-width: 0 2px 2px 0; /* Gestaltet das Häkchen */
    transform: translate(-50%, -50%) rotate(45deg); /* Zentriert und dreht das Häkchen */
}

/* Hintergrundfarbe der Checkbox, wenn ausgewählt */
input[type="checkbox"]:checked {
    background-color: #90945c; /* Eigene Farbwahl */
    border-color: #90945c; /* Gleiche Randfarbe wie Hintergrund */
}