/*Container um Sitzplan */
.ui-tabs .ui-tabs-panel.sitzplan_deck,
#wrap_sitzplan .deckbereiche .grid-stack-container {
    padding-top:10px;
    margin-top:10px;
    padding-bottom:10px;
    border: 4px solid  #cccccc; /* Dunkler Rahmen für den Waggon */
    border-radius: 15px; /* Abgerundete Ecken für Waggonform */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Schatten für Tiefe */
}

.grid-stack {
    min-height:300px;
}

.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content, .legende .grid-stack-item-content-legende.zusatzartikel{
    border-radius: 2px;
    min-width: 15px;
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel, .legende .grid-stack-item-content-legende.zusatzartikel{
    padding:-1px;
}

.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_0, .legende .grid-stack-item-content-legende.zusatzartikel_0 {
    border: 1px solid #FF0000; /* Rot */
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_1, .legende .grid-stack-item-content-legende.zusatzartikel_1 {
    border: 1px solid #00FF00; /* Grün */
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_2, .legende .grid-stack-item-content-legende.zusatzartikel_2 {
    border: 1px solid #0000FF; /* Blau */
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_3, .legende .grid-stack-item-content-legende.zusatzartikel_3 {
    border: 1px solid #FFFF00; /* Gelb */
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_4, .legende .grid-stack-item-content-legende.zusatzartikel_4 {
    border: 1px solid #FF00FF; /* Magenta */
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_5, .legende .grid-stack-item-content-legende.zusatzartikel_5 {
    border: 1px solid #00FFFF; /* Cyan */
}
.sitzplan_deck .grid-stack-item-content.zusatzartikel.zusatzartikel_6, .legende .grid-stack-item-content-legende.zusatzartikel_6 {
    border: 1px solid #000000; /* Schwarz */
}


.legende .grid-stack-item-content-legende.zusatzartikel{
    width:20px;height:20px;float:left;margin-right:5px;
}

.sitzplan_deck .grid-stack-item-content input[type=checkbox] {
    margin:0;
    margin-right: 3px;
    padding: 0;
}

.sitzplan_deck .grid-stack-item-content i {
    font-size: 0.8rem;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content, .legende .grid-stack-item-content-legende.zusatzartikel {
    text-align: center;
    background-color: #e5e5e5;
    overflow-y: hidden;
}

.sitzplan_deck .grid-stack .containerAround i{
    cursor: pointer ;
}
.sitzplatz_content.ui-dialog-content input{
    margin:14px;
}

.grid-stack-item-content.filled {
    background-color: #8ACCF9;
}

.grid-stack-item-content input[type="number"] {
    width:54px;
    float:left;
    margin-left:5px;
}
.add-new-widget
{
    margin:15px;
}

.trash {
    height: 95px !important;
    margin-bottom: 20px;
    background: rgba(255, 0, 0, 0.1) center center url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDQzOC41MjkgNDM4LjUyOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDM4LjUyOSA0MzguNTI5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQxNy42ODksNzUuNjU0Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2OC02LjU2My0yLjU2OGgtODguMjI0TDMwMi45MTcsMjUuNDFjLTIuODU0LTcuMDQ0LTcuOTk0LTEzLjA0LTE1LjQxMy0xNy45ODkgICAgQzI4MC4wNzgsMi40NzMsMjcyLjU1NiwwLDI2NC45NDUsMGgtOTEuMzYzYy03LjYxMSwwLTE1LjEzMSwyLjQ3My0yMi41NTQsNy40MjFjLTcuNDI0LDQuOTQ5LTEyLjU2MywxMC45NDQtMTUuNDE5LDE3Ljk4OSAgICBsLTE5Ljk4NSw0Ny42NzZoLTg4LjIyYy0yLjY2NywwLTQuODUzLDAuODU5LTYuNTY3LDIuNTY4Yy0xLjcwOSwxLjcxMy0yLjU2OCwzLjkwMy0yLjU2OCw2LjU2N3YxOC4yNzQgICAgYzAsMi42NjQsMC44NTUsNC44NTQsMi41NjgsNi41NjRjMS43MTQsMS43MTIsMy45MDQsMi41NjgsNi41NjcsMi41NjhoMjcuNDA2djI3MS44YzAsMTUuODAzLDQuNDczLDI5LjI2NiwxMy40MTgsNDAuMzk4ICAgIGM4Ljk0NywxMS4xMzksMTkuNzAxLDE2LjcwMywzMi4yNjQsMTYuNzAzaDIzNy41NDJjMTIuNTY2LDAsMjMuMzE5LTUuNzU2LDMyLjI2NS0xNy4yNjhjOC45NDUtMTEuNTIsMTMuNDE1LTI1LjE3NCwxMy40MTUtNDAuOTcxICAgIFYxMDkuNjI3aDI3LjQxMWMyLjY2MiwwLDQuODUzLTAuODU2LDYuNTYzLTIuNTY4YzEuNzA4LTEuNzA5LDIuNTctMy45LDIuNTctNi41NjRWODIuMjIxICAgIEM0MjAuMjYsNzkuNTU3LDQxOS4zOTcsNzcuMzY3LDQxNy42ODksNzUuNjU0eiBNMTY5LjMwMSwzOS42NzhjMS4zMzEtMS43MTIsMi45NS0yLjc2Miw0Ljg1My0zLjE0aDkwLjUwNCAgICBjMS45MDMsMC4zODEsMy41MjUsMS40Myw0Ljg1NCwzLjE0bDEzLjcwOSwzMy40MDRIMTU1LjMxMUwxNjkuMzAxLDM5LjY3OHogTTM0Ny4xNzMsMzgwLjI5MWMwLDQuMTg2LTAuNjY0LDguMDQyLTEuOTk5LDExLjU2MSAgICBjLTEuMzM0LDMuNTE4LTIuNzE3LDYuMDg4LTQuMTQxLDcuNzA2Yy0xLjQzMSwxLjYyMi0yLjQyMywyLjQyNy0yLjk5OCwyLjQyN0gxMDAuNDkzYy0wLjU3MSwwLTEuNTY1LTAuODA1LTIuOTk2LTIuNDI3ICAgIGMtMS40MjktMS42MTgtMi44MS00LjE4OC00LjE0My03LjcwNmMtMS4zMzEtMy41MTktMS45OTctNy4zNzktMS45OTctMTEuNTYxVjEwOS42MjdoMjU1LjgxNVYzODAuMjkxeiIgZmlsbD0iI2ZmOWNhZSIvPgoJCTxwYXRoIGQ9Ik0xMzcuMDQsMzQ3LjE3MmgxOC4yNzFjMi42NjcsMCw0Ljg1OC0wLjg1NSw2LjU2Ny0yLjU2N2MxLjcwOS0xLjcxOCwyLjU2OC0zLjkwMSwyLjU2OC02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTktNC44NTMtMi41NjgtNi41NjdjLTEuNzE0LTEuNzA5LTMuODk5LTIuNTY1LTYuNTY3LTIuNTY1SDEzNy4wNGMtMi42NjcsMC00Ljg1NCwwLjg1NS02LjU2NywyLjU2NSAgICBjLTEuNzExLDEuNzE0LTIuNTY4LDMuOTA0LTIuNTY4LDYuNTY3djE2NC40NTRjMCwyLjY2OSwwLjg1NCw0Ljg1MywyLjU2OCw2LjU3QzEzMi4xODYsMzQ2LjMxNiwxMzQuMzczLDM0Ny4xNzIsMTM3LjA0LDM0Ny4xNzJ6IiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTIxMC4xMjksMzQ3LjE3MmgxOC4yNzFjMi42NjYsMCw0Ljg1Ni0wLjg1NSw2LjU2NC0yLjU2N2MxLjcxOC0xLjcxOCwyLjU2OS0zLjkwMSwyLjU2OS02LjU3VjE3My41ODEgICAgYzAtMi42NjMtMC44NTItNC44NTMtMi41NjktNi41NjdjLTEuNzA4LTEuNzA5LTMuODk4LTIuNTY1LTYuNTY0LTIuNTY1aC0xOC4yNzFjLTIuNjY0LDAtNC44NTQsMC44NTUtNi41NjcsMi41NjUgICAgYy0xLjcxNCwxLjcxNC0yLjU2OCwzLjkwNC0yLjU2OCw2LjU2N3YxNjQuNDU0YzAsMi42NjksMC44NTQsNC44NTMsMi41NjgsNi41N0MyMDUuMjc0LDM0Ni4zMTYsMjA3LjQ2NSwzNDcuMTcyLDIxMC4xMjksMzQ3LjE3MnogICAgIiBmaWxsPSIjZmY5Y2FlIi8+CgkJPHBhdGggZD0iTTI4My4yMiwzNDcuMTcyaDE4LjI2OGMyLjY2OSwwLDQuODU5LTAuODU1LDYuNTctMi41NjdjMS43MTEtMS43MTgsMi41NjItMy45MDEsMi41NjItNi41N1YxNzMuNTgxICAgIGMwLTIuNjYzLTAuODUyLTQuODUzLTIuNTYyLTYuNTY3Yy0xLjcxMS0xLjcwOS0zLjkwMS0yLjU2NS02LjU3LTIuNTY1SDI4My4yMmMtMi42NywwLTQuODUzLDAuODU1LTYuNTcxLDIuNTY1ICAgIGMtMS43MTEsMS43MTQtMi41NjYsMy45MDQtMi41NjYsNi41Njd2MTY0LjQ1NGMwLDIuNjY5LDAuODU1LDQuODUzLDIuNTY2LDYuNTdDMjc4LjM2NywzNDYuMzE2LDI4MC41NSwzNDcuMTcyLDI4My4yMiwzNDcuMTcyeiIgZmlsbD0iI2ZmOWNhZSIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=) no-repeat;
}

/* Paxliste */
#sitzplanvergabe .grid-stack-item-content input[type=checkbox] {
    margin: 0;
    margin-right: 2px;
    padding: 0;
}

#sitzplanvergabe .grid-stack-item-content {
    padding: 2px 5px 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}


input[type="checkbox"]:disabled, input[type="checkbox"]:disabled:hover {
    -moz-appearance: checkbox !important;
}

#sitzplanvergabe .cb_sitzplatz_auswahl {
    box-shadow: 0px 0px !important;
    -webkit-box-shadow: 0px 0px !important;
    -moz-box-shadow: 0px 0px !important;
}

#zuweisung_liste {
    width: 300px !important;
    bottom: auto !important;
}

.grid-stack-item-content input[type="number"] {
    float: right !important;
    margin-left: 0px !important;
    width: 40% !important;
    border-radius: 0px 4px 4px 0;
    -webkit-border-radius: 0px 4px 4px 0;
    -moz-border-radius: 0px 4px 4px 0;
    -o-border-radius: 0px 4px 4px 0;
    border-left: 0px !important;
    text-align: center;
    font-size: 14px;

}

.grid-stack-item-content input[type="text"]:not(.beschriftungbox) {
    float: left !important;
    margin-left: 0px !important;
    width: 60% !important;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -o-border-radius: 4px 0 0 4px;
    font-size: 14px;
}

.cb_wrap_active {
    background: rgba(190, 255, 181, 1);
    padding: 0px;
    top:0px;
    width:22px;
    position:relative;
    display:inline-block;
    margin-right: 2px !important;
    margin-top: 3px !important;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    text-align:center;

}

.cb_wrap_active input {
    padding: 0 5px !important;
    margin-top: 0px !important;

}

/*Element für die Paxliste */
#td_sitzplanvergabe
{
    width:320px;
}

div.grid-stack-item-content .bezeichnung{
    font-size: 0.9rem;
}
.grid-stack-item.ui-draggable.ui-resizable{
    background: transparent;
}

div.bezeichnung_link{
    text-decoration: none;
    cursor:pointer;
}
div.bezeichnung_link:hover{
    text-decoration: underline;
    cursor:pointer;
}

.column.legende{
    margin-top:8px;
    margin-bottom:8px;
}
.column.legende>div{
     margin-bottom:8px;
 }

#zuweisung_liste-sticky-wrapper .pax_draggable{
    z-index: 10000;
}
#zuweisung_liste-sticky-wrapper .FehlerMeldung .pax_draggable {
    background: rgba(255, 181, 181, 0.8);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    top: auto;
    left: auto;
    padding: 5px 10px;
}
#zuweisung_liste-sticky-wrapper .OK .pax_draggable {
    background: rgba(207, 252, 187, 1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    top: auto;
    left: auto;
    padding: 5px 10px;
}

#zuweisung_liste-sticky-wrapper div.pax_draggable .Icon{
    float:right;
}
#zuweisung_liste-sticky-wrapper .FehlerMeldung, #zuweisung_liste-sticky-wrapper .OK {
    list-style: outside none none;
    margin: 0 0 5px;
    padding: 0px;
    cursor: move;
}


/* Grundstil für Sitzplätze */
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content {
    border-radius: 3px; /* Abgerundete Ecken */
    cursor: default;
    transition: all 0.3s ease; /* Smooth Übergang */
    border: 1px solid #ccc; /* Graue Umrandung */
}
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.singleplace {
    cursor: pointer;
}

/* Stil für nicht ausgewählte Sitzplätze */
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.not_selected {
    background-color: #f9f9f9; /* Hellgrauer Hintergrund */
    color: #555; /* Dunkelgrauer Text */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Leichter Schatten */
}

/* Hover-Effekt für nicht ausgewählte Sitzplätze */
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.not_selected:hover {
    background-color: #f0f0f0; /* Etwas dunkler bei Hover */
    border-color: #bbb; /* Dunklere Umrandung */
}

/* Stil für ausgewählte Sitzplätze */
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.selected {
    color: #fff; /* Weißer Text */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Stärkerer Schatten */
}
/* Checkbox Styling */
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.singleplace input[name^='platz'] {
    display: none;
}
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.selected > span.bezeichnung{
    background-color: white;
    padding: 2px;
    border-radius: 2px;
}
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.singleplace > span.bezeichnung{
    white-space: unset;
}
.sitzplan_deck .grid-stack > .grid-stack-item > .grid-stack-item-content.not_available{
    background-color: #eaeaea; /* Hellgrauer Hintergrund */
    border: 1px solid #cccccc; /* Graue Umrandung */
    box-shadow: none; /* Kein Schatten */
    cursor: default; /* Zeigt den "nicht erlaubt"-Cursor */

    background-image: repeating-linear-gradient(
            45deg, /* Winkel der Schraffur */
            rgba(200, 200, 200, 0.5), /* Startfarbe der Linie (hellgrau mit Transparenz) */
            rgba(200, 200, 200, 0.5) 2px, /* Ende der Linie nach 2px */
            transparent 2px, /* Zwischenraum beginnt ab 2px */
            transparent 6px /* Transparenz endet nach 6px */
    );
}

#sitzplan_schiff .container_around{
    margin-bottom: 15px;
}

div.sticky-wrapper .column.legende{
    backdrop-filter: blur(10px); /* Unscharfer Hintergrund */
    -webkit-backdrop-filter: blur(10px); /* Für Safari */
}