@media(max-width:767px) {
    #mainTable thead th {

    }


    #mainTable {
       
    }

    #BtnAddNewAwb {
        margin-top:15px;
        margin-bottom:15px
    }

    #messageResult {
        margin-top: 15px;
        margin-bottom: 15px
    }
  
}











.main {
    padding-top: 35px !important
}

body {
    padding-top: 30px;
}

table {
    width: 100%;
}


tbody {
    height: 500px;
    overflow-y: auto;
    text-align: left
}

thead {
    /* fallback */
}


    tbody td, thead th {
        float: left;
        overflow-x: hidden
    }

tbody td {
    float: left;
    overflow-x: hidden
}

tbody td, thead th:nth-child(1) {
    width: 15%;
}

tbody td, thead th:nth-child(2) {
    width: 10%;
}

tbody td, thead th:nth-child(3) {
    width: 10%;
}

tbody td, thead th:nth-child(4) {
    width: 10%;
}

tbody td, thead th:nth-child(5) {
    width: 10%;
}

tbody td, thead th:nth-child(6) {
    width: 15%;
}

tbody td, thead th:nth-child(7) {
    width: 5%;
}

tbody td, thead th:nth-child(8) {
    width: 5%;
}

tbody td, thead th:nth-child(9) {
    width: 5%;
}

tbody td, thead th:nth-child(10) {
    width: 5%;
}

tbody td, thead th:nth-child(11) {
    width: 10%;
}



    tbody td:nth-child(1) {
        width: 15%;
    }

    tbody td:nth-child(2) {
        width: 10%;
    }

    tbody td:nth-child(3) {
        width: 10%;
    }

    tbody td:nth-child(4) {
        width: 10%;
    }

    tbody td:nth-child(5) {
        width: 10%;
    }

    tbody td:nth-child(6) {
        width: 15%;
    }

    tbody td:nth-child(7) {
        width: 5%;
    }

    tbody td:nth-child(8) {
        width: 5%;
    }

    tbody td:nth-child(9) {
        width: 5%;
    }

    tbody td:nth-child(10) {
        width: 5%;
    }

    tbody td:nth-child(11) {
        width: 10%;
    }


.filterable-cell {
    text-align: left
}

.rowModal {
    cursor: pointer
}

    .rowModal:hover {
        cursor: pointer;
        background-color: #089039 !important;
        color: white !important;
    }

        .rowModal:hover .fa {
            color: white !important;
        }

    .rowModal a {
        color: #089039;
    }


.filterable-cell {
    text-align: left
}

.rowModal {
    cursor: pointer
}

    .rowModal:hover {
        cursor: pointer;
        background-color: #089039 !important;
        color: white !important;
    }

.columnModal:hover {
    cursor: pointer;
    background-color: #089039 !important;
    color: white !important;
}

#Detail_Orden p {
    font-weight: 700;
}

    #Detail_Orden p span {
        font-weight: 300;
    }

.modal-header {
    background-color: #089039
}

    .modal-header div h2 {
        display: inline;
        color: white;
        margin-right: 15px
    }

    .modal-header div a {
        display: inline;
        margin-right: 5px
    }

    .modal-header div button {
        display: inline
    }