html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.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;
}

.link-button {
    display: inline;
    padding: 0;
    border: 0;
    font: inherit;
    text-decoration: underline;
    cursor: pointer;
    background: transparent;
    color: blue;
    -webkit-appearance: none;
}

html {
  position: relative;
  min-height: 100%;
}

th {
    cursor: pointer;
    user-select: none;
}

td {
    vertical-align: middle !important;
}

.table tr:nth-child(odd) td {
    background: #0a1330 !important;
}

.table tr > *:nth-child(1) {
    padding-left: 20px;
}

.check-table tr:nth-child(n) td {
    background: #0b1739 !important;
}

.check-table tr:nth-child(4n + 1) td {
    background: #0a1330 !important;
}

.item-table tr:nth-child(odd) td {
    background: #0b1739 !important;
}

.item-table tr:nth-child(even) td {
    background: #0a1330 !important;
}

.tab .tablinks:hover {
    background: dodgerblue !important;
}

.tab .tablinks.active {
    background: mediumblue !important;
}

button:focus, a:focus, input:focus {
    box-shadow: none !important;
}

.pagination {
    user-select: none;
}

.fix-table-height {
    height: 420px;
    overflow-y: auto;
    padding-top: 4rem;
    margin-top: -4rem;
    overflow-y: hidden;
}

ul {
    list-style-type: none;
}

#customProportion > .col-2 {
    width: 14%;
}

#customProportion > .col-10 {
    width: 86%;
}

.toast-container {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 1050; /* Ensure it appears above other content */
}

/* Custom Dark Toast Style */
.toast-dark {
    background-color: #343a40; /* Dark background */
    color: #f8f9fa; /* Light text color */
}

    .toast-dark .toast-header {
        background-color: #495057; /* Dark header background */
        color: #f8f9fa; /* Light text for the header */
        display: flex;
        justify-content: space-between; /* Title to the left, time and close button to the right */
        align-items: center;
    }

    .toast-dark .toast-body {
        background-color: #1c1f24; /* Dark body background */
        color: #f8f9fa; /* Light text for the body */
    }

    .toast-dark .toast-header small {
        margin-left: auto; /* Push the time to the far right */
    }

/* ANIMATIONS */
@keyframes createAnimation {
    0% {
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes editAnimation {
    0% {
        transform: rotateY(30deg);
    }

    50% {
        transform: rotateY(-10deg);
    }

    100% {
        transform: rotateY(0deg);
    }
}

.create-row {
    animation: createAnimation 0.3s linear;
}

.edit-row {
    animation: editAnimation 0.5s linear;
}