/********/
/*Toasts*/
/********/
.k-notification {
    box-shadow: 3px 3px 5px var(--grey-dark-3);
    color: var(--toast-font);
    border-radius: 5px;
    font-size: 1.8rem;
    line-height: 2.2rem;
    border: none;
}

.k-notification.k-notification-success {
    background-color: var(--toast-success-background);
}

.k-notification.k-notification-info {
    background-color: var(--toast-information-background);
}

.k-notification.k-notification-warning {
    background-color: var(--toast-failure-background);
}

.k-notification .k-notification-wrap .k-notification-content {
    white-space: nowrap;
}

/******/
/*Icon*/
/******/
.k-notification .k-icon,
.k-notification .k-tool-icon {
    width: 32px;
    height: 32px;
}

.k-notification .k-icon::before {
    width: 32px;
    height: 32px;
    margin: 0;
}

/*******/
/*Error*/
/*******/

/************/
/*Error Head*/
/************/
.k-notification.k-notification-error .head {
    background-color: var(--notification-error-header-background);
}

.k-notification.k-notification-error .head td {
    padding: 1rem .5rem 1rem 1rem;
    border-radius: 5px 0 0 0;
}

    .k-notification.k-notification-error .head td span {
        filter: var(--glyphicon-btn-white);
    }

.k-notification.k-notification-error .head th {
    background-color: var(--notification-error-header-background);
    color: var(--notification-error-header-font);
    font-weight: 500;
    font-size: 1.6rem;
    padding: 1rem 1rem 1rem .5rem;
    border-radius: 0 5px 0 0;
}

/***************/
/*Error Message*/
/***************/
.k-notification.k-notification-error .message {
    background-color: var(--notification-error-background);
    color: var(--notification-error-font);
}

.k-notification.k-notification-error .message td {
    padding: 1.5rem 1rem 1.5rem 1rem;
    text-align: center;
}

#errorDetail {
    font-weight: 500;
    font-size: 1.6rem;
    word-wrap: break-word;
}

/************/
/*Button Row*/
/************/
.k-notification.k-notification-error .buttons {
    background-color: var(--notification-error-background);
    padding: 1rem 1rem 1rem 1rem;
}

.k-notification.k-notification-error .buttons td {
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0 0 5px 5px;
}