.bank-info:hover {
    background-color: #f5f5f5;
    cursor: pointer
}

.bank-info {
    padding: 10px;
    border-bottom: 1px solid #e6e6e6
}

.form-select-sm,.form-control-sm {
    height: 30px
}

.ant,#app,.ant-input {
    font-family: Chakra Petch,sans-serif!important
}

.ant-card {
    border-radius: 8px;
    box-shadow: 0 0 10px #f6f1f1
}

.ant,.anticon svg {
    vertical-align: baseline!important
}

.ant-message {
    font-size: 16px
}

.ant-form-item-label>label {
    font-weight: 700
}

.ant-btn-primary {
    background-color: #1677ff!important
}

:where(.css-dev-only-do-not-override-1ugq3w3).ant-switch {
    background-color: #000000e0!important
}

:where(.css-dev-only-do-not-override-1ugq3w3).ant-switch.ant-switch-checked {
    background-color: #1677ff!important
}

.process {
    @apply pointer-events-none cursor-progress opacity-80;background-size: 20px 20px;
    background-image: linear-gradient(135deg,rgba(0,0,0,.25) 25%,transparent 25%,transparent 50%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.25) 75%,transparent 75%,transparent);
    animation: animate-stripes .8s linear infinite
}

.process:hover,.process:active {
    @apply bg-gray-100 font-bold tracking-widest;animation: none
}

@keyframes animate-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

.stats {
    padding: 15px;
    cursor: pointer
}

.stats .stats__value {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0ea293;
    margin-bottom: 3px
}

.stats .stats__name {
    color: #245953;
    font-size: 1rem;
    text-transform: capitalize
}

.stats__title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #2d3436;
    margin-bottom: 1rem
}

@media screen and (max-width: 767px) {
    div.dataTables_wrapper div.dataTables_filter {
        text-align:start
    }

    div.dataTables_wrapper div.dataTables_filter input {
        text-align: start;
        margin-left: 0
    }
}