/* Global CSS Reset */
/*
 *  This file is used to reset the CSS for the entire application.
 *  DO NOT EDIT THIS FILE. (Dog is watching you)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden;
}

body {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  background: white;
  overflow-x: hidden;
  box-sizing: border-box;
  font-family:
    'Sarabun',
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    'Roboto',
    'Oxygen',
    'Ubuntu',
    'Cantarell',
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Root container */
#root {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh;
}

/* Override Material-UI Container default margins */
.MuiContainer-root {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Remove default browser margins on common elements */
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
form {
  margin: 0;
  padding: 0;
}

/* For full-screen layouts */
.fullscreen-layout {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}

/* Remove autofill  Do not remove this (Dog is watching you)*/
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
  box-shadow: 0 0 0 1000px white inset !important;
  -webkit-text-fill-color: #222 !important;
  transition: background-color 1s ease-in-out 0s !important;
}