/* settings for toast */
#toast {
    position: fixed;
    bottom: 0%;
    left: 0%;
    right: 0%;
    z-index: 995;
    z-index: 1002;
    /**/
    background-color: rgba(0,0,0,0.6);
    border-radius: 0px;
    color: #fff;
    font-size: 2.8vw;
    height: 0%;
    opacity: 0;
    text-align: left;
    -webkit-font-smoothing: antialiased;
    font-family: 'Roboto-Bold';
}

    #toast > table {
        width: 100%;
        height: 100%;
        border-collapse: collapse;
    }

        #toast > table > tbody > tr > td:nth-child(1) {
            width: 6vw;
        }

        #toast > table > tbody > tr > td:nth-child(2) {
            width: auto;
        }

        #toast > table > tbody > tr > td:nth-child(3) {
            width: 6vw;
        }

        #toast > table > tbody > tr > td,
        #toast > table > tbody > tr > td > div {
            background-size: 3.8vw !important;
        }

            #toast > table > tbody > tr > td.cmd-hover,
            #toast > table > tbody > tr > td[id*=cmd_]:not([disabled]):hover {
                /* background */
                background-color: rgba(0,0,0, 0.6) !important;
                transition: .5s;
                /* cursor */
                cursor: pointer;
            }

.img-info {
    background-image: url("../img/toast_info.svg");
}

.img-warning,
.img-error {
    background-image: url("../img/toast_error_warning.svg");
}

.img-yellowwarning {
    background-image: url("../img/toast_yellow_warning.svg");
}

.img-critical {
    background-image: url("../img/nearby_error.svg");
}


.img-question {
    background-image: url("../img/toast_question.svg");
}

.img-waiting {
    background-image: url("../img/toast_waiting.svg");
}

.img-done {
    background-image: url("../img/toast_done.svg");
}

.img-cancel {
    background-image: url("../img/toast_cancel.svg");
}

.img-alert {
    background-image: url("../img/alert-square.svg");
}