.tdsx-body {
    height: calc(100% - 40px);
}

.tdsx-loading {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
}

.tdsx-loading-detail {
    position: fixed;
    top: 24%;
    margin-left: calc(50% - 120px);
}

.tdsx-loading-title {
    float: left;
    position: relative;
    top: 24px;
    font-size: 18px;
    padding: 0 12px;
    color: #0081ff;
    font-weight: bold;
}

.tdsx-table table {
    width: 100%;
    table-layout: fixed;
}

.tdsx-table .tbl-header {
    background-color: #fff;
}

.tdsx-table .tbl-content {
    height: calc(100% - 40px);
    overflow-x: auto;
    margin-top: 0px;
    border-bottom: 1px solid #ccc;
}

.tdsx-table th {
    padding: 10px 4px;
    text-align: center;
    font-weight: 500;
    border: solid 1px #ccc;
    background-color: #D6F6FF;
}

.tdsx-table td {
    padding: 10px 4px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    border: solid 1px #ccc;
    background-color: #fff;
}

.list-tdsx-view {
    padding: 0 4px;
    cursor: pointer;
}

.list-tdsx-edit {
    padding: 0 4px;
    cursor: pointer;
}

.list-tdsx-delete {
    padding: 0 4px;
    cursor: pointer;
}

.tdsx-tab-content {
    height: calc(100% - 105px);
}

    .tdsx-tab-content .tab-pane {
        overflow: auto;
    }

.tdsx-ttchung_0_1 {
    display: none;
}

.tdsx-index_0 .tdsx-ttchung_0_1 {
    display: block;
}

.tdsx-ttchung_1_1 {
    display: none;
}

.tdsx-index_1 .tdsx-ttchung_1_1 {
    display: block;
}

.tdsx-edit-1 {
    display: none;
}

.tdsx-index_0 .tdsx-edit-1 {
    display: block;
}

.tdsx-cancel-1 {
    display: none;
}

.tdsx-index_1 .tdsx-cancel-1 {
    display: block;
}

.tdsx-save-1 {
    display: none;
}

.tdsx-index_1 .tdsx-save-1 {
    display: block;
}

.tdsx-ttchung .k-multiselect .k-button {
    color: #000 !important;
    border-color: transparent !important;
    background-color: #D9F6F0 !important;
}

.tdsx-index_0 .tdsx-ttchung .k-multiselect.k-header {
    border: none !important;
    box-shadow: none !important;
    pointer-events: none;
}

.tdsx-index_0 .tdsx-ttchung .k-combobox.k-header {
    border: none !important;
    box-shadow: none !important;
    pointer-events: none;
}

.tdsx-index_0 .tdsx-ttchung .k-multiselect-wrap {
    border: none !important;
    box-shadow: none !important;
}

    .tdsx-index_0 .tdsx-ttchung .k-multiselect-wrap .k-select {
        display: none !important;
    }

.tdsx-index_1 .k-multiselect-wrap .k-select {
    top: -6px !important;
    right: -5px !important;
}

.tdsx-index_0 .tdsx-ttchung .k-dropdown-wrap {
    border: none !important;
    box-shadow: none !important;
}

.tdsx-index_0 .tdsx-ttchung .k-picker-wrap {
    border: none !important;
    box-shadow: none !important;
}

.tdsx-index_0 .tdsx-ttchung .k-combobox .k-input {
    border: none !important;
    box-shadow: none !important;
}

.tdsx-index_0 .tdsx-ttchung .k-combobox .k-icon {
    display: none !important;
}


.tdsx-index_0 .tdsx-ttchung .k-picker-wrap .k-input {
    border: none !important;
    box-shadow: none !important;
}

.tdsx-index_0 .tdsx-ttchung .k-picker-wrap .k-icon {
    display: none !important;
}

.tdsx-input-1 {
    width: 100%;
}

.tdsx-input {
    height: 24px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.tdsx-textarea-1 {
    width: 100%;
}

.tdsx-index_0 .tdsx-ttchung .tdsx-input-1 {
    border: none !important;
    pointer-events: none;
}

.tdsx-index_0 .tdsx-ttchung .tdsx-textarea-1 {
    border: none !important;
    pointer-events: none;
    resize: none;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tdsx-index_0 .tdsx-ttchung .div-tenkehoach {
    display: none !important;
}

.tdsx-title {
    text-transform: uppercase;
}

.tdsx-table-div-1 {
    width: 125px;
}

.tdsx-table-div-2 {
    width: 100px;
}

.tdsx-table-div-3 {
    width: 200px;
}

.tdsx-table-div-4 {
    width: 150px;
}

.tdsx-tbl-content {
    height: calc(100% - 60px);
}

.tdsx-content-right {
    height: calc(100% - 25px);
}

.tdsx-boxgroup-body {
    height: calc(100% - 40px) !important;
    overflow: auto;
    min-height: unset !important;
}

.tdsx-handsongrid {
    height: 100%;
}

.tdsx-apdung {
}