.iptal-badge {
    padding: 5px 10px;
    background-color: red;
    color: #fff;
}

.satis-badge {
    padding: 5px 10px;
    background-color: green;
    color: #fff;
}

.bekleme-badge {
    padding: 5px 10px;
    background-color: black;
    color: #fff;
}

.created-policy-badge {
    padding: 5px 10px;
    background-color: green;
    color: #fff;
}

.not-created-policy-badge {
    padding: 5px 10px;
    background-color: black;
    color: #fff;
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.table-responsive table {
    width: 100%;
    table-layout: fixed;
}


.table-responsive-cards {
    display: none;
}

@media (max-width: 1000px) {


    .table-responsive-cards {
        display: block;
    }

    .card {
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #b8b8b8;
        padding: 10px;
        box-sizing: border-box;
        margin: 10px;
        position: relative;
        box-shadow: 10px 9px 14px -8px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: 10px 9px 14px -8px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 10px 9px 14px -8px rgba(0, 0, 0, 0.75);
    }

    .card .expired-message {
        border: 0px !important;
        position: absolute;
        top: 3px;
        right: 4px;
        background-color: red;
        color: white;
        z-index: 10;
        border-radius: 4px !important;
        font-size: 11px;
    }

    .card .card-row {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding-top: 5px;
        border-top: 1px dashed black;

    }

    .card .card-row div {
        border: 1px solid #ddd;
        padding: 4px;
        border-radius: 10px;

    }

    .card .card-header {
        display: flex;
        flex-wrap: wrap;
        padding-top: 10px;
        padding-bottom: 5px;
        width: 100%;
    }

    .card .card-header div {
        padding: 4px;
        border-radius: 10px;
        margin: -4px;
    }

    .bekleme-badge {
        padding: 4px 7px;
        border-radius: 10px;
    }

    .satis-badge {
        padding: 4px 7px;
        border-radius: 10px;
    }

    .iptal-badge {
        padding: 4px 7px;
        border-radius: 10px;
    }

    .created-policy-badge {
        padding: 4px 7px;
        border-radius: 10px;
    }

    .not-created-policy-badge {
        padding: 4px 7px;
        border-radius: 10px;
    }

    .card-header-text {
        font-size: 14px;
    }

    .card-header-data-text {
        font-size: 13px;
        color: rgb(255, 255, 255);
    }


}