table tbody tr.selected {
    background-color: #eaeaea !important;
}

.dataTables_scroll {
    margin-bottom: 10px !important;
}

div.scroll-x {
    width: 1350px !important;
    overflow-x: visible !important;
    height: 400px !important;
    overflow-y: visible !important;
}

div.scroll_dialog-x {
    overflow-x: visible !important;
    height: 400px !important;
    overflow: auto;
}

h5.page-header {
    border-bottom: 0px !important;
}

.nav-filter-data {
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    /*width: 170px;*/
    display: inline-block;
}

.nav-filter-data-member-reward {
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    /*width: 250px;*/
    display: inline-block;
}

.table-nav-filter {
    width: 100%;
}

    .table-nav-filter tr td {
        float: left !important;
    }

        .table-nav-filter tr td.button-nav {
            margin-top: 5% !important;
        }

.nav-filter-data-no-button {
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
    /*width: 220px;*/
    display: inline-block;
}

div.dashbord {
    display: block;
}

.p-page-header {
    text-decoration: none !important;
    color: black !important;
}

.p-page-header-two-button {
    text-decoration: none !important;
    color: black !important;
}

.p-page-header-tree-button {
    text-decoration: none !important;
    color: black !important;
}

.word-wrap {
    word-wrap: break-word;
}

.component-full-width {
    width: 100% !important;
}

.component-full-height {
    height: 100% !important;
}

.component-right {
    float: right;
}

.component-left {
    float: left;
}

.component-background {
    background-color: #f8f8f8;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.field-error {
    border: 1px solid red !important;
}

.field-default {
    border: 1px solid #ccc !important;
}

/*.table-column {
    background-color: #ddd;
}*/

/*.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}*/

.fieldDivColumnLeft {
    width: 30%;
    text-align: right;
}

.fieldDivColumnRight {
    width: 70%;
}

.fieldDivRow {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.fieldDivColumn {
    float: left;
}

.fieldDivLeftColumn {
    line-height: 30px;
    vertical-align: middle;
}

.fieldDivLeftColumnNormal {
    vertical-align: middle;
}

.fieldDivLeftColumn .lineNormalLabel {
    line-height: inherit !important;
}

.text_head-Moble {
    font-size: 13px;
    font-weight: bold;
}

.fieldDivLeftColumnNormal-Mobile {
    font-size: 13px;
    text-align: right;
    width: 80px;
}

.fieldDivRightColumn-Moblie {
    font-size: 13px;
}

.field {
    background-image: url('/images/fieldBG.jpg');
    background-repeat: repeat-x;
    border: 1px solid #A0A0A5;
    padding: 5px 6px;
    font-size: 12px;
    color: #404041;
}

    .field.watermark {
        color: #CCCCCC;
    }

    .field.error {
        background-image: url('/images/fieldErrorBG.jpg');
        background-repeat: repeat-x;
        border: 1px solid #FFA0A5;
        padding: 5px 6px;
        font-size: 12px;
        color: #404041;
    }

    .field.dropdown {
        padding: 4px;
    }

.line-dashed {
    margin: 4px;
    padding-top: 10px;
    border-bottom: 1px dashed #E7E7E7;
    height: 0px;
}

.line-dashed-not-margin {
    margin: 1px;
    padding-top: 10px;
    border-bottom: 1px dashed #E7E7E7;
    height: 0px;
}

.boder-content {
    border-bottom: 1px solid #E7E7E7;
    padding: 1px;
}

.color-text-red {
    color: red !important;
}

.color-text-black {
    color: black !important;
}

.color-text-greenyellow {
    color: greenyellow !important;
}

.color-text-white {
    color: white !important;
}

.color-text-gray {
    color: gray !important;
}

.color-text-darkgray {
    color: #666 !important;
}

.font-6 {
    font-size: 6px;
}

.font-7 {
    font-size: 7px;
}

.font-8 {
    font-size: 8px;
}

.font-9 {
    font-size: 9px;
}

.font-10 {
    font-size: 10px;
}

.font-11 {
    font-size: 11px;
}

.font-12 {
    font-size: 12px;
}

.font-13 {
    font-size: 13px;
}

.font-14 {
    font-size: 14px;
}

.color-background-white {
    background-color: white !important;
}

.color-background-black {
    background-color: black !important;
}

.img_employee {
    width: 110px;
    height: 110px;
}

.img_block {
    border-color: none !important;
    margin-bottom: 0px !important;
    border-radius: 0px !important;
    border: 0px !important;
}

.img_edit {
    width: 134px;
    height: 134px;
}

.content_img_edit {
    height: 100%;
}

.div_content_img_edit {
    text-align: center;
}

#pnlPersonalAddressEdit {
    margin-left: 15px;
}

.iconHeader {
    margin-right: 5px;
}

.scroll-top {
    position: fixed;
    right: 2%;
    bottom: 2%;
    width: 50px;
    height: 50px;
    z-index: 1049;
}

    .scroll-top .btn {
        font-size: 20px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
        line-height: 28px;
    }

        .scroll-top .btn:focus {
            outline: none;
        }

/*override bootstrap*/
.table > tbody > tr > td > .btn {
    margin-top: -4px;
    margin-bottom: -4px;
    /*padding-top: 3px;
    padding-bottom: 3px;*/
}

.panel-default > .panel-heading {
    background-color: white !important;
}

.modal:nth-of-type(even) {
    z-index: 1042 !important;
}

.modal-backdrop.in:nth-of-type(even) {
    z-index: 1041 !important;
}

.modalconfirmin {
    display: block;
}

.modalconfirmout {
    display: none;
}

.modalconfirmcontent {
    width: 100%;
}

@media(min-width:790px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }

    .modalconfirmcontent {
        width: 75%;
    }
}

.div-field-text-header {
    font-weight: bold;
}

.div-field-control {
    margin-top: 3px;
    margin-bottom: 7px;
}


.menu-bar-active {
    background-color: #e8e8e8;
}


.page-header-detail {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    /*border-bottom: 1px solid #eee;*/
    padding-bottom: 15px;
}

.page-header-detail-Moblie {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
    /*border-bottom: 1px solid #eee;*/
}

.overflow-div {
    /*height:700px;*/
    overflow: auto;
}

/*div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}*/
/* mobile ----------- */
@media screen and (max-width: 767px) {
    /*.dataTables_wrapper, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
        text-align: center !important;
        overflow-x: unset;
        
    }

    #tableTPPReport {
        text-align: left !important;
    }*/

    .table-nav-filter tr td {
        float: none !important;
    }

    /*h4 a.btn {
        text-indent: -9999px;
        height: 25px;
        width: 25px;
        white-space: unset;
        margin-top: -6px !important;
        background: url(../../images/icons/font-awesome_fa_plus-circle.png) no-repeat center;
    }*/

    /*a.dashbord {
        text-indent: -9999px;
        height: 25px;
        width: 25px;
        white-space: unset;
        margin-top: -7px !important;
        background: url(../../images/icons/refresh-button.png) no-repeat center !important;
    }*/

    /*div.dashbord {
        display: none;
        width: 400px;
        white-space: unset;
        margin-top: 0px !important;
        background: url(../../images/icons/refresh-button.png) no-repeat center !important;
    }*/


    h4.page-header .p-page-header {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 80%;
        display: inline-block;
        text-decoration: none !important;
        color: black !important;
    }

    h4.page-header .p-page-header-two-button {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 80%;
        display: inline-block;
        text-decoration: none !important;
        color: black !important;
    }

    .navbar-brand {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 80%;
        display: inline-block;
    }

    .col-sm-10 {
        padding-left: 0px;
    }

    /*.dataTables_length label {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }*/

    /*#form2 {
        display: grid;
        grid-template-rows: max-content;
        grid-gap: 10px;
        grid-auto-flow: row;
        grid-auto-columns: max-content
    }*/

    .page-header span {
        overflow: hidden;
        /*white-space: nowrap;*/
        text-overflow: ellipsis;
        width: 100px;
        display: inline-block;
    }

    /*div#tableTPPDialog_wrapper {
        height: 500px !important;
    }

    div#tableTPPDialog1_wrapper {
        height: 500px !important;
    }

    div#tableTPPDialog2_wrapper {
        height: 500px !important;
    }

    div#tableTPPDialog3_wrapper {
        height: 500px !important;
    }

    .dataTables_wrapper, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
        text-align: center !important;
        overflow-x: unset;
    }

    #tableTPPReport {
        text-align: left !important;
    }

    div.dataTables_info {
        /*padding-top: 8px;
        white-space: nowrap;
    }*/
}


/*div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 4px;
}*/

.btn_reload {
    margin-right: 10px;
}

/*div#tableTPPReport_length label {
    font-weight: normal;
}

div#tableTPP_length label {
    font-weight: normal;
}

div#tableTPP1_length label {
    font-weight: normal;
}

div#tableTPP2_length label {
    font-weight: normal;
}

div#tableTPP3_length label {
    font-weight: normal;
}

div#tableTPP4_length label {
    font-weight: normal;
}

div#tableTPP5_length label {
    font-weight: normal;
}

div#tableTPP6_length label {
    font-weight: normal;
}

div#tableTPP7_length label {
    font-weight: normal;
}

div#tableTPP8_length label {
    font-weight: normal;
}

div#tableTPP9_length label {
    font-weight: normal;
}

div#tableTPP10_length label {
    font-weight: normal;
}

div#tableTPP11_length label {
    font-weight: normal;
}

div#tableTPP12_length label {
    font-weight: normal;
}

div#tableTPP13_length label {
    font-weight: normal;
}

div#tableTPP14_length label {
    font-weight: normal;
}

div#tableTPP15_length label {
    font-weight: normal;
}

div#tableTPP16_length label {
    font-weight: normal;
}

div.tableTPP1_length label {
    font-weight: normal;
}

div#tableTPPDialog_wrapper {
    height: 500px !important;
}

div#tableTPPDialog1_wrapper {
    height: 500px !important;
}

div#tableTPPDialog2_wrapper {
    height: 500px !important;
}

div#tableTPPDialog3_wrapper {
    height: 500px !important;
}*/

/*table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 0 !important;
    content: "" !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0 !important;
    content: "" !important;
}*/

/*table.dataTable thead th.sorting:after /*,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    display: none;
}*/

/*#tableTPPReport tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP1 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP2 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP3 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP4 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP5 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP6 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP7 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP8 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP9 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP10 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP11 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP12 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP13 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP14 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP15 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

#tableTPP16 tr td:last-child {
    width: 1%;
    white-space: nowrap;
}

td {
    border: 1px solid white;
}

table#tableTPPReport {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP1 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP2 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP3 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP4 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP5 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP6 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP7 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP8 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP9 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP10 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP11 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP12 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP13 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP14 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP15 {
    margin-top: 3px;
    margin-bottom: 8px;
}

table#tableTPP16 {
    margin-top: 3px;
    margin-bottom: 8px;
}
.page-header {
    margin-bottom: 11px;
}*/

.datepicker-days .table-condensed {
    font-size: 13px !important;
}

.bootstrap-select > .dropdown-toggle {
    border: unset;
}

/*.bootstrap-select .dropdown-toggle .filter-option {
    position: unset !important;
    height: auto !important;
    width: auto !important;
    padding: unset !important;
}*/

.btn.disabled {
    background-color: #eee !important;
    opacity: .95;
}

.bootstrap-select .dropdown-menu li a {
    height: 26px;
}

.panel.panel-default.col-sm-2.overflow-div {
    max-height: 704px;
}

/*@-ms-viewport {
    width: device-width;
    min-zoom: 1;
    max-zoom: 1;
}*/

div.input-group {
    margin-top: 3px !important;
}

td label {
    padding-left: 5px;
}

fieldset {
    padding: .35em .625em .75em;
    border: 1px solid silver;
    margin-top: 3px;
    padding-bottom: 0px;
}

legend {
    margin-bottom: 0px;
    border-bottom-style: none;
    font-size: 13px;
    font-weight: bold;
}

fieldset.form-control {
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 3px;
}