@import url('vendor/aos/aos.css');
@import url('vendor/bootstrap/css/bootstrap.min.css');
@import url('vendor/bootstrap-icons/bootstrap-icons.css');
@import url('vendor/glightbox/css/glightbox.min.css');
@import url('vendor/swiper/swiper-bundle.min.css');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('css/style.css');
@import url('css/todo.css');
@import url('css/show-password-toggle.css');
@import url('https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css');

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

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}
/*
################################
#   Startseite - Login         #
################################
*/

.form-signin {
    max-width: 500px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}