@font-face {
  src: url(fonts/Lato-Black.ttf) format("truetype");
  font-family: Lato-Black;
  font-weight: normal;
}
@font-face {
  src: url(fonts/Lato-BlackItalic.ttf) format("truetype");
  font-family: Lato-BlackItalic;
  font-weight: normal;
  font-style: italic;
}
@font-face {
  src: url(fonts/Lato-Bold.ttf) format("truetype");
  font-family: Lato-Bold;
  font-weight: bold;
}
@font-face {
  src: url(fonts/Lato-BoldItalic.ttf) format("truetype");
  font-family: Lato-BoldItalic;
  font-weight: bold;
  font-style: italic;
}
@font-face {
  src: url(fonts/Lato-Italic.ttf) format("truetype");
  font-family: Lato-Italic;
  font-style: italic;
}
@font-face {
  src: url(fonts/Lato-Regular.ttf) format("truetype");
  font-family: Lato-Regular;
  font-weight: normal;
}
@font-face {
  src: url(fonts/Lato-Medium.ttf) format("truetype");
  font-family: Lato-Medium;
  font-weight: normal;
}
@font-face {
  src: url(fonts/Lato-Light.ttf) format("truetype");
  font-family: Lato-Light;
  font-weight: lighter;
}
@font-face {
  src: url(fonts/Lato-LightItalic.ttf) format("truetype");
  font-family: Lato-LightItalic;
  font-weight: lighter;
  font-style: italic;
}

@font-face {
  src: url(fonts/Lato-Semibold.ttf) format("truetype");
  font-family: Lato-Semibold;
  font-weight: semibold;
}

@font-face {
  src: url(fonts/MaterialIcons.ttf);
  font-family: MaterialIcons;

}

@font-face {
  src: url(fonts/MaterialCommunityIcons.ttf) format("truetype");
  font-family: MaterialCommunityIcons;
  font-weight: normal;
  font-stretch: normal;
}

@font-face {
  src: url(fonts/Ionicons.ttf) format("truetype");
  font-family: Iconicons;
  font-weight: normal;
  font-stretch: normal;
}

@font-face {
  src: url(fonts/Dosis-Regular.ttf) format("truetype");
  font-family: Dosis-Regular;
  font-weight: normal;
}

@font-face {
  src: url(fonts/Dosis-Medium.ttf) format("truetype");
  font-family: Dosis-Medium;
}

@font-face {
  src: url(fonts/Dosis-SemiBold.ttf) format("truetype");
  font-family: Dosis-SemiBold;
  font-weight: bold;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

#root {
  height: 100%;
  flex: 1 0 auto;
  display: flex;
}
select {
  background: none;
  border: none;
  color: rgb(1, 39, 77);
}

input:focus {
  outline: none;
}