.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-close {
    color: white;
}

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

.navsim-bg {
    background: linear-gradient(0deg, rgba(0, 3, 36, 1) 0%, rgba(9, 49, 121, 1) 0%, rgba(0, 176, 255, 1) 100%);
}

.navsim-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2vw;
}

.navsim-side1 {
    background: rgba(0, 176, 255, 1) !important;
    transition: flex-direction 2s;
}

.navsim-side2 {
    background: linear-gradient(0deg, rgba(0, 3, 36, 1) 0%, rgba(9, 49, 121, 1) 0%, rgba(0, 176, 255, 1) 100%);
}

.navsim-side3 {
    background: #093179 !important;
}

.navsim-unfolded {
    max-height: 3vw;
    margin: auto;
    transition: max-height 0.15s
}
.sidebar-narrow-unfoldable .navsim-unfolded{
    max-height: 1.5vw;
    margin: auto;
}
.sidebar-narrow-unfoldable:hover .navsim-unfolded{
    max-height: 3vw;
    margin: auto;
    transition: max-height 0.15s;
}
.sidebar-narrow-unfoldable .navsim-side1{
    flex-direction: column;
}
.sidebar-narrow-unfoldable:hover .navsim-side1{
    flex-direction: row;
}
.navbar-collapse-deny {
    flex-basis: unset!important;
    flex-grow: unset!important;
    align-items: unset!important;
}
.userName {
    margin: auto;
}
.margin{
    margin-top: 0.2vw;
    margin-bottom: 0.2vw;
}