Backend-Api/ServiceHost/wwwroot/AssetsClient/pages/EmployeesBankInfo/css/Index.css

.sweet-alert button {
    font-family: 'IRANYekanX';
}

.errored {
    animation: shake 300ms;
    color: #eb3434 !important;
    background-color: #fef2f2 !important;
    border: 1px solid #eb3434 !important;
    border-radius: 7px;
}

.bankIcon {
    height: 30px;
    /*width: 35px;*/
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}

.goToTop {
    position: fixed;
    bottom: -10px;
    margin-right: 100px;
    z-index: 100;
    color: #fff;
    background-color: #25acacd6;
    display: none;
}

    .goToTop:hover {
        color: #fff;
        background-color: #2ca4a4;
    }

.width1 {
    width: 5% !important;
}

.widthNumberCustom span {
    width: 50px !important;
    padding: 9px !important;
}

.width2 {
    width: 10% !important;
}

.width3 {
    width: 15% !important;
}

.width4 {
    width: 15% !important;
}

.width5 {
    width: 18% !important;
}

.width6 {
    width: 15% !important;
}

.width7 {
    width: 10% !important;
    text-align: center;
}

.withdraw {
    background-color: rgb(177 195 195) !important;
}

.operations-btns span {
    font-size: 12px;
    font-weight: 500;
    color: #0B5959;
}

.btn-create {
    background-color: #84CC16;
    border-radius: 7px;
    color: #ffffff;
    padding: 3px 12px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.btn-operation-more {
    background: #C7F8F8;
    border: 1px solid #0B5959;
    border-radius: 7px;
    position: relative;
    overflow: hidden;
    color: #0B5959;
    text-align: right;
    font-size: 11px;
    padding: 3px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    white-space: nowrap;
}

    .btn-operation-more:hover {
        background: #ACD2D2;
    }

.btn-delete-all {
    display: flex;
    align-items: center;
    justify-content: space-around;
    background-color: #FFCECE;
    border-radius: 7px;
    color: #BF3737;
    padding: 3px 7px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    transition: all ease-in .3s;
}

    .btn-delete-all:hover {
        background-color: #f3afaf;
    }






.select-all {
    border-radius: 7px;
    padding: 6px 8px;
    background-color: #3AD1D1;
}

    .select-all input:checked[type="checkbox"] + label {
        color: #ffffff;
    }

    .select-all label {
        color: #ffffff !important;
    }






/************************ Radio Button Input (Like Checkbox appearance) ************************/
.form-check-input[type="radio"],
.form-check-input[type="checkbox"] {
    width: 15px;
    height: 15px;
    border-radius: 6px;
    padding: 8px;
    border: 1px solid #CFD3D4;
    background-color: white;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    appearance: none;
}

    .form-check-input[type="radio"]:checked,
    .form-check-input[type="checkbox"]:checked {
        background-color: #148989;
        border: 1px solid #ffffff !important;
        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="white" stroke-width="3"%3E%3Cpath stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" /%3E%3C/svg%3E');
        background-size: 75%;
    }

    .form-check-input[type="radio"]:focus,
    .form-check-input[type="checkbox"]:focus {
        outline: none;
        box-shadow: none;
    }

    .form-check-input[type="radio"] + label,
    .form-check-input[type="checkbox"] + label {
        color: #83898C;
    }

    .form-check-input[type="radio"]:checked + label,
    .form-check-input[type="checkbox"]:checked + label {
        color: #2B2F32;
    }


/************************ Radio Button Input (Like Checkbox appearance) ************************/

.btn-excel {
    border-radius: 7px;
    padding: 3px 7px;
    color: #000000;
    background-color: #afffcc
}

.btn-excel span {
    color: #1E293B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.btn-excel:hover {
    background-color: #a8ebc1;
}

@media (max-width: 1366px) {
    .fineListModal-width {
        max-width: 390px;
    }

    .Rtable .Rtable-row .Rtable-cell {
        font-size: 12px;
    }

        .Rtable .Rtable-row .Rtable-cell .Rtable-cell--content {
            font-size: 11px;
        }

    .btn-uploadingPD {
        font-size: 10px;
    }
}

@media (max-width: 767px) {
    .goToTop {
        position: fixed;
        bottom: 54px;
        margin-right: 39%;
        z-index: 100;
        color: #fff;
        background-color: #25acac70;
    }

    .wrapper {
        margin: 0 0 60px 0;
    }

    .Rtable--collapse .Rtable-row {
        outline: none;
        border: 1px solid #D2D2D2;
    }

    .Rtable .Rtable-row .Rtable-cell {
        padding: 0;
    }

    .width1 {
        width: 18% !important;
    }

    .width2 {
        width: 50% !important;
    }

    .width8 {
        width: 30% !important;
        justify-content: end;
        display: flex;
    }

    button.btn-print, button.btn-edit, button.btn-delete {
        width: 32%;
    }

    button.btn-print, button.btn-edit span, button.btn-delete span {
        display: unset;
    }
}