.r-hidden {
	display: none !important;
}
.rit-form-title {
	display: none;
}

@media only screen and (max-width: 870px) {
	/* -------------------------------------------*/
	/* Login form */
	login-control .flex-item {
		margin: 10px 8px;
    	padding: 0px !important;
	}
	bravo-login-form div.login-title {
		font-size: 16pt !important;
		padding: 4pt 8pt !important;
	}

	/* -------------------------------------------*/
	/* Navigation > Open */
	navigator-grid .wj-cell {
		font-size: 10pt !important;
	}
	bravo-navigator bravo-area.as-split-area:first-child {
		flex: none !important;
		width: calc(80%) !important;
	}
	#subMenuStrip {
		padding: 8px;
	}
	#subMenuStrip .bravo-menustrip-item {
		padding: 8px 12px;
		font-size: 14pt;
		border: 0.5px solid #ccc;
		border-radius: 4px;
		margin-right: 6px;
		margin-bottom: 4px;
		margin-left: 2px;
	}
	#subMenuStrip .bravo-form-menu.bravo-menu-strip .bravo-menustrip-item {
		padding: 8px 6px !important;
		border: 0.5px solid #ccc;
		border-radius: 4px;
	}

	bravo-navigator bravo-area.as-split-area:first-child perfect-scrollbar,
	bravo-navigator bravo-area.as-split-area:first-child perfect-scrollbar .ps-content,
	bravo-navigator bravo-area.as-split-area:first-child perfect-scrollbar .ps-content navigator-grid {
		width: 100% !important;
	}
	bravo-web-menu-strip .toolbar-item {
		padding: 2pt 4pt;
		font-size: 11pt !important;
		border: 0.75px solid #fff;
		border-radius: 4px;
	    margin: 2px;
	    margin-right: 0px;
	    text-align: center;
	    min-width: 34px;
	}
	bravo-web-menu-strip .toolbar-item .toolbar-item-ico {
		height: 18px;
	}
	bravo-web-menu-strip .bravo-form-menu.bravo-menu-strip .bravo-menustrip-item {
	    padding: 8px 6px !important;
	}

	/* -------------------------------------------*/
	/* Main Content */	
	.as-split-gutter {
		display: none; /* hide splitter */
	}
	i.fa.fa-bars {
		font-size: 14pt;
	}

	.as-horizontal bravo-area.as-split-area {
		height: 100%;
		width: 100%;
		flex-basis: 100% !important;
	}
	#bravo-explorer-main bravo-area.as-split-area:first-child{
		width: calc(100% - 4px) !important;
	}
	#bravo-reporter-main .wj-cell.wj-group .wj-btn.wj-elem-collapse {
		margin-left: 6px;
		margin-right: 4px;
	}

	bravo-explorer-control bravo-explorer-grid div[wj-part='ch'],
	bravo-explorer-control bravo-explorer-grid div[wj-part='ch'] div.wj-cell.wj-header {
		height: 32px !important;
    	line-height: 10pt;
    	font-size: 10pt;
    	text-align: center !important;
	}
	#bravo-explorer-main bravo-explorer-grid:first-child .wj-cells:first-child {
	    top: 32px !important;
	}

	bravo-grid-container bravo-editing-grid .wj-cell.wj-wrap,
	#bravo-reporter-main .wj-cell.wj-group,
	#bravo-reporter-main bravo-explorer-control bravo-explorer-grid .wj-cell.wj-group{
	    font-size: 10pt;
	}

	/* -------------------------------------------*/
	/* Status bar */
	.bravo-panel-status {
		font-size: 9pt;
	}
	.bravo-panel-status bravo-label {
		height: 26px !important;
	}
	.bravo-panel-status bravo-label div.bravo-label {
		height: 26px !important;
	}
	.divider {
		display: none;
	}
	.bravo-panel-status div#lblUser
	{
	    max-width: 72pt;
	}
	.bravo-panel-status div#lblNotification {
		display: none !important;
	}
	/* -------------------------------------------*/
	/* Main Grid */
	#bravo-reporter-main bravo-explorer-control bravo-explorer-grid {
		font-size: 10pt !important;
	}
	#bravo-reporter-main bravo-explorer-control bravo-explorer-grid.wj-flexgrid .wj-row[aria-level='1'] div.wj-cell.wj-group{
		padding-left: 2pt !important;
	}

	#bravo-reporter-main bravo-explorer-control bravo-explorer-grid.wj-flexgrid .wj-row[aria-level='2'] div.wj-cell.wj-group{
		padding-left: 18pt !important;
	}

	bravo-data-widget bravo-widget-grid.data-grid .wj-row[aria-level='1'] div.wj-cell.wj-group{
		padding-left: 2pt !important;
	}
	bravo-data-widget bravo-widget-grid.data-grid .wj-row[aria-level='2'] div.wj-cell.wj-group{
		padding-left: 18pt !important;
	}

	#bravo-reporter-main bravo-explorer-control bravo-explorer-grid>div>div[wj-part="root"] {
		overflow: auto !important;
	}
}

@media only screen and (max-width: 870px) {
	bravo-main-component bravo-web-menu-strip.bravo-form-menu div.wj-control.wj-content {
		display:none !important;
	}

	app-root>bravo-main-component>bravo-web-menu-strip div[style^='flex: 1 1'] {
		margin-top: 2px;
		height: 40px !important;
		padding-right: 1px;
	}
	bravo-main-component bravo-web-menu-strip div[style^='flex: 1 1'] span.fa {
		color: #fff !important;
	}
	
	bravo-main-component bravo-web-menu-strip div[style^='flex: 1 1'] div.wj-control.wj-content:first-child {
		display:block !important;
		padding-top: 8px !important;
	}

	.bravo-panel-status .bravo-status-bar {
		display: none;
	}
	bravo-area:has(>div.main-host-quick-search) bravo-navigator div.bravo-navigator.themeNavigator {
		display: block !important;
	}
	bravo-web-menu-strip div.spliter.wj-state-disabled,
	bravo-web-menu-strip hr.spliter.wj-state-disabled {
		display: none !important
	}

	bravo-button.bravo-control.bravo-button:has(img[src*='assets/img/close-line.svg']){
		display: none !important;
	}
	app-root>bravo-main-component>bravo-web-menu-strip.bravo-menu-strip {
		color: #fff !important;
		background: linear-gradient(0deg, rgba(30,54,96,1) 0%, rgba(54,82,131,1) 50%, rgba(75,108,166,1) 100%) !important;
		border-bottom: 0.75px solid #fff;
	}

	/* Toolbar */
	.wj-listbox-item.wj-menuitem {
	    font-size: 10pt !important;
	}
	body>div.wj-dropdown-panel {
		width: 160px !important;
	}

	.icoLabel {
		padding-left: 2pt;
		font-size: 8pt;
		padding-top: 0pt;
		margin-top: -1pt;
	}
	bravo-main-component>bravo-web-menu-strip.bravo-menu-strip .bravo-menustrip-item .wj-form-control,
	bravo-main-component>bravo-web-menu-strip.bravo-menu-strip .bravo-menustrip-item .wj-form-control:hover {
	    color: #fff !important;
	    margin-right: 4px !important;
	}

	.bravo-menu-strip .bravo-menustrip-item:hover, bravo-main-component > .bravo-menu-strip .bravo-menustrip-item:hover {
		border: 1px solid #fff !important;
		border-bottom: 1px solid #fff !important;
	}

	/* Main grid */
	button.wj-elem-collapse span {
		height: 14px !important;
		width: 14px !important;
		color: #666 !important;
		margin-right: 2px !important;
	}

	.wj-elem-collapse span {
		font-size: 8px !important;
		padding: 2pt !important;
	}

	/* ============================================================ */
	/* Detail */
	data-editor.rit-editor .wj-control .wj-input-group .wj-form-control,
	data-editor.rit-editor .bravo-panel-collapsible,
	data-editor.rit-editor bravo-auto-label {
		font-size: 10pt;
    	padding: 2px 2px 2px 2px;
	}
	data-editor.rit-editor #bravo-form-main bravo-area.bravo-content-main #panelMain{
		background-color: #fff !important;
		overflow: auto !important;
	}
	data-editor.rit-editor #bravo-form-main bravo-area.bravo-content-main #panelMain>div[style*='grid-area: 1 / 1'] {
		min-width: 1200px !important;
		overflow-x: hidden !important;
	}
	data-editor.rit-editor data-editor.rit-editor .bravo-panel-status>.bravo-status-bar bravo-label:first-child {
		display: none !important;
	}

	data-editor.rit-editor bravo-table-layout-panel.panel-panelParent{
		margin: 3px 3px 3px 3px !important;
	}
	data-editor.rit-editor bravo-table-layout-panel[name='panelEditor'] .bravo-menu-button.bravo-menustrip-item,
	data-editor.rit-editor bravo-table-layout-panel[name='panelEditor'] .bravo-menu-button.bravo-menustrip-item .wj-form-control {
		padding-left: 2px !important;
		padding-right: 2px !important;
	}
	data-editor.rit-editor bravo-table-layout-panel.panelEditor.bravo-container.panel-panelEditor bravo-tab-strip .wj-content.bravo-control {
		margin-right: 2px !important;
		min-width: fit-content !important;
	}

	data-editor.rit-editor bravo-table-layout-panel span.bravo-label-hotkey	{
		margin-left: 1pt !important;
	}
	data-editor.rit-editor bravo-table-layout-panel.panelEditor.bravo-container.panel-panelEditor bravo-tab-strip span[class^='bravo-toolstrip-hotkey'] {
		font-size: 9pt;
    	font-weight: 600;
	}

	/*
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-button,
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-link-command,
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-check-box {
		display: none !important;
	}

	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-button[name='btnSaveAndNew'],
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-button[name='btnLocalSave'],
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-link-command:contains('Duyệt') {
		display: flex !important;
	}
	*/

	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-button[name='btnSaveAndClose'],
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-button[name='btnCancel'],
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-check-box,
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand bravo-link-command:has(div[id='btn_image']) {
		display: none !important;
	}

	/* Duyệt/Trả lại */
	data-editor.rit-editor bravo-flow-layout-panel.panelCommand  bravo-link-command button div#btn_text {
		padding-left: 8pt;
		padding-right: 8pt;
		font-size: 10pt !important;
	}

	data-editor.rit-editor data-editor.bravo-form bravo-flow-layout-panel.panelCommand {
		padding-left: 2px;
		padding-bottom: 2px;
	}

	data-editor.rit-editor bravo-web-menu-strip {
		border-bottom: 0.75px solid #fff !important;
	}
	data-editor.rit-editor bravo-web-menu-strip div {
		display: none !important;
	}
	data-editor.rit-editor bravo-web-menu-strip div.rit-form-title {
		display: block !important;
		font-size: 10pt;
		font-weight: 700;		
		color: #ffffff;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		padding-top: 0pt;
		background: linear-gradient(0deg, rgba(30,54,96,1) 0%, rgba(54,82,131,1) 50%, rgba(75,108,166,1) 100%) !important;
	}
	data-editor.rit-editor bravo-web-menu-strip div.rit-form-title-value {
		width: 100%;
		display: block !important;
		padding-top: 12px;
	}
	data-editor.rit-editor bravo-web-menu-strip div.rit-form-go-back {
		position: absolute;
		top: 0px;
		display: block !important; 
		float: left;
		width: 44px; 
		height: 36px;
		font-size: 14pt; 
		padding-top: 8px;
	}

	//Touch
	bravo-explorer-grid .wj-row .wj-cell,
	bravo-explorer-grid .wj-row .wj-cell.wj-group{
		touch-action: manipulation;
	}
}

@document[url$='#/main-window'] {
	#btnApprove {
		color: #ff0 !important;
	}
}