/* ---------------------------------------------- */
/* Login form */
img#appLogo {
	filter: brightness(0) invert(1);
    width: 150pt;
    margin-bottom: 30pt;
}
bravo-login-form > div.flex-container {
	background-size: auto 100% !important;
	background-position: center !important;
}
login-control .flex-item input.wj-form-control {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
login-control .flex-item bravo-button {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	width: calc(100% - 1.6px) !important;
}

.panelWelcome {
	max-height: 50% !important;
}
.panelBottom {
	max-height: 30% !important;
}

/* ---------------------------------------------- */
/* Main form */
body {
	background-image: radial-gradient( circle farthest-corner at 10% 20%,  rgba(38,51,97,1) 0%, rgb(37 103 171) 80% ) !important
}

.bravo-content.themeGeneral {
	background-image: url(/ra/bg03.png) !important;
}

.bravo-content.themeGeneral,
bravo-data-widget > .widget-data-container.themeContent {
	background-color:  transparent !important;			
	background-size: 100% auto !important;	
	border:  none !important;
}

register-control bravo-label:not(.hidden) .bravo-label,
register-control bravo-label:not(.hidden) .bravo-label label {
	padding: 0x;
	min-width: 346px;
	cursor: pointer;
}
register-control bravo-label:not(.hidden) .bravo-label label {
	display: none;
}
register-control bravo-label:not(.hidden) .bravo-label:after {
	content: 'Anh/Chị nhấn vào đây để tiếp tục ...';
	visibility: visible;
}

/* ---------------------------------------------- */
/* Navigation */
.bravo-web-grid .themeGridItem {
	cursor: pointer !important;
}
.bravo-web-grid .themeGridItem:hover {
	color: #ffff0 !important;
}
.bravo-navigator-grid .bravo-web-grid .wj-row .wj-cell.wj-state-selected,
.bravo-navigator-grid .bravo-web-grid .wj-row .wj-cell.wj-state-active {
 	color: #ff0 !important;
 	background-color: rgb(30 35 43 / 45%) !important;
}
.as-horizontal[_nghost-c5] > .as-split-gutter[_ngcontent-c5] {
	background-color: rgb(255 255 255 / 50%) !important;
}
bravo-area .bravo-navigator {
	background-color: rgb(28 51 91 / 85%) !important;
}
bravo-area .bravo-navigator navigator-grid  .NightBlue.themeGridGroup,
bravo-area .bravo-navigator navigator-grid .NightBlue.themeGridItem {
	border-bottom: .5px solid rgb(54 97 171 / 40%) !important;
}	

/* ---------------------------------------------- */
/* Splitter */
.split-border .as-split-gutter {
	background-color: rgb(220 220 220) !important;
}

/* ---------------------------------------------- */
/* Toolbar | Breadcrumb */
.bravo-content-main .bravo-menu-strip .bravo-menustrip-item,
.bravo-toolbar .bravo-menustrip-item .bravo-toolstrip-wrap {
	max-width: 500px !important;
}
.bravo-toolbar .bravo-menustrip-item .bravo-toolstrip-text {
	max-width: 500px !important;
	width: 500px !important;
	color: #ff5722 !important;
	text-transform: uppercase;
}

/* ---------------------------------------------- */
/* Toolbar | Button */
bravo-main-component > .bravo-menu-strip {
	max-height: 30px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.bravo-menu-strip .bravo-menustrip-item,
bravo-main-component > .bravo-menu-strip .bravo-menustrip-item {
	border: 1px solid #ededed;
	margin-right: 1px;
	border-radius: 4px;
}
.bravo-menu-strip .bravo-menustrip-item:hover,
bravo-main-component > .bravo-menu-strip .bravo-menustrip-item:hover {
	border: 1px solid #0066aa;
	background: #fffa;
	border-bottom: none !important;		    
}

bravo-expanding-panel bravo-filter-group .wj-cells .wj-cell:not(.cell-rtf) {
	color: rgb(42 63 113) !important;
	cursor: pointer;
}

/* Role dropdown */
.wj-listbox .wj-listbox-item a {
	cursor: pointer !important;
	color: #1e325b !important;
}
.wj-listbox .wj-listbox-item a:hover {
	color: #FF5722 !important;
}
.wj-listbox .wj-listbox-item:not(.wj-separator) {
	cursor: pointer !important;
	padding: 10px 6px !important;
}
.wj-listbox .wj-listbox-item:not(.wj-state-selected):not(.wj-state-disabled):not(.wj-separator):hover {
	background-color: #fff7b4 !important;
}

/* ---------------------------------------------- */
/* Tab Strip */
.bravo-menu-strip .bravo-menustrip-item.tab-active div{
	background-color: #fff;
	color: #00f;
}

.bravo-menu-strip .bravo-menustrip-item .wj-form-control {
	font-weight: 600 !important;
	padding: 2px 6px !important;
	cursor: pointer !important;
	font-size: 9pt;
}
.bravo-menu-strip .bravo-menustrip-item .wj-form-control:hover{
	color: #ff5722 !important;
}
.tabStrip.bravo-menu-strip .bravo-menustrip-item {
	border-top-right-radius: 10px;
	border-top-left-radius: 4px;
	margin-right: 2px;

	border-top: 0.75px solid #777;
	border-left: 0.75px solid #777;
	border-right: 0.75px solid #777;
}
.bravo-menu-strip .bravo-menustrip-item.wj-state-selected {
	border: 1px solid #00fc;
	border-bottom: none !important;
}

data-editor .tabStrip.bravo-menu-strip .bravo-menustrip-item {
	border-top-left-radius: 0px;
	border-top-right-radius: 2px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 10px;
}

/* ---------------------------------------------- */
/* Grid */
.wj-cell.wj-header {
	color: unset;
	background: #dcdcdc;
	padding-left: 4px;
	font-weight: 600 !important;
}
.wj-cell.wj-group {
	padding-left: 4px !important;
}
.wj-cells .wj-cell.Subtotal0:not(.cell-rtf),
.wj-cells .wj-cell.Subtotal1:not(.cell-rtf) {
	font-weight: 600 !important;
}

/* ---------------------------------------------- */
/* Status Bar */
.bravo-panel-status {
	background-color: #26518b !important;
	color: #fff !important;
}

.bravo-panel-status bravo-button button {
	color: #fff !important;
}

/* ============================================== */
/* SUB window */
/* ============================================== */
bravo-flow-layout-panel.panelCommand.bravo-container button,
bravo-flow-layout-panel.panelCommand.bravo-container bravo-check-box,
bravo-flow-layout-panel.panelCommand.bravo-container bravo-link-command
{
	cursor: pointer;
}

data-editor bravo-table-layout-panel.panel-panelParent{
	background-color: #ffffff !important;
}

data-editor bravo-table-layout-panel.panel-panelParent .scroll-horizontal.wj-control {
	border-top: 0px !important;
}

bravo-table-layout-panel.panelEditor.wj-state-readonly:not(bravo-editing-grid),
bravo-table-layout-panel.panelEditor.wj-state-disabled:not(bravo-editing-grid):not(.bravo-menustrip-item):not(hr), 
{
    background-color: #ffffff !important;
}

bravo-table-layout-panel[name='panelEditor'] .bravo-label-hotkey {
    color: #FF9800 !important;
}

bravo-group-panel fieldset legend bravo-auto-label {
	font-weight: 700 !important;
    text-transform: uppercase;
}

bravo-table-layout-panel.panelEditor bravo-tab-strip.tabStrip {
	padding-top: 1px;
	padding-left: 2px;
	background-color: #fff !important;
}

bravo-flow-layout-panel bravo-link-command,
bravo-flow-layout-panel bravo-button:not(.wj-state-disabled) {
    background: #fff !important;
    border: 1px solid #263463e3 !important;
}

bravo-flow-layout-panel  bravo-check-box {
	color: #26396b;
}

.bravo-content-main .bravo-panel-header {
	border-width: 0px !important;
	background: rgb(38 53 100) 0% important;
    background: #3c6baa !important;
    padding-top: 2px;
    padding-bottom: 2px;
}

#bravo-form-main bravo-expanding-panel.bravo-container {
	margin:  0px !important;
}

data-editor bravo-table-layout-panel #panel-main bravo-editing-grid {
	margin-left: 2px !important;
	/* 
	z-index: 999 !important; 
	*/
}

bravo-table-layout-panel.panelEditor.bravo-container.panel-panelEditor .wj-content.bravo-control
{
	border: 1px solid rgb(38 52 100 / 85%) !important;
	margin-left: 0px !important;
	margin-right: 4px !important;
}

/* ---------------------------------------------- */
/* Container */
data-editor bravo-table-layout-panel.panelEditor[name='panelEditor'] bravo-expanding-panel.bravo-container {
	min-width: calc(100% - 0px) !important;
	max-width: calc(100% - 0px) !important;
}

/* ---------------------------------------------- */
/* Form */
data-editor .bravo-panel-content>bravo-table-layout-panel:not(.bravo-menustrip-item) {
	background-color: #fff !important;	
	margin-bottom: 0px !important;
	margin-left: 0px !important; /* 4px */
}

data-editor .bravo-panel-content>bravo-table-layout-panel.panel-panelComment:not(.bravo-menustrip-item) {
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

data-editor .wj-state-disabled:not(bravo-editing-grid):not(.bravo-menustrip-item):not(hr), 
data-editor .wj-state-readonly:not(bravo-editing-grid) {
	background-color: #ffffff !important;
}

data-editor bravo-lookup-box[name='lookupDocStatus'] {
	background-color: rgb(255 235 59 / 40%) !important;
}

/* ---------------------------------------------- */
/* Label */
bravo-table-layout-panel[name='panelEditor'] bravo-auto-label,
bravo-table-layout-panel[name='panelEditor'] bravo-label {
	font-weight: 600;
	color: #2a4bc1;
}

/* ---------------------------------------------- */
/* Tabstrip */
bravo-table-layout-panel[name='panelEditor'] .bravo-menu-button.bravo-menustrip-item {
	padding-left: 6px;
	padding-right: 6px;
}
bravo-table-layout-panel.panelEditor bravo-tab-strip{
    background: #fff !important;
}

data-editor.bravo-form .panelCommand.bravo-container {
	background-color: #fff6aa;
	font-size: 10pt;
}

div[class^="panel-row"],
bravo-table-layout-panel.panelEditor bravo-table-layout-panel div[class^="panel-row"] {
	margin-bottom: 4px;
}

/* 
data-editor bravo-table-layout-panel.panelEditor[name='panelEditor'] bravo-expanding-panel.bravo-container {
    min-width: calc(100% - 0px) !important;
    max-width: calc(100% - 0px) !important;
}
*/