table {
    width: 100% !important;
}

.dataTable tbody tr td {
    color: #04182c !important;
}
.dataTable tbody tr:hover {
    /*cursor: pointer !important;*/
    background-color: #5A738E !important;
}
.dataTable tbody tr:hover td {
    color: #fff !important;
}

.cursor {
    cursor: pointer !important;
}

.x_title h2 {
    float: right;
}

#datatable2_filter.dataTables_filter {
    display: none;
}

#datatable4_filter {
    width: 70%;
}

#datatable3 thead tr th {
    padding-left: 5px !important;
    padding-right: 5px !important;
    font-weight: bolder !important;
    font-size: 12px !important;
}

#btn_delete_group {
    background-color: #d50000 !important;
    border-color: #d50000 !important;
}

    #btn_delete_group:hover {
        background-color: #9b0000 !important;
        border-color: #9b0000 !important;
    }

.my_link_1 {
    color: #7992F4 !important;
    text-decoration: underline !important;
}
/*    .my_link_1:hover {
        color: #FFF !important;
    }*/

#btn_select_other_product:hover {
    background-color: #fff;
    color: #04182c;
}

#btn_delete_group {
    border: #d50000 !important;
}

    #btn_delete_group:hover {
        border: #9b0000 !important;
    }


select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    select:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

input[type=search] {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

    input[type=search]:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    }

.parent {
    background-color: #d6e6dc !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
    text-align: right !important;
}

table.dataTable > tbody > tr.child span.dtr-title {
    padding-left: 20px !important;
}

table.dataTable > tbody > tr.child ul {
    width: 100%;
    padding-left: 30px;
}

.btn, .buttons, .modal-footer .btn + .btn, button {
    margin-right: 0px !important;
}

.my_float {
    float: right;
}

.hide_desktop {
    display: none;
}
table.dataTable > tbody > tr.child ul li:first-child {
    padding-top: 0;
    display: none;
}
@media screen and (min-width:768px) and (max-width:991px) {
    div .dataTables_wrapper div.dataTables_filter label {
        position: absolute;
        right: 0;
        top: 0px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 100px;
    }




    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
        padding-bottom: 10px;
    }

    #datatable {
        position: relative !important;

    }

    #datatable3 {
        position: relative !important;
      
    }

    #datatable4 {
        position: relative !important;
        top: -20px;
    }

    .mt_60_mobile {
        margin-top: 60px !important;
    }

    .mt-50 {
        margin-top: 25px !important;
    }

    .mt-80 {
        margin-top: 25px !important;
    }

    .no_pad_right_mobile {
        padding-right: 0px !important;
    }

    input[type="checkbox"], input[type="radio"] {
        margin-right: 2px;
    }

    .text_align_center_mobile {
        text-align: center !important;
    }

    .hide_desktop {
        display: block !important;
    }

    #ContentPlaceHolder1_div_show_folders {
        border-top: 1px solid #dcdcdc;
        padding-top: 100px;
        margin-top: 20px;
    }
    #datatable3_wrapper{
        min-width:610px;
        max-width:610px
    }
}

@media all and (max-width: 768px) {
    .row .col-sm-6 {
        padding-right: 50px;
    }

    .row .col-sm-12 {
        width: 100% !important;
    }

    .mt-50 {
        margin-top: 25px !important;
    }

    .mt-80 {
        margin-top: 25px !important;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        position: absolute;
        right: 0;
        top: 0px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 55px;
    }




    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
        padding-bottom: 10px;
    }

    #datatable {
        position: relative !important;
        top: -20px;
    }

    #datatable3 {
        position: relative !important;
        top: -20px;
    }

    #datatable4 {
        position: relative !important;
        top: -20px;
    }

    table.dataTable > tbody > tr.child:hover {
        background-color: #dee2e6 !important;
        color: green !important;
    }

    .no_pad_right_mobile {
        padding-right: 0px !important;
    }

    input[type="checkbox"], input[type="radio"] {
        margin-right: 2px;
    }

    .text_align_center_mobile {
        text-align: center !important;
    }

    .hide_desktop {
        display: block !important;
    }

    #ContentPlaceHolder1_div_show_folders {
        border-top: 1px solid #dcdcdc;
        padding-top: 100px;
        margin-top: 20px;
    }
}

@media all and (max-width: 458px) {
    .row .col-sm-6 {
        padding-right: 50px;
    }

    .row .col-sm-12 {
        width: 100% !important;
    }

    div.dataTables_wrapper div.dataTables_filter label {
        position: absolute;
        right: 0;
        top: 0px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 55px;
    }




    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }

    div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
        padding-bottom: 10px;
    }

    #datatable {
        position: relative !important;
        top: -20px;
    }

    #datatable3 {
        position: relative !important;
        top: -20px;
    }

    #datatable4 {
        position: relative !important;
        top: -20px;
    }

    table.dataTable > tbody > tr.child:hover {
        background-color: #dee2e6 !important;
        color: green !important;
    }

    .mt_60_mobile {
        margin-top: 60px !important;
    }

    .mt-50 {
        margin-top: 25px !important;
    }

    .mt-80 {
        margin-top: 25px !important;
    }

    .no_pad_right_mobile {
        padding-right: 0px !important;
    }

    input[type="checkbox"], input[type="radio"] {
        margin-right: 2px;
    }

    .text_align_center_mobile {
        text-align: center !important;
    }

    .hide_desktop {
        display: block !important;
    }

    #ContentPlaceHolder1_div_show_folders {
        border-top: 1px solid #dcdcdc;
        padding-top: 100px;
        margin-top: 20px;
    }
}