@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');

* {
font-family: Roboto !important;
}

#root > div > div:nth-of-type(2), #root > div > div:nth-of-type(3) {
	display: none;
}

#root header {
	display: none;
	box-shadow: none;
	border-bottom: solid 1px #EEE;
	padding: 13px 0;
}

#root > div {
 	padding: 0;
}

#root h1 {
 	display: none;
}

#root header > div > a > div {
  font-size: 0px; line-height: 0px;
}

#root header > div > div a {
	background-color: #ff9900;
	text-transform: none;
	font-size: 12px;
	box-shadow: none;
}

#root header img {
        width: auto !important; margin: 0; padding: 0;
}

#root h1 {
	text-align: left;
	color: #000;
}

#root form > div > div {
	align-items: normal;
	justify-content: left;
	margin: 0 0 16px 0 !important;
}

#root form > div > div > fieldset {
  margin: 0; width: 100%; 
}

#root form > div > div > fieldset > legend {
  float: left;
}

#root form > div > div > div {
	border-radius: 10px;
}

#root form > div > div:nth-of-type(2) {
	background-color: #EEE;
	padding: 25px;
	border-radius: 10px;
}

  #root form > div > div > div > fieldset {
  	margin: 0; border-color: #EEE;
  }

  #root form > div > div > label.Mui-focused {
	color: #424242;
  }

#root form > div > div .jss3 {
	justify-content: right;
        width: auto; float: right; position: absolute;
	right: -15px; top: -10px;
}

#root form > div > div:nth-of-type(3) {
	width: 100%;
	padding: 25px;
	background: #EEE;
	border-radius: 10px;
}

  #root form > div > div:nth-of-type(3) span.Mui-checked svg path,
  #root form > div > div .jss3 span.Mui-checked svg path {
  	color: #7dba27;
  }

#root form > div > div:nth-of-type(4) {
	justify-content: right; 
}

  #root form > div > div:nth-of-type(4) > div {
	  padding: 0;
  }

  #root form > div > div:nth-of-type(4) > div > button {
    background-color: #FF9900; box-shadow: none;
    text-transform: none; font-weight: 500 !important;
    letter-spacing: 0px; padding: 13px 29px;
    font-size: 1rem;
  }

#root form > div > div:nth-of-type(3) > div:nth-of-type(2) {
	display: none;
}

.Mui-focused fieldset {
	border-color: #7dba27 !important;
}

#root > div > div > div > .MuiTypography-root.MuiTypography-h4 {
	display: none;
}

#root > div > div > div > .MuiTypography-root.MuiTypography-body1 {
	display: none;
}

#root > div > div > div > div > .MuiTable-root {
	border-top: solid 1px rgb(224,224,224);
}

#root > div > div > div > div .MuiButton-root.MuiButton-contained.MuiButton-containedPrimary {
	background-color: #7dba27;
	box-shadow: none;
}

#root > div > div > div > div > table > tbody > tr .MuiTableCell-Root:first-of-type {
	padding: 16px 16px 16px 0px;
}

#root .MuiCheckbox-root {
	padding: 0 9px;
}

#root > div > div > div > button span svg {
  margin-right: 10px;
}

#root button:not(.MuiButton-containedPrimary) span.MuiButton-label {
  color: #333;
}

#root pre {
  border-width: 1px 0 1px 0; border-color: #DDD !important; 
  background: #FAFAFA; border-radius: 0;  
  padding: 30px;
  
}