.btn-show-modal {
    background-color: #f5f5f5;
    border-color: #0f9500;
    font-family: 'Web_Yekan' !important;
    color: #0f9500 !important;
    margin-right: 10px
} 
.btn-show-modal i {
    padding-left: 3px;
    font-size: 14px;
    color: #0f9500 !important;
}

.text-right {
    text-align: right !important;
}

.input:invalid {
    animation: shake 300ms;
    box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434 !important;
    border: 1px solid #eb3434;
}
.td-ellipsis {
    direction: rtl;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@keyframes shake {
    25% {
        transform: translateX(4px);
    }

    50% {
        transform: translateX(-4px);
    }

    75% {
        transform: translateX(4px);
    }
}
.sweet-alert .sa-icon {
    width: 50px;
    height: 50px;
    margin: 0px auto;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    width: 5px;
    height: 20px;
}

.sweet-alert h2 {
    font-size: 17px;
}

.sweet-alert button {
    font-size: 14px;
    padding: 10px 29px;
    margin: 0px 5px 0;
}
@keyframes shake {
    25% {
        transform: translateX(4px);
    }

    50% {
        transform: translateX(-4px);
    }

    75% {
        transform: translateX(4px);
    }
}

.errored {
    animation: shake 300ms;
    box-shadow: inset 0 0 2px #eb3434, 0 0 5px #eb3434 !important;
    border: 1px solid #eb3434 !important;
}