:root {
  --main-brand-color: #282830;
  --brand-button-color: #ff0022;
  --brand-white: #FFF;
}

/*font-face*/
@font-face {
  font-family: 'ReadRegular';
  src: url('./fonts/ReadCS-Regular_V3000.ttf') format('truetype'), url('./fonts/Read-Regular_V3000.woff') format('woff'),
    url('./fonts/Read-Regular_V3000.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'ReadBold';
  src: url('./fonts/ReadCT-Bold_V3000.ttf') format('truetype'), url('./fonts/Read-Bold_V3000.woff') format('woff'),
    url('./fonts/Read-Bold_V3000.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}

html,
body,
#app {
  height: 100%;
}

#app {
  max-width: 700px;
  margin: 0 auto;
  position: relative;
}

body span,
body p,
body button,
body a,
body div {
  font-family: 'HelveticaRoman,sans-serif', 'Helvetica', 'Arial', sans-serif;
}

.MuiTypography-h6 {
  font-family: 'Ubuntu', 'Arial', sans-serif !important;
  color: var(--main-brand-color);
}

.MuiFormLabel-root {
  font-family: 'Ubuntu', 'Arial', sans-serif !important;
  color: var(--main-brand-color);
}

.MuiFormHelperText-root {
  font-family: 'Ubuntu', 'Arial', sans-serif !important;
  color: var(--main-brand-color);
}

/* body span, */
body p,
body button,
body a,
.MuiTypography-subtitle1 {
  color: var(--main-brand-color);
}
.MuiTypography-h6 {
  font-size: 28px;
  font-weight: normal;
  color: var(--main-brand-color);

}

/*header */

.MuiAppBar-colorPrimary {
  background-color: var(--brand-white);
  height: 64px;
  justify-content: center;
  min-height: 64px;
  box-shadow: none;
  background-image: url(./icon-384x384.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border-bottom: 1px var(--main-brand-color) solid;
}

/* generali fr btn general    */
.MuiButton-label {
  margin-top: 2px;
  font-weight: 700;
}

.MuiButton-contained {
  background-color: var(--brand-white);
  color: var(--main-brand-color);
  box-shadow: 1px 1px 6px 1px #00000029;
}

.google-map .gm-style :nth-child(15n) > div {
  z-index: 999999999 !important;
}

.MuiButton-containedPrimary[name='confirm'],
.MuiButton-containedPrimary[name='register'],
.MuiButton-containedPrimary[name='yes'],
.MuiButton-containedPrimary[name='recheck'],
.MuiButton-containedPrimary[name='addClaim'] {
  background-color: var(--brand-button-color)!important;
  color: var(--brand-white)!important;
  border: none !important;
  box-shadow: none;
  font-size: 13px;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  font-weight: 700;
}

.MuiLinearProgress-bar1Determinate {
  background-color: #425464;
}
.MuiSvgIcon-colorPrimary {
  color: var(--main-brand-color);
}
.MuiButton-outlinedSecondary {
  background-color: var(--brand-white);
  border: 1px solid var(--main-brand-color) !important;
  color: var(--main-brand-color) !important;
  border-radius: 4px !important;
}

.MuiButton-contained {
  background-color: var(--brand-white) !important;
  color: var(--main-brand-color) !important;
  border: 2px solid var(--main-brand-color) !important;
}

.MuiButton-contained:focus,
.MuiButton-containedPrimary[name='confirm']:focus,
.MuiButton-containedPrimary[name='register']:focus,
.MuiButton-containedPrimary[name='yes']:focus,
.MuiButton-containedPrimary[name='recheck']:focus,
.MuiButton-containedPrimary[name='addClaim']:focus {
  background-color: var(--main-brand-color);
}

.MuiButton-contained:focus .MuiButton-label,
.MuiButton-containedPrimary[name='confirm']:focus .MuiButton-label,
.MuiButton-containedPrimary[name='register']:focus .MuiButton-label,
.MuiButton-containedPrimary[name='yes']:focus .MuiButton-label,
.MuiButton-containedPrimary[name='recheck']:focus .MuiButton-label,
.MuiButton-containedPrimary[name='addClaim']:focus .MuiButton-label {
  color: var(--brand-white)
}

.MuiButton-contained.Mui-disabled {
  opacity: 0.5;
  /* background-color: #C8E4E7; */
}

.MuiButton-containedPrimary[name='confirm'].Mui-disabled,
.MuiButton-containedPrimary[name='register'].Mui-disabled,
.MuiButton-containedPrimary[name='yes'].Mui-disabled,
.MuiButton-containedPrimary[name='recheck'].Mui-disabled,
.MuiButton-containedPrimary[name='addClaim'].Mui-disabled {
  opacity: 0.5;
}

div.google-map button[name='confirm'] {
  margin-bottom: 15px;
}

.google-map .MuiTypography-subtitle2.MuiTypography-alignCenter {
  color: var(--main-brand-color);
}

button[name='close'] {
  background-color: var(--main-brand-color);
  color: var(--brand-white) !important;
  border: 1px solid var(--main-brand-color) !important;
}

/* selected */
.MuiButton-contained.null {
  /* box-shadow: none; */
  background-color: var(--main-brand-color) !important;
}

.MuiButton-contained.null .MuiButton-label{
  color: var(--brand-white);
}

.MuiButton-containedPrimary {
  background-color: #F5F5F5 !important;
  color: #76787B !important;
}
img[src*="welcome"] {
  width: 103px;
  height: auto;
}
.MuiCheckbox-colorSecondary.Mui-checked {
  color: var(--main-brand-color) !important;
}
a[href="tel:17"] {
  font-weight: bold;
  color: #2C44FF !important;
}
/*events blocs*/
#eventsContainer .MuiButton-contained {
  border: 1px solid #d8d8d8;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 6px, rgba(0, 0, 0, 0.12) 0px 1px 4px;
  background-color: var(--brand-white);
  color: var(--main-brand-color);
}
#eventsContainer .MuiButton-contained:hover,
#eventsContainer .MuiButton-contained.null {
  box-shadow: none;
  background-color: var(--main-brand-color) !important;
  border-color: var(--main-brand-color);
  color: var(--brand-white);
}
[name="title"] + p {
  color: #000;
}

div[name='CircularProgress'] div svg{
  background-color: transparent;
  border-radius: 50%;
}
div[name='CircularProgress'] div svg circle {
  stroke: var(--main-brand-color);
  width: 50px;
  height: 50px;
}
/* second action  */
.MuiButton-outlinedSecondary:hover {
  background: none;
  background-color: none;
}
.MuiPaper-elevation1 {
  background-color: #F5F5F5;
  box-shadow: 1px 1px 6px 1px #00000029;
}
.MuiPaper-root.MuiCard-root.MuiPaper-elevation1.MuiPaper-rounded {
  background-color: transparent;
  box-shadow: none;
}
/* icon general color  */
.MuiAvatar-colorDefault {
  background-color: var(--main-brand-color) !important;
}
.MuiIcon-colorPrimary {
  color: var(--main-brand-color) !important;
}

/* breakdown autocomplete */
.MuiFormLabel-root.Mui-focused,
.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  color: var(--main-brand-color);
  border-color: var(--main-brand-color);
}

/*Highway km line color*/
.MuiInput-underline:after {
  border-bottom: 2px solid var(--main-brand-color);
}
.MuiMobileStepper-dotActive {
  background-color: var(--main-brand-color);
}

/* Impressum color */
.MuiLink-underlineHover.MuiTypography-colorPrimary {
  color: var(--main-brand-color)!important;
}