﻿

.m-detail-page {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    min-width: 0;
    min-height: 0;
    /*opacity: 0;*/
}


.m-detail-page .m-grid-detail a.action.focus {
    border-radius: 50%;
}

.m-detail-page .dataTables_scroll {
    flex: 1;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    min-width: 0;
    min-height: 0;
}

.m-detail-page .dataTables_scrollBody {
    padding-right: 0;
}

.m-detail-page .dataTable tr th:last-child - 1,
.m-detail-page .dataTable tr td:last-child {
    position: fixed !important;
}

.m-detail-page .m-detail-page-scroll {
    overflow: auto;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 1;
    min-width: 0;
    min-height: 0;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    background-color: #F0F2F5;
}

    .m-detail-page .m-detail-page-content {
        width: 1000px;
        margin: 8px auto 20px auto;
        background: white !important;
        box-shadow: 0 0 6px rgb(0 0 0 / 16%);
        -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 10%);
        padding: 24px;
        padding-top: 0;
        border-radius: 4px;
    }

.m-detail-page textarea.form-control:not(.full-style) {
}

.m-detail-page .form-control:not(.full-style) {
    border-style: dotted;
    border-width: 0 0 1px 0;
    box-shadow: none;
    border-radius: 0 !important;
    padding: 12px 0 6px 0;
    height: 30px;
    margin-top: 6px;
    border-color: #999;
}

.m-detail-page input.form-control:not(.full-style):focus {
    border-style: dotted !important;
    border-width: 0 0 1px 0 !important;
}

.m-detail-page td.editing .form-control:not(.full-style) {
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 6px !important;
    padding: 2px 6px;
    margin-top: 0;
}

.m-detail-page td.editing .autocomplete-toggle {
    height: 34px;
    margin-top: -35px;
}

.m-detail-page .autocomplete-wrapper .autocomplete-toggle {
    margin-top: -33px;
    height: 32px;
    width: 32px;
    cursor: pointer;
    background-position: 3px -762px !important;
}

.m-detail-page .field-title {
    padding-top: 8px;
}

.m-detail-page .dataTables_wrapper .grid_footer {
    border-top-width: 0;
}

.m-detail-page .dataTables_scrollBody table.dataTable tbody tr:last-child td {
    border-bottom-width: 0 !important;
}

.m-detail-page .dataTables_scrollBody table.dataTable tbody td.sorting_1{
    text-align: center;
}

.m-detail-page .toolbar {
    background-color: #F0F2F5;
    padding: 10px 12px;
    border-top: 1px solid #CFD9E0;
}

.popup-detail .detail-toolbar {
    padding-top: 0;
}

.m-detail-page .m-grid-detail {
    /*display: none;*/
}

.m-detail-page table.loading-table {
    width: 100%;
}

    .m-detail-page table.loading-table tr td {
        height: 36px;
        padding: 0 6px;
    }

/*.m-detail-page .dataTables_wrapper .DTFC_RightWrapper thead tr th:last-child {
    border-right: solid 1px #ddd !important;
}*/

.m-detail-page .autocomplete-wrapper .autocomplete-toggle {
    border-radius: 6px;
}

.m-detail-page .dataTables_scrollBody {
    padding-right: 0 !important;
}

.m-detail-page .DTFC_RightHeadWrapper {
    overflow: hidden;
}

.m-detail-page .g-empty-data {
    display: none !important;
}

.m-detail-page table.dataTable tbody tr td {
    white-space: break-spaces;
    word-break: break-word;
}



table.dataTable tbody tr td .editor {
    background: #e5f4fa;
}

table.dataTable tbody tr td.editing input {
    top: calc(50% - 17px);
}

.m-detail-page .m-row {
    min-height: 44px;
    align-items: flex-end;
}

.m-detail-page .toolbar {
    min-height: unset;
    align-items: center;
}


.m-detail-page table.dataTable tbody tr td.editing textarea {
    overflow: hidden;
    line-height: 18px;
}
