/* Custom Sidebar Styles */

/* Breiter Sidebar */
.main-sidebar {
    width: 252px !important; /* Standard ist 250px */
}

/* Content wrapper anpassen für breitere Sidebar */
@media (min-width: 768px) {
    .sidebar-mini .main-sidebar {
        width: 252px !important;
    }

    .sidebar-mini .content-wrapper,
    .sidebar-mini .main-footer,
    .sidebar-mini .main-header {
        margin-left: 252px !important;
    }
}

/* Auch für nicht-collapsed Sidebar */
body:not(.sidebar-collapse) .content-wrapper,
body:not(.sidebar-collapse) .main-footer,
body:not(.sidebar-collapse) .main-header {
    margin-left: 252px !important;
}

/* Kein Schatten */
.main-sidebar {
    box-shadow: none !important;
}

/* Hintergrundfarbe #e5edf7 */
.main-sidebar {
    background-color: #e5edf75c !important;
}

/* Sidebar Dark Primary überschreiben */
.sidebar-dark-primary .sidebar {
    background-color: #e5edf759 !important;
}

/* Text- und Icon-Farben für bessere Lesbarkeit auf hellem Hintergrund anpassen */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link {
    color: #343a40 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link {
    background-color: #d0dae8 !important;
    color: #000 !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
    background-color: #007bff !important;
    color: #fff !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link,
.sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link {
    background-color: #09a479 !important;
    color: #fff !important;
}

/* Treeview Submenu Styling */
.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link {
    color: #495057 !important;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link:hover {
    background-color: #d0dae8 !important;
    color: #000 !important;
}

.sidebar-dark-primary .nav-treeview > .nav-item > .nav-link.active {
    background-color: #82828236 !important;
}

/* Brand Link Anpassung */
.sidebar-dark-primary .brand-link {
    background-color: #e5edf778 !important;
    color: #343a40 !important;
    border-bottom: 1px solid #d0dae8 !important;
    border-top-left-radius: 1em;
}

/* User Panel Anpassung */
.sidebar-dark-primary .user-panel {
    border-bottom: 1px solid #d0dae8 !important;
}

.sidebar-dark-primary .user-panel .info a {
    color: #343a40 !important;
}

/* Icon Farben */
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .nav-icon,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .fas,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .far {
    color: #6c757d !important;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover > .nav-icon,
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
    color: inherit !important;
}

.table td, .table th {
	padding: .35rem;
	font-size: 0.9em;
}

/* Xcrud Tabellen */
.table.xcrud-list td, .table.xcrud-list th, .xcrud-view .table td, .xcrud-view .table th {
	padding: .5rem;
	font-size: 1.1em;
    border: 0;
}
.table:not(.table-dark) {
    color: #494848;
}

.xcrud i.glyphicon {
    display: none;
}
.xcrud .xcrud-action.btn-warning:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f044"; /* edit */
}
.xcrud .xcrud-action.btn-danger:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1f8"; /* trash */
}
.xcrud .xcrud-action.btn-info:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f06e"; /* eye */
}
@media (min-width: 576px) {
  .xcrud .modal-dialog {
    max-width: 620px;
    margin: 1.75rem auto;
  }
}
.xcrud-view .row {
	margin-top: 7.5px;
}
label:not(.form-check-label):not(.custom-file-label) {
	font-weight: 500;
}
.xcrud-view {
	margin: 0 4px;
}
.pagination .active {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
}
.btn-group.xcrud-limit-buttons, .xcrud-nav .pagination {
	margin-right: 50px;
}
.xcrud-search-toggle.btn.btn-default {
	margin-left: 50px;
}

.table .thead-dark th {
  color: #fff;
  background-color: #595959;
  border-color: #595959;
}

/* Select2 – Bootstrap 4 form-control Anpassung */
.select2-container--default .select2-selection--single {
    height: calc(1.5em + .75rem + 2px);
    padding: 8px 12px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.5;
    padding-left: 0;
    padding-right: 20px;
    color: #495057;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: calc(1.5em + .75rem);
    top: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #6c757d;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}

.xcrud-list-container {
	/* box-shadow: 0 0 20px 6px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1); */
}
table.xcrud-list.table.table-striped.table-hover.table-bordered {
    border: 0;
}

.card, .alert {
	border-radius: 0.75rem;
	box-shadow: 0 0 20px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.1);
}
.alert .close, .alert .mailbox-attachment-close {
  color: #fff;
  opacity: .52;
}
.card-header {
	background-color: #06a479;
	color: #fff;
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
}
.card-header:first-child {
	border-radius: calc(.75rem - 1px) calc(.75rem - 1px) 0 0;
}
.card-header h3 { 
	color: #fff;
	font-size: 1.2rem;
}
.card-header .btn-primary, .card-header .btn-primary:hover {
	background-color: #e3000f;
	border-color: #e3000f;
}
.login-box .btn-primary, .login-box .btn-primary:hover, .btn-primary, .btn-primary:hover, .btn-success {
	background-color: #06a479;
	border-color: #06a479;
}
.xcrud-list-container {
	width: 100%;
	border-radius: 0.75rem;
}
.page-link {
	color: #06a479;
}
.xcrud-th th {
	background: #06a479;
	color: #fff;
	font-size: 1.1rem !important;
	font-weight: 500;
	border: none;
}
.content-wrapper {
	background: linear-gradient(180deg, #ffffff 40%, transparent 100%);
}
.navbar-white {
	background-color: #e5edf780;
}
.content-header {
	padding: 15px 1rem;
}
.content-wrapper > .content {
	padding: 0 1rem;
}
.table {
	margin-bottom: 0;
}


/* mod eb */

body.sidebar-mini {
    background: url(/img/rmv-curved-soft-background.jpg);
    background-size: cover;
    background-position: bottom;
    background-attachment: fixed;
    padding: 2em;
}

.wrapper {
    box-shadow: 0 0 30px #0004;
    border-radius: 1em;
}

.content-header h1 {
    color: #09a479;
    font-weight: 600;
}

aside.main-sidebar.sidebar-dark-primary.elevation-4 {
    border-top-left-radius: 1em;
}

nav.main-header.navbar.navbar-expand.navbar-light.navbar-white {
    border-top-right-radius: 1em;
}


.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .nav-icon, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .fas, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link > .far {
    color: #e2edef !important;
    text-shadow: 0 0 2px #000000;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover > .nav-icon, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active > .nav-icon {
    color: #ffffff !important;
    text-shadow: 0 0 3px #ffffff;
}

.xcrud {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

body.login-page {
    background: url(/img/rmv-curved-soft-background.jpg);
    background-size: cover;
    background-position: bottom;
}




/** Modal Box Mods */

.modal.show .modal-dialog {
    transform: unset !important;
}

.modal .modal-dialog {
    transform: translate(10vw,0) !important;
    transition: transform .3s ease-out !important;
}

.modal-dialog {
    width: 70vw;
    margin: 0 0 0 auto !important;
    max-width: unset !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}


.modal-body > span {
    display: flex;
    flex-direction: column-reverse;
}

.modal-backdrop.show {
    opacity: 0.75;
}


.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    overflow-y: auto !important;
    min-height: 0;
}

/* modal-content als Flex-Spalte für echten Sticky-Footer */
#xcrud-modal-window .modal-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* Sticky Footer für xcrud-Modal */
#xcrud-modal-window .modal-footer {
    flex-shrink: 0;
    background: #fff;
    border-top: 1px solid #ddd;
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.1);
    padding: 12px 20px;
    justify-content: flex-start;
}

#xcrud-modal-window .modal-footer .xcrud-top-actions.btn-group {
    display: flex;
    gap: 1em;
    flex-direction: row-reverse;
    width: 100%;
}


/** left sidebar */

a.btn.btn-sm.btn {
    border: 0;
    background: transparent;
    box-shadow: 0 0 2px #0003;
    color: #333;
}


td.xcrud-current.xcrud-actions > .btn-group {
    gap: .5em;
}

a.xcrud-action.btn.btn-warning.btn-sm {
    background: #09a47926;
}
a.btn.btn-sm.btn:hover {
    background: #09a479;
    color: #fff;
}


.nav > li.nav-item.has-treeview {
    margin-top: 1em;
    border-radius: .5em;
    box-shadow: 0 -1px 2px #0002;
}

/** Forms */

.modal-content {background: #f0f0f0;}

.form-group > .row {
    padding: .2em 0;
}
.form-group > .row:nth-child(even) {
    background: #e8e8e8;
}

/** styled checkboxes */

input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

input[type="checkbox"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-control-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

input[type="checkbox"]:checked::before {
  transform: scale(1);
}

input[type="checkbox"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

input[type="checkbox"]:disabled {
  --form-control-color: var(--form-control-disabled);
  color: var(--form-control-disabled);
  cursor: not-allowed;
}

label.xcrud-checkboxes-label {
  display: flex;flex-direction: row;gap: 0.5em;align-items: center;
}

/** Login Box */

.card-body.login-card-body {
    border-radius: 1em;
    background-color: #ffffff47;
}

.login-box .card {
    background-color: transparent;
}


/* Left Menu und Table BG */

tbody {
    background: #ffffffa0;
}

li.nav-item.has-treeview.menu-open {
    background: #fffc;
    padding: 0;
    display: inline;
}

.menu-open ul.nav.nav-treeview {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0;
    margin: 0;
    background: #ffffff7a !important;
}

.modal-title {
	display: block !important;
	text-align: center;
	position: absolute;
}
.select2-container .select2-selection--single {
	height: auto !important;
}
.xcrud-view table td {
	background: #fff;
	padding: 0 15px 6px;
}
.xcrud-view table tbody {
	background: transparent;
}