/*npx sass wwwroot/assets/scss:wwwroot/assets/css --style=compressed --source-map*/

html {
  font-size: 14px;
}
html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.card-body.bg-lightcard {
    background-color: #fcfdff;
}

[data-pc-theme=dark] .card-body.bg-lightcard {
    background-color: rgb(41, 54, 69);
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}


.card-header.collapsible-header:hover {
    background-color: #f2f2f2; /* Lighter background color */
    transition: background-color 0.3s ease; /* Smooth transition */
    cursor: pointer; /* Indicates interactivity */
}
[data-pc-theme=dark] .card-header.collapsible-header:hover {
    background-color: #293646; /* Lighter background color */
    transition: background-color 0.3s ease; /* Smooth transition */
    cursor: pointer; /* Indicates interactivity */
}
[data-pc-theme=dark]
.table-active {
    --bs-table-color-state: var(--bs-table-active-color);
    --bs-table-bg-state: rgb(43, 22, 29);
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.progress-bar-green {
    background-color: green;
}

.progress-bar-orange {
    background-color: orange;
}

.progress-bar-red {
    background-color: red;
}
.alert-error {
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-bg: var(--bs-danger-bg-subtle);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
[data-pc-theme=dark] .alert-error {
    color: #dc3545;
    background: rgba(220,53,69,.2);
    border-color: rgba(220,53,69,.2);
}
[data-pc-theme=dark] .alert-success {
    color: #1cf1a5!important;
}
/*SWAL css*/
.colored-toast.swal2-toast {
    position: relative; /* needed for absolute children */
    display: flex !important;
    align-items: center;
    gap: 0.5em;
    width: auto !important;
}


.colored-toast.swal2-icon-success {
  background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
  background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
  background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
  background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
  background-color: #87adbd !important;
}

.colored-toast .swal2-title {
  color: white;
}
.colored-toast .swal2-html-container {
color: white;
}

.colored-toast .swal2-close {
    color: white;
    position: absolute !important;
    top: 0.25em; /* tweak to whatever padding you want */
    right: 0.25em;
    margin: 0;
}

/*SWAL DARK THEME*/
[data-pc-theme=dark] .colored-toast.swal2-toast {
    position: relative; /* needed for absolute children */
    display: flex !important;
    align-items: center;
    gap: 0.5em;
    width: auto !important;
}


[data-pc-theme=dark] .colored-toast.swal2-icon-success {
    background-color: #306844 !important;
}

[data-pc-theme=dark] .colored-toast.swal2-icon-error {
    background-color: #cc4f4f !important;
    border-color: #ff5f38!important;
    color: #ff5f38!important;
}

[data-pc-theme=dark] .colored-toast.swal2-icon-warning {
    background-color: #ce7b33 !important;
}

[data-pc-theme=dark] .colored-toast.swal2-icon-info {
    background-color: #109cc9 !important;
}

[data-pc-theme=dark] .colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

[data-pc-theme=dark] .colored-toast .swal2-title {
    color: white;
}
[data-pc-theme=dark] .colored-toast .swal2-message {
    color: white;
}
/* circle outline + fill */
[data-pc-theme="dark"] .swal2-popup.colored-toast.swal2-icon-error.swal2-icon-show {
    border-color: green !important; /* the circle’s stroke */
    color: green !important; /* some versions also color the icon via `color` */
}

/* the two X-mark lines */
[data-pc-theme="dark"] .swal2-popup.colored-toast.swal2-icon-error
.swal2-x-mark-line-left,
[data-pc-theme="dark"] .swal2-popup.colored-toast.swal2-icon-error
.swal2-x-mark-line-right {
    background-color: #ff6262 !important;
}