@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) format("truetype");
  font-family: MaterialIcons;
  font-weight: normal;
  font-stretch: normal;
}

@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;
}

@font-face {
  src: url(fonts/Feather.ttf) ;
  font-family: Feather;
  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 !important;
  outline-width: 0 !important;
  outline-offset: 0 !important;
}

select option[value="__NativebasePlaceholder__"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* this is used to hide the horizontal scrollbar in diary component timeline in web*/
.r-overflowX-lltvgl{
  overflow-x: hidden;
}

input::-ms-reveal {
  display: none;
}


/* hide the scroll icon in search input */
.r-overflow-1dqxon3{
  overflow: hidden;
}

#NoGPFound{
  overflow: hidden;

}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 0s 600000s, color 0s 600000s !important;
}