.table-rows ul.row-effect-transition {
    transition: background 0.3s ease 0s;
}
.table-rows ul.dxr.saved {
    background-color: rgba(39, 158, 39, 0.6)!important;
}
.table-rows ul.dxr.error {
    background-color: rgba(176, 19, 19, 0.6)!important;
}
.table-rows ul.dxr > li.editable > div.count > div.validate {
    position: absolute;
    z-index: 1;
    box-sizing: border-box;
    width: calc(80px + 20px);
    margin-left: -20px;
    height: 44px;
    margin-top: -5px;
    border: 2px solid rgb(200, 200, 200);
    box-shadow: 0 2px 5px rgb(56, 56, 56) inset;
    background-color: rgb(234, 234, 234);
}
.table-rows ul.dxr > li.editable > div.count > div.validate > input {
    background-color: transparent;
    border: medium none;
    color: rgba(26, 26, 28, 0.86);
    display: block;
    font-size: 14px;
    font-family: "Lucida Grande", Helvetica, Arial, Verdana, Tahoma, sans-serif;
    padding: 0 10px;
    height: 100%;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
    text-align: right;
}

/*  ERROR BUBBLE  */

.table-rows .v-error input{
    background: rgb(131, 131, 131) url("/img/cmsn/svg/error2.svg?v=18") no-repeat scroll left 4px center / 22px auto;
}
.table-rows .errMsg{
    opacity: 0;
    background: #ffeb80;
    position: absolute;
    bottom: -22px;
    font-size: 12px;
    line-height: 22px;
    padding: 2px 15px;
    color: rgb(71, 71, 71);
    white-space: nowrap;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    pointer-events: none;
    -moz-box-shadow: 0 4px 5x 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.2);
    -webkit-transition: opacity 0.12s ease-in-out, bottom 0.12s ease-in-out;
    -moz-transition: opacity 0.12s ease-in-out, bottom 0.12s ease-in-out;
    -o-transition: opacity 0.12s ease-in-out, bottom 0.12s ease-in-out;
    transition: opacity 0.12s ease-in-out, bottom 0.12s ease-in-out;
}
.table-rows .v-error .errMsg::after{
    content: "";
    margin: 0 auto;
    border-left: 4px solid rgb(255, 235, 128);
    border-top: 4px solid rgb(255, 235, 128);
    border-bottom: 4px solid transparent;
    border-right: 4px solid transparent;
    height: 0;
    width: 0;
    display: block;
    transform: rotate(45deg);
    top: -4px;
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
}
.table-rows .v-error:hover .errMsg {
    opacity: 1;
    bottom: -35px;
}