﻿.col-md-2 {
    float: right;
}

.col-md-3 {
    float: right;
}

.is_open {
    background-color: #FB6262 !important;
    color: #04182c !important;
}

    .is_open .sorting_1 {
        background-color: #FB6262 !important;
        color: #04182C !important;
        font-weight: bolder;
    }

    .is_open td {
        color: #04182C !important;
        font-weight: bolder;
    }

.is_read {
    background-color: #98C5DC !important;
}

    .is_read .sorting_1 {
        background-color: #98C5DC !important;
        font-weight: bolder;
    }

    .is_read td {
        color: #04182C !important;
        font-weight: bolder;
    }

.is_procecessing {
    background-color: #E9C56F !important;
}

    .is_procecessing .sorting_1 {
        background-color: #E9C56F !important;
        font-weight: bolder;
    }

.is_procecessing td {
        color: #04182c !important;
        font-weight: bolder;
    }

.is_locked {
    background-color: #A4DFA7 !important;
}

    .is_locked .sorting_1 {
        background-color: #A4DFA7 !important;
    }

    .is_locked td {
        color: #515151 !important;
    }
.Level_2 {
    background-color: #9e56e6 !important;
}

.Level_2 {
    background-color: #9e56e6 !important;
    font-weight: bolder;
}

    .Level_2 td {
        color: #04182C !important;
        font-weight: bolder;
    }

.wf_call {
    background-color: #96a5a7 !important;
}

.wf_call {
    background-color: #96a5a7 !important;
    font-weight: bolder;
}

    .wf_call td {
        color: #04182C !important;
        font-weight: bolder;
    }

.dataTable tbody tr:hover {
    cursor: pointer !important;
    background-color: #DCDCDC !important;
}

.dataTable tbody tr:hover td {
        color: #515151 !important;
    }

#btn_insert_ticket {
    color: #515151;
}

@media screen 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: 120px;
    }
}

@media screen and (max-width:768px) {


    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;
        padding-top: 0px;
    }

    #ContentPlaceHolder1_div_tbltickets {
        padding-right: 0px;
    }

    .no_pad_right_mobile {
        padding-right: 0px;
    }

    #datatable {
        position: relative !important;
        top: -10px;
    }

    #ContentPlaceHolder1_div_tbltickets {
        padding-left: 0px;
    }
}

@media screen and (max-width:458px) {


    div.dataTables_wrapper div.dataTables_filter label {
        position: absolute;
        right: 0;
        top: 0px;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        width: 55px;
    }

    .no-padding-left-right-mobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pad-left-30-mobile {
        padding-left: 30px;
    }

    .no-pad-right-mobile {
        padding-right: 0px !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;
    }

    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;
    }

    #ContentPlaceHolder1_div_tbltickets {
        padding-left: 0px;
    }
}
