:root {
  /* Colors */
  --dark-text-color: #212529;
  --primary-color: #0019a2;
  --primary-light-color: #1430c5;
  --primary-hover: rgba(0, 25, 162, 0.1);
  --secondary-color: #685ca4;
  --secondary-light-color: #8073c2;
  --secondary-hover: rgba(104, 92, 164, 0.1);
  --light-blue: #e1deed;
  --error-color: #dc3545;
  --warning-color: #eda00b;
  --success-color: #28a745;
  --success-color-hover: #2ebb4f;
  --issue-color: #f15e3e;
  --issue-color-hover: #f26f52;
  --updated-value-bg: #fbf3c9;
  --new-value-bg: #cdfbc9;
  --positive-value: #3af277;
  --negative-value: #ff6341;

  --picked-header-table: #deede0;
  --issue-header-table: #f7f3dc;

  --light-gray-background: #f9f9f9;
  --lighter-gray-background: #fcfcfc;
  --light-gray-hover: #f1f0f1;
  --light-black: #21252993;
  --lighter-black: #21252938;
  --card-background: #f5f6f7;
  --card-border: #e8e8e8;
  --disabled-color: #2125293c;

  --selected-card-bg: #d1eef0;
  --selected-card-stroke: #1aacb6;

  --gradient: linear-gradient(140deg, rgba(0, 25, 162, 1) 0%, rgba(76, 0, 163, 1) 100%);
  --gradient-lighter: linear-gradient(140deg, rgba(0, 25, 162, 0.9) 0%, rgba(76, 0, 163, 0.9) 100%);
  --gradient-new: linear-gradient(45deg, #575089cc 0%, #575089ff 70%);
  --box-shadow: 0px 3px 5px 0px #00000030;
  --transition-on-hover: 0.2s;
}

body {
  font-family: 'Noto Sans';
}

html,
body {
  background-color: var(--light-blue) !important;
}

a {
  color: var(--secondary-color) !important;
}

a:hover {
  color: var(--secondary-light-color) !important;
}

.sidebar-link {
  color: white;
}

h1 {
  font-size: 3.313em !important;
}

h2 {
  font-size: 2.3em !important;
}

h3 {
  font-size: 2.125em !important;
}

h4 {
  font-size: 1.688em !important;
}

h5 {
  font-size: 1.313em !important;
}

h6 {
  font-size: 1.063em !important;
}

p {
  font-size: 0.97em !important;
}

.primary-color {
  color: var(--primary-color);
}

.secondary-color {
  color: var(--secondary-color);
}

/*** tables ***/

thead {
  background-color: var(--light-blue) !important;
  border-bottom: 1px solid var(--dark-text-color) !important;
}

tr {
  border-bottom: 1px solid var(--lighter-black) !important;
  color: var(--dark-text-color) !important;
}

/***** FORM ****/

.form-control,
.form-select {
  color: var(--dark-text-color) !important;
  border: none !important;
  border-bottom: 1px solid var(--light-black) !important;
  border-radius: 0px !important;
  background-image: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"/></svg>') !important;
}

.form-select:focus {
  border-bottom: none;
  outline: 0;
  box-shadow: inset 0px -2px 0px 0px var(--secondary-color) !important;
}

.condition-badge-container {
  width: 30px;
  margin-right: 2px;
  border-radius: 3px;
  text-align: center;
  font-size: 12px;
}

.MuiInput-underline:after {
  border-bottom: 1px solid var(--secondary-color) !important;
}

.sidebar-warning-icon {
  position: relative;
  left: 20px;
  top: 5px;
}

.accordion-button:not(.collapsed) {
  background-color: var(--light-blue) !important;
  color: var(--dark-text-color) !important;
}

.accordion-button:focus {
  box-shadow: var(--secondary-light-color) !important;
}

/********* custom MUI filters *********/

.MuiFormLabel-filled {
  color: var(--dark-text-color) !important;
  font-weight: bold;
}

.Mui-focused {
  color: var(--dark-text-color) !important;
}

.Mui-focused {
  border-bottom: 2px solid transparent !important;
}

.MuiInput-underline:before {
  border-bottom: 1px solid var(--dark-text-color) !important;
}

.MuiInput-underline:after {
  border-bottom: 2px solid var(--secondary-color) !important;
}

.MuiInput-underline:hover:not(.Mui-disabled):before {
  border-bottom: 2px solid var(--secondary-light-color) !important;
}

.MuiInput-underline.MuiInputBase-formControl.MuiInput-formControl:hover {
  border-bottom: 2px solid transparent !important;
}

/* serve a non far spostare i text field quando si passa sopra in hover */
.MuiInput-underline.MuiInputBase-formControl.MuiInput-formControl {
  border-bottom: 2px solid transparent !important;
}

/* slider */

.MuiSlider-root {
  color: var(--secondary-color) !important;
}

.MuiSlider-mark {
  color: var(--secondary-color) !important;
}

/* bold label for active filters */

.active-filter,
.active-filter label,
.active-filter input {
  font-weight: bold !important;
  color: var(--dark-text-color) !important;
}

/* toggle switch */

.MuiSwitch-colorSecondary.Mui-checked,
.MuiSwitch-colorPrimary.Mui-checked {
  color: var(--secondary-color) !important;
}

.MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track,
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track {
  background-color: var(--secondary-light-color) !important;
}

.MuiSwitch-track {
  background-color: var(--secondary-light-color) !important;
}

/***** checkbox ****/
.MuiCheckbox-colorSecondary.Mui-checked {
  color: var(--secondary-color) !important;
}

/* AutocompleteInput */

.custom-autocomplete.MuiAutocomplete-root {
  border: 3px solid transparent !important;
  border-bottom: 1px solid var(--dark-text-color) !important;
}

.custom-autocomplete.MuiAutocomplete-root:hover {
  border-bottom: 2px solid var(--secondary-light-color) !important;
}

.custom-autocomplete.MuiAutocomplete-root fieldset {
  border: 3px solid transparent !important;
}

.game-filter {
  width: 85px;
  height: 30px;
  border: 1px solid var(--dark-text-color);
  border-radius: 5px;
  margin: 3px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  color: 1px solid var(--dark-text-color);
}

.game-filter .ss-game-icon {
  margin-right: 5px;
}

.almost-custom-stepper svg.MuiSvgIcon-root.MuiStepIcon-root {
  transform: scale(1.9);
}

.almost-custom-stepper svg.MuiSvgIcon-root.MuiStepIcon-root.MuiStepIcon-completed,
.almost-custom-stepper svg.MuiSvgIcon-root.MuiStepIcon-root.MuiStepIcon-active,
.almost-custom-stepper svg.MuiSvgIcon-root.MuiStepIcon-root {
  margin-right: 5px;
  margin-left: 2px;
}

.almost-custom-stepper span.MuiStepLabel-iconContainer.MuiStepLabel-alternativeLabel {
  padding-left: 4px;
}

#menu-grading-provider {
  z-index: 1500 !important;
}

.blue-svg-logo {
  filter: brightness(0) saturate(100%) invert(9%) sepia(67%) saturate(5154%) hue-rotate(231deg)
    brightness(110%) contrast(116%);
}

.span-as-link {
  color: var(--secondary-color);
  text-decoration: underline;
  cursor: pointer;
}

.span-as-link:hover {
  color: var(--secondary-light-color);
}

/********** ACTION CARD ***********/
.action-card-container {
  box-shadow: var(--box-shadow);
  border-radius: 10px;
  padding: 16px;
}

.action-card-container h4,
.action-card-container i {
  color: var(--primary-color);
}



.custom-textfieldPopper {
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: white;
  box-shadow: var(--box-shadow);
}

.custom-genericPopper {
  box-shadow: var(--box-shadow);
}

.custom-textfieldPopper .Mui-focused {
  border-bottom: none !important;
}

.custom-textfieldPopper fieldset{
  top: 0px !important;
}