#crud input {
    flex: 1;
    background: #f4f4f4;
    padding: 0 0.9375rem;
    height: 2.1875rem;
    outline: none;
    display: flex;
    border: 1px solid #9d9d9d;
    width: 100%;
}
#crud {
    margin-top: 5px;
}

    #crud h4 {
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        margin-top: 10px;
        margin-left: 10px;
        color: #a20101;
    }

    #crud textarea {
        flex: 1;
        background: #f4f4f4;
        padding: 0 0.9375rem;
        height: 100px !important;
        outline: none;
        display: flex;
        border: 1px solid #9d9d9d;
        width: 100%;
    }

    #crud select {
        height: 30px;
        line-height: 10px;
        width: 100%;
        margin-top: 5px;
    }

    #crud button {
        color: #fff;
        display: block;
        padding: 0 1.25rem;
        display: block;
        line-height: 2.1875rem;
        background: #1183e1;
        margin-top: 5px;
        float: left;
        margin-right: 10px;
    }

    #crud div {
        margin-bottom: 5px;
    }
.cmnd {
    width: 33%;
    float: left;
    margin-right: 3px;
}
.sodt {
    width: 49.9%;
    float: left;
    margin-right: 1px;
}
@media (max-width: 991px) {
    .cmnd {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .sodt {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}
@media (max-width: 991px) {


    table th {
        display: none;
    }

    table tbody, table tr, table td {
        display: block;
        width: 100%;
    }

    table tr {
        margin-bottom: 15px;
        width: 100%;
        margin: auto;
        border: 1px solid #d2cccc;
        box-shadow: 3px 3px 7px rgb(74 48 48 / 30%);
        margin-bottom: 10px;
        border-radius: 5px;
    }

        table tr:last-child {
            margin-bottom: 0px;
        }

    table td {
        text-align: right !important;
        position: relative;
        padding-left: 80px !important;
        font-size: 12px;
        width: 100% !important
    }

        table td:before {
            content: attr(data-label);
            position: absolute;
            left: 0;
            width: 50%;
            padding-left: 8px;
            font-size: 15px;
            font-weight: bold;
            text-align: left;
        }
}