/* Fix toastr notification icons */
#toast-container > .toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}

#toast-container > .toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEIVnP1FRSCyoqCBZJREIilZWFkFC8BUsSAWpUCCQrEIgIQg5MDpnwMTCy8G7MtxDxSMGpM5Yg0QUqrrZ+Q7lJSFprWD9nLCuEKP/AJVADpK7ZKLg+ML/BC5iUiXhKrkyIbpBXLW1OQEAOwN5hnkW8+lgz1+ZdIY7ZQcOB7IACwSWaFe8a1H9Ux0hmf9T7ZmG4LjxB4XSOC3G/TzfgdfqtXPsKCXS3Itq7YrCD6+CvaDOE9Xrz/OisB2S4wNS342EJ+LQjSXhGSXeP+z0KyVgOxtDXWh6yvGE/AZRJX0c0mODwkUyjZjPDfEwlTjl7EuiJFg/JWUmR7RMSa/GdI6PSU5IHUkrZXqa7W9LSFtBnkYSY/FUQbxoGYx+2LiDH+/NiCZL/8MqOCWcJwKnDTmR7RmGcN0cSJJCQ5YUQYDTzT0d7X0VBYE2auOl8JX3hZ5Z8qRrCilpyN8qs1iUVlZDSCHHn0M+rkIjodSKWfpLvNkOJIw9vA==") !important;
}

#toast-container > .toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}

#toast-container > .toast:before {
    display: none !important;
}

#toast-container > div {
    padding: 15px 15px 15px 50px !important;
    opacity: 1 !important;
}

.toast-bottom-right {
    top: auto !important;
    right: 12px !important;
    bottom: 12px !important;
}

.main-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content {
    flex: 1 0 auto;
}

.main-footer {
    flex-shrink: 0;
    width: 100%;
    margin-top: auto !important;
    padding: 10px 0 !important;
    line-height: 1.2;
    text-align: center !important;
    background-color: #d9dde3;
    border-top: 1px solid #a6adb4;
}

.main-footer .footer-content {
    padding: 0 15px;
    overflow: hidden;
    color: #6c757d;
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.main-footer a {
    color: #6777ef;
    font-weight: 600;
    text-decoration: none;
}

body.settings-shell,
body.no-horizontal-scroll-shell {
    overflow-x: hidden;
}

body.settings-shell #app,
body.settings-shell .main-wrapper,
body.settings-shell .main-content,
body.settings-shell .section,
body.settings-shell .section-body,
body.settings-shell .card,
body.settings-shell .card-body,
body.no-horizontal-scroll-shell #app,
body.no-horizontal-scroll-shell .main-wrapper,
body.no-horizontal-scroll-shell .main-content,
body.no-horizontal-scroll-shell .section,
body.no-horizontal-scroll-shell .section-body,
body.no-horizontal-scroll-shell .card,
body.no-horizontal-scroll-shell .card-body {
    max-width: 100%;
}

body.no-horizontal-scroll-shell .main-wrapper,
body.no-horizontal-scroll-shell .main-content,
body.no-horizontal-scroll-shell .section {
    overflow-x: hidden;
}

body.settings-shell .section .section-header {
    margin-right: 0;
    margin-left: 0;
    min-height: 64px;
}

body.settings-shell .section .section-header h1 {
    font-size: 22px;
    line-height: 1.25;
}

body.settings-shell .card-body {
    padding: 16px;
}

body.settings-shell .table-responsive,
body.no-horizontal-scroll-shell .table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
}

body.report-shell .section,
body.report-shell .section .section-header {
    margin-top: 0;
}

body.settings-shell .table {
    margin-bottom: 0;
}

body.settings-shell .table th,
body.settings-shell .table td {
    vertical-align: middle;
    white-space: nowrap;
}

body.settings-shell .table-md th,
body.settings-shell .table-md td {
    padding: 0.55rem;
}

body.settings-shell .card-header,
body.settings-shell .card-header-action,
body.settings-shell .btn {
    max-width: 100%;
}

body.settings-shell .btn {
    white-space: nowrap;
}

@media (max-width: 576px) {
    .main-footer .footer-content {
        font-size: 11px;
    }
}

@media (max-width: 575.98px) {
    body.settings-shell .section .section-header {
        min-height: auto;
        padding: 12px;
    }

    body.settings-shell .section .section-header h1 {
        font-size: 18px;
    }

    body.settings-shell .card-body {
        padding: 12px;
    }

    body.settings-shell .table-md th,
    body.settings-shell .table-md td {
        padding: 0.45rem;
    }
}
