/*general styles*/
  :root {
    --main-client-color: #ff6e4b;
  }
/*font-face*/
  @font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Regular/Montserrat-Regular.eot') format('embedded-opentype'),
      url('./fonts/Montserrat-Regular/Montserrat-Regular.otf') format('opentype'),
      url('./fonts/Montserrat-Regular/Montserrat-Regular.woff') format('woff'),
      url('./fonts/Montserrat-Regular/Montserrat-Regular.ttf') format('truetype'),
      url('./fonts/Montserrat-Regular/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Medium/Montserrat-Medium.eot') format('embedded-opentype'),
      url('./fonts/Montserrat-Medium/Montserrat-Medium.otf') format('opentype'),
      url('./fonts/Montserrat-Medium/Montserrat-Medium.woff') format('woff'),
      url('./fonts/Montserrat-Medium/Montserrat-Medium.ttf') format('truetype'),
      url('./fonts/Montserrat-Medium/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
  }
  @font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Bold/Montserrat-Bold.eot') format('embedded-opentype'),
      url('./fonts/Montserrat-Bold/Montserrat-Bold.otf') format('opentype'),
      url('./fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('woff'),
      url('./fonts/Montserrat-Bold/Montserrat-Bold.ttf') format('truetype'),
      url('./fonts/Montserrat-Bold/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
  }
  
  /*general styles*/
  body {
    font-family: 'Montserrat', 'Arial', sans-serif;
    color: #201547;
  }
  
  html,
  body,
  #app {
    height: 100%;
  }

body span,
body p,
body button,
body a,
body div {
  font-family: 'Montserrat', 'Arial', sans-serif;
}
  
  .MuiTypography-h6 {
    font-family: 'Montserrat', 'Arial', sans-serif;
    color: var(--main-client-color);
  }
  
  .MuiFormLabel-root {
    font-family: 'Montserrat', 'Arial', sans-serif;
    color: var(--main-client-color);
  }
  
  .MuiFormHelperText-root {
    font-family: 'Ubuntu', 'Arial', sans-serif !important;
    color: var(--main-client-color);
  }
  
  body span,
  body p,
  body button,
  body a,
  
  .MuiTypography-subtitle1 {
    color: var(--main-client-color);
  }
  .MuiTypography-h6 {
    font-size: 28px;
    font-weight: normal;
    color: var(--main-client-color);
  
  }
  
  /*header */
  #root>div>.MuiGrid-root{
    min-height: 64px;
    height: 64px;
  }
  .MuiAppBar-colorPrimary{
    background-color: #ff6e4b;
    /* height: 64px;
    min-height: 64px; */
    box-shadow: none;
    border-bottom: 2px solid #231547;
    background-image: url(./img/logo-dialog.png);
    margin: 0 auto;
    position: fixed;
    top: 0;
    display: flex;
    background-position: center;
    background-size: 120px;
    background-repeat: no-repeat;
    width: 100%;
  }
  
  /* generali fr btn general    */
  .MuiButton-label {
    margin-top: 2px;
    font-weight: 700;
  }
  
  .MuiButton-contained {
    background-color: #F5F5F5;
    color: #76787B;
    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: #ff6e4b !important;
    border: none !important;
    box-shadow: none;
    font-size: 13px;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    font-weight: 700;
  }
  
  .MuiButton-containedPrimary[name='confirm'] .MuiButton-label,
  .MuiButton-containedPrimary[name='register'] .MuiButton-label,
  .MuiButton-containedPrimary[name='yes'] .MuiButton-label,
  .MuiButton-containedPrimary[name='recheck'] .MuiButton-label,
  .MuiButton-containedPrimary[name='addClaim'] .MuiButton-label {
    color: #FFFFFF;
  }
  
  .MuiLinearProgress-bar1Determinate {
    background-color: #425464;
  }
  .MuiSvgIcon-colorPrimary {
    color: var(--main-client-color);
  }
  .MuiButton-outlinedSecondary {
    background-color: #fff !important;
    border: 1px solid #ff6e4b !important;
    color: #ff6e4b !important;
    border-radius: 4px !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: #ff6e4b !important;
  }
  
  .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: #ffffff !important;
  }
  
  .MuiButton-contained.Mui-disabled {
    opacity: 0.5;
    background-color: #C8E4E7;
  }
  .MuiCollapse-wrapper .MuiButton-contained {
    background-color: #F5F5F5 !important;
    color: #76787B;
  }
  .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-client-color);
  }
  
  button[name='close'] {
    background-color: #fff !important;
    color: #ff6e4b !important;
    border: 1px solid #ff6e4b !important;
  }
  
  /* selected */
  .MuiButton-contained.null {
    /* box-shadow: none; */
    background-color: #ff6e4b !important;
  }
  
  .MuiButton-contained.null .MuiButton-label{
    color: #ffffff !important;
  }
  
  .MuiButton-containedPrimary {
    background-color: #F5F5F5 !important;
    color: #76787B !important;
  }
  img[src*="welcome"] {
    width: 103px;
    height: auto;
  }
  .MuiCheckbox-colorSecondary.Mui-checked {
    color: #ff6e4b !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: white !important;
    color: #ff6e4b;
  }
  #eventsContainer .MuiButton-contained:hover,
  #eventsContainer .MuiButton-contained.null {
    box-shadow: none;
    background-color: #ff6e4b !important;
    border-color: #ff6e4b;
    color: #ffffff !important;
  }
  [name="title"] + p {
    color: #000;
  }
  
  /* spinner  */
  /* #root > div .MuiGrid-root+.MuiGrid-root.MuiGrid-align-content-xs-center {
    width:700px;
  } */
  /* [name="CircularProgress"] > [role="progressbar"]{
    width: 50px!important;
    height: 50px!important;
  } */
  div[name='CircularProgress'] div svg{
    background-color: transparent;
    border-radius: 50%;
  }
  div[name='CircularProgress'] div svg circle {
    stroke: rgb(255, 110, 75);
    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: #ff6e4b !important;
  }
  .MuiIcon-colorPrimary {
    color: #ff6e4b !important;
  }
  
  /* cookie bar
  div[name='cookieBanner'] {
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    color: #ffffff;
  }  */
  
  /* breakdown autocomplete */
  .MuiFormLabel-root.Mui-focused,
  .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
    color: var(--main-client-color);
    border-color: var(--main-client-color);
  }
  
  /*Highway km line color*/
  .MuiInput-underline:after {
    border-bottom: 2px solid #ff6e4b;
  }
  .MuiMobileStepper-dotActive {
    background-color: #ff6e4b;
  }