/* You can add global styles to this file, and also import other style files */
body {
	margin: 0;
	padding: 0;
	background-color: #f2f2f2 !important;
}

/* Font loaded - elegant icons*/
@font-face { /* declare fonts */
	font-family: "Roboto";
	src: url("Roboto-Regular.ttf") format("truetype");
}

/* Font loaded - elegant icons*/
@font-face { /* declare fonts */
	font-family: "elegant-icons";
	src: url("elegant-icons.ttf") format("truetype");
}

/* fallback */
/* Font loaded - Material Icons*/
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'), url("material-icons.woff2") format('woff2');
}

.material-icons {
  font-family: 'Material Icons' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  
  /* Support for all WebKit browsers. */
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

* {
	font-family: "Roboto", Arial, sans-serif !important;
}

:FOCUS {
	outline: none;
}

.back-button:before {
    content: "4";
    margin: 0;
    font-size: 30px;
    top: 6px;
    font-family: "elegant-icons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    line-height: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

button {
    border: none;
}

input:-webkit-autofill
{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.mat-step {
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    background: white;
    margin: 10px;
}

.mat-vertical-content-container.mat-stepper-vertical-line::BEFORE {
    content: initial;
}
