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%;
}

.bs-glyphicons li {
    width: 13.5%;
}

/*     .bs-glyphicons li:hover {
                color: unset !important;
                background-color: unset !important;
            }*/
.safe {
    background-color: #fff !important;
    color: #04182c !important;
}

.unsafe {
    background-color: #fff !important;
    color: #04182c !important;
}

#lbl_key_title {
    font-size: 30px !important;
}

.bs-glyphicons li {
    width: 19% !important;
    height: 188px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #04182c;
}

.bs-glyphicons .glyphicon-class {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 7px;
}

.img-w-100 {
    width: 100px;
}

.alertify-dialog {
    padding-top: 60px;
}

#btn_select_other_product:hover {
    color: #28374e !important;
    background-color: #fff;
}
#div_hide {
    display: none;
}
.my_float{
    float:right;
}
@media screen and (min-width:991px) {
}

@media screen and (min-width:768px) and (max-width:991px) {
    .bs-glyphicons li {
        width: 45% !important;
    }
    .margin_right3_left_4_mobile {
        margin-left: 3%;
        margin-right: 4%;
    }
    #div_hide{
        display:block;
    }
    .text_align_center_mobile {
        text-align: center !important;
    }
    .bs-glyphicons .glyphicon-class {
        font-size: 12px;
    }
}

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

    .bs-glyphicons li {
        width: 50%;
    }

    .row .col-sm-12 {
        width: 100% !important;
    }
    .bs-glyphicons li {
        width: 45% !important;
    }
    .margin_right3_left_4_mobile {
        margin-left: 3%;
        margin-right: 4%;
    }
    #div_hide {
        display: block;
    }
    .text_align_center_mobile {
        text-align: center !important;
    }
    .bs-glyphicons .glyphicon-class {
        font-size: 12px;
    }
}
@media all and (max-width: 458px) {
    .row .col-sm-6 {
        padding-right: 50px;
    }

    .bs-glyphicons li {
        width: 50%;
    }

    .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: 120px;
    }

    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;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 100px;
    }
    .bs-glyphicons li {
        width: 45% !important;
    }
    .margin_right3_left_4_mobile{
        margin-left:3%;
        margin-right:4%;
    }
    #div_hide {
        display: block;
    }
    .text_align_center_mobile {
        text-align: center !important;
    }
    .bs-glyphicons .glyphicon-class{
        font-size:12px;
    }
}