.toast{
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1080;
}

.toast .modal-backdrop{
    height: 100%;
}

.toast .modal-dialog{
    background: #fff;
    text-align: center;
    border-radius: 20px;
    margin: 0 auto;
    padding: 12px;
    box-shadow: 1px 0 3px #fff;
    z-index: 9999;
}

.toast.fade .modal-dialog{
    transition: transform .3s ease-out;
}

.toast.in .modal-dialog{
    transform: translate(0,50px);
}

.toast .msg{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.pop{
    position: fixed;
    z-index: 1050;
    background: #fbe983;
    border-radius: 24px;
    padding: 12px;
    transition: all .3s ease-out;
    box-shadow: 1px 1px 3px #222;
}

.pop > span{
    color: #000;
}

.pop.center{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.pop.in{
    margin: 0 !important;
}

.pop.center-horizontal{
    left: 50%;
    transform: translateX(-50%);
}

.pop.center-vertical{
    top: 50%;
    transform: translateY(-50%);
}

.pop.top.out{
    margin-top: -25px;
}
.pop.right.out{
    margin-right: -25px;
}
.pop.bottom.out{
    margin-bottom: -25px;
}
.pop.left.out{
    margin-left: -25px;
}

.pop.right{
    right: 20px;
}

.pop.left{
    left: 20px;
}

.pop.bottom{
    bottom: 20px;
}

.pop.top{
    top: 20px;
}

table tr.delete td{
    text-decoration: line-through;
}