body {
    font-family: 'Poppins', sans-serif !important;
}
  .HideColoum {
            display: none;
        }

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .mobile_width {
        width: 120%;
    }
}

/* Table Design*/
.AppFormTable {
    width: 100%;
    padding: 0 5px;
    font-size: 11px;
    letter-spacing: 0.04em;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    color: #ffffff;
    border-collapse: collapse;
    border-radius: 5px;
}

    .AppFormTable th {
        font-size: 14px;
        font-weight: 500;
        color: #3d4348;
        padding: 10px;
        letter-spacing: 0.04em;
        background-color: #dff0f3;
        /* border-top-left-radius: 5px;
	border-top-right-radius: 5px; */
        border-color: #bcd5ec;
    }

    .AppFormTable .head {
        font-size: 12px;
        font-weight: bold;
        color: #000000;
        border: 0px solid #F0F0F0;
        letter-spacing: 0.04em;
        border-width: 1px 0 0 1px;
        padding: 5px;
        text-align: center;
    }

    .AppFormTable td {
        color: #000000;
        border: 1px solid #d0e1f1;
        /*padding: 10px;*/
        padding: 5px;
        font-size: 14px !important;
    }



    .AppFormTable input[type=checkbox] {
        vertical-align: middle;
    }

    .AppFormTable input[type=image] {
        vertical-align: middle;
        padding: 0px !important;
    }

    .AppFormTable select {
        color: #000000;
        border: 1px solid #d9d9d9;
        font-size: 13px;
        height: 31px;
        padding: 3px;
        border-radius: 4px;
    }

    .AppFormTable input {
        border: 1px solid #d9d9d9;
        font-size: 13px;
        height: 31px;
        /*padding: 3px;
        border-radius: 4px;*/
    }

.btn_submit {
    background-color: #0f4f96;
    border-radius: 30px;
    padding: 0px 30px;
    height: 30px;
    color: white;
}

label {
    color: black;
}


.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        padding: 0.5em 1em;
        margin-left: 2px;
        text-align: center;
        text-decoration: none !important;
        cursor: pointer;
        *cursor: hand;
        color: #333 !important;
        border: 1px solid transparent;
        border-radius: 2px;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #333 !important;
            border: 1px solid #979797;
            background-color: white;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
            /* Chrome10+,Safari5.1+ */
            background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
            /* FF3.6+ */
            background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
            /* IE10+ */
            background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
            /* Opera 11.10+ */
            background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
            /* W3C */
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            cursor: default;
            color: #666 !important;
            border: 1px solid transparent;
            background: transparent;
            box-shadow: none;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: white !important;
            border: 1px solid #111;
            background-color: #585858;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
            /* Chrome10+,Safari5.1+ */
            background: -moz-linear-gradient(top, #585858 0%, #111 100%);
            /* FF3.6+ */
            background: -ms-linear-gradient(top, #585858 0%, #111 100%);
            /* IE10+ */
            background: -o-linear-gradient(top, #585858 0%, #111 100%);
            /* Opera 11.10+ */
            background: linear-gradient(to bottom, #585858 0%, #111 100%);
            /* W3C */
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:active {
            outline: none;
            background-color: #2b2b2b;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
            /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
            /* Chrome10+,Safari5.1+ */
            background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
            /* FF3.6+ */
            background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
            /* IE10+ */
            background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
            /* Opera 11.10+ */
            background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
            /* W3C */
            box-shadow: inset 0 0 3px #111;
        }

    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 1em;
    }

.dataTables_wrapper .dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 40px;
    margin-left: -50%;
    margin-top: -25px;
    padding-top: 20px;
    text-align: center;
    font-size: 1.2em;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #333;
}

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        text-align: center;
    }

    .dataTables_wrapper .dataTables_paginate {
        margin-top: 0.5em;
    }
}