:root {
    --global-font: 13px 'Segoe UI','Helvetica Neue','Droid Sans',Arial,Tahoma,Geneva,Sans-serif;
}

td .dxgvHSDC {
    background: #337AB7 !important;
}

.dxgvControl_IvsYouthful td.dxgvBatchEditModifiedCell_IvsYouthful {
    background: #F9F9F9 !important;
}

.detailform.popup
.searchform .search-table,
.detailform.popup .detailform.popup {
    margin-right: 10px !important;
}

.searchform .search-table .col-value .dxeButtonEditSys,
.detailform.popup .search-table .col-value .dxeButtonEditSys {
    width: 100% !important;
    min-width: 100px !important;
}

.searchform .search-table .col-value .dxeTextBoxSys,
.detailform.popup .search-table .col-value .dxeTextBoxSys {
    width: 100% !important;
    min-width: 98px !important;
}

.searchform .search-table > tbody > tr > td,
detailform.popup .search-table > tbody > tr > td {
    padding: 4px 0px 4px 0px !important;
    padding-left: 10px !important;
}

.searchform .col-label,
.detailform.popup .col-label {
    min-width: 50px !important;
    max-width: 150px !important;
}

.searchform .l-required,
.detailform.popup .l-required {
    width: 30px !important;
    min-width: 30px !important;
}

.searchform .col-value,
.detailform.popup .col-value {
    padding-right: 10px !important;
    max-width: 240px !important;
    min-width: 100px !important;
}

.searchform .searchform .last-col,
.detailform.popup .searchform .last-col {
}

.searchform .col-label.l-required,
.detailform.popup .col-label.l-required {
    width: 30px !important;
}

.searchform .dxeRadioButtonList_IvsYouthful,
.detailform.popup .dxeRadioButtonList_IvsYouthful {
    width: auto !important;
}
.searchform .dxeBase_IvsYouthful,
.detailform.popup .dxeBase_IvsYouthful {
    width: auto !important;
}

.dxgvControl_IvsYouthful {
    font: var(--global-font) !important;
    max-width: 100vw;
}
#popFormDetail_PW-1 {
    max-width: 100vw;
}
#popFormDetail_PW-1 .form-detail {
    max-width: 100vw;
}

#popFormDetail_PW-1 .form-detail.PO_PurchaseRequest_EditForm {
    min-width: 80vw;
    max-width: 100vw;
}
#popFormDetail_PW-1 .form-detail.PO_PurchasePlan_EditForm {
    min-width: 80vw;
}
#popFormDetail_PW-1 .form-detail.PR_PayableInvoice_EditForm {
    min-width: 90vw;
}
.dxflGroupBoxCaption_IvsYouthful{ background-color:transparent !important;}
.form-detail.ST, .form-detail.PO, .form-detail.SO, .form-detail.PR {
    min-width: 80vw;
    max-width: 100vw;
}
.form-detail.SO .dxgvHSDC {
    min-width: 80vw;
    max-width: 100vw;
}
.form-detail.S {
    min-width: 90vw;
    max-width: 100vw;
}
#popFormDetail_PW-1 .form-detail .ST_SA_PickOutIssue_EditForm {
    min-width: 85vw !important;
}
#popFormDetail_PW-1 .form-detail .dxeMemoEditAreaSys 
{
    width:100% !important;
}
.panel-heading{display:none!important;}
.dxeRadioButtonList_IvsYouthful{width : auto !important;}
.PR_PayableInvoice_EditForm div {
    padding-bottom: 0px !important;
}

.PR_PayableInvoice_EditForm .panel-default{ margin-top:5px !important }
#popFormDetail_PW-1 .form-detail.SO_SalesQuotation_EditForm {
    min-width: 0vw;
    max-width: 100vw;
}

#popFormDetail_PW-1 .form-detail.SO_SalesQuotation_EditForm .dxgvHSDC {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.SoPicking_EditForm {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.SoPicking_EditForm .dxgvHSDC {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.SO_DeliveryNote_EditForm {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.SO_Packing_EditForm {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.SO_PriceList_EditForm {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.PO_PurchaseQuotation_EditForm {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.PO_PurchaseOrder_EditForm {
    min-width: 85vw;
}
#popFormDetail_PW-1 .form-detail.MsItem_EditForm {
    min-width: 60vw;
    max-width: 100vw;
}

/* MÀU CHỮ TRÊN LƯỚI */
/* Cột thường */
.dxgvHeader_IvsYouthful, .dxgvHeader_IvsYouthful table {
    color: black;
}

/* Cột Tree list*/
.dxtlHeader_IvsYouthful, .dxtlHeader_IvsYouthful td.dxtl {
    color: black;
}

/* Hàng được focus trên tree list */
.dxtlFocusedNode_IvsYouthful, .dxtlFocusedNode_IvsYouthful span {
    color: black;
}

/* Hàng được focus */
.dxgvFocusedRow_IvsYouthful {
    color: black;
    background-color: orange !important;
}