.cell-border {
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right:10px;
    box-sizing: border-box;
    height: 100%;
}
.fixed-button-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    background-color:transparent;
   
    display: flex;
    justify-content: center;
    gap: 16px;
    z-index: 1000;
}

.right-button .fixed-button-bar {
    margin-left: auto; /* duwt deze knop helemaal naar rechts */
}


.my-divider {
    border-width: 1px;
    border-color: lightblue;
    margin-top: 20px;
    margin-bottom: 20px; /*var(--mud-palette-primary);*/
}

.bg-prio {
    height: 90%;
}

.prio1 {
    background-color: #CD3F3F;
    border: 1px solid #ccc;
    padding: 1px;
    box-sizing: border-box;
}

.prio2 {
    background-color: #E18B8B;
    border: 1px solid #ccc;
    padding: 1px;
    box-sizing: border-box;
}

.prio3 {
    background-color: #E98769;
    border: 1px solid #ccc;
    padding: 1px;
    box-sizing: border-box;
}

.prio0 {
    background-color: #87DC76;
    border: 1px solid #ccc;
    padding: 2px;
    box-sizing: border-box;
}

.text-white {
    color: white;
}

.text-black {
    color: black;
}
.foto-rechtsonder {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 300px;
    z-index: 1000;
}
.foto-rechtsmidden {
    position: fixed;
    bottom: 200px;
    right: 420px;
    width: 300px;
    z-index: 1000;
}
.foto-linkssonder {
    position: fixed;
    bottom: 200px;
    left: 250px;
    width: 300px;
    z-index: 1000;
}

.fixed-footer {
    position: fixed;
    bottom: 0;
    left: 280px;
    right: 0;
    padding: 16px;
    z-index: 1000;
   
}
.treeview-container {
    position: relative;
    height: calc(100vh - 160px); /* 100% schermhoogte minus footer */
    overflow-y: auto;
    padding: 16px;
}
.mud-table-row-selected {
    background-color: navy;

}
.pijl {
    font-family: Arial;
    font-size: 20px;
    font-weight: bolder;
    color: white;
    padding:0px;
    
}
.mud-dialog-rechts {
    width: 60% !important;
    max-width: 60% !important;
    margin-left:auto ;
    margin-right:10px;
    padding:0;
}


.small-datepicker-icon .mud-input-adornment .mud-icon-button {
    font-size: 16px; /* kleiner icoon */
    width: 22px;
    height: 22px;
}


body.mud-theme-dark .systeemmap-kleur {
    color: #90caf9 !important;
}
body.mud-theme-light .systeemmap-kleur {
    color: #1976d2 !important;
}
body.mud-theme-dark .standaard-kleur {
    color: white !important;
}
body.mud-theme-light .standaard-kleur {
    color: black !important;
}

.bodyhome {
    background-image: linear-gradient(rgba(0,0,0,0.55), rgba(0,0,0,0.55)), url('/images/SafetyFirst.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}