/*Copier le contenu du fichier dh-ql.scss sur https://codebeautify.org/scss-compiler
et coller le resultat dans dh-ql.css*/
* {
  --dh-color-primary: #0F4669;
  --dh-color-secondary: #007B81;
  --dh-color-secondary-hover: #00A4AC;
  --dh-color-secondary-click: #006368;
  --dh-color-label: #4D6A7D;
  --dh-color-placeholder: #4D6A7D;
  --dh-color-input-disabled: #4D6A7D;
  --dh-color-hover: #E6F6F7;
  --dh-border-color: #B2C1CC;
  --dh-background: #f2f5f9;
  --dh-background-second: white;
  --dh-background-disabled: #DDE6EC;
  --dh-color-shadow: rgba(15, 70, 105, 0.16);
  --dh-color-disabled: #B2C1CC;
  --dh-color-succes:#008033;
  --dh-color-alerte:#E36D00;
  --dh-color-erreur:#DB0028;
  --dh-font: 'Mulish', 'Arial', sans-serif;
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px;
} 
body#dh-ql-app {
  background: var(--dh-color-primary);
   color: var(--dh-color-primary);
}
body#dh-ql-app div.centerPanelItem {
  padding-top: 10px;
}
body#dh-ql-app table td {
  font-family: var(--dh-font);
}
body#dh-ql-app div#requeteur-searchButton img {
  background: var(--dh-color-secondary);
  border-radius: 99px;
}
body#dh-ql-app .tabItemAction.QUITTER, body#dh-ql-app .tabItemAction.AIDE, body#dh-ql-app .tabItemAction.FAVORIS, body#dh-ql-app .tabItemAction.HOME {
  color: var(--dh-color-primary);
}
body#dh-ql-app .navigator .x-panel-header-text {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px;
}
body#dh-ql-app .navigator .x-tree3-node-text {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px;
    color:var(--dh-color-primary);
}
body#dh-ql-app .navigatorMainContainer {
  background: var(--dh-color-primary);
}
body#dh-ql-app .navigator .x-panel-header {
  background: var(--dh-color-primary) !important;
  border-bottom: 1px dotted white !important;
}
body#dh-ql-app .navigator .x-panel-noborder:first-of-type .x-panel-header {
  border-top-color: var(--dh-color-primary) !important;
}
body#dh-ql-app .tabItemTitleBar {
  background: var(--dh-background);
  color: var(--dh-color-primary);
} 
body#dh-ql-app .tabItemTitleBarWithContext {
  margin-top: 9px;
  background: var(--dh-background);
  color: var(--dh-color-primary);
  border-bottom: 1px solid #d4d4d4;
}
body#dh-ql-app .categorieButton {
  background: white;
  color: var(--dh-color-secondary); 
}
body#dh-ql-app .categorieButton:hover{
	background:var(--dh-background-disabled);
}

body#dh-ql-app .tabPanelWorkPanel {
  border-color: var(--dh-color-primary);
  border:0px;
}
body#dh-ql-app .tabItemButton.tabItemButtonSelected {
  border-color: var(--dh-background);
  background: var(--dh-background);
}
body#dh-ql-app .tabItemButton.tabItemButtonSelected .tabItemButtonText, body#dh-ql-app .tabItemButton.tabItemButtonSelected .tabItemButtonClose {
  color: var(--dh-color-primary);
  font-weight: 600;
}
body#dh-ql-app .headerBarButton.user {
  border: 1px solid var(--dh-color-secondary);
  border-top-width: 0px;
  background: white;
  color: var(--dh-color-secondary);
}
body#dh-ql-app .headerBarButton {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px !important;
  color: white;
}
body#dh-ql-app .popup-header {
  border-color: var(--dh-color-primary);
  background: var(--dh-color-primary);
}

body#dh-ql-app .tabItemButtonText {
  max-height: 19px;
}
body#dh-ql-app .tabItemContextText {
  inset: 3px 0 0 !important;
}
body#dh-ql-app .grid-text {
  font-size: 13px;
  padding-top: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
body#dh-ql-app .x-panel-header {
  background: var(--dh-background) !important;
}
body#dh-ql-app .x-border-layout-ct {
  background: var(--dh-background);
}
body#dh-ql-app .progressBar.unicolor {
  background: var(--dh-color-secondary);
}
body#dh-ql-app .progressBar-indicator.unicolor {
  background: var(--dh-color-secondary-hover);
}
body#dh-ql-app div.categories-panel, body#dh-ql-app .headerStackPanel {
  background: var(--dh-background) !important;
}
body#dh-ql-app .search-container, body#dh-ql-app .slide-container {
  border-width: 0px !important;
}
body#dh-ql-app .grid-row-alt-0 td div, body#dh-ql-app .grid-row-alt-1 td div, body#dh-ql-app .grid-row-group td div, body#dh-ql-app .grid-header td div, body#dh-ql-app .grid-summary td div, body#dh-ql-app .grid-row-summary td div, body#dh-ql-app .grid-row-total-summary td div {
  font-size: 13px;
}
body#dh-ql-app .x-grid3-row td.x-grid3-cell, body#dh-ql-app .x-grid3-summary-row td.x-grid3-cell {
  line-height: 16px;
}
body#dh-ql-app .x-toolbar {
  background: var(--dh-background);
}
body#dh-ql-app .x-tab-panel-body {
  border-top: 1px solid var(--dh-border-color) !important;
}
body#dh-ql-app .x-tab-strip span.x-tab-strip-text {
  text-shadow: unset;
  font-family: 'Mulish';
  font-weight: 600;
  font-size: 12px;
  color:var(--dh-color-primary);
}
body#dh-ql-app .x-tab-strip .x-tab-strip-active span.x-tab-strip-text {
	color:white;
}
body#dh-ql-app .x-tab-strip-top .x-tab-right, body#dh-ql-app .x-tab-strip-top .x-tab-left, body#dh-ql-app .x-tab-strip-top .x-tab-strip-inner {
  background: white;
}
body#dh-ql-app ul.x-tab-strip li {
  border: 1px solid var(--dh-border-color);
}
body#dh-ql-app ul.x-tab-strip.x-tab-strip-top li.x-tab-strip-active .x-tab-right, body#dh-ql-app ul.x-tab-strip.x-tab-strip-top li.x-tab-strip-active .x-tab-left, body#dh-ql-app ul.x-tab-strip.x-tab-strip-top li.x-tab-strip-active .x-tab-strip-inner {
  background: var(--dh-color-primary);
}
body#dh-ql-app .x-btn-tl, body#dh-ql-app .x-btn-tr, body#dh-ql-app .x-btn-tc, body#dh-ql-app .x-btn-ml, body#dh-ql-app .x-btn-mr, body#dh-ql-app .x-btn-mc, body#dh-ql-app .x-btn-bl, body#dh-ql-app .x-btn-br, body#dh-ql-app .x-btn-bc {
  background: none;
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 11px;
}

body#dh-ql-app div.combo-tranparent table.x-btn.whiteBtnCombo, div.cle_repartition_exception table {
  background: transparent !important;
  border: 0px !important;
}

body#dh-ql-app table.x-btn {
  background: white;
  border: 1px solid var(--dh-border-color);
  border-radius: 30px;
  margin-top: -2px !important;
}

body#dh-ql-app table.x-btn button {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 12px;
  color:var(--dh-color-primary);
}
body#dh-ql-app table.x-btn.no-button-dh-style {
  border-color: transparent;
  background: transparent;
}
body#dh-ql-app table.x-btn.no-button-dh-style button {
  background: white;
}
body#dh-ql-app .x-form-group-label, body#dh-ql-app .x-form-cb-label {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px;
}
body#dh-ql-app div.x-form-check-wrap.x-form-field label {
  top: 2px !important;
}
body#dh-ql-app .x-toolbar td, body#dh-ql-app .x-toolbar span, body#dh-ql-app .x-toolbar input, body#dh-ql-app .x-toolbar div, body#dh-ql-app .x-toolbar select, body#dh-ql-app .x-toolbar label {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px;
}
body#dh-ql-app input{
	background:white;
}
body#dh-ql-app input:read-only{
	color: var(--dh-color-input-disabled);
	border-color: var(--dh-color-input-disabled);
}
body#dh-ql-app div.gwt-HTML {
  font-family: var(--dh-font) !important;
}
body#dh-ql-app div.toolsNavigator-text {
  font-size: 14px !important;
}
body#dh-ql-app .titleWindow, body#dh-ql-app .periodebutton, body#dh-ql-app .labelperiode {
  font-family: var(--dh-font);
}
body#dh-ql-app .x-tree3-node-text {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 13px;
  color:var(--dh-color-primary);
}
body#dh-ql-app .tabItemButton {
  color: white;
  background-color: var(--dh-color-primary);
  border: 1px solid var(--dh-border-color);
  border-bottom-width: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
body#dh-ql-app .x-form-field {
  font-family: var(--dh-font);
  font-weight: 600;
  font-size: 12px;
}

body#dh-ql-app .gwt-Button {
  font-family: var(--dh-font);
  text-shadow: none;
  background: white;
  border-radius: 30px !important;
  border-color: transparent !important;
  color: var(--dh-color-secondary);
  font-weight: 600 !important;
  font-size: 12px !important;
}

body#dh-ql-app .gwt-Button:hover {
	background:var(--dh-background-disabled);
}
body#dh-ql-app .gwt-Button:focus {
	border:2px solid var(--dh-color-secondary) !important;
	background: white;
}

body#dh-ql-app .seriebutton {
  background-color: var(--dh-color-secondary);
}
body#dh-ql-app .titleButton.title-print {
  background: var(--dh-color-secondary);
  border-radius: 90px;
}
body#dh-ql-app div.workspaceMenuButton i {
  color: white !important;
}
body#dh-ql-app .titleButton.titleButton-up-disabled.title-calc {
  background: var(--dh-color-disabled);
  border-radius: 90px;
  position: absolute;
  width: 32px;
  height: 32px;
}
body#dh-ql-app .titleButton.titleButton-up-disabled.title-calc:after {
  content: " ";
  background: url(../images/calculate_32x32.png);
  width: 32px;
  height: 32px;
  position: absolute;
}

body#dh-ql-app .titleButton.title-calc {
  background: var(--dh-color-secondary);
  border-radius: 90px;
}
body#dh-ql-app div:has(> div.title-print),
body#dh-ql-app div:has(> div.title-calc) {
  top: 0px !important;
}

body#dh-ql-app div.titleButton.arrow-down img{
filter: brightness(0.5);
}

body#dh-ql-app div.titleButton.arrow-down{
background:transparent !important;
}

body#dh-ql-app  span[style*="color: red"] {
        color: var(--dh-color-alerte) !important;
}

body#dh-ql-app  span[style*="color: green"] {
        color:var(--dh-color-succes)!important;
}

body#dh-ql-app .texte-succes{
	color:var(--dh-color-succes)!important;
}

body#dh-ql-app .texte-erreur{
	color:var(--dh-color-erreur)!important;
}
body#dh-ql-app div.module-save-analyse div:has(>.gwt-Button){
	height: 34px !important;
}

body#dh-ql-app .popup-window span, 
body#dh-ql-app .popup-window label{
	font-size: 11.5px;
}

body#dh-ql-app .fieldset-input-short > div{
	height: 25px !important;
}
body#dh-ql-app .id-etablis{
	height: 60px !important;	
}

body#dh-ql-app div:has(> .tbd-div-save){
	left:30px !important;
}