@import 'def';

:focus {
    box-shadow: none !important;
    outline: none !important;
}

.alarmmodal .modal-dialog {
    max-width: 1000px;
}

.toast-container {
    margin-top: 65px;

    [toast-component] {
        width: 500px;
    }

    .toast-message {
        width: 100%;
    }

    .alert {
        border: none;
        box-shadow: none !important;
        padding: .75rem 1.25rem;
        margin: 10;

        :hover {
            box-shadow: none !important;
        }
    }

    .alert-success {
        @include themify($themes) {
            background-color: themed('grassgreen');
        }
        color:#fff;
    }

    .alert-warning {
        @include themify($themes) {
            background-color: themed('warning');
        }
    }

    .alert-error {
        @include themify($themes) {
            background-color: themed('alert');
        }
        color:#fff;
    }

    .alert-dismissible {
        padding-right: 4rem;
        .toast-close-button {
            position: absolute;
            top: 0;
            right: 0;
            padding: .5rem 1.25rem;
            color: inherit;
        }
    }
}

.remove-after::after {
    display: none;
}

#monitorwrapper {
    min-height: 550px;
}

.bg-card {
    @include themify($themes) {
        background-color: themed('cardbg') !important;
    }
}

#monitorwrapper {
    overflow: visible;
}

#tablewrapper {
    overflow: visible;
}

.bg {
    top: 0;
}

.hover-pointer:hover * {
    cursor: pointer !important;
}

ov-root {
    height: auto !important;
}

#alarmtabnav {
    margin-right: 0px;
}

.modal-content {
    @include themify($themes) {
        color: themed('txtcolor100');
        background-color: themed('bodybg');
    }
}
