.toasts-top-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1040;
}

.toasts-top-right.fixed {
    position: fixed;
}

.toasts-top-left {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 1040;
}

.toasts-top-left.fixed {
    position: fixed;
}

.toasts-bottom-right {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1040;
}

.toasts-bottom-right.fixed {
    position: fixed;
}

.toasts-bottom-left {
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1040;
}

.toasts-bottom-left.fixed {
    position: fixed;
}

.dark-mode .toast {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}

.dark-mode .toast .toast-header {
    background-color: rgba(52, 58, 64, 0.7);
    color: #f8f9fa;
}

.dark-mode .toast.bg-primary {
    background-color: rgba(63, 103, 145, 0.9) !important;
}

.dark-mode .toast.bg-primary .close, .dark-mode .toast.bg-primary .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-primary .toast-header {
    background-color: rgba(63, 103, 145, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-secondary {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

.dark-mode .toast.bg-secondary .close, .dark-mode .toast.bg-secondary .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-secondary .toast-header {
    background-color: rgba(108, 117, 125, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-success {
    background-color: rgba(0, 188, 140, 0.9) !important;
}

.dark-mode .toast.bg-success .close, .dark-mode .toast.bg-success .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-success .toast-header {
    background-color: rgba(0, 188, 140, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-info {
    background-color: rgba(52, 152, 219, 0.9) !important;
}

.dark-mode .toast.bg-info .close, .dark-mode .toast.bg-info .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-info .toast-header {
    background-color: rgba(52, 152, 219, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-warning {
    background-color: rgba(243, 156, 18, 0.9) !important;
}

.dark-mode .toast.bg-warning .toast-header {
    background-color: rgba(243, 156, 18, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-danger {
    background-color: rgba(231, 76, 60, 0.9) !important;
}

.dark-mode .toast.bg-danger .close, .dark-mode .toast.bg-danger .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-danger .toast-header {
    background-color: rgba(231, 76, 60, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-light {
    background-color: rgba(248, 249, 250, 0.9) !important;
}

.dark-mode .toast.bg-light .toast-header {
    background-color: rgba(248, 249, 250, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

.dark-mode .toast.bg-dark .close, .dark-mode .toast.bg-dark .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-dark .toast-header {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-lightblue {
    background-color: rgba(134, 186, 216, 0.9) !important;
}

.dark-mode .toast.bg-lightblue .toast-header {
    background-color: rgba(134, 186, 216, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-navy {
    background-color: rgba(0, 44, 89, 0.9) !important;
}

.dark-mode .toast.bg-navy .close, .dark-mode .toast.bg-navy .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-navy .toast-header {
    background-color: rgba(0, 44, 89, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-olive {
    background-color: rgba(116, 200, 163, 0.9) !important;
}

.dark-mode .toast.bg-olive .toast-header {
    background-color: rgba(116, 200, 163, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-lime {
    background-color: rgba(103, 255, 169, 0.9) !important;
}

.dark-mode .toast.bg-lime .toast-header {
    background-color: rgba(103, 255, 169, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-fuchsia {
    background-color: rgba(246, 114, 216, 0.9) !important;
}

.dark-mode .toast.bg-fuchsia .toast-header {
    background-color: rgba(246, 114, 216, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-maroon {
    background-color: rgba(237, 108, 155, 0.9) !important;
}

.dark-mode .toast.bg-maroon .toast-header {
    background-color: rgba(237, 108, 155, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-blue {
    background-color: rgba(63, 103, 145, 0.9) !important;
}

.dark-mode .toast.bg-blue .close, .dark-mode .toast.bg-blue .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-blue .toast-header {
    background-color: rgba(63, 103, 145, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-indigo {
    background-color: rgba(102, 16, 242, 0.9) !important;
}

.dark-mode .toast.bg-indigo .close, .dark-mode .toast.bg-indigo .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-indigo .toast-header {
    background-color: rgba(102, 16, 242, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-purple {
    background-color: rgba(111, 66, 193, 0.9) !important;
}

.dark-mode .toast.bg-purple .close, .dark-mode .toast.bg-purple .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-purple .toast-header {
    background-color: rgba(111, 66, 193, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-pink {
    background-color: rgba(232, 62, 140, 0.9) !important;
}

.dark-mode .toast.bg-pink .close, .dark-mode .toast.bg-pink .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-pink .toast-header {
    background-color: rgba(232, 62, 140, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-red {
    background-color: rgba(231, 76, 60, 0.9) !important;
}

.dark-mode .toast.bg-red .close, .dark-mode .toast.bg-red .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-red .toast-header {
    background-color: rgba(231, 76, 60, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-orange {
    background-color: rgba(253, 126, 20, 0.9) !important;
}

.dark-mode .toast.bg-orange .toast-header {
    background-color: rgba(253, 126, 20, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-yellow {
    background-color: rgba(243, 156, 18, 0.9) !important;
}

.dark-mode .toast.bg-yellow .toast-header {
    background-color: rgba(243, 156, 18, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-green {
    background-color: rgba(0, 188, 140, 0.9) !important;
}

.dark-mode .toast.bg-green .close, .dark-mode .toast.bg-green .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-green .toast-header {
    background-color: rgba(0, 188, 140, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-teal {
    background-color: rgba(32, 201, 151, 0.9) !important;
}

.dark-mode .toast.bg-teal .close, .dark-mode .toast.bg-teal .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-teal .toast-header {
    background-color: rgba(32, 201, 151, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-cyan {
    background-color: rgba(52, 152, 219, 0.9) !important;
}

.dark-mode .toast.bg-cyan .close, .dark-mode .toast.bg-cyan .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-cyan .toast-header {
    background-color: rgba(52, 152, 219, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-white {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.dark-mode .toast.bg-white .toast-header {
    background-color: rgba(255, 255, 255, 0.85);
    color: #1f2d3d;
}

.dark-mode .toast.bg-gray {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

.dark-mode .toast.bg-gray .close, .dark-mode .toast.bg-gray .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-gray .toast-header {
    background-color: rgba(108, 117, 125, 0.85);
    color: #fff;
}

.dark-mode .toast.bg-gray-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

.dark-mode .toast.bg-gray-dark .close, .dark-mode .toast.bg-gray-dark .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.dark-mode .toast.bg-gray-dark .toast-header {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}

.toast.bg-primary {
    background-color: rgba(0, 123, 255, 0.9) !important;
}

.toast.bg-primary .close, .toast.bg-primary .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-primary .toast-header {
    background-color: rgba(0, 123, 255, 0.85);
    color: #fff;
}

.toast.bg-secondary {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

.toast.bg-secondary .close, .toast.bg-secondary .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-secondary .toast-header {
    background-color: rgba(108, 117, 125, 0.85);
    color: #fff;
}

.toast.bg-success {
    background-color: rgba(40, 167, 69, 0.9) !important;
}

.toast.bg-success .close, .toast.bg-success .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-success .toast-header {
    background-color: rgba(40, 167, 69, 0.85);
    color: #fff;
}

.toast.bg-info {
    background-color: rgba(23, 162, 184, 0.9) !important;
}

.toast.bg-info .close, .toast.bg-info .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-info .toast-header {
    background-color: rgba(23, 162, 184, 0.85);
    color: #fff;
}

.toast.bg-warning {
    background-color: rgba(255, 193, 7, 0.9) !important;
}

.toast.bg-warning .toast-header {
    background-color: rgba(255, 193, 7, 0.85);
    color: #1f2d3d;
}

.toast.bg-danger {
    background-color: rgba(220, 53, 69, 0.9) !important;
}

.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-danger .toast-header {
    background-color: rgba(220, 53, 69, 0.85);
    color: #fff;
}

.toast.bg-light {
    background-color: rgba(248, 249, 250, 0.9) !important;
}

.toast.bg-light .toast-header {
    background-color: rgba(248, 249, 250, 0.85);
    color: #1f2d3d;
}

.toast.bg-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

.toast.bg-dark .close, .toast.bg-dark .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-dark .toast-header {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}

.toast.bg-lightblue {
    background-color: rgba(60, 141, 188, 0.9) !important;
}

.toast.bg-lightblue .close, .toast.bg-lightblue .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-lightblue .toast-header {
    background-color: rgba(60, 141, 188, 0.85);
    color: #fff;
}

.toast.bg-navy {
    background-color: rgba(0, 31, 63, 0.9) !important;
}

.toast.bg-navy .close, .toast.bg-navy .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-navy .toast-header {
    background-color: rgba(0, 31, 63, 0.85);
    color: #fff;
}

.toast.bg-olive {
    background-color: rgba(61, 153, 112, 0.9) !important;
}

.toast.bg-olive .close, .toast.bg-olive .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-olive .toast-header {
    background-color: rgba(61, 153, 112, 0.85);
    color: #fff;
}

.toast.bg-lime {
    background-color: rgba(1, 255, 112, 0.9) !important;
}

.toast.bg-lime .toast-header {
    background-color: rgba(1, 255, 112, 0.85);
    color: #1f2d3d;
}

.toast.bg-fuchsia {
    background-color: rgba(240, 18, 190, 0.9) !important;
}

.toast.bg-fuchsia .close, .toast.bg-fuchsia .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-fuchsia .toast-header {
    background-color: rgba(240, 18, 190, 0.85);
    color: #fff;
}

.toast.bg-maroon {
    background-color: rgba(216, 27, 96, 0.9) !important;
}

.toast.bg-maroon .close, .toast.bg-maroon .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-maroon .toast-header {
    background-color: rgba(216, 27, 96, 0.85);
    color: #fff;
}

.toast.bg-blue {
    background-color: rgba(0, 123, 255, 0.9) !important;
}

.toast.bg-blue .close, .toast.bg-blue .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-blue .toast-header {
    background-color: rgba(0, 123, 255, 0.85);
    color: #fff;
}

.toast.bg-indigo {
    background-color: rgba(102, 16, 242, 0.9) !important;
}

.toast.bg-indigo .close, .toast.bg-indigo .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-indigo .toast-header {
    background-color: rgba(102, 16, 242, 0.85);
    color: #fff;
}

.toast.bg-purple {
    background-color: rgba(111, 66, 193, 0.9) !important;
}

.toast.bg-purple .close, .toast.bg-purple .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-purple .toast-header {
    background-color: rgba(111, 66, 193, 0.85);
    color: #fff;
}

.toast.bg-pink {
    background-color: rgba(232, 62, 140, 0.9) !important;
}

.toast.bg-pink .close, .toast.bg-pink .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-pink .toast-header {
    background-color: rgba(232, 62, 140, 0.85);
    color: #fff;
}

.toast.bg-red {
    background-color: rgba(220, 53, 69, 0.9) !important;
}

.toast.bg-red .close, .toast.bg-red .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-red .toast-header {
    background-color: rgba(220, 53, 69, 0.85);
    color: #fff;
}

.toast.bg-orange {
    background-color: rgba(253, 126, 20, 0.9) !important;
}

.toast.bg-orange .toast-header {
    background-color: rgba(253, 126, 20, 0.85);
    color: #1f2d3d;
}

.toast.bg-yellow {
    background-color: rgba(255, 193, 7, 0.9) !important;
}

.toast.bg-yellow .toast-header {
    background-color: rgba(255, 193, 7, 0.85);
    color: #1f2d3d;
}

.toast.bg-green {
    background-color: rgba(40, 167, 69, 0.9) !important;
}

.toast.bg-green .close, .toast.bg-green .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-green .toast-header {
    background-color: rgba(40, 167, 69, 0.85);
    color: #fff;
}

.toast.bg-teal {
    background-color: rgba(32, 201, 151, 0.9) !important;
}

.toast.bg-teal .close, .toast.bg-teal .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-teal .toast-header {
    background-color: rgba(32, 201, 151, 0.85);
    color: #fff;
}

.toast.bg-cyan {
    background-color: rgba(23, 162, 184, 0.9) !important;
}

.toast.bg-cyan .close, .toast.bg-cyan .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-cyan .toast-header {
    background-color: rgba(23, 162, 184, 0.85);
    color: #fff;
}

.toast.bg-white {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.toast.bg-white .toast-header {
    background-color: rgba(255, 255, 255, 0.85);
    color: #1f2d3d;
}

.toast.bg-gray {
    background-color: rgba(108, 117, 125, 0.9) !important;
}

.toast.bg-gray .close, .toast.bg-gray .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-gray .toast-header {
    background-color: rgba(108, 117, 125, 0.85);
    color: #fff;
}

.toast.bg-gray-dark {
    background-color: rgba(52, 58, 64, 0.9) !important;
}

.toast.bg-gray-dark .close, .toast.bg-gray-dark .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}

.toast.bg-gray-dark .toast-header {
    background-color: rgba(52, 58, 64, 0.85);
    color: #fff;
}



.toast {
    -webkit-flex-basis: 350px;
    -ms-flex-preferred-size: 350px;
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
    opacity: 0;
    border-radius: 0.25rem;
}

.toast:not(:last-child) {
    margin-bottom: 0.75rem;
}

.toast.showing {
    opacity: 1;
}

.toast.show {
    display: block;
    opacity: 1;
}

.toast.hide {
    display: none;
}

.toast-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
    padding: 0.75rem;
}



#toast-container .toast {
    background-color: #007bff;
}

#toast-container .toast-success {
    background-color: #28a745;
}

#toast-container .toast-error {
    background-color: #dc3545;
}

#toast-container .toast-info {
    background-color: #17a2b8;
}

#toast-container .toast-warning {
    background-color: #ffc107;
}

.toast-bottom-full-width .toast,
.toast-top-full-width .toast {
    max-width: inherit;
}
.bg-danger, .bg-danger>a {
    color: #fff!important;
}
.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}
.toast.bg-danger .close, .toast.bg-danger .mailbox-attachment-close, .toast.bg-info {
    color: #fff;
    text-shadow: 0 1px 0 #000;
}
button.close, button.mailbox-attachment-close {
    padding: 0;
    background-color: transparent;
    border: 0;
}
.toast-header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.close, .mailbox-attachment-close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
.close{
    position: absolute;
    right: 10px;
}