/* ===========================================================
   close_buttons.css
   Bouton fermer unifie sur le modele du selecteur de couleur
   =========================================================== */

:root{
  --ia-close-hit-size: 18px;
  --ia-close-glyph-size: 16px;
  --ia-close-glyph-shift-y: -1px;
  --ia-close-glyph-family: "Segoe UI", Tahoma, Arial, sans-serif;
}

.pmPanel .pmCloseBtn,
.ia-orderbook-panel .pmCloseBtn,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose
){
  --ia-close-hit-size: 28px;
  --ia-close-glyph-size: 17px;
}

.tilebar .tileCloseBtn,
.tile .tilebar .tileCloseBtn{
  --ia-close-hit-size: 28px;
  --ia-close-glyph-size: 17px;
}

.ia-pane-close{
  --ia-close-hit-size: 28px;
  --ia-close-glyph-size: 17px;
}

.ia-ohlc-close{
  --ia-close-hit-size: 28px;
  --ia-close-glyph-size: 17px;
}

.iaCloseXBtn,
.pmPanel .pmCloseBtn,
.ia-orderbook-panel .pmCloseBtn,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose,
  #confirmClose,
  #promptClose,
  #ecoModalClose
),
.iaPromptClose,
.ecoCloseBtn,
.tilebar .tileCloseBtn,
.tile .tilebar .tileCloseBtn,
.ia-pane-close,
.ia-ohlc-close,
[data-ia-color-demo-close="1"]{
  width: var(--ia-close-hit-size) !important;
  min-width: var(--ia-close-hit-size) !important;
  max-width: var(--ia-close-hit-size) !important;
  height: var(--ia-close-hit-size) !important;
  min-height: var(--ia-close-hit-size) !important;
  max-height: var(--ia-close-hit-size) !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid color-mix(in srgb, currentColor 55%, transparent) !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--ia-close-fg, var(--pm-close-fg, currentColor)) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  text-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.pmPanel .pmCloseBtn,
.ia-orderbook-panel .pmCloseBtn,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose
),
.tilebar .tileCloseBtn,
.tile .tilebar .tileCloseBtn,
.ia-pane-close,
.ia-ohlc-close{
  border: 1px solid var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
  background: var(--pm-close-bg, #fff) !important;
}

.iaCloseXBtn:hover,
.pmPanel .pmCloseBtn:hover,
.ia-orderbook-panel .pmCloseBtn:hover,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose,
  #confirmClose,
  #promptClose,
  #ecoModalClose
):hover,
.iaPromptClose:hover,
.ecoCloseBtn:hover,
.tilebar .tileCloseBtn:hover,
.tile .tilebar .tileCloseBtn:hover,
.ia-pane-close:hover,
.ia-ohlc-close:hover,
[data-ia-color-demo-close="1"]:hover{
  background: transparent !important;
  border-color: color-mix(in srgb, currentColor 82%, transparent) !important;
  box-shadow: none !important;
  color: var(--ia-close-fg-hover, var(--pm-close-fg-hover, var(--ia-close-fg, var(--pm-close-fg, currentColor)))) !important;
  transform: none !important;
}

.pmPanel .pmCloseBtn:hover,
.ia-orderbook-panel .pmCloseBtn:hover,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose
):hover,
.tilebar .tileCloseBtn:hover,
.tile .tilebar .tileCloseBtn:hover,
.ia-pane-close:hover,
.ia-ohlc-close:hover{
  background: var(--pm-close-bg-hover, #f3f3f3) !important;
  border-color: var(--pm-ui-border, rgba(0,0,0,0.15)) !important;
}

.iaCloseXBtn::before,
.pmPanel .pmCloseBtn::before,
.ia-orderbook-panel .pmCloseBtn::before,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose,
  #confirmClose,
  #promptClose,
  #ecoModalClose
)::before,
.iaPromptClose::before,
.ecoCloseBtn::before,
.tilebar .tileCloseBtn::before,
.tile .tilebar .tileCloseBtn::before,
.ia-pane-close::before,
.ia-ohlc-close::before,
[data-ia-color-demo-close="1"]::before{
  content: "x";
  display: block;
  font-family: var(--ia-close-glyph-family);
  font-size: var(--ia-close-glyph-size);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  transform: translateY(var(--ia-close-glyph-shift-y));
  pointer-events: none;
}

.iaCloseXBtn > svg,
.pmPanel .pmCloseBtn > svg,
.ia-orderbook-panel .pmCloseBtn > svg,
:is(
  #workspaceClose,
  #legendClose,
  #settingsClose,
  #infoClose,
  #calendarClose,
  #earningsClose,
  #appearanceClose,
  #smaClose,
  #bollingerClose,
  #rsiClose,
  #volumeClose,
  #timeframeClose,
  #brokerClose,
  #tradingAccountClose,
  #profileClose,
  #tradingJournalClose,
  #trittonTradingJournalClose,
  #orderEntryClose,
  #orderBookClose,
  #ecosystemStateClose,
  #confirmClose,
  #promptClose,
  #ecoModalClose
) > svg,
.iaPromptClose > svg,
.ecoCloseBtn > svg,
.tilebar .tileCloseBtn > svg,
.tile .tilebar .tileCloseBtn > svg,
.ia-pane-close > svg,
.ia-ohlc-close > svg,
[data-ia-color-demo-close="1"] > svg{
  display: none !important;
}

#iaColorSelectionDemoPanel .iaCloseXBtn,
#iaColorSelectionDemoPanel [data-ia-color-demo-close="1"]{
  --ia-close-hit-size: 18px;
  --ia-close-glyph-size: 16px;
  color: inherit !important;
}

#iaColorSelectionDemoPanel .iaCloseXBtn:hover,
#iaColorSelectionDemoPanel [data-ia-color-demo-close="1"]:hover{
  color: inherit !important;
}