#datatable {
    width: 100% !important;
}

    #datatable thead {
        border: 0px solid #e6edef !important;
    }

        #datatable thead tr {
            width: 100% !important;
        }

            #datatable thead tr th {
                color: #3f4254 !important;
                font-size: 14px !important;
            }

    #datatable tbody {
        border: 0px solid #e6edef !important;
    }

        #datatable tbody tr {
            border: 1px solid #e6edef !important;
            background-color: transparent !important;
        }

    

.dataTables_wrapper table.dataTable tbody td {
    background-color: #fff !important;
    border: 1px solid #e6edef !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 8px 14px !important;
}


/*Partial*/
#datatable-partial {
    width: 100% !important;
}

    #datatable-partial thead {
        border: 0px solid #e6edef !important;
    }

        #datatable-partial thead tr {
            width: 100% !important;
        }

            #datatable-partial thead tr th {
                color: #3f4254 !important;
                font-size: 14px !important;
            }

    #datatable-partial tbody {
        border: 0px solid #e6edef !important;
    }

        #datatable-partial tbody tr {
            border: 1px solid #e6edef !important;
            background-color: transparent !important;
        }


.datatable-partial table.dataTable tbody td {
    background-color: #fff !important;
    border: 1px solid #e6edef !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
}


@media screen and (max-width: 575px) {
    #create_button {
        display: block !important;
        justify-content: center !important;
        align-content: center !important;
        width: 100% !important;
        text-align: center;
    }

        #create_button h5 {
            display: block !important;
            margin: 0px !important;
            padding: 0px !important;
            align-items: center;
        }

        #create_button button {
            display: block !important;
            /*margin: 0px !important;*/
            /*padding: 0px !important;*/
            align-items: center;
        }


    #create_button_only {
        justify-content: center !important;
        align-content: center !important;
    }

    #datatable-partial div.dataTables_filter label {
        margin-bottom: 15px;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    div.dataTables_filter label {
        margin-bottom: 15px;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    .mobile-top-2 {
        margin-top: 15px;
    }
}


#create_button {
    display: flex;
    justify-content: space-between !important;
    align-content: center !important;
}

    #create_button h5 {
        margin: 0px !important;
        padding: 0px !important;
        display: flex;
        align-items: center;
    }

    #create_button button {
        margin: 0px !important;
        padding: 0px !important;
        display: flex;
        align-items: center;
    }


#create_button_only {
    display: flex;
    justify-content: end;
    align-content: end;
}













/*
.w-150px {
    width: 150px !important;
}

*/





#datatable_paginate, #datatable-partial_paginate {
    border: 0px solid white !important;
}

    #datatable_paginate span a {
        height: 34px;
    }

        #datatable_paginate span a.current {
            border: 1px solid #168eea !important;
            background: #168eea !important;
            color: white !important;
        }




.dataTables_wrapper .dataTables_length select {
    border: 2px solid #e6edef !important;
    border-radius: 3px;
}

.dataTables_wrapper .dataTables_filter input[type="search"] {
    border: 2px solid #e6edef !important;
}

.disabled {
    cursor: default !important;
    color: #666 !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

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

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    cursor: default;
    color: #666;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}



.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    cursor: default;
    color: #666;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}





#datatable-partial_paginate {
    display: flex !important;
    overflow: hidden;
    justify-content: center;
    align-content: center;
    height: 34px;
}


#datatable-partial_paginate a {
    display: flex;
    padding: 0px 13px;
    align-items: center;
}

#datatable-partial_paginate span {
    display: flex;
}

    #datatable-partial_paginate span a {
        display: flex;
    }

    #datatable-partial_paginate span a {
        border: 1px solid white !important;
        display: flex;
        padding: 0px 13px;
        align-items: center;
    }


        #datatable-partial_paginate span a.current {
            border: 1px solid #168eea !important;
            background: #168eea !important;
            display: flex;
            color: white !important;
        }



@media screen and (max-width: 575px) {
    #datatable_filter label {
        margin-bottom: 15px;
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    div.dataTables_wrapper div.dataTables_paginate .paginate_button {
        padding: 7px 7px !important;
    }

    #create_button {
        justify-content: center !important;
    }
}