/* CSS variables to tidy up the styling and have a singular color refrence for each frequently used color*/
:root {
  --skechers-blue: #0063ba;
  --main-background: #000000;
  --text-color: #ffffff;
}

/* === sRGB COLOR SPACE ENFORCEMENT === */
/* Forces consistent color output across all displays */
*, *::before, *::after {
  color-profile: sRGB !important;
  forced-color-adjust: none !important;
}
html, body {
  color-profile: sRGB !important;
}

/* Login Screen */
.inc-login__container-header-logo {
  content: url(Skechers_Logo.png) !important;
}

.inc-login__container-header h2 span {
  display: none !important;
}

.inc-login {
  background-image: url(Skechers_Landing.png) !important;
  background-repeat: no-repeat !important;
  background-color: var(--skechers-blue) !important;
}

.inc-login__pane-container-form .ant-btn-primary {
  background-color: var(--skechers-blue) !important;
  border-color: var(--skechers-blue) !important;
}

.inc-login__pane-container-form .ant-btn-primary [disabled] {
  background-color: var(--skechers-blue) !important;
  color: #ffffff !important;
}

.inc-login__pane-container-form .ant-btn-secondary {
  color: var(--skechers-blue) !important;
}

.inc-login__help-link {
  color: var(--skechers-blue) !important;
}

/* Application header / menus */

/* 
.inc-nav: Incorta Navigation Header
.inc-main-nav: Main subenu  
.inc-sec-nav: Secondary sub menu
 */
.inc-nav,
.inc-main-nav,
.inc-sec-nav {
  background-color: var(--skechers-blue) !important;
}

/*
.ant5-menu-item: Navigation menu item
.ant5-menu-submenu: Navigation sub menu item
*/
.inc-nav .ant5-menu-item,
.inc-nav .ant5-menu-submenu .ant5-menu-submenu-title {
  color: var(--text-color) !important;
}

/*
.anticon svg: Navigation menu  Icon
*/
.inc-nav .anticon svg {
  fill: var(--text-color) !important;
}

/*
.ant5-menu-item-selected: Selected Navigation menu Item 
*/
.inc-nav .ant5-menu-item-selected {
  background-color: #4c5558 !important;
}

/*
#menu-trigger-btn : Navigation Expand/Collapse Trigger button
*/
#menu-trigger-btn {
  background-color: #2d2b2b !important;
}

/*
#incorta-logo: Incorta logo container inside navigation menu
*/
#incorta-logo .logo-wrapper {
  content: url(Skechers_Logo_black.png) !important;
  width: 165px !important;
  height: 25px !important;
  /*width: 259px !important;
   height: 23px !important; */
  margin-top: 1px !important;
}

/*
Switch to smaller Logo when the nav is collapsed
*/
.ant5-layout-sider-collapsed #incorta-logo .logo-wrapper {
  content: url(Skechers_S_Logo.png) !important;
  width: 100% !important;
  width: 100% !important;
}
.inc-nav .new-header-logo {
  display: flex !important;
}

/* Main Layout component and page header */
/*
.new-page-details: Page Header, its background color should match nav color
*/
.new-page-details {
  background-color: var(--main-background) !important;
}
/*
.ant-breadcrumb: Used as title in some page headers
svg path: The icons used for the header actions like comments, info, etc.
*/
.new-page-details .page-details-left .ant-breadcrumb a,
.new-page-details .page-details-left .ant-breadcrumb .ant-breadcrumb-separator,
.new-page-details .page-details-left .ant-breadcrumb .inc-crumb-disabled,
.new-page-details .page-details-left .ant-breadcrumb > span:last-child,
.new-page-details .page-details-right svg path,
.new-page-details .page-details-left h1,
.new-page-details .maximize-navigation-counter {
  color: var(--text-color) !important;
}

/*
Addiotnal selectos for some components states to make them consistent witht the black background
*/
.inc-maximize-header
  .maximize-insight-actions
  .insight__header-menu:hover
  .anticon,
.inc-analyzer-header__actions-settings--active {
  background-color: #2d373a !important;
}

/*
.content-wrapper: Main page container, its right and bottom border should match nav color
*/
.content-wrapper {
  border-right: 16px solid var(--main-background) !important;
  border-bottom: 16px solid var(--main-background) !important;
}
/* buttons */

.page-details-new-button {
  background-color: var(--skechers-blue) !important;
  border-color: var(--skechers-blue) !important;
}

.inc-datasources-header__create-button {
  background-color: var(--skechers-blue) !important;
  border-color: var(--skechers-blue) !important;
}

.add_btn.newButton {
  background-color: var(--skechers-blue) !important;
  border-color: var(--skechers-blue) !important;
}

[dir] .draggable-insight-wrapper .insight-hover-border {
    border: 2px solid #eef1f200 !important;
}

.insight .ant-spin-container.ant-spin-blur {
     opacity:0;
     transition:none;
}

.inc-new-catalog-wrapper .inc-catalog .inc-catalog-cards {
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr)) !important;
}

/* Chart Fonts

.highcharts-label.highcharts-data-label span {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-label.highcharts-data-label text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-label.highcharts-data-label.highcharts-data-label-color-undefined tspan {
  stroke: #ffffff00 !important;
}
.highcharts-label.highcharts-stack-labels text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-label.highcharts-stack-labels tspan {
  stroke: #ffffff75 !important;
}
.highcharts-axis.highcharts-xaxis text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-axis.highcharts-yaxis text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-axis.highcharts-zaxis text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-axis-labels.highcharts-xaxis-labels text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-axis-labels.highcharts-yaxis-labels text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-axis-labels.highcharts-zaxis-labels text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-pie-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-column-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-bar-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-line-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-spline-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-area-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-arearange-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-bubble-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
.highcharts-legend-item.highcharts-scatter-series text {
  font-weight: 450 !important;
  font-size: 1em !important;
}
*/

/*Added the color in the banner field*/
.new-page-details {
  background-color: var(--skechers-blue) !important;
}

/*4th Nov change the color of the 2 tab: Background color of the left menu and tab "< & >"*/

.inc-nav .ant5-menu-item-selected {
   background-color: #40326a78 !important;
}
#menu-trigger-btn {
   background-color: #193d8b !important;
}