/**
 * Responsive Form Table
 * #ekle-duzenle-tablosu form tablolarini mobilde dikey stack yapar.
 * th (label) ustte, td (input) altta.
 * Hem sayfa icinde hem modal icinde calisir.
 * v1.0
 */
@media (max-width: 768px) {

    #ekle-duzenle-tablosu,
    .responsive-form-table {
        border: 0;
    }

    #ekle-duzenle-tablosu tr,
    .responsive-form-table tr {
        display: block;
        margin-bottom: 8px;
        border-bottom: 1px solid #e7ecf1;
        padding-bottom: 8px;
    }

    #ekle-duzenle-tablosu th,
    #ekle-duzenle-tablosu td,
    .responsive-form-table th,
    .responsive-form-table td {
        display: block;
        width: 100% !important;
        text-align: left !important;
        white-space: normal !important;
        padding: 4px 8px !important;
        border: none !important;
        box-sizing: border-box;
    }

    #ekle-duzenle-tablosu th,
    .responsive-form-table th {
        font-weight: 600;
        font-size: 13px;
        color: #333;
        padding-bottom: 2px !important;
    }

    #ekle-duzenle-tablosu th[colspan],
    .responsive-form-table th[colspan] {
        background-color: #f5f5f5;
        padding: 8px !important;
        margin-top: 8px;
        font-size: 14px;
        border-bottom: 2px solid #e7ecf1 !important;
    }

    #ekle-duzenle-tablosu .form-control,
    .responsive-form-table .form-control {
        width: 100% !important;
        max-width: 100% !important;
    }

    #ekle-duzenle-tablosu .input-large,
    .responsive-form-table .input-large {
        width: 100% !important;
    }

    #ekle-duzenle-tablosu .input-group,
    .responsive-form-table .input-group {
        width: 100%;
    }

    #ekle-duzenle-tablosu select.s2,
    #ekle-duzenle-tablosu .select2-container,
    .responsive-form-table select.s2,
    .responsive-form-table .select2-container {
        width: 100% !important;
    }

    #ekle-duzenle-tablosu .input-inline,
    .responsive-form-table .input-inline {
        display: block !important;
        width: 100% !important;
    }

    #ekle-duzenle-tablosu .input-medium,
    .responsive-form-table .input-medium {
        width: 100% !important;
    }

    /* Modal icindeki tablo */
    #modals-alani #ekle-duzenle-tablosu th,
    #modals-alani #ekle-duzenle-tablosu td,
    #modals-alani .responsive-form-table th,
    #modals-alani .responsive-form-table td {
        padding: 3px 4px !important;
    }
}